x-prop-tree 0.8.33 → 0.8.34

package/dist/index.js

@@ -1,7 +1,7 @@
 (function(){try{document.getElementById(`x-prop-tree`)?.remove();const e = document.createElement(`style`);e.setAttribute(`id`, `x-prop-tree`);const t = document.createTextNode(``);e.appendChild(t);document.head.appendChild(e);}catch(e){console.error('rolldown-plugin-inject-css', e);}})()
 import { n as isEqual, r as cloneDeep, t as omit } from "./vendor.mu9vrf3y.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, inject, isRef, mergeModels, mergeProps, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDirective, toDisplayString, unref, useId, useModel, useTemplateRef, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
-import { eventBus, globalObjects, injectDark, injectLocale, openConfirmDlg, openNumberDlg, openPromptDlg, useColor, useSystem, useViewStack } from "x-essential-lib";
+import { addView, delView, eventBus, globalObjects, hasView, injectDark, injectLocale, injectViews, openConfirmDlg, openNumberDlg, openPromptDlg, useColor, useSystem, useViewStack } from "x-essential-lib";
 import { getElement, getItems, getPropertyDefault, getPropertyDefaultArray, getTag, getTypes, isHexColor, isThemeColor, makeSlotId, parseNumberUnit, pkgs, rules, themeColors, unwrapSlotId } from "x-runtime-lib";
 import { getListEntry, setCollapse, tidyList } from "x-group-list";
 import { useI18n } from "vue-i18n";
@@ -1774,6 +1774,7 @@ var index_vue_vue_type_script_setup_true_lang_default$10 = /*@__PURE__*/ defineC
 		const { t } = useI18n();
 		const { sysBarAvail } = useSystem();
 		const { backgroundColor0, backgroundColor1, backgroundColor2 } = useColor();
+		const views = injectViews();
 		const json = useModel(__props, "modelValue");
 		const emit = __emit;
 		const contStyle = computed(() => {
@@ -1785,8 +1786,21 @@ var index_vue_vue_type_script_setup_true_lang_default$10 = /*@__PURE__*/ defineC
 				height: `calc(100% - ${h}px)`
 			};
 		});
-		const { open } = useViewStack(`propTreejsonEditorDlg${useId()}`);
 		const editor = useTemplateRef("editor");
+		const name = `propTreejsonEditorDlg${useId()}`;
+		const open = ref(false);
+		const view = computed({
+			get() {
+				return hasView(views, name);
+			},
+			set(val) {
+				if (val) addView(views, name);
+				else delView(views, name);
+			}
+		});
+		function onOpen() {
+			open.value = true;
+		}
 		async function onClose() {
 			try {
 				const newJson = editor.value.save();
@@ -1800,14 +1814,27 @@ var index_vue_vue_type_script_setup_true_lang_default$10 = /*@__PURE__*/ defineC
 				open.value = false;
 			}
 		}
+		onMounted(() => {
+			eventBus.on(name, onOpen);
+		});
+		onBeforeUnmount(() => {
+			eventBus.off(name, onOpen);
+		});
+		watch(open, (val) => {
+			view.value = val;
+		});
+		watch(view, async (val) => {
+			if (!val) await onClose();
+			open.value = val;
+		});
 		return (_ctx, _cache) => {
 			const _component_v_btn = resolveComponent("v-btn");
 			const _component_v_sheet = resolveComponent("v-sheet");
 			const _component_v_spacer = resolveComponent("v-spacer");
 			const _component_v_dialog = resolveComponent("v-dialog");
 			return openBlock(), createBlock(_component_v_dialog, {
-				modelValue: unref(open),
-				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(open) ? open.value = $event : null),
+				modelValue: open.value,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => open.value = $event),
 				attach: "",
 				fullscreen: "",
 				"no-click-animation": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-prop-tree",
-  "version": "0.8.33",
+  "version": "0.8.34",
   "files": [
     "dist"
   ],