@sparqjs/schema-ui-element-plus 0.2.6 → 0.2.7

package/dist/lazy-tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-tree-select.d.ts","sourceRoot":"","sources":["../src/lazy-tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAgD,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AACjF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAE5D,eAAO,MAAM,cAAc;;cAKA,QAAQ,CAAC,qBAAqB,EAAE,CAAC;;;;;;;cAAjC,QAAQ,CAAC,qBAAqB,EAAE,CAAC;;;iGAY1D,CAAA"}
+{"version":3,"file":"lazy-tree-select.d.ts","sourceRoot":"","sources":["../src/lazy-tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAA6D,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAC9F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAc5D,eAAO,MAAM,cAAc;;cAKA,QAAQ,CAAC,qBAAqB,EAAE,CAAC;;;;;;;cAAjC,QAAQ,CAAC,qBAAqB,EAAE,CAAC;;;iGA4B1D,CAAA"}

package/dist/lazy-tree-select.js

@@ -1,5 +1,11 @@
 import { ElTreeSelect } from 'element-plus';
-import { computed, defineComponent, h } from 'vue';
+import { defineComponent, h, onMounted, ref, watch } from 'vue';
+function rootOptions(options) {
+    return options.map((option) => ({ ...option, children: undefined }));
+}
+function optionKey(option) {
+    return `${typeof option.value}:${JSON.stringify(option.value)}`;
+}
 export const LazyTreeSelect = defineComponent({
     name: 'SparqLazyTreeSelect',
     inheritAttrs: false,
@@ -10,12 +16,23 @@ export const LazyTreeSelect = defineComponent({
         },
     },
     setup(props, { attrs, slots }) {
-        const roots = computed((previous) => {
-            // 子节点由 load 回调交给树组件；表单缓存更新不能重建正在展开的树。
-            const next = props.data.map((option) => ({ ...option, children: undefined }));
-            return previous && JSON.stringify(previous) === JSON.stringify(next) ? previous : next;
-        });
-        return () => h(ElTreeSelect, { ...attrs, lazy: true, data: roots.value }, slots);
+        const treeSelect = ref();
+        const initialRoots = rootOptions(props.data);
+        const knownRoots = new Set(initialRoots.map(optionKey));
+        function appendRoots(options) {
+            if (!treeSelect.value)
+                return;
+            for (const option of rootOptions(options)) {
+                const key = optionKey(option);
+                if (knownRoots.has(key))
+                    continue;
+                knownRoots.add(key);
+                treeSelect.value.append(option);
+            }
+        }
+        onMounted(() => appendRoots(props.data));
+        watch(() => props.data, (options) => appendRoots(options), { deep: true });
+        return () => h(ElTreeSelect, { ...attrs, ref: treeSelect, lazy: true, data: initialRoots }, slots);
     },
 });
 //# sourceMappingURL=lazy-tree-select.js.map

package/dist/lazy-tree-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-tree-select.js","sourceRoot":"","sources":["../src/lazy-tree-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,EAAiC,MAAM,KAAK,CAAA;AAGjF,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,qBAAqB;IAC3B,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACH,IAAI,EAAE;YACF,IAAI,EAAE,KAA0C;YAChD,QAAQ,EAAE,IAAI;SACjB;KACJ;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QACzB,MAAM,KAAK,GAAG,QAAQ,CAA0B,CAAC,QAAQ,EAAE,EAAE;YACzD,sCAAsC;YACtC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,CAAA;YAC7E,OAAO,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;QAC1F,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,YAAyB,EAAE,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,CAAA;IACjG,CAAC;CACJ,CAAC,CAAA"}
+{"version":3,"file":"lazy-tree-select.js","sourceRoot":"","sources":["../src/lazy-tree-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAiC,MAAM,KAAK,CAAA;AAO9F,SAAS,WAAW,CAAC,OAAgC;IACjD,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,CAAA;AACxE,CAAC;AAED,SAAS,SAAS,CAAC,MAA6B;IAC5C,OAAO,GAAG,OAAO,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAA;AACnE,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,qBAAqB;IAC3B,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACH,IAAI,EAAE;YACF,IAAI,EAAE,KAA0C;YAChD,QAAQ,EAAE,IAAI;SACjB;KACJ;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QACzB,MAAM,UAAU,GAAG,GAAG,EAA0B,CAAA;QAChD,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC5C,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAA;QAEvD,SAAS,WAAW,CAAC,OAAgC;YACjD,IAAI,CAAC,UAAU,CAAC,KAAK;gBAAE,OAAM;YAC7B,KAAK,MAAM,MAAM,IAAI,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC;gBACxC,MAAM,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;gBAC7B,IAAI,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC;oBAAE,SAAQ;gBACjC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;gBACnB,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YACnC,CAAC;QACL,CAAC;QAED,SAAS,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;QACxC,KAAK,CACD,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAChB,CAAC,OAAO,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,EACjC,EAAE,IAAI,EAAE,IAAI,EAAE,CACjB,CAAA;QAED,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,YAAyB,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,KAAK,CAAC,CAAA;IACnH,CAAC;CACJ,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparqjs/schema-ui-element-plus",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "publishConfig": {
     "access": "public"
   },