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

Tencent · Aug 30, 2024 · 26efbee · 26efbee
1 parent 34bc458
commit 26efbee
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;