@cloudbase/framework-plugin-low-code 0.6.31 → 0.6.34

package/template/generator/utils/actionHandler.js

@@ -1,119 +0,0 @@
-import { resolveDataBinds } from './common';
-import lodashSet from 'lodash.set';
-
-const DEFAULT_MAX_TIMEOUT = 10 * 1000;
-
-export function getMetaInfoBySourceKey(sourceKey) {
-  const [materialName, name] = sourceKey.split(':');
-  return {
-    materialName,
-    name,
-  };
-}
-
-export function emitEvent(trigger, listeners = [], args, scopeContext = {}) {
-  const targetListeners = listeners.filter((l) => l.trigger === trigger);
-  targetListeners.forEach(async (listener) => {
-    // 当前非捕获Event，再判断冒泡行为
-    if (!args?.event?.detail?.isCapturePhase && listener.noPropagation) {
-      args?.domEvent?.stopPropagation && args?.domEvent?.stopPropagation();
-    }
-
-    // 判断捕获的执行，只有执行的捕获与配置的捕获一致时。才会执行。
-    if (
-      (listener?.isCapturePhase || false) ===
-      (args?.customEventData?.detail?.isCapturePhase || false)
-    ) {
-      try {
-        const res = await invokeListener(listener, args, scopeContext);
-        const eventName = `${listener.key}.success`;
-        const event = {
-          detail: {
-            value: res,
-            origin: args.event,
-            isCapturePhase: !!args.event?.isCapturePhase,
-          },
-          name: eventName,
-        };
-        emitEvent(
-          eventName,
-          listeners,
-          {
-            ...args,
-            event,
-            customEventData: event,
-          },
-          scopeContext
-        );
-      } catch (e) {
-        const eventName = `${listener.key}.fail`;
-        const event = {
-          detail: {
-            value: e,
-            origin: args.event,
-            isCapturePhase: !!args.event?.isCapturePhase,
-          },
-          name: eventName,
-        };
-        emitEvent(
-          eventName,
-          listeners,
-          {
-            ...args,
-            event,
-            customEventData: event,
-          },
-          scopeContext
-        );
-        // 之前 invoke 内部catch 了错误，不会抛错
-        // throw e
-        console.error(`Action error: [${listener.trigger}]`, e);
-      }
-    }
-  });
-}
-
-function invokeListener(
-  { instanceFunction, data = {}, dataBinds = {} },
-  args,
-  scopeContext
-) {
-  // ToDo resolve databinds
-  const action = instanceFunction;
-  const resolvedData = {
-    ...data,
-  };
-  const resolvedDataBinds = resolveDataBinds(
-    dataBinds,
-    args.forItems,
-    { event: args.event },
-    scopeContext,
-    true
-  );
-
-  // eslint-disable-next-line no-restricted-syntax
-  for (const key in resolvedDataBinds) {
-    if (
-      resolvedDataBinds[key] &&
-      resolvedDataBinds[key].__type === 'scopedValue'
-    ) {
-      try {
-        lodashSet(
-          resolvedData,
-          key,
-          resolvedDataBinds[key].getValue(scopeContext)
-        );
-      } catch (e) {
-        lodashSet(resolvedData, key, '');
-      }
-    } else {
-      lodashSet(resolvedData, key, resolvedDataBinds[key]);
-    }
-  }
-  const params = {
-    data: resolvedData,
-    ...args,
-  };
-
-  return action(params);
-}

package/template/generator/utils/common.js

@@ -1,225 +0,0 @@
-/**
- * All data bindings are generated as functions: (forItems) => any
- * @param {*} dataBinds
- * @param {*} forItems
- */
-export function resolveDataBinds(
-  dataBinds,
-  forItems,
-  codeContext,
-  scopeContext,
-  throwError
-) {
-  const resolvedProps = {};
-  for (const prop in dataBinds) {
-    let fn = dataBinds[prop];
-    try {
-      if (codeContext && codeContext.$WEAPPS_COMP) {
-        fn = fn.bind(codeContext.$WEAPPS_COMP);
-      }
-      resolvedProps[prop] = fn(
-        forItems,
-        codeContext && codeContext.event,
-        scopeContext
-      );
-    } catch (e) {
-      console.error('Error resolving data binding', prop, dataBinds[prop], e);
-      if (throwError) {
-        throw e;
-      }
-    }
-  }
-  return resolvedProps;
-}
-
-/**
- * 对函数进行批量绑定
- * @param {*} funcObj
- * @param {*} context
- */
-export function bindFuncObj(funcObj = {}, context) {
-  return Object.keys(funcObj).reduce((obj, fnName) => {
-    obj[fnName] = funcObj[fnName].bind(context);
-    return obj;
-  }, {});
-}
-
-export function kebabCase(str) {
-  return str.replace(KEBAB_REGEX, function (match) {
-    return '-' + match.toLowerCase();
-  });
-}
-
-export function camelcase(str, firstUpperCase = false) {
-  str = str.replace(/[_-]([a-z])/g, function (l) {
-    return l[1].toUpperCase();
-  });
-
-  if (firstUpperCase) str = str.charAt(0).toUpperCase() + str.slice(1);
-
-  return str;
-}
-
-export const isEmptyObj = (obj) => {
-  if (!isPlainObject(obj)) {
-    return false;
-  }
-  for (const i in obj) {
-    if (Object.prototype.hasOwnProperty.call(obj, i)) {
-      return false;
-    }
-  }
-  return true;
-};
-
-export function isPlainObject(src) {
-  return Object.prototype.toString.call(src) === '[object Object]';
-}
-
-/**
- * 用于处理自定义组件props传参结构，对系统变量进行保留
- */
-export function resolveComponentProps(props, isPlainProps) {
-  const { staticResourceAttribute } = props;
-  staticResourceAttribute &&
-    staticResourceAttribute.map((property) => {
-      if (props.data && props.data[property]) {
-        props.data[property] = getStaticResourceAttribute(props.data[property]);
-      }
-    });
-  if (!isPlainProps) {
-    return {
-      ...props,
-    };
-  }
-  const { data = {}, events = [], ...restProps } = props;
-  const customProps = { ...data };
-  const builtinProps = [
-    // react 保留字
-    'ref',
-    'key',
-    'dangerouslySetInnerHTML',
-    'className',
-    'htmlFor',
-    'style',
-    'contentEditable',
-    // lowcode 保留字
-    'events',
-    'children',
-    '_parentId',
-    '_visible',
-    'classList',
-    'widgetType',
-    'getWidgetsByType',
-    'getDom',
-    'domRef',
-    'extends',
-    // 小程序保留字
-    'id',
-    'class',
-    'hidden',
-    'slot',
-  ];
-  // delete builtin props
-  builtinProps.map((prop) => delete customProps[prop]);
-  // 选区events处理
-  const { _selectableBlockEvents, ...restData } = data;
-  const { emit: _selectableBlockEmit } = _selectableBlockEvents;
-  _selectableBlockEvents.events = new Proxy(
-    _selectableBlockEvents.events.reduce((events, item) => {
-      const propName = item;
-      events[propName] = (e) => _selectableBlockEmit(propName, e);
-      return events;
-    }, {}),
-    {
-      get(obj, prop) {
-        return prop in obj ? obj[prop] : (e) => _selectableBlockEmit(prop, e);
-      },
-    }
-  );
-  return {
-    ...restData,
-    ...restProps,
-    _selectableBlockEvents,
-    events: new Proxy(
-      events.reduce((events, item) => {
-        const propName = item;
-        events[propName] = (e) => restProps.emit(propName, e);
-        return events;
-      }, {}),
-      {
-        get(obj, prop) {
-          return prop in obj ? obj[prop] : (e) => restProps.emit(prop, e);
-        },
-      }
-    ),
-  };
-}
-
-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) {
-  const { 'x-props': xProps } = comp;
-  const sourceKey = xProps && xProps.sourceKey;
-  const map = SCOPE_SLOT_MAP[sourceKey];
-  return map && map[slot];
-}
-
-export function getStaticResourceAttribute(staticUrl) {
-  if (/^\//.test(staticUrl)) {
-    const { domain = '' } = window.app || {};
-    const url = `https://${domain}${staticUrl}`;
-    return url;
-  }
-  return staticUrl;
-}
-/**
- * 检查页面权限
- **/
-export async function checkAuth(app, appId, pageId) {
-  app.showNavigationBarLoading();
-  const checkAuthResult = await app.cloud.callWedaApi({
-    action: 'DescribeResourcesPermission',
-    data: {
-      ResourceType: `<%= isAdminPortal? 'modelApp' : 'app'%>`,
-      ResourceIdList: [`${appId}-${pageId}`],
-    },
-  });
-  let isLogin = false;
-  if (Array.isArray(checkAuthResult) && checkAuthResult.length > 0) {
-    isLogin = checkAuthResult[0]?.IsAccess ?? false;
-  }
-  app.hideNavigationBarLoading();
-
-  if (!isLogin) {
-    app.showToast({
-      title: '页面无访问权限',
-      icon: 'error',
-    });
-  }
-  return isLogin;
-}

package/template/generator/utils/computed.js

@@ -1,9 +0,0 @@
-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
-}

package/template/generator/utils/date.js

@@ -1,324 +0,0 @@
-// 日期转换
-class CustomDate {
-  constructor() {
-    this.i18n = {
-      dayNames: [
-        'Sun',
-        'Mon',
-        'Tue',
-        'Wed',
-        'Thu',
-        'Fri',
-        'Sat',
-        'Sunday',
-        'Monday',
-        'Tuesday',
-        'Wednesday',
-        'Thursday',
-        'Friday',
-        'Saturday',
-      ],
-      monthNames: [
-        'Jan',
-        'Feb',
-        'Mar',
-        'Apr',
-        'May',
-        'Jun',
-        'Jul',
-        'Aug',
-        'Sep',
-        'Oct',
-        'Nov',
-        'Dec',
-        'January',
-        'February',
-        'March',
-        'April',
-        'May',
-        'June',
-        'July',
-        'August',
-        'September',
-        'October',
-        'November',
-        'December',
-      ],
-      timeNames: ['a', 'p', 'am', 'pm', 'A', 'P', 'AM', 'PM'],
-    };
-    this.masks = {
-      default: 'ddd mmm dd yyyy HH:MM:ss',
-      shortDate: 'm/d/yy',
-      paddedShortDate: 'mm/dd/yyyy',
-      mediumDate: 'mmm d, yyyy',
-      longDate: 'mmmm d, yyyy',
-      fullDate: 'dddd, mmmm d, yyyy',
-      shortTime: 'h:MM TT',
-      mediumTime: 'h:MM:ss TT',
-      longTime: 'h:MM:ss TT Z',
-      isoDate: 'yyyy-mm-dd',
-      isoTime: 'HH:MM:ss',
-      isoDateTime: "yyyy-mm-dd'T'HH:MM:sso",
-      isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'",
-      expiresHeaderFormat: 'ddd, dd mmm yyyy HH:MM:ss Z',
-    };
-    this.token = /d{1,4}|D{3,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|W{1,2}|[LlopSZN]|"[^"]*"|'[^']*'/g;
-    this.timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g;
-    this.timezoneClip = /[^-+\dA-Z]/g;
-  }
-
-  /*
-  *
- | Name              | Mask                           | Example                  |
- | ----------------- | ------------------------------ | ------------------------ |
- | `default`         | `ddd mmm dd yyyy HH:MM:ss`     | Sat Jun 09 2007 17:46:21 |
- | `shortDate`       | `m/d/yy`                       | 6/9/07                   |
- | `paddedShortDate` | `mm/dd/yyyy`                   | 06/09/2007               |
- | `mediumDate`      | `mmm d, yyyy`                  | Jun 9, 2007              |
- | `longDate`        | `mmmm d, yyyy`                 | June 9, 2007             |
- | `fullDate`        | `dddd, mmmm d, yyyy`           | Saturday, June 9, 2007   |
- | `shortTime`       | `h:MM TT`                      | 5:46 PM                  |
- | `mediumTime`      | `h:MM:ss TT`                   | 5:46:21 PM               |
- | `longTime`        | `h:MM:ss TT Z`                 | 5:46:21 PM EST           |
- | `isoDate`         | `yyyy-mm-dd`                   | 2007-06-09               |
- | `isoTime`         | `HH:MM:ss`                     | 17:46:21                 |
- | `isoDateTime`     | `yyyy-mm-dd'T'HH:MM:sso`       | 2007-06-09T17:46:21+0700 |
- | `isoUtcDateTime`  | `UTC:yyyy-mm-dd'T'HH:MM:ss'Z'` | 2007-06-09T22:46:21Z     |
- *
- */
-  format(date, mask, utc, gmt) {
-    let newMask = mask;
-    let newDate = date;
-    let newUtc = utc;
-    let newGmt = gmt;
-    if (
-      arguments.length === 1 &&
-      this._kindOf(newDate) === 'string' &&
-      !/\d/.test(newDate)
-    ) {
-      newDate = undefined;
-    }
-    newDate = newDate || newDate === 0 ? newDate : new Date();
-    if (!(newDate instanceof Date)) newDate = new Date(newDate);
-    if (isNaN(newDate)) throw TypeError('Invalid date');
-    newMask = String(this.masks[newMask] || newMask || this.masks['default']);
-    const maskSlice = newMask.slice(0, 4);
-    if (maskSlice === 'UTC:' || maskSlice === 'GMT:') {
-      newMask = newMask.slice(4);
-      newUtc = true;
-      if (maskSlice === 'GMT:') newGmt = true;
-    }
-    const _ = newUtc ? 'getUTC' : 'get';
-    const _d = newDate[`${_}Date`]();
-    const D = newDate[`${_}Day`]();
-    const _m = newDate[`${_}Month`]();
-    const y = newDate[`${_}FullYear`]();
-    const _H = newDate[`${_}Hours`]();
-    const _M = newDate[`${_}Minutes`]();
-    const _s = newDate[`${_}Seconds`]();
-    const _L = newDate[`${_}Milliseconds`]();
-    const _o = newUtc ? 0 : newDate.getTimezoneOffset();
-    const _W = this._getWeek(newDate);
-    const _N = this._getDayOfWeek(newDate);
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
-    const self = this;
-    // @ts-ignore
-    // @ts-ignore
-    const flags = {
-      d: () => _d,
-      dd: () => self._pad(_d),
-      ddd: () => self.i18n.dayNames[D],
-      DDD: () =>
-        self._getDayName({
-          y,
-          m: _m,
-          d: _d,
-          _,
-          dayName: self.i18n.dayNames[D],
-          short: true,
-        }),
-      dddd: () => self.i18n.dayNames[D + 7],
-      DDDD: () =>
-        self._getDayName({
-          y: y,
-          m: _m,
-          d: _d,
-          _: _,
-          dayName: self.i18n.dayNames[D + 7],
-        }),
-      m: () => _m + 1,
-      mm: () => self._pad(_m + 1),
-      mmm: () => self.i18n.monthNames[_m],
-      mmmm: () => self.i18n.monthNames[_m + 12],
-      yy: () => String(y).slice(2),
-      yyyy: () => self._pad(y, 4),
-      h: () => _H % 12 || 12,
-      hh: () => self._pad(_H % 12 || 12),
-      H: () => _H,
-      HH: () => self._pad(_H),
-      M: () => _M,
-      MM: () => self._pad(_M),
-      s: () => _s,
-      ss: () => self._pad(_s),
-      l: () => self._pad(_L, 3),
-      L: () => self._pad(Math.floor(_L / 10)),
-      t: () => (_H < 12 ? self.i18n.timeNames[0] : self.i18n.timeNames[1]),
-      tt: () => (_H < 12 ? self.i18n.timeNames[2] : self.i18n.timeNames[3]),
-      T: () => (_H < 12 ? self.i18n.timeNames[4] : self.i18n.timeNames[5]),
-      TT: () => (_H < 12 ? self.i18n.timeNames[6] : self.i18n.timeNames[7]),
-      // eslint-disable-next-line no-nested-ternary
-      Z: () =>
-        newGmt
-          ? 'GMT'
-          : newUtc
-          ? 'UTC'
-          : (String(newDate).match(self.timezone) || [''])
-              .pop()
-              .replace(self.timezoneClip, '')
-              .replace(/GMT\+0000/g, 'UTC'),
-      o: () =>
-        (_o > 0 ? '-' : '+') +
-        self._pad(Math.floor(Math.abs(_o) / 60) * 100 + (Math.abs(_o) % 60), 4),
-      p: () =>
-        `${
-          (_o > 0 ? '-' : '+') + self._pad(Math.floor(Math.abs(_o) / 60), 2)
-        }:${self._pad(Math.floor(Math.abs(_o) % 60), 2)}`,
-      // @ts-ignore
-      S: () =>
-        ['th', 'st', 'nd', 'rd'][
-          _d % 10 > 3 ? 0 : (((_d % 100) - (_d % 10) != 10) * _d) % 10
-        ],
-      W: () => _W,
-      WW: () => self._pad(_W),
-      N: () => _N,
-    };
-    return mask.replace(this.token, (match) => {
-      if (match in flags) {
-        return flags[match]();
-      }
-      return match.slice(1, match.length - 1);
-    });
-  }
-
-  _pad(val, len) {
-    let newVal = String(val);
-    const newLen = len || 2;
-    while (newVal.length < newLen) {
-      newVal = `0${newVal}`;
-    }
-    return newVal;
-  }
-
-  _getDayName(_ref) {
-    const { y, m, d, _, dayName } = _ref;
-    const _ref$short = _ref['short'];
-    const _short = _ref$short === void 0 ? false : _ref$short;
-    const today = new Date();
-    const yesterday = new Date();
-    yesterday.setDate(yesterday[`${_}Date`]() - 1);
-    const tomorrow = new Date();
-    tomorrow.setDate(tomorrow[`${_}Date`]() + 1);
-    const today_d = function today_d() {
-      return today[`${_}Date`]();
-    };
-    const today_m = function today_m() {
-      return today[`${_}Month`]();
-    };
-    const today_y = function today_y() {
-      return today[`${_}FullYear`]();
-    };
-    const yesterday_d = function yesterday_d() {
-      return yesterday[`${_}Date`]();
-    };
-    const yesterday_m = function yesterday_m() {
-      return yesterday[`${_}Month`]();
-    };
-    const yesterday_y = function yesterday_y() {
-      return yesterday[`${_}FullYear`]();
-    };
-    const tomorrow_d = function tomorrow_d() {
-      return tomorrow[`${_}Date`]();
-    };
-    const tomorrow_m = function tomorrow_m() {
-      return tomorrow[`${_}Month`]();
-    };
-    const tomorrow_y = function tomorrow_y() {
-      return tomorrow[`${_}FullYear`]();
-    };
-    if (today_y() === y && today_m() === m && today_d() === d) {
-      return _short ? 'Tdy' : 'Today';
-    }
-    if (yesterday_y() === y && yesterday_m() === m && yesterday_d() === d) {
-      return _short ? 'Ysd' : 'Yesterday';
-    }
-    if (tomorrow_y() === y && tomorrow_m() === m && tomorrow_d() === d) {
-      return _short ? 'Tmw' : 'Tomorrow';
-    }
-    return dayName;
-  }
-
-  _getWeek(date) {
-    const targetThursday = new Date(
-      date.getFullYear(),
-      date.getMonth(),
-      date.getDate()
-    );
-    targetThursday.setDate(
-      targetThursday.getDate() - ((targetThursday.getDay() + 6) % 7) + 3
-    );
-    const firstThursday = new Date(targetThursday.getFullYear(), 0, 4);
-    firstThursday.setDate(
-      firstThursday.getDate() - ((firstThursday.getDay() + 6) % 7) + 3
-    );
-    const ds =
-      targetThursday.getTimezoneOffset() - firstThursday.getTimezoneOffset();
-    targetThursday.setHours(targetThursday.getHours() - ds);
-    const weekDiff = (targetThursday - firstThursday) / (864e5 * 7);
-    return 1 + Math.floor(weekDiff);
-  }
-
-  _getDayOfWeek(date) {
-    let dow = date.getDay();
-    if (dow === 0) {
-      dow = 7;
-    }
-    return dow;
-  }
-
-  _kindOf(val) {
-    if (val === null) {
-      return 'null';
-    }
-    if (val === undefined) {
-      return 'undefined';
-    }
-    if (this._typeof(val) !== 'object') {
-      return this._typeof(val);
-    }
-    if (Array.isArray(val)) {
-      return 'array';
-    }
-    return {}.toString.call(val).slice(8, -1).toLowerCase();
-  }
-
-  _typeof(obj) {
-    if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
-      this._typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      this._typeof = function _typeof(obj) {
-        return obj &&
-          typeof Symbol === 'function' &&
-          obj.constructor === Symbol &&
-          obj !== Symbol.prototype
-          ? 'symbol'
-          : typeof obj;
-      };
-    }
-    return this._typeof(obj);
-  }
-}
-
-const dataInstance = new CustomDate();
-export const formatDate = new CustomDate().format.bind(dataInstance);

package/template/generator/utils/error.jsx

@@ -1,14 +0,0 @@
-import React from 'react'
-
-export function createErrorFallback(cmpKey, id) {
-  return function ComponentErrorFallback(props) {
-    return (
-      <div
-        style={{ color: 'red', display: 'flex', alignItems: 'center' }}
-        title={`组件${cmpKey} ${id}发生了错误，错误信息：${props.error}`}
-      >
-        {cmpKey}组件错误
-      </div>
-    )
-  }
-}