feat(uitls): 只是自定义dsl与dom el的关联关系函数

Tencent · Dec 9, 2024 · 9494ed7 · 9494ed7
1 parent 39e68bd
commit 9494ed7
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 7 deletions.
diff --git a/packages/design/src/Popover.vue b/packages/design/src/Popover.vue
@@ -46,7 +46,6 @@ const popoverVisible = ref(false);
 const visibleWatch = watch(
   () => props.visible,
   (visible) => {
-    console.log(visible);
     if (typeof visible === 'undefined') {
       nextTick(() => {
         visibleWatch();

diff --git a/packages/utils/src/dom.ts b/packages/utils/src/dom.ts
@@ -123,11 +123,26 @@ export const calcValueByFontsize = (doc: Document | undefined, value: number) =>
   return value;
 };
 
-export const getIdFromEl = () => (el?: HTMLElement | SVGElement | null) => el?.dataset?.tmagicId;
-
-export const getElById = () => (doc?: Document, id?: string | number) =>
-  doc?.querySelector(`[data-tmagic-id=${id}]`) as HTMLElement;
+const dslDomRelateConfig = {
+  getIdFromEl: (el?: HTMLElement | SVGElement | null) => el?.dataset?.tmagicId,
+  getElById: (doc?: Document, id?: string | number) => doc?.querySelector(`[data-tmagic-id="${id}"]`) as HTMLElement,
+  setIdToEl: (el: HTMLElement | SVGElement, id: string | number) => {
+    el.dataset.tmagicId = `${id}`;
+  },
+};
 
-export const setIdToEl = () => (el: HTMLElement | SVGElement, id: string | number) => {
-  el.dataset.tmagicId = `${id}`;
+export const setDslDomRelateConfig = <
+  K extends keyof typeof dslDomRelateConfig,
+  T extends (typeof dslDomRelateConfig)[K],
+>(
+  name: K,
+  value: T,
+) => {
+  dslDomRelateConfig[name] = value;
 };
+
+export const getIdFromEl = () => dslDomRelateConfig.getIdFromEl;
+
+export const getElById = () => dslDomRelateConfig.getElById;
+
+export const setIdToEl = () => dslDomRelateConfig.setIdToEl;