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

package/template/src/pages/composite.tpl

@@ -1,171 +0,0 @@
-import * as React from "react";
-import { observer } from "mobx-react-lite";
-import { observable } from "mobx";
-import { get } from 'lodash'
-
-import { AppRender } from "handlers/render";
-import { createComputed } from "../../../../utils";
-import { createWidgets, retryDataBinds, WidgetsContext, resolveComponentProps } from 'handlers/utils'
-import getStateFn from "./lowcode/state.js";
-import computed from "./lowcode/computed.js";
-import lifecycle from "./lowcode/lifecycle.js";
-import { app, $page } from '../../../../app/global-api'
-
-<% handlersImports.forEach(handler => { %>
-import handler$<%= handler.name %> from "./lowcode/handler/<%= handler.name %>.js";
-<% }) %>
-
-// Import Components
-<% var componentsMap = {}; useComponents.forEach(compItem => {%>
-<% if(compItem.entries && compItem.entries.components){ %>
-import { <%= compItem.name %> as <%= compItem.var %> } from "libraries/<%= compItem.moduleName %>@<%= compItem.version %>/<%= compItem.entries.components %>";
-<% } else if(compItem.entries && compItem.entries.entry){ %><% if(!componentsMap[compItem.moduleName]){ componentsMap[compItem.moduleName] = true %>
-import <%= compItem.moduleNameVar %> from "libraries/<%= compItem.moduleName %>@<%= compItem.version %>/<%= compItem.entries.entry %>";
-<% } %>const { <%= compItem.name %>: <%= compItem.var %> } = <%= compItem.moduleNameVar %>.components
-<% } else { %>import <%= compItem.var %> from "libraries/<%= compItem.moduleName %>@<%= compItem.version %>/components/<%= compItem.name %>";<% } %>
-<%}) %>
-
-import * as constObj from '../../libCommonRes/const'
-import * as toolsObj from '../../libCommonRes/tools'
-
-import "./lowcode/style.less";
-
-const pluginInstances = [];
-
-class CompositeCompWrapper extends React.Component {
-
-  $WEAPPS_COMP = {}
-
-  componentDidUpdate() {
-    const { data } = this.props
-    for(let prop in data) {
-      // 更新 propsData
-      this.propsData[prop] = data[prop]
-    }
-  }
-
-
-  constructor(props) {
-    super(props);
-
-    this.compConfig = <%= JSON.stringify(compConfig, null, 2) %>
-    this.virtualFields = Object.assign({}, props.pageVirtualFields || {}, {
-    <% useComponents.forEach(compItem => {%>
-      "<%= compItem.key %>": React.forwardRef((props,ref) => <<%= compItem.var %> {...resolveComponentProps(props,  <%= compItem.isPlainProps? 1:0 %>)} ref={ref}/>),
-    <%}) %>
-    });
-    this.events = (<%= emitEvents %>).reduce((obj, trigger) => {
-      obj[trigger] = (event) => {
-        this.props.emit(trigger, event)
-      };
-      return obj
-    }, {});
-    this.handler = this.$WEAPPS_COMP.handler = {
-      <% handlersImports.forEach(handler => { %>
-      <%= handler.name %>: handler$<%= handler.name %>.bind(this),
-      <% }) %>
-    };
-    this.componentSchema = <%= componentSchema %>;
-    const widgetContext = <%= widgets %>
-    const dataBinds = <%= dataBinds %>
-    const defaultProps = <%= JSON.stringify(defaultProps, null, 2) %>
-    this.propsData = observable(Object.assign({}, defaultProps, this.props.data || {}))
-    this.$WEAPPS_COMP.lib = { const: constObj, tools: toolsObj }
-    this.$WEAPPS_COMP.props = { ...this.props, events: this.events, data: this.propsData }
-    this.state = this.$WEAPPS_COMP.state = observable(getStateFn.bind(this)())
-    this.computed = this.$WEAPPS_COMP.computed = createComputed(computed, this)
-    this.node = this.$WEAPPS_COMP.node = this.createWidgetNode(this) || {}
-    this.widgets = createWidgets(widgetContext, dataBinds, {})
-    // widgets 内的 dataBinds 可能需要关联 widgets，需要重新执行 dataBinds
-    retryDataBinds()
-    Object.keys(this.widgets || {}).forEach(widgetId => {
-      // 将实例 ownerWidget 挂到内部组件上。内部组件就可以通过 $comp.node.ownerWidget 获取到所在的组件实例
-      this.widgets[widgetId].ownerWidget = this.node
-    })
-    this.pageListenerInstances = [];
-    this.createCompAPI(this)
-  }
-
-  createWidgetNode(compThis) {
-    // 当为数组时，需要判断自己属于 widgets 的哪一项
-    const {
-      compositeParent,
-      forIndexes,
-      id
-    } = compThis.props
-    let widgetData = compositeParent
-      ? compositeParent.$WEAPPS_COMP.widgets[id]
-      : $page.widgets[id]
-    if(Array.isArray(widgetData)) {
-      widgetData = widgetData.length > 0 ? get(widgetData, forIndexes) : {}
-    }
-    widgetData = widgetData || {}
-    widgetData.getOwnerWidget = () => compThis.node.ownerWidget
-    widgetData.getConfig = () => compThis.compConfig
-
-    return widgetData
-  }
-
-  createCompAPI(compThis) {
-    const { forwardRef, ...restProps } = compThis.props || {};
-    compThis.$WEAPPS_COMP = {
-      compConfig: compThis.compConfig,
-      widgets: compThis.widgets,
-      node: compThis.node,
-      handler: compThis.handler,
-      lib: { const: constObj, tools: toolsObj },
-      get props() {
-        return {...restProps, events: compThis.events, data: compThis.propsData }
-      },
-      get state() {
-        return compThis.state
-      },
-      get computed() {
-        return compThis.computed
-      },
-      get _instanceRef() {
-        return forwardRef
-      },
-      get methods() {
-        return forwardRef.current?.methods
-      },
-      set methods(value) {
-        if(!forwardRef.current) {
-          forwardRef.current = {}
-        }
-        forwardRef.current.methods = value
-        return value
-      }
-    };
-  }
-
-  componentDidMount() {
-    const onAttached = lifecycle.onAttached && lifecycle.onAttached.bind(this)
-    Promise.resolve(onAttached()).then(()=>{
-      lifecycle.onReady && lifecycle.onReady.bind(this)()
-    })
-  }
-
-  componentWillUnmount() {
-    lifecycle.onDetached && lifecycle.onDetached.bind(this)()
-    this.$WEAPPS_COMP._instanceRef.current = undefined
-  }
-
-  render() {
-    return (
-      <WidgetsContext.Provider value={{ parent: this }}>
-        <AppRender
-          className={this.props.className}
-          virtualFields={this.virtualFields}
-          componentSchema={this.componentSchema}
-          codeContext={this}
-        />
-      </WidgetsContext.Provider>
-    );
-  }
-}
-
-export default observer((props, _ref) => (
-   <CompositeCompWrapper {...props} forwardRef={_ref}></CompositeCompWrapper>
-), { forwardRef: true });
-

package/template/src/router/index.tpl

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { BrowserRouter, Router, Route, Redirect, Switch, HashRouter } from 'react-router-dom';
-import { history, generateBrowserHistory, generateHashHistory } from 'utils/history';
-
-<%= mountApis %>
-<%= routerImports %>
-
-export default () => {
-  // 显式声明HASH 或 app 的 路由使用 hash router，而其他web应用使用 BrowserRouter
-  if (process.env.isApp || process.env.isAdminPortal || process.env.historyType === 'HASH') {
-    return (
-      <Router history={process.env.isAdminPortal? generateHashHistory({basename: "<%= basename %>"}) : history }>
-        <Switch>
-         <%= routerRenders %>
-         {process.env.isAdminPortal && false && <Route children={() => <Redirect to={'/404'} />} />}
-        </Switch>
-      </Router>
-    )
-  } else {
-    return (
-      <Router history={generateBrowserHistory({basename: "<%= basename %>"})}>
-        <Switch>
-          <%= routerRenders %>
-        </Switch>
-      </Router>
-    );
-  }
-
-}

package/template/src/store/computed.js

@@ -1,11 +0,0 @@
-// import all state of all pages & global
-import globalComputed from '../lowcode/computed'
-<% pageIds.forEach(function(pageId) { %>import <%= pageId %>Computed from '../lowcode/<%= pageId%>/computed';
-<% }); %>
-
-const computed = {
-  global: globalComputed,<% pageIds.forEach(function(pageId) { %>
-  <%= pageId %>: <%= pageId %>Computed,<% }); %>
-};
-
-export default computed;

package/template/src/store/index.js

@@ -1,40 +0,0 @@
-import { observable, toJS } from 'mobx'
-import initState from '../lowcode/state'
-
-export const subPackageName = '<%= rootPath %>'
-const appId = '<%= appId %>'
-const stateKey = `_weappsGlobalState-` + appId + subPackageName
-
-const globalState = observable(initState)
-export default globalState
-
-if (process.env.isMiniprogram) {
-  restoreGlobalState()
-
-  window.addEventListener('wxshow', restoreGlobalState)
-  window.addEventListener('wxhide', saveGlobalState)
-  window.addEventListener('wxunload', saveGlobalState)
-}
-
-/**
- * Save global state as plain object on wx.getApp()
- */
-function saveGlobalState() {
-  if (getApp()[stateKey]) {
-    // 返回了多层页面时，中间页面也会执行unload，但不能保存state
-    return
-  }
-  getApp()[stateKey] = toJS(globalState)
-}
-
-/**
- * Restore global state from wx.getApp()
- */
-function restoreGlobalState() {
-  const savedState = getApp()[stateKey]
-  if (savedState) {
-    Object.assign(globalState, savedState)
-    // TODO delete extra props
-    getApp()[stateKey] = null
-  }
-}

package/template/src/utils/formatEnum.js

@@ -1,42 +0,0 @@
-import { observable } from 'mobx';
-let loading = {};
-export let enumOptions = observable({});
-export function formatEnum(path, optionname) {
-  // 判断是单选还是多选
-  let isSingle = Array.isArray(path);
-  // 获取到options
-  let parseOptions = getEnumOptions(optionname);
-  if (parseOptions === '') {
-    return !isSingle ? path : path.join(',');
-  }
-  let multiTmp = [];
-  let value = !isSingle
-    ? JSON.parse(parseOptions)?.find((item) => item?.key === path)?.value
-    : JSON.parse(parseOptions)
-        ?.filter((item) => path.some((pathValue) => item?.key === pathValue))
-        .map((item) => multiTmp.push(item?.value));
-  // 对多选或者单选有不同处理
-  return !isSingle ? value : multiTmp?.join(',');
-}
-function getEnumOptions(optionName) {
-  if (enumOptions[optionName]) {
-    return enumOptions[optionName];
-  }
-  if (!loading[optionName]) {
-    loading[optionName] = true;
-    getGeneralOptions(optionName).then((data) => {
-      enumOptions[optionName] = data?.Items[0]?.Config;
-    });
-  }
-  return '';
-}
-async function getGeneralOptions(optionName) {
-  return app.cloud.callWedaApi({
-    action: 'DescribeGeneralOptionsDetailList',
-    data: {
-      PageSize: 1,
-      PageIndex: 1,
-      LikeNameOrTitle: optionName,
-    },
-  });
-}

package/template/src/utils/history.js

@@ -1,66 +0,0 @@
-import { createHashHistory, createBrowserHistory } from 'history';
-
-// if (!process.env.isMiniprogram) {
-const createHistory =
-  process.env.isApp ||
-  process.env.isAdminPortal ||
-  process.env.historyType === 'HASH'
-    ? createHashHistory
-    : createBrowserHistory;
-
-let history = createHistory({
-  basename: '', // The base URL of the app (see below)
-  forceRefresh: false, // Set true to force full page refreshes
-  keyLength: 6, // The length of location.key
-});
-window._WEAPPS_HISTORY = history;
-
-// } else {
-//   history = {
-//     push(path) {
-//       wx.navigateTo({
-//         url: '/pages/' + removeS(path) + '/index',
-//       });
-//     },
-//     replace(path) {
-//       wx.redirectTo({
-//         url: '/pages/' + removeS(path) + '/index',
-//       });
-//     },
-//     reLaunch(path) {
-//       wx.reLaunch({
-//         url: '/pages/' + removeS(path) + '/index',
-//       });
-//     },
-//     navigateBack(delta = 1) {
-//       wx.navigateBack({
-//         delta,
-//       });
-//     },
-//   };
-// }
-
-function generateBrowserHistory(param) {
-  history = createBrowserHistory(param);
-  window._WEAPPS_HISTORY = history;
-  return history;
-}
-
-function generateHashHistory(param) {
-  history = createHashHistory(param);
-  window._WEAPPS_HISTORY = history;
-  return history;
-}
-
-// const createHistory = (basename) => {
-//   if (process.env.isApp) {
-//     return createHashHistory({
-//       basename: '', // The base URL of the app (see below)
-//     });
-//   }
-//   return createBrowserHistory({
-//     basename,
-//   });
-// };
-
-export { history, createHistory, generateBrowserHistory, generateHashHistory };

package/template/src/utils/index.js

@@ -1,82 +0,0 @@
-import { get as lodashGet, set as lodashSet } from 'lodash';
-
-const componentsInfoMap = <%= componentsInfoMap %>;
-
-export function createComputed(funcs, bindContext = null) {
-  const obj = {};
-  for (const name in funcs) {
-    Object.defineProperty(obj, name, {
-      get: bindContext ? funcs[name].bind(bindContext) : funcs[name],
-    });
-  }
-  return obj;
-}
-
-export function checkVisible({ _visible }) {
-  return _visible !== false && _visible !== '';
-}
-
-const SCOPE_SLOT_COMPONENT_LIB = ['tea_basis', 'tea_shop', 'crm_basis'];
-
-const SCOPE_SLOT_MAP = SCOPE_SLOT_COMPONENT_LIB.reduce((map, lib) => {
-  map[`${lib}:TableMatching`] = {
-    headerSlot: true,
-    recordSlot: true,
-  };
-
-  map[`${lib}:TableExpanded`] = {
-    headerSlot: true,
-    recordSlot: true,
-  };
-
-  map[`${lib}:TabsTable`] = {
-    headerSlot: true,
-    recordSlot: true,
-  };
-
-  map[`${lib}:Table`] = {
-    headerSlot: true,
-    recordSlot: true,
-  };
-
-  return map;
-}, {});
-
-export function isScopeSlot(comp, slot, context={componentsInfoMap}) {
-  const { 'x-props': xProps } = comp;
-  const sourceKey = xProps && xProps.sourceKey;
-
-  let hasXslotScope = false;
-  try {
-    const component = context?.componentsInfoMap?.[sourceKey];
-    const dataForm = component?.dataForm || component?.data?.properties;
-    if (typeof dataForm === 'object') {
-      hasXslotScope = Object.keys(dataForm).some(
-        (prop) =>
-          slot.startsWith(`${prop}_`) && dataForm[prop]?.['x-slot-scope']
-      );
-    }
-  } catch (e) {}
-
-  const map = SCOPE_SLOT_MAP[sourceKey];
-  return hasXslotScope || (map && map[slot]);
-}
-
-export function _isMobile() {
-  if (window.matchMedia) {
-    return Boolean(window.matchMedia('(max-width: 1024px)')?.matches);
-  }
-  let check = false;
-  (function (a) {
-    if (
-      /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(
-        a
-      ) ||
-      /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
-        a.substr(0, 4)
-      )
-    )
-      check = true;
-  })(navigator.userAgent || navigator.vendor || window.opera);
-  return check;
-}

package/template/src/utils/kbone.js

@@ -1,18 +0,0 @@
-/**
- * Be default, variables on window of kbone are not shared across pages.
- * Define vars to be shared across pages, Refer https://wechat-miniprogram.github.io/kbone/docs/domextend/#window-global
- */
-function shareVarsCrossPage(vars) {
-  vars.forEach(name => {
-    Object.defineProperty(window, name, {
-      get: () => window.$$global[name],
-      set(v) {
-        window.$$global[name] = v
-      },
-    })
-  })
-}
-
-if (process.env.isMiniprogram) {
-  shareVarsCrossPage(['__mobxGlobals', '__mobxInstanceCount'])
-}