@cloudbase/framework-plugin-low-code 0.7.22 → 1.0.0

package/template/mp/common/weapp-component.js

@@ -1,250 +0,0 @@
-import { observable, autorun } from 'mobx'
-import { createEventHandlers, createComputed } from './util'
-import { createWidgets, mpCompToWidget, disposeWidget } from './widget'
-import mergeRenderer from './merge-renderer'
-import sdk from './weapp-sdk'
-import lodashGet from 'lodash.get';
-
-/**
- * Lowcodes of all components
- */
-export const compLowcodes = {}
-
-export function createComponent(key, behaviors, properties, events, handler, dataBinds, evtListeners, widgetProps, index, lifeCycle, stateFn, computedFuncs, config, libCommonRes, undefined, context) {
-
-  compLowcodes[key] = {
-    index,
-    stateFn,
-    computedFuncs,
-    handler,
-    // events,
-    lib: libCommonRes,
-    config,
-  }
-
-  return Component({
-    options: {
-      virtualHost: true,
-      multipleSlots: true,
-      styleIsolation: 'shared',
-    },
-    behaviors: behaviors,
-    // externalClasses: ['class'],
-    properties: {
-      id: {
-        type: String
-      },
-      style: {
-        type: String
-      },
-      className: {
-        type: String,
-      },
-      ...properties,
-    },
-    lifetimes: {
-      created() {
-        this._pageActive = true
-        this._disposers = []
-      },
-      attached() {
-        const $comp = this.getWeAppInst()
-        if (!$comp) return
-
-        $comp.props.events = createPropEvents(events, this)
-        $comp.widgets = {}
-        const { widgets, rootWidget: virtualRootWidget } = createWidgets(widgetProps, dataBindsBindContext(dataBinds, $comp), $comp.widgets, context, this)
-        this._virtualRootWidget = virtualRootWidget
-
-        try {
-          lifeCycle.onAttached && lifeCycle.onAttached.call($comp)
-          this.__handlerAttached__ = (e) => {
-            const widget = lodashGet(widgets, e.target.id);
-            widget._methods = e.detail.methods;
-          }
-          this.__handlerDetached__ = (e) => {
-            const widget = lodashGet(widgets, e.target.id);
-            delete widget._methods;
-          }
-          if ($comp.methods) {
-            this.triggerEvent('attached', {
-              'methods': $comp.methods
-            })
-          }
-        } catch (e) {
-          console.error('Component lifecycle(attached) error', this.is, e)
-        }
-
-        this._disposers = this.initMergeRenderer(widgets)
-      },
-      ready() {
-        this._runWatch()
-        lifeCycle.onReady && lifeCycle.onReady.call(this.getWeAppInst())
-      },
-      detached() {
-        const $comp = this.getWeAppInst()
-        if (!$comp) return
-
-        $comp.widgets = null
-        disposeWidget(this._virtualRootWidget)
-        this._disposers.forEach(dispose => dispose())
-        lifeCycle.onDetached && lifeCycle.onDetached.call($comp)
-
-        if ($comp?.methods) {
-          this.triggerEvent('detached');
-        }
-      }
-    },
-
-    pageLifetimes: {
-      show() {
-        const $comp = this.getWeAppInst()
-        if (!$comp) return
-        lifeCycle.onPageShow && lifeCycle.onPageShow.call($comp)
-      },
-      hide() {
-        const $comp = this.getWeAppInst()
-        if (!$comp) return
-        lifeCycle.onPageHide && lifeCycle.onPageHide.call($comp)
-      },
-      resize(size) {
-        const $comp = this.getWeAppInst()
-        if (!$comp) return
-        lifeCycle.onPageResize && lifeCycle.onPageResize.call($comp, size)
-      }
-    },
-
-    methods: {
-      ...createEventHandlers(evtListeners, context),
-      ...mergeRenderer,
-      getWeAppInst() {
-        const $comp = this.$WEAPPS_COMP
-        if ($comp) { return $comp }
-
-        if (!this.selectOwnerComponent) {
-          console.error('Fatal error: not support selectOwnerComponent API, need 2.8.2')
-          return null
-        }
-
-        const owner = this.selectOwnerComponent()
-        const widget = mpCompToWidget(owner, this)
-        if (!widget || !widget.$comp) {
-          console.error('Fatal error: weapps component instance not created', this.is, this.id)
-        }
-        widget.getDom = (fields) => this._virtualRootWidget.children[0].getDom(fields)
-
-        this.$WEAPPS_COMP = widget.$comp
-        return widget.$comp
-      },
-      _runWatch() {
-        const { watchEffects = {} } = index
-        Object.keys(watchEffects).map(name => {
-          const fn = watchEffects[name]
-          if (fn instanceof Function) {
-            const $comp = this.getWeAppInst()
-            if (!$comp) return
-            this._disposers.push(autorun(fn.bind($comp)))
-          } else {
-            console.error(`WatchEffect(${name}) of ${key} is not a function.`)
-          }
-        })
-      },
-    },
-    // observers: createObservers(Object.keys(properties))
-  })
-}
-
-// The component instance for lowcode
-export function create$comp(w) {
-  const lowcode = compLowcodes[w.widgetType]
-  if (!lowcode) {
-    return
-  }
-  const libCode = w.widgetType.split(':')[0]
-  const { stateFn, computedFuncs, handler, lib } = lowcode
-
-  const $comp = {
-    node: w,
-    widgets: null,
-    props: {
-      data: w,
-      // events: createPropEvents(events, $comp),
-      get style() { return w.style },
-      get classList() { return w.classList },
-    },
-    lib,
-    methods: undefined,
-    i18n: {
-      ...sdk.i18n,
-      t(key, data) {
-        const ns = libCode;
-        return sdk.i18n.t(`${ns}:${key}`, data)
-      },
-    }
-  }
-  $comp.$WEAPPS_COMP = $comp  // TODO $comp will replaced to this.$WEAPPS_COMP
-  $comp.state = observable(stateFn.call($comp))  // May depend on this.props.data.xxx
-  $comp.computed = createComputed(computedFuncs, $comp)
-  $comp.handler = Object.keys(handler).reduce((result, key) => {
-    result[key] = handler[key].bind($comp)
-    return result
-  }, {})
-
-  return $comp
-}
-
-function createObservers(props) {
-  return props.reduce((observers, prop) => {
-    observers[prop] = function (newVal) {
-      const data = this.getWeAppInst().props.data
-      if (!deepEqual(data[prop], newVal)) {
-        data[prop] = newVal
-      } else {
-        // console.log('Same comp prop will not trigger observer', prop, newVal)
-      }
-    }
-    return observers
-  }, {})
-}
-
-function dataBindsBindContext(dataBinds, self) {
-  return Object.keys(dataBinds).reduce((result, widgetId) => {
-    result[widgetId] = Object.keys(dataBinds[widgetId]).reduce((result, prop) => {
-      result[prop] = dataBinds[widgetId][prop].bind(self)
-      return result
-    }, {})
-    return result
-  }, {})
-}
-
-function createPropEvents(events, mpInst) {
-  const protectEventKeys = [
-    'touchstart', //	手指触摸动作开始
-    'touchmove', //		手指触摸后移动
-    'touchcancel', //		手指触摸动作被打断，如来电提醒，弹窗
-    'touchend', //		手指触摸动作结束
-    'tap', //		手指触摸后马上离开
-    'longpress', //		手指触摸后，超过350ms再离开，如果指定了事件回调函数并触发了这个事件，tap事件将不被触发	1.5.0
-    'longtap', //		手指触摸后，超过350ms再离开（推荐使用longpress事件代替）
-    'transitionend', //		会在 WXSS transition 或 wx.createAnimation 动画结束后触发
-    'animationstart', //		会在一个 WXSS animation 动画开始时触发
-    'animationiteration', //		会在一个 WXSS animation 一次迭代结束时触发
-    'animationend', //		会在一个 WXSS animation 动画完成时触发
-    'touchforcechange', // 在支持 3D Touch 的 iPhone 设备，重按时会触发
-  ]
-  const result = {}
-  events.forEach(evt => {
-    const isProtectKey = protectEventKeys.some(key => key === evt.name)
-    if (isProtectKey) {
-      result[evt.name] = function () { }
-    } else {
-      result[evt.name] = function (evtDetail) {
-        if (evt.getValueFromEvent) {
-          mpInst.setData({ value: evt.getValueFromEvent({ detail: evtDetail }) })
-        }
-        mpInst.triggerEvent(evt.name, evtDetail)
-      }
-    }
-  })
-  return result
-}

package/template/mp/common/weapp-page.js

@@ -1,204 +0,0 @@
-import { observable } from 'mobx';
-import { createComputed, createEventHandlers, checkAuth } from './util';
-import { createWidgets, createInitData, disposeWidget } from './widget';
-import mergeRenderer from './merge-renderer';
-import { createDataset, EXTRA_API, createStateDataSourceVar, generateParamsParser, setConfig } from '../datasources/index';
-import lodashGet from 'lodash.get';
-
-
-export function createPage(
-  lifecycle,
-  widgetProps,
-  pageState,
-  pageComputed,
-  evtListeners,
-  dataBinds,
-  app,
-  $page,
-  context,
-  pageAttributes
-) {
-  const evtHandlers = createEventHandlers(evtListeners, context);
-
-  function extractLifecyles() {
-    const result = { ...lifecycle };
-    const nameMaps = [
-      ['onReady', 'onPageReady'],
-    ];
-    nameMaps.forEach(e => {
-      if (!result[e[0]] && result[e[1]]) {
-        result[e[0]] = result[e[1]];
-        delete result[e[1]];
-      }
-    });
-    result['onShareAppMessage'] = (res) => {
-      if (res?.from === 'button' && res?.target?.dataset?.weda_share_info) {
-        return res?.target?.dataset?.weda_share_info;
-      }
-      if (res?.from === 'menu' && pageAttributes?.appShareMessage) {
-        let { enable, pageId, params, imageUrl, title } = pageAttributes.appShareMessage;
-        if (enable) {
-          pageId = pageId ? pageId.replace(/^(\.)?\//, '') : pageId;
-          let realPath = `/pages/${pageId}/index` + (params ? '?' + params.map(pair => pair.key + '=' + pair.value).join('&') : '');
-          return {
-            path: realPath,
-            imageUrl,
-            title
-          };
-        }
-      }
-      try {
-        return lifecycle?.['onShareAppMessage']?.() || {};
-      } catch (error) {
-        console.log(error);
-        return {};
-      }
-    }
-    return result;
-  }
-
-  return Component({
-    _componentType: 'page',
-    data: createInitData(widgetProps, dataBinds),
-    lifetimes: {
-      attached() {
-        const $page = this.getWeAppInst()
-        // createWidgets 从上面移到这里是为了 i18n 切换语言的时候页面能生效
-        $page.widgets = {};
-        const { rootWidget, widgets } = createWidgets(widgetProps, dataBinds, $page.widgets, context);
-        this._rootWidget = rootWidget;
-        this._widgets = widgets;
-        this._pageActive = true;
-        this.__handlerAttached__ = (e) => {
-          if (!$page.componentMethods) {
-            $page.componentMethods = {};
-          }
-          const [id, index = 0] = e.target.id.split('-');
-          if (!$page.componentMethods[id]) {
-            $page.componentMethods[id] = [];
-          }
-          $page.componentMethods[id][index] = e.detail.methods;
-        };
-        this.__handlerDetached__ = (e) => {
-          const [id, index = 0] = e.target.id.split('-');
-          if ($page.componentMethods) {
-            const components = $page.componentMethods[id];
-            if (components) {
-              components[index] = undefined;
-              if (components.filter(com => com !== undefined).length === 0) {
-                delete $page.componentMethods[id];
-              }
-            }
-          }
-        }
-        this._disposers = this.initMergeRenderer(widgets);
-      },
-      detached() {
-        disposeWidget(this._rootWidget);
-      },
-    },
-    pageLifetimes: {
-      // 组件所在页面的生命周期函数，定义下给运营平台上报用
-      show: function () {
-      },
-      hide: function () {
-      },
-    },
-    methods: {
-      _pageActive: true,
-      /** page lifecycles **/
-      ...extractLifecyles(),
-      ...evtHandlers,
-      ...mergeRenderer,
-      onLoad(options) {
-        const $page = this.getWeAppInst()
-
-        app.__internal__.activePage = $page;
-        setConfig({ currentPageId: $page.uuid });
-        this._pageActive = true;
-
-        let query = decodePageQuery(options || {});
-        EXTRA_API.setParams($page.uuid, query);
-        createStateDataSourceVar($page.uuid, generateParamsParser({ app, $page }));
-
-        const hook = lifecycle.onLoad || lifecycle.onPageLoad;
-        hook && hook.call(this, query);
-      },
-      onUnload() {
-        const $page = this.getWeAppInst()
-        this._disposers.forEach(dispose => dispose());
-
-        const hook = lifecycle.onUnload || lifecycle.onPageUnload;
-        hook && hook.call(this);
-      },
-      async onShow() {
-        const $page = this.getWeAppInst()
-        app.__internal__.activePage = $page;
-        setConfig({ currentPageId: $page.uuid });
-        $page.widgets = this._widgets;
-        this._pageActive = true;
-
-        const hook = lifecycle.onShow || lifecycle.onPageShow;
-        hook && hook.call(this);
-
-        // 权限检查
-        if (await checkAuth(app, app.id, $page)) {
-          this.setData({
-            weDaHasLogin: true,
-          });
-        }
-      },
-      onHide() {
-        const $page = this.getWeAppInst()
-        const hook = lifecycle.onHide || lifecycle.onPageHide;
-        hook && hook.call(this);
-        this._pageActive = false;
-      },
-
-      getWeAppInst() {
-        if (!this.$WEAPPS_PAGE) {
-          $page.state = observable(pageState);
-          let dataset = createDataset($page.uuid);
-          $page.dataset = dataset;
-          $page.state.dataset = dataset;
-          $page.computed = createComputed(pageComputed);
-          $page.setState = (userSetState) => {
-            Object.keys(userSetState).forEach((keyPath) => {
-              app.utils.set($page.dataset.state, keyPath, userSetState[keyPath]);
-            });
-          };
-          $page.invokeComponentMethod = ({ component, method, params }) => {
-            const components = lodashGet($page.componentMethods, component);
-            let componentInstance = undefined
-            if (Array.isArray(components)) {
-              if(components.length > 1){
-                throw new Error('调用方法失败：id为'+component+'的组件拥有多个实例')
-              }
-              componentInstance = components[0]
-              // components.forEach(component => {
-              //   component[method](params);
-              // })
-            } else {
-              componentInstance = components
-            }
-
-            if(!componentInstance?.[method] || typeof componentInstance[method]!= 'function') {
-              throw new Error('调用方法失败：未找到id为'+component+'下的方法'+method)
-            }
-            return componentInstance[method](params);
-          };
-          this.$WEAPPS_PAGE = $page;
-        }
-        return this.$WEAPPS_PAGE
-      },
-    },
-  });
-}
-
-function decodePageQuery(query) {
-  return Object.keys(query)
-    .reduce((decoded, key) => {
-      decoded[key] = decodeURIComponent(query[key]);
-      return decoded;
-    }, {});
-}

package/template/mp/common/weapp-sdk.js

@@ -1,76 +0,0 @@
-import { urlJoinParams } from './url'
-import { promisifyAll } from 'miniprogram-api-promise'
-
-function createNavigatorFn(fnName) {
-  return function ({ pageId, packageName, params, mode='', events, success, fail, complete }) {
-    let url;
-    if(mode == 'plugin'){
-      url = `plugin://${packageName}/${pageId}`
-    } else if(mode ==='web'){
-      console.warn(`${fnName} url can only be used in h5 build`);
-      return;
-    } else {
-      pageId = pageId ? pageId.replace(/^(\.)?\//,'') : pageId;
-      url = packageName
-      ? `/${packageName}/pages/${pageId}/index`
-        : `/pages/${pageId}/index`
-    }
-
-    if (fnName === 'navigateTo') {
-      navigateToFn(urlJoinParams(url, params), { events, success, fail, complete});
-      return;
-    }
-
-    wx[fnName]({
-      url: urlJoinParams(url, params),
-      events,
-      success,
-      fail,
-      complete
-    })
-  }
-}
-
-/**
- * 页面堆栈10以内使用wx.navigateTo，超过10则使用wx.redirectTo
- * @param url
- * @param param1
- * @returns
- */
- function navigateToFn(url, { events, success, fail, complete}) {
-  const pages = getCurrentPages();
-  if(pages && pages.length >= 10) {
-    wx.redirectTo({
-      url,
-      success,
-      fail,
-      complete
-    });
-    return;
-  }
-
-  wx.navigateTo({
-    url,
-    // @types/weixin-app@2.9.3没有events的定义，但实际上官方文档有：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html
-    // @ts-ignore
-    events,
-    success,
-    fail,
-    complete
-  });
-}
-
-const navigateTo = createNavigatorFn('navigateTo')
-const reLaunch = createNavigatorFn('reLaunch')
-const redirectTo = createNavigatorFn('redirectTo')
-
-export const wxp = {}
-promisifyAll(wx, wxp)
-
-export default {
-  ...wxp,
-  navigateTo,
-  reLaunch,
-  redirectTo,
-  auth: undefined
-}