@element-plus/nightly 0.0.20220101 → 0.0.20220105

package/lib/components/popover/src/directive.js

@@ -2,25 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dom = require('../../../utils/dom.js');
-
-const attachEvents = (el, binding, vnode) => {
-  const _ref = binding.arg || binding.value;
-  const popover = vnode.dirs[0].instance.$refs[_ref];
+const attachEvents = (el, binding) => {
+  const popperComponent = binding.arg || binding.value;
+  const popover = popperComponent == null ? void 0 : popperComponent.popperRef;
   if (popover) {
     popover.triggerRef = el;
-    el.setAttribute("tabindex", popover.tabindex);
-    Object.entries(popover.events).forEach(([eventName, e]) => {
-      dom.on(el, eventName.toLowerCase().slice(2), e);
-    });
   }
 };
 var PopoverDirective = {
-  mounted(el, binding, vnode) {
-    attachEvents(el, binding, vnode);
+  mounted(el, binding) {
+    attachEvents(el, binding);
   },
-  updated(el, binding, vnode) {
-    attachEvents(el, binding, vnode);
+  updated(el, binding) {
+    attachEvents(el, binding);
   }
 };
 const VPopover = "popover";

package/lib/components/popover/src/directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"directive.js","sources":["../../../../../../packages/components/popover/src/directive.ts"],"sourcesContent":["import { on } from '@element-plus/utils/dom'\n\nimport type { DirectiveBinding, VNode, ObjectDirective } from 'vue'\n\ninterface PopoverInstance {\n  events: Record<string, EventListenerOrEventListenerObject>\n  triggerRef: HTMLElement\n  tabindex: string | number\n}\n\nconst attachEvents = (\n  el: HTMLElement,\n  binding: DirectiveBinding,\n  vnode: VNode\n) => {\n  const _ref = binding.arg || binding.value\n  const popover = vnode.dirs[0].instance.$refs[_ref] as PopoverInstance\n  if (popover) {\n    popover.triggerRef = el\n    el.setAttribute('tabindex', popover.tabindex as string)\n    // because v-popover cannot modify the vnode itself due to it has already been\n    Object.entries(popover.events).forEach(([eventName, e]) => {\n      on(el, eventName.toLowerCase().slice(2), e)\n    })\n  }\n}\n\nexport default {\n  mounted(el, binding, vnode) {\n    attachEvents(el, binding, vnode)\n  },\n  updated(el, binding, vnode) {\n    attachEvents(el, binding, vnode)\n  },\n} as ObjectDirective\n\nexport const VPopover = 'popover'\n"],"names":["on"],"mappings":";;;;;;AACA,MAAM,YAAY,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,KAAK;AAC7C,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC;AAC5C,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AACrD,EAAE,IAAI,OAAO,EAAE;AACf,IAAI,OAAO,CAAC,UAAU,GAAG,EAAE,CAAC;AAC5B,IAAI,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;AAClD,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK;AAC/D,MAAMA,MAAE,CAAC,EAAE,EAAE,SAAS,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAClD,KAAK,CAAC,CAAC;AACP,GAAG;AACH,CAAC,CAAC;AACF,uBAAe;AACf,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;AAC9B,IAAI,YAAY,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AACrC,GAAG;AACH,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;AAC9B,IAAI,YAAY,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AACrC,GAAG;AACH,CAAC,CAAC;AACU,MAAC,QAAQ,GAAG;;;;;"}
+{"version":3,"file":"directive.js","sources":["../../../../../../packages/components/popover/src/directive.ts"],"sourcesContent":["import type ElPopover from './index.vue'\nimport type { DirectiveBinding, ObjectDirective } from 'vue'\n\nconst attachEvents = (el: HTMLElement, binding: DirectiveBinding) => {\n  const popperComponent: InstanceType<typeof ElPopover> =\n    binding.arg || binding.value\n  const popover = popperComponent?.popperRef\n  if (popover) {\n    popover.triggerRef = el\n  }\n}\n\nexport default {\n  mounted(el, binding) {\n    attachEvents(el, binding)\n  },\n  updated(el, binding) {\n    attachEvents(el, binding)\n  },\n} as ObjectDirective\n\nexport const VPopover = 'popover'\n"],"names":[],"mappings":";;;;AAAA,MAAM,YAAY,GAAG,CAAC,EAAE,EAAE,OAAO,KAAK;AACtC,EAAE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC;AACvD,EAAE,MAAM,OAAO,GAAG,eAAe,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,eAAe,CAAC,SAAS,CAAC;AAC/E,EAAE,IAAI,OAAO,EAAE;AACf,IAAI,OAAO,CAAC,UAAU,GAAG,EAAE,CAAC;AAC5B,GAAG;AACH,CAAC,CAAC;AACF,uBAAe;AACf,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE;AACvB,IAAI,YAAY,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;AAC9B,GAAG;AACH,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE;AACvB,IAAI,YAAY,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;AAC9B,GAAG;AACH,CAAC,CAAC;AACU,MAAC,QAAQ,GAAG;;;;;"}

package/lib/components/popover/src/index.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
+var index_vue_vue_type_template_id_15486cf0_lang = require('./index.vue_vue_type_template_id_15486cf0_lang.js');
 
+index_vue_vue_type_script_lang["default"].render = index_vue_vue_type_template_id_15486cf0_lang.render;
 index_vue_vue_type_script_lang["default"].__file = "packages/components/popover/src/index.vue";
 
 exports["default"] = index_vue_vue_type_script_lang["default"];

package/lib/components/popover/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}