@tmsfe/tms-core 0.0.214 → 0.0.215

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tmsfe/tms-core",
-  "version": "0.0.214",
+  "version": "0.0.215",
   "description": "tms运行时框架",
   "repository": {
     "type": "git",

package/src/utils/behavior/async-select-behavior.js

@@ -0,0 +1,47 @@
+/**
+ * @desc: 异步组件Behavior
+ * 父组件和子组件中都需要注册
+ */
+
+const getPromiseName = id => `__comLoadPromise_${id}`;
+const getResolveName = id => `__comLoadPromiseResolve_${id}`;
+
+const asyncSelectBehavior = Behavior({
+  lifetimes: {
+    attached() {
+      if (!this.id) {
+        return;
+      }
+      const owner = this.selectOwnerComponent();
+      // 组件加载完毕向父组件标记自己加载完毕
+      if (owner) {
+        const id = `#${this.id}`;
+        const promiseName = getPromiseName(id);
+        const resolveName = getResolveName(id);
+        // 父组件调用asyncSelectComponent时才创建promise桥梁，这里可能创建了，可能没有
+        if (owner[resolveName] === undefined) {
+          owner[promiseName] = Promise.resolve(this);
+        } else {
+          owner[resolveName](this);
+        }
+      }
+    },
+  },
+  methods: {
+    // 异步组件selectComponent函数，父组件调用
+    asyncSelectComponent(id, opts = {}) {
+      const { cache = true } = opts;
+      const promiseName = getPromiseName(id);
+      if (cache && this[promiseName] !== undefined) {
+        return this[promiseName];
+      }
+      this[promiseName] = new Promise((resolve) => {
+        this[getResolveName(id)] = resolve;
+      });
+      return this[promiseName];
+    },
+  },
+});
+
+
+module.exports = asyncSelectBehavior;