@cloudbase/framework-plugin-low-code 0.7.23 → 1.0.1

package/template/mp/common/util.js

@@ -1,395 +0,0 @@
-'use strict';
-
-import { findForItemsOfWidget, mpCompToWidget } from './widget'
-import { observable } from 'mobx';
-import { app } from '../app/weapps-api'
-import { auth } from '@cloudbase/weda-client'
-
-/**
- * Convert abcWordSnd -> abc-word-snd
- */
-export function toDash(str) {
-  return str.replace(/[A-Z]/g, upperLetter => `-${upperLetter.toLowerCase()}`)
-}
-
-export function createComputed(funcs, bindContext = null) {
-  const computed = {}
-  for (const name in funcs) {
-    Object.defineProperty(computed, name, {
-      get() {
-        try {
-          return bindContext ? funcs[name].call(bindContext) : funcs[name]()
-        } catch (e) {
-          console.error('Computed error', e)
-        }
-      },
-      enumerable: true
-    })
-  }
-  return computed
-}
-
-export function createEventHandlers(evtListeners, context) {
-  const evtHandlers = {}
-  for (const name in evtListeners) {
-    const listeners = evtListeners[name]
-    evtHandlers[name] = function (event) {
-      const self = this
-      const [prefix = ''] = name.split('$')
-      // The page event handler
-      const { lists, itemsById } = findForItemsOfWidget(mpCompToWidget(self, event.currentTarget)) || {}
-      listeners.forEach(async l => {
-        let { data = {}, boundData = {} } = l
-        data = { ...data }
-        for (const k in boundData) {
-          set(data, k, boundData[k](lists, itemsById, event, context))
-        }
-        try {
-          let res = await l.handler.call(self, { event, lists, forItems: itemsById, data })
-          let eventName = prefix && l.key ? `${prefix}$${l.key}_success` : ''
-          self[eventName] && self[eventName]({
-            ...event,
-            detail: res
-          })
-        } catch (e) {
-          let eventName = l.key ? `${prefix}$${l.key}_fail` : ''
-          if (self[eventName]) {
-            await self[eventName]({
-              ...event,
-              detail: e
-            })
-          } else {
-            throw e
-          }
-
-        }
-      })
-    }
-  }
-  return evtHandlers
-}
-
-export function getDeep(target, key, keySeparator = '.') {
-  if (key == null) {
-    return target
-  }
-  const keys = (key + '').split(keySeparator)
-  let prop = target[keys[0]]
-  for (let i = 1; i < keys.length; i++) {
-    prop = prop[keys[i]]
-  }
-  return prop
-}
-
-/**
- * Touch all props of given object deeply
- */
-export function touchObj(obj) {
-  if (!obj) {
-    return
-  }
-  if (typeof obj === 'string') {
-    return
-  }
-  if (Array.isArray(obj)) {
-    obj.forEach(touchObj)
-  } else if (obj) {
-    Object.keys(obj).forEach(key => touchObj(obj[key]))
-  }
-}
-
-export function throttle(fn, limit) {
-  let lastExecTime = 0
-  let timer = null
-
-  function invoke() {
-    lastExecTime = Date.now()
-    timer = null
-    fn()
-  }
-
-  const throttled = function () {
-    const idledDuration = Date.now() - lastExecTime
-    if (idledDuration >= limit) {
-      if (timer) {
-        clearTimeout(timer)
-        timer = null
-      }
-      invoke()
-    } else if (!timer) {
-      timer = setTimeout(invoke, limit - idledDuration)
-    }
-  }
-  return throttled
-}
-
-export function deepEqual(a, b) {
-  if (a === b) {
-    return true
-  }
-
-  if (Array.isArray(a) && Array.isArray(b)) {
-    if (a.length !== b.length) {
-      return false
-    }
-    for (let i = 0; i < a.length; i++) {
-      if (!deepEqual(a[i], b[i])) {
-        return false
-      }
-    }
-    return true
-  }
-
-  if (a && b && typeof a === 'object' && typeof b === 'object') {
-    const aProps = Object.keys(a), bProps = Object.keys(b)
-    if (!deepEqual(aProps, bProps)) {
-      return false
-    }
-    for (let i = 0; i < aProps.length; i++) {
-      const prop = aProps[i]
-      if (!deepEqual(a[prop], b[prop])) {
-        return false
-      }
-    }
-    return true
-  }
-  return false
-}
-
-function isObject(value) {
-  var type = typeof value
-  return !!value && (type == 'object' || type == 'function')
-}
-
-function isIndex(value, length) {
-  length = length == null ? 9007199254740991 : length
-  return (
-    !!length &&
-    (typeof value == 'number' || /^(?:0|[1-9]\d*)$/.test(value)) &&
-    value > -1 &&
-    value % 1 == 0 &&
-    value < length
-  )
-}
-
-function assignValue(object, key, value) {
-  var objValue = object[key]
-  if (
-    !(
-      Object.hasOwnProperty.call(object, key) &&
-      (objValue === value || (objValue !== objValue && value !== value))
-    ) ||
-    (value === undefined && !(key in object))
-  ) {
-    object[key] = value
-  }
-}
-
-export function set(object, path, value) {
-  if (!isObject(object)) {
-    return object
-  }
-  path = path.split('.')
-
-  var index = -1,
-    length = path.length,
-    lastIndex = length - 1,
-    nested = object
-
-  while (nested != null && ++index < length) {
-    var key = path[index],
-      newValue = value
-
-    if (index != lastIndex) {
-      var objValue = nested[key]
-      newValue = undefined
-      if (newValue === undefined) {
-        newValue = isObject(objValue)
-          ? objValue
-          : isIndex(path[index + 1])
-            ? []
-            : {}
-      }
-    }
-    assignValue(nested, key, newValue)
-    nested = nested[key]
-  }
-  return object
-}
-
-export function findLoginPage() {
-  const { app } = getApp();
-  const { pages = [] } = app.__internal__.getConfig();
-  return pages.find(item => item.type === 'login');
-}
-
-let _AUTH_CONFIG_CACHE = null;
-export async function getAuthConfig() {
-  const { app } = getApp();
-  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 checkAuth(app, appId, $page) {
-  const loginPage = findLoginPage(app);
-  if (loginPage?.id === $page.id) {
-    return true
-  }
-  app.showNavigationBarLoading();
-  const requestList = [getAccessPermission(app, appId, $page.id)];
-  // 暂时先认为有登录页则自定义登录功能开启且生效
-  if (loginPage) {
-    requestList.push(getAuthConfig(app));
-  }
-  const [isAccess, authConfig] = await Promise.all(requestList);
-  app.hideNavigationBarLoading();
-
-  let isAnonymousUser = true;
-  try {
-    const { accessToken } = await auth.getAccessToken();
-    isAnonymousUser = !accessToken;
-  } catch (e) { }
-
-  if (!isAccess) {
-    if (isAnonymousUser && loginPage && (authConfig.NeedLogin || authConfig.RejectStrategy == 'to_login')) {
-      redirectToLogin($page);
-    } else {
-      app.showToast({
-        title: '页面无访问权限',
-        icon: 'error',
-      });
-    }
-  } else if (loginPage && authConfig.NeedLogin) {
-    // 此分支逻辑本不应该前端判断是否登录，历史原因后端短期内搞不定，后续后端优化后删除
-    try {
-      if (isAnonymousUser) {
-        redirectToLogin($page);
-      }
-    } catch (e) {
-      redirectToLogin($page);
-    }
-  }
-  return isAccess;
-}
-
-export function redirectToLogin(currentPage) {
-  // 去登录则清空权限缓存。
-  _AUTH_CACHE_MAP = {};
-  const { app } = getApp();
-  const loginPage = findLoginPage(app);
-  if (!currentPage) {
-    currentPage = app.utils.getCurrentPage() || {};
-  }
-  if (loginPage?.id === currentPage.id) {
-    return true
-  }
-  if (loginPage) {
-    app.redirectTo({
-      pageId: loginPage.id,
-      params: {
-        sourcePageId: currentPage.id,
-        sourcePageParams: currentPage.params
-      }
-    })
-  } else {
-    app.showToast({
-      title: '用户未登录',
-      icon: 'error',
-    });
-  }
-}
-
-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/mp/common/utils.wxs

@@ -1,11 +0,0 @@
-function getStaticResourceAttribute(staticUrl) {
-  if (staticUrl && staticUrl[0] == '/') {
-    var domain = '<%=domain%>'
-    return 'https://' + domain + staticUrl;
-  }
-  return staticUrl
-}
-
-module.exports = {
-  _getStaticResourceAttribute: getStaticResourceAttribute
-}

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
-}