yuyeon 0.1.1-rc.11 → 0.1.1-rc.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/yuyeon.js +726 -727
- package/dist/yuyeon.umd.cjs +11 -11
- package/lib/composables/layer-group.mjs +3 -1
- package/lib/composables/layer-group.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { computed, getCurrentInstance, onBeforeUnmount, watch } from 'vue';
|
|
2
|
+
import { useYuyeon } from "../index.mjs";
|
|
2
3
|
export const Y_LAYER_GROUP_CLASS_NAME = 'y-layer-group';
|
|
3
4
|
const layerGroupState = new WeakMap();
|
|
4
5
|
export function useLayerGroup(target) {
|
|
5
6
|
const vm = getCurrentInstance();
|
|
7
|
+
const yuyeon = useYuyeon();
|
|
6
8
|
const layerGroup = computed(() => {
|
|
7
9
|
const refTarget = target?.value;
|
|
8
10
|
let targetEl = document.body;
|
|
9
|
-
const rootEl =
|
|
11
|
+
const rootEl = yuyeon.root;
|
|
10
12
|
if (rootEl) {
|
|
11
13
|
targetEl = rootEl;
|
|
12
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layer-group.mjs","names":["computed","getCurrentInstance","onBeforeUnmount","watch","Y_LAYER_GROUP_CLASS_NAME","layerGroupState","WeakMap","useLayerGroup","target","vm","layerGroup","refTarget","value","targetEl","document","body","rootEl","root","
|
|
1
|
+
{"version":3,"file":"layer-group.mjs","names":["computed","getCurrentInstance","onBeforeUnmount","watch","useYuyeon","Y_LAYER_GROUP_CLASS_NAME","layerGroupState","WeakMap","useLayerGroup","target","vm","yuyeon","layerGroup","refTarget","value","targetEl","document","body","rootEl","root","el","querySelector","nodeType","layerEl","createElement","className","appendChild","neo","old","has","get","delete","set","Set","add","immediate","getActiveLayers","activeLayers","currentGroup","forEach","ctx","active","isUnmounted","push","unregister"],"sources":["../../src/composables/layer-group.ts"],"sourcesContent":["import {computed, getCurrentInstance, onBeforeUnmount, watch} from 'vue';\r\nimport type { Ref, ComponentInternalInstance } from 'vue';\r\nimport { useYuyeon } from '../index';\r\n\r\nexport const Y_LAYER_GROUP_CLASS_NAME = 'y-layer-group';\r\n\r\nconst layerGroupState = new WeakMap<HTMLElement, Set<any>>();\r\n\r\nexport function useLayerGroup(target?: Ref<string | Element>) {\r\n const vm = getCurrentInstance()!;\r\n const yuyeon = useYuyeon();\r\n\r\n const layerGroup = computed<HTMLElement>(() => {\r\n const refTarget = target?.value;\r\n let targetEl: Element = document.body;\r\n\r\n const rootEl = yuyeon.root;\r\n if (rootEl) {\r\n targetEl = rootEl;\r\n }\r\n\r\n if (typeof refTarget === 'string') {\r\n const el = document.querySelector(refTarget);\r\n if (el) {\r\n targetEl = el;\r\n }\r\n }\r\n if (refTarget && (refTarget as Element).nodeType === 1) {\r\n targetEl = refTarget as Element;\r\n }\r\n //\r\n let layerEl = targetEl.querySelector(`.${Y_LAYER_GROUP_CLASS_NAME}`);\r\n if (!layerEl) {\r\n layerEl = document.createElement('div');\r\n layerEl.className = Y_LAYER_GROUP_CLASS_NAME;\r\n targetEl.appendChild(layerEl);\r\n }\r\n return layerEl as HTMLElement;\r\n });\r\n\r\n watch(\r\n layerGroup,\r\n (neo, old) => {\r\n if (old && layerGroupState.has(old)) {\r\n layerGroupState.get(old)?.delete(vm);\r\n }\r\n if (!(layerGroupState.has(neo) && layerGroupState.get(neo))) {\r\n layerGroupState.set(neo, new Set());\r\n }\r\n layerGroupState.get(neo)?.add(vm);\r\n },\r\n { immediate: true },\r\n );\r\n\r\n function getActiveLayers() {\r\n const activeLayers: ComponentInternalInstance[] = [];\r\n const currentGroup = layerGroupState.get(layerGroup.value);\r\n currentGroup?.forEach((value) => {\r\n if (value?.ctx?.active && !value?.isUnmounted) {\r\n activeLayers.push(value);\r\n }\r\n });\r\n return activeLayers;\r\n }\r\n\r\n function unregister() {\r\n layerGroupState.get(layerGroup.value)?.delete(vm);\r\n }\r\n\r\n onBeforeUnmount(() => {\r\n unregister();\r\n });\r\n\r\n return { layerGroup, layerGroupState, getActiveLayers };\r\n}\r\n"],"mappings":"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"}
|