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

package/template/mp/common/merge-renderer.js

@@ -1,67 +0,0 @@
-import { autorun } from 'mobx'
-import { touchObj, throttle } from './util'
-import { resolveWidgetData } from './widget'
-import { getDatapatch } from './data-patch'
-
-export default {
-  // Attention, must be called at the end of attached or page load to make sure user init take effect
-  initMergeRenderer(widgets) {
-    this.flushPendingData = throttle(this.flushPendingData.bind(this), 18)
-
-    const dataFactory = {
-      // <%= dataPropNames.pageState %>: () => pageState,
-      // <%= dataPropNames.pageComputed %>: () => pageComputed,
-    }
-    for (const id in widgets) {
-      const props = widgets[id]
-      dataFactory['<%= dataPropNames.widgetProp %>' + id] = () => resolveWidgetData(props)
-    }
-    const disposers = []
-    for (const k in dataFactory) {
-      const disposer = autorun(r => {
-        this.requestRender({ [k]: dataFactory[k]() })
-      })
-      disposers.push(disposer)
-    }
-    this.flushPendingData() // Prepare data for first paint
-    return disposers
-  },
-
-  // setData merging
-  pendingData: null,
-  _settingData: false,  // flag to prevent multiple setData at the same time
-  flushPendingData() {
-    if (!this.pendingData || this._settingData) { return }
-    const patch = getDatapatch(this.data, this.pendingData)
-    this.pendingData = null
-    const label = `setData ${this.is} ${this.id}(${Object.keys(patch).join(',')})`
-
-    if (Object.keys(patch).length < 1) {
-      return
-    }
-    this._settingData = true
-    const lastUpdateTime = Date.now()
-    this.setData(patch, () => {<% if(debug) {%>
-      const elapsedTime = Date.now() - lastUpdateTime;
-      if(elapsedTime > 16) {
-        console.warn(label, elapsedTime)
-      }else {
-        console.info(label, elapsedTime)
-      }<%} %>
-      this._settingData = false;
-      this.flushPendingData()
-    })
-  },
-  requestRender(data) {
-    if(!this._pageActive) {
-      // The callback of wx.chooseLocation occured when page is inactive
-      console.warn(`Attention, you're updating widgets(${Object.keys(data).join(',')}) of inactive page(${this.is})`)
-    }
-    if (!this.pendingData) {
-      this.pendingData = {}
-    }
-    wx.nextTick(this.flushPendingData)
-    touchObj(data)  // Touch all props to monitor data deeply, FIXME
-    Object.assign(this.pendingData, data)
-  },
-}

package/template/mp/common/process.js

@@ -1 +0,0 @@
-export default { env: { buildType: 'mp' } }

package/template/mp/common/style.js

@@ -1,34 +0,0 @@
-import { toDash } from './util'
-/**
- * Convert HtmlElement.style object to css declarations
- */
-export function styleToCss(style) {
-  const styleDeclars = [] // ['color: red;', 'background-color: green']
-  for (const key in style) {
-    styleDeclars.push(toDash(key) + ':' + style[key] + ';')
-  }
-  return styleDeclars.join('')
-}
-
-export function concatClassList(classList1 = [], classList2 = []) {
-  if (!Array.isArray(classList1)) {
-    classList1 = [classList1]
-  }
-  if (!Array.isArray(classList2)) {
-    classList2 = [classList2]
-  }
-  return classList1.concat(classList2)
-}
-
-export function px2rpx(object) {
-  let reg = /\b(\d+(\.\d+)?)px\b/g
-  for (const key in object) {
-    let value = object[key]
-    if (typeof value === 'string') {
-      object[key] = value.replace(reg, function (item, value) {
-        return `${value}rpx`
-      })
-    }
-  }
-  return object
-}

package/template/mp/common/url.js

@@ -1,21 +0,0 @@
-// 处理url链接，加入params参数
-export function urlJoinParams(url, params) {
-  if (!url || !params || typeof params !== 'object') {
-    return url
-  }
-  const separate = url.indexOf('?') === -1 ? '?' : '&'
-  const tempStr = Object.keys(params)
-    .map(key => {
-      let value = params[key]
-      if (typeof value === 'object') {
-        value = JSON.stringify(value)
-      }
-      if (value != undefined) {
-        return `${key}=${encodeURIComponent(value)}`
-      }
-      return ''
-    })
-    .filter(value => value)
-    .join('&')
-  return `${url}${separate}${tempStr}`
-}

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