@cloudbase/lowcode-builder 1.8.88 → 1.8.89

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/lowcode-builder",
-  "version": "1.8.88",
+  "version": "1.8.89",
   "description": "云开发 Tencent CloudBase Framework Low Code Plugin，将低码配置生成完整项目并一键部署云开发资源。",
   "author": "yhsunshining@gmail.com",
   "homepage": "https://github.com/TencentCloudBase/cloudbase-framework#readme",
@@ -47,7 +47,7 @@
   "dependencies": {
     "@babel/core": "7.21.4",
     "@babel/preset-env": "7.21.4",
-    "@cloudbase/cals": "^1.0.70",
+    "@cloudbase/cals": "^1.0.71",
     "@cloudbase/lowcode-generator": "^1.8.25",
     "axios": "^0.21.0",
     "browserfs": "^1.4.3",

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

@@ -4,7 +4,7 @@ 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 { createInitData } from './widget';
 import { commonCompBehavior } from '@cloudbase/weda-client';
 import { $w as baseAPI } from '../app/weapps-api'
 
@@ -13,7 +13,7 @@ import { $w as baseAPI } from '../app/weapps-api'
  */
 export const compLowcodes = {}
 
-export function createComponent(key, behaviors, properties={}, events, handler, dataBinds, evtListeners, widgetProps, index, lifeCycle, stateFn, computedFuncs, config, libCommonRes, libCode) {
+export function createComponent(key, behaviors, properties, events, handler, dataBinds, evtListeners, widgetProps, index, lifeCycle, stateFn, computedFuncs, config, libCommonRes, libCode) {
   widgetProps = patchWdigetPropsWithEvtListeners(widgetProps, evtListeners)
 
   compLowcodes[key] = {
@@ -53,7 +53,6 @@ export function createComponent(key, behaviors, properties={}, events, handler,
       created() {
         this._pageActive = true
         this._disposers = []
-        this._nativeObserver = false
       },
       attached() {
         const $comp = this._getInstance()
@@ -61,7 +60,7 @@ export function createComponent(key, behaviors, properties={}, events, handler,
         $comp.__internal__.active = this._pageActive
 
         $comp.props.events = createPropEvents(events, this)
-        const { widgets, rootWidget: virtualRootWidget } = createWidgets(widgetProps, dataBinds, this, $comp.widgets)
+        const { widgets, rootWidget: virtualRootWidget } = createWidgets(widgetProps, dataBinds, this,  $comp.widgets)
         $comp.widgets = widgets
         this._virtualRootWidget = virtualRootWidget
 
@@ -99,7 +98,7 @@ export function createComponent(key, behaviors, properties={}, events, handler,
         $comp.__internal__.active = this._pageActive
 
         $comp.widgets = null
-        $comp.node._eventListeners?.clear?.();
+        $comp.node._eventListeners.clear();
         disposeWidget(this._virtualRootWidget)
         this._disposers.forEach(dispose => dispose())
         lifeCycle.onDetached && lifeCycle.onDetached.call($comp)
@@ -131,34 +130,19 @@ export function createComponent(key, behaviors, properties={}, events, handler,
       ...createEventHandlers(evtListeners, { looseError: true, isComposite: true }),
       ...mergeRenderer,
       _getInstance() {
-        if (!this.$WEAPPS_COMP) {
-          let widget = this.$node
+        if(!this.$WEAPPS_COMP){
+          const widget = this.$node
           if (!widget) {
-            if(this.selectOwnerComponent && !this.selectOwnerComponent?.()) {
-              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
-            }
+            console.error('Fatal error: weapps component instance not created', this.is, this.id)
+          }else {
+            widget.getDom = (fields) => this._virtualRootWidget.children[0].getDom(fields)
+            this.$WEAPPS_COMP = create$comp(widget)
           }
-          widget.getDom = (fields) => this._virtualRootWidget.children[0].getDom(fields)
-          this.$WEAPPS_COMP = create$comp(widget)
         }
         return this.$WEAPPS_COMP
       },
     },
-    observers: createObservers(Object.keys(properties))
+    // observers: createObservers(Object.keys(properties))
   })
 }
 
@@ -168,6 +152,7 @@ export function create$comp(w) {
   if (!lowcode) {
     return
   }
+  const libCode = w.widgetType.split(':')[0]
   const { stateFn, computedFuncs, handler, lib } = lowcode
 
   const $comp = {
@@ -176,15 +161,21 @@ export function create$comp(w) {
     state: {},
     computed: {},
     widgets: {},
-    node: w || {},
+    node: w,
     props: {
-      data: w || {},
+      data: w,
       events: {},
       get style() { return w.style },
       get classList() { return w.classList },
     },
     handler: {},
-    lib
+    lib,
+    // 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.computed = createComputed(computedFuncs, $comp)
@@ -199,7 +190,7 @@ export function create$comp(w) {
     baseAPI,
     {
       get(target, prop) {
-        if (prop === '$comp') {
+        if(prop === '$comp'){
           return $comp
         }
         // 尝试代理组件级别组件实例
@@ -216,29 +207,13 @@ export function create$comp(w) {
 }
 
 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)
-        // }
+    observers[prop] = function (newVal) {
+      const data = this._getInstance().props.data
+      if (!deepEqual(data[prop], newVal)) {
+        data[prop] = newVal
+      } else {
+        // console.log('Same comp prop will not trigger observer', prop, newVal)
       }
     }
     return observers
@@ -281,7 +256,7 @@ function createPropEvents(events, mpInst) {
           mpInst.setData({ value: evt.getValueFromEvent({ detail: evtDetail }) })
         }
         mpInst.triggerEvent(evt.name, evtDetail)
-        mpInst._getInstance().node?._eventListeners?.emit?.(evt.name, evtDetail)
+        mpInst._getInstance().node._eventListeners.emit(evt.name, evtDetail)
       }
     }
   })

package/template/mp/common/widget.js

@@ -377,7 +377,7 @@ function runFor(curForNode, dataBinds, ownerMpInst, forContext, ownerForWidgetHo
   return dispose;
 }
 
-export function createWidget(props, nodeId, indexPostfix, parent, ownerMpInst, forContext) {
+function createWidget(props, nodeId, indexPostfix, parent, ownerMpInst, forContext) {
   const { widgetType, _parentId, ...restProps } = props;
   const w = observable(restProps);
   const id = `${nodeId}${indexPostfix}`;