@cloudbase/lowcode-builder 1.8.106 → 1.8.108

package/template/mp/common/query.js

@@ -1,300 +0,0 @@
-import { observable, autorun, toJS } from 'mobx';
-import { createEventHandlers, getMpEventHandlerName, mergeDynamic2StaticData } from './util';
-import { Event } from './event-emitter';
-
-
-const QUERY_RESOURCE = {
-  SQL : 'mysql-plugin',
-  SQLSERVER : 'mssql-plugin',
-  CLOUDCONNECTOR : 'apis-plugin',
-}
-
-const QUERY_PATH =  {
-  SQL : '/WeDa/Query/V1/RunPluginQuery',
-  SQLSERVER : '/WeDa/Query/V1/RunPluginQuery',
-  CLOUDCONNECTOR : '/WeDa/Connector/v1/RunApisQuery',
-}
-
-const KEYS = ['id', 'label', 'description', 'data', 'error', 'isFetching', 'trigger', 'reset'];
-
-const GENERALFUNC = 'general-func'
-
-export class Query {
-  _schema = {};
-  #schema;
-  #context = {};
-  #disposes = [];
-  #dataBinds = {};
-  #triggered = false;
-  initPromise;
-  #initedResolver = (value) => {};
-  #paramsRef = observable({ current: null });
-  #currentRequestKey = null;
-  #observableValue = observable({ data: null, error: null, isFetching: false });
-  #eventHandlerMap = {};
-  #action = () => {};
-  #runQueryMap = {
-    sql: { QueryResource: QUERY_RESOURCE.SQL, QueryPath: QUERY_PATH.SQL },
-    sqlserver: { QueryResource: QUERY_RESOURCE.SQLSERVER, QueryPath: QUERY_PATH.SQLSERVER },
-    'cloud-connector': { QueryResource: QUERY_RESOURCE.CLOUDCONNECTOR, QueryPath: QUERY_PATH.CLOUDCONNECTOR },
-  };
-  constructor({ schema, context, options = {} }) {
-    const { looseError = false } = options;
-    this.#schema = schema;
-    this._schema = {
-      trigger: schema.trigger,
-    };
-    this.#context = context;
-
-    this.initPromise = new Promise((resolve) => {
-      this.#initedResolver = resolve;
-    });
-
-    if (this.#schema?.trigger === 'auto') {
-      this.#disposes.push(
-        autorun(
-          (r) => {
-            try {
-              const data = this.#resolveParams({}, { combainErrors: true });
-              if (this.#triggered) {
-                this.#debounceTrigger(data);
-              }
-            } catch (e) {
-              console.error(e);
-            } finally {
-              this.#initedResolver(true);
-            }
-          },
-          { delay: 50 },
-        ),
-      );
-    } else {
-      this.#initedResolver(true);
-    }
-    this.#paramsRef.current = this.#schema.data;
-    this.#dataBinds = Object.entries(this.#schema.dataBinds || {}).reduce((map, [prop, fn]) => {
-      if (!/[\s+\-*/!&|%]*?SERVER\./.test(prop)) {
-        map[prop] = fn;
-      }
-      return map;
-    }, {});
-
-    const { $w } = this.#context;
-
-    const runQueryType = async function (data) {
-      const requestData = {
-        EnvId: $w.env.envId,
-        Name: data.sqlTemplateId,
-        Parameter: JSON.stringify(
-          Object.entries(data.params || {}).reduce((list, [key, value]) => {
-            if (value !== undefined) {
-              let type = 'OBJECT';
-              const typeofValue = typeof value;
-              switch (typeofValue) {
-                case 'boolean': {
-                  type = 'BOOLEAN';
-                  break;
-                }
-                case 'number': {
-                  type = 'NUMBER';
-                  break;
-                }
-                case 'string': {
-                  type = 'STRING';
-                  break;
-                }
-                default: {
-                  if (Array.isArray(value)) {
-                    type = 'ARRAY';
-                  } else {
-                    type = 'OBJECT';
-                  }
-                }
-              }
-
-              list.push({
-                Key: key,
-                Type: type,
-                Value: type === 'STRING' ? value : JSON.stringify(value),
-              });
-            }
-
-            return list;
-          }, []) || [],
-        ),
-      };
-
-      const Data = await $w.cloud.callWedaApi({
-        action: 'RunQuery',
-        CallQuery: true,
-        ...(this.#runQueryMap[this.#schema.type] || this.#runQueryMap['sql']),
-        EnvId: requestData.EnvId,
-        QueryName: requestData.Name,
-        data: requestData,
-      });
-
-      // const Data = await $w.cloud.callWedaApi({
-      //   action: 'RunPluginQuery',
-      //   data: {
-      //     MainAppId: $w.app.id,
-      //     ...requestData
-      //   },
-      // });
-
-      const { ExecuteResultList = [], Total, Payload } = Data || {};
-
-      let payload = Payload;
-      try {
-        if (Payload) {
-          payload = JSON.parse(Payload);
-        }
-      } catch (e) {}
-      return {
-        ...(this.#schema.type === 'cloud-connector'
-          ? payload
-          : {
-              records: ExecuteResultList.map((item) => JSON.parse(item)),
-              total: Total || ExecuteResultList.length,
-            }),
-      };
-    }
-
-    this.#action = async function (data,additionalScope){
-      return this.#isRunQueryType
-      ? runQueryType.call(this,data) 
-      : this.#schema.type === GENERALFUNC 
-      ? this.#schema.handler.call(this,data,additionalScope)
-      : this.#schema.handler.call(this,data);
-    }
-    
-    
-    this.#eventHandlerMap = Object.entries(
-      createEventHandlers(this.#schema.eventHandlers || {}, {
-        looseError: looseError,
-        isComposite: false,
-      }),
-    ).reduce(
-      (map, [key, fn]) => {
-        // map[key] = fn.bind(this);
-        map[key] = fn;
-        return map;
-      },
-      {
-        _getInstance: () => this.#context.$page || this.#context.$app,
-      },
-    );
-    return this;
-  }
-  get id() {
-    return this.#schema?.id || '';
-  }
-  get label() {
-    return this.#schema?.label || '';
-  }
-  get description() {
-    return this.#schema?.description || '';
-  }
-  get data() {
-    return this.#observableValue.data;
-  }
-  get error() {
-    return this.#observableValue.error;
-  }
-  get isFetching() {
-    return this.#observableValue.isFetching;
-  }
-  get #isRunQueryType() {
-    return !!this.#runQueryMap[this.#schema.type];
-  }
-  async trigger(additionalScope, options = {}) {
-    this.#triggered = true;
-    return this.#innerTrigger(this.#resolveParams(additionalScope),additionalScope, options);
-  }
-  reset() {
-    this.#observableValue.data = null;
-    this.#observableValue.error = null;
-    this.#observableValue.isFetching = false;
-  }
-  destroy() {
-    this.#disposes.forEach((dispose) => dispose());
-  }
-
-  /**
-   * 用于调试
-   */
-  _toSchema() {
-    console.warn('调试使用，结构可能发生更改，请不要用于生产环境');
-    return this.#schema;
-  }
-
-  async #innerTrigger(args, additionalScope,options = {}) {
-    this.#currentRequestKey = Date.now();
-    const key = this.#currentRequestKey;
-    try {
-      this.#observableValue.isFetching = true;
-      const res = await this.#action(args?.[0],additionalScope);
-      if (key === this.#currentRequestKey) {
-        this.#observableValue.isFetching = false;
-        this.#observableValue.data = res;
-        this.#observableValue.error = null;
-        this.#emit(`success`, res);
-      }
-      return res;
-    } catch (e) {
-      if (key === this.#currentRequestKey) {
-        this.#observableValue.isFetching = false;
-        this.#observableValue.data = null;
-        this.#observableValue.error = e;
-        this.#emit(`fail`, e);
-      }
-      throw e;
-    }
-  }
-  #debounceTrigger(...args) {
-    if (this._timer) {
-      clearTimeout(this._timer);
-    }
-    this._timer = setTimeout(() => {
-      this.#innerTrigger(...args);
-    }, 300);
-  }
-
-  #resolveParams(additionalScope = {}, options = {}) {
-    /**
-     * 这里万一其中某个字段计算失败
-     * 好像会阻塞其他字段的计算
-     * 从而导致 autorun 没有添加依赖
-     */
-    let { params = [] } =
-      mergeDynamic2StaticData(toJS(this.#paramsRef.current), this.#dataBinds, {
-        $w: this.#context.$w,
-        paramsContext: additionalScope,
-      }, options?.combainErrors) || {};
-
-    return params;
-  }
-  async #emit(eventName, data) {
-    return this.#eventHandlerMap[getMpEventHandlerName(this.id, eventName)]?.(
-      new Event({
-        type: eventName,
-        detail: data,
-        target: undefined,
-        currentTarget: undefined,
-      }),
-    );
-  }
-
-  toJSON() {
-    return KEYS.reduce((obj, key) => {
-      obj[key] = this[key];
-      return obj;
-    }, {});
-  }
-}
-export function generateDatasetQuery(schema, context, options) {
-  const result = {};
-  for (const key in schema) {
-    result[key] = new Query({ schema: schema[key], context, options });
-  }
-  return result;
-}

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(`${/^--/.test(key) ? key : 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/watch.js

@@ -1,70 +0,0 @@
-import { autorun, reaction } from 'mobx'
-import { getDeep } from './util'
-import { getDatasetProfiles, setLocalDatasetState } from './cloud-sdk';
-
-/**
- *
- * @param {*} param
- * @returns Dipsonsers
- */
-export function runWatchers({ watchEffects = {}, watch = {}, watchState = {}, watchWidget = {} }, mpInst) {
-  const weappInst = mpInst._getInstance()
-  const disposers = []
-  Object.keys(watchEffects).map(name => {
-    const fn = watchEffects[name]
-    if (fn instanceof Function) {
-      disposers.push(autorun(fn.bind(weappInst)))
-    } else {
-      console.error(`WatchEffect(${name}) of ${mpInst.is} is not a function.`)
-    }
-  })
-
-  // # watch props
-  Object.keys(watch).map(key => runWatcher(parseWatcher(watch[key]), weappInst.node, key, 'watch'))
-
-  // # watch state
-  Object.keys(watchState).map(key => runWatcher(parseWatcher(watchState[key]), weappInst.state, key, 'watchState'))
-
-  // # watch widgets
-  Object.keys(watchWidget).map(key => runWatcher(parseWatcher(watchWidget[key]), weappInst.widgets, key, 'watchWidgets'))
-
-  return disposers
-
-  function runWatcher({ handler, immediate } = {}, target, key, label) {
-    if (!handler) {
-      console.error(`Invalid ${label}(${key}) of ${mpInst.is}, watch must a function or {handler: function}`)
-      return
-    }
-    const disposer = reaction(() => getDeep(target, key), handler.bind(weappInst), { fireImmediately: immediate })
-    disposers.push(disposer)
-  }
-}
-
-function parseWatcher(watcher) {
-  if (!watcher) return
-  if (watcher instanceof Function) {
-    return { handler: watcher, immediate: false }
-  }
-  const { handler, immediate = false } = watcher
-  if (!(handler instanceof Function)) return
-  return { handler, immediate }
-}
-
-export function watchAndSyncDatasetState2Local(appId, datasetProfileKey, dataset) {
-  const disposes = [];
-  const stateProfile = getDatasetProfiles(datasetProfileKey)?.state || {};
-  for (const key in stateProfile) {
-    const config = stateProfile[key];
-    if (config.enableSyncLocal) {
-      const dispose = autorun((r) => {
-        try {
-          setLocalDatasetState(appId, datasetProfileKey, key, dataset[key]);
-        } catch (e) {
-          console.error('setLocalDatasetState error:', e);
-        }
-      });
-      disposes.push(dispose);
-    }
-  }
-  return disposes;
-}

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

@@ -1,289 +0,0 @@
-import { observable } from 'mobx'
-import { createEventHandlers, createComputed, patchWdigetPropsWithEvtListeners } from './util'
-import { createWidgets, getWidget, disposeWidget } from './widget'
-import mergeRenderer from './merge-renderer'
-import { runWatchers } from './watch'
-import lodashGet from 'lodash.get';
-import { createInitData, createWidget } from './widget';
-import { commonCompBehavior, getWedaAPI } from '@cloudbase/weda-client';
-
-/**
- * Lowcodes of all components
- */
-export const compLowcodes = {}
-
-export function createComponent(key, behaviors, properties={}, events, handler, dataBinds, evtListeners, widgetProps, index, lifeCycle, stateFn, computedFuncs, config, libCommonRes, libCode) {
-  widgetProps = patchWdigetPropsWithEvtListeners(widgetProps, evtListeners)
-
-  compLowcodes[key] = {
-    index,
-    stateFn,
-    computedFuncs,
-    handler,
-    // events,
-    lib: libCommonRes,
-    config,
-  }
-
-  return Component({
-    options: {
-      virtualHost: true,
-      multipleSlots: true,
-      styleIsolation: 'shared',
-    },
-    /**
-     * commonCompBehavior 生命周期最先执行
-     */
-    behaviors: [commonCompBehavior, ...behaviors,],
-    // externalClasses: ['class'],
-    properties: {
-      style: {
-        type: String
-      },
-      className: {
-        type: String,
-      },
-      ...properties,
-    },
-
-    data: createInitData(widgetProps, dataBinds, ''),
-
-    lifetimes: {
-      created() {
-        this._pageActive = true
-        this._disposers = []
-        this._nativeObserver = false
-        this._nativeMode = <%= !!nativeMode %>
-      },
-      attached() {
-        const $comp = this._getInstance()
-        if(!$comp) return
-        $comp.__internal__.active = this._pageActive
-
-        $comp.props.events = createPropEvents(events, this)
-        const { widgets, rootWidget: virtualRootWidget } = createWidgets(widgetProps, dataBinds, this, $comp.widgets)
-        $comp.widgets = widgets
-        this._virtualRootWidget = virtualRootWidget
-
-        try {
-          lifeCycle.onAttached && lifeCycle.onAttached.call($comp)
-          this.__mnt__ = (e) => {
-            const widget = getWidget($comp.widgets, e.target.id)
-            widget._methods = e.detail.methods;
-          }
-          this.__unmnt__ = (e) => {
-            const widget = lodashGet($comp.widgets, e.target.id);
-            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($comp.widgets)
-      },
-      ready() {
-        const $comp = this._getInstance()
-        if(!$comp) return
-        this._disposers.push(...runWatchers(index, this))
-        lifeCycle.onReady && lifeCycle.onReady.call($comp)
-      },
-      detached() {
-        const $comp = this._getInstance()
-        if(!$comp) return
-        this._pageActive = false
-        $comp.__internal__.active = this._pageActive
-
-        $comp.widgets = null
-        $comp.node._eventListeners?.clear?.();
-        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._getInstance()
-        if(!$comp) return
-        lifeCycle.onPageShow && lifeCycle.onPageShow.call($comp)
-      },
-      hide() {
-        const $comp = this._getInstance()
-        if(!$comp) return
-        lifeCycle.onPageHide && lifeCycle.onPageHide.call($comp)
-      },
-      resize(size) {
-        const $comp = this._getInstance()
-        if(!$comp) return
-        lifeCycle.onPageResize && lifeCycle.onPageResize.call($comp, size)
-      }
-    },
-
-    methods: {
-      ...createEventHandlers(evtListeners, { looseError: true, isComposite: true }),
-      ...mergeRenderer,
-      _getInstance() {
-        if (!this.$WEAPPS_COMP) {
-          let widget = this.$node
-          if (!widget) {
-            if ((this.selectOwnerComponent && !this.selectOwnerComponent?.()) || this._nativeMode) {
-              const widgetValue = {}
-              for (const key in properties) {
-                if (properties[key]?.value !== undefined) {
-                  widgetValue[key] = properties[key]?.value
-                }
-                if (this.data[key] !== undefined) {
-                  widgetValue[key] = this.data[key]
-                }
-              }
-              this.$node = createWidget({ widgetType: key, ...widgetValue }, this.id || `id${Date.now()}`, '', undefined, {})
-              widget = this.$node
-              this._nativeObserver = true;
-            } else {
-              console.error('Fatal error: weapps component instance not created', this.is, this.id);
-              return
-            }
-          }
-          widget.getDom = (fields) => this._virtualRootWidget.children[0].getDom(fields)
-          this.$WEAPPS_COMP = create$comp(widget)
-        }
-        return this.$WEAPPS_COMP
-      },
-    },
-    observers: createObservers(Object.keys(properties))
-  })
-}
-
-// The component instance for lowcode
-function create$comp(w) {
-  const lowcode = compLowcodes[w.widgetType]
-  if (!lowcode) {
-    return
-  }
-  const { stateFn, computedFuncs, handler, lib } = lowcode
-
-  const $comp = {
-    __internal__: {
-    },
-    state: {},
-    computed: {},
-    widgets: {},
-    node: w || {},
-    props: {
-      data: w || {},
-      events: {},
-      get style() { return w.style },
-      get classList() { return w.classList },
-    },
-    handler: {},
-    lib
-  }
-  $comp.$WEAPPS_COMP = $comp  // TODO $comp will replaced to this.$WEAPPS_COMP
-  $comp.computed = createComputed(computedFuncs, $comp)
-  $comp.handler = Object.keys(handler).reduce((result, key) => {
-    result[key] = handler[key].bind($comp)
-    return result
-  }, {})
-  $comp.state = observable(stateFn.call($comp))  // May depend on this.props.data.xxx
-
-
-  $comp.__internal__.$w = new Proxy(
-    getWedaAPI()?.$w || {},
-    {
-      get(target, prop) {
-        if (prop === '$comp') {
-          return $comp
-        }
-        // 尝试代理组件级别组件实例
-        const childWidget = $comp.widgets?.[prop];
-        if (childWidget) {
-          return childWidget._userWidget;
-        }
-        return target[prop]
-      },
-    },
-  );
-
-  return $comp
-}
-
-function createObservers(props) {
-  const MAP = {
-    className: {
-      alias: 'classList',
-      format: function(value='') {
-        return Array.from(new Set(value.split(' ').filter(item=>!!item)))
-      }
-    },
-  }
-  return props.reduce((observers, prop) => {
-    observers[prop] = function (value) {
-      if (!this._nativeObserver) {
-        return;
-      }
-      const $comp = this._getInstance()
-      if ($comp) {
-        const data = $comp.props.data || {}
-        const dataKey = MAP[prop]?.alias || prop;
-        const formatValue = MAP[prop]?.format ? MAP[prop].format(value) : value;
-        // if (!deepEqual(data[prop], formatValue)) {
-          data[dataKey] = formatValue
-        // } else {
-        //   // console.log(`Same comp prop will not trigger observer. ${prop}->${dataKey}`, formatValue)
-        // }
-      }
-    }
-    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)
-        mpInst._getInstance().node?._eventListeners?.emit?.(evt.name, evtDetail)
-      }
-    }
-  })
-  return result
-}