element-plus 1.3.0-beta.6 → 1.3.0-beta.7

package/lib/components/timeline/src/timeline.js

@@ -3,16 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-require('lodash/fromPairs');
-require('../../../hooks/use-common-props/index.js');
-require('../../../hooks/use-global-config/index.js');
-require('lodash/get');
-require('@vueuse/core');
-require('@vue/shared');
-require('lodash/isEqualWith');
-require('../../../hooks/use-modal/index.js');
-require('../../../hooks/use-model-toggle/index.js');
-require('../../../hooks/use-delayed-toggle/index.js');
+require('../../../hooks/index.js');
 var index = require('../../../hooks/use-namespace/index.js');
 
 const Timeline = vue.defineComponent({

package/lib/components/timeline/src/timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.js","sources":["../../../../../../packages/components/timeline/src/timeline.ts"],"sourcesContent":["import { h, provide, defineComponent, renderSlot } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nconst Timeline = defineComponent({\n  name: 'ElTimeline',\n  setup(_, { slots }) {\n    const ns = useNamespace('timeline')\n\n    provide('timeline', slots)\n\n    /**\n     *  Maybe ,this component will not support prop 'reverse', why ?\n     *\n     *  Example 1:\n     *   <component-a>\n     *     <div>1</div>\n     *     <div>2</div>\n     *   </component-a>\n     *\n     *  Example 2:\n     *   <component-a>\n     *     <div v-for=\"i in 2\" :key=\"i\">{{ i }}</div>\n     *   </component-a>\n     *\n     *  'slots.default()' value in example 1 just like [Vnode, Vnode]\n     *  'slots.default()' value in example 2 just like [Vnode]\n     *\n     *   so i can't reverse the slots, when i use 'v-for' directive.\n     */\n\n    return () => {\n      return h('ul', { class: [ns.b()] }, [renderSlot(slots, 'default')])\n    }\n  },\n})\n\nexport default Timeline\nexport type TimelineInstance = InstanceType<typeof Timeline>\n"],"names":["defineComponent","useNamespace","provide","h","renderSlot"],"mappings":";;;;;;;;;;;;;;;;;AAEK,MAAC,QAAQ,GAAGA,mBAAe,CAAC;AACjC,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;AACtB,IAAI,MAAM,EAAE,GAAGC,kBAAY,CAAC,UAAU,CAAC,CAAC;AACxC,IAAIC,WAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAC/B,IAAI,OAAO,MAAM;AACjB,MAAM,OAAOC,KAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAACC,cAAU,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;AAC1E,KAAK,CAAC;AACN,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"timeline.js","sources":["../../../../../../packages/components/timeline/src/timeline.ts"],"sourcesContent":["import { h, provide, defineComponent, renderSlot } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nconst Timeline = defineComponent({\n  name: 'ElTimeline',\n  setup(_, { slots }) {\n    const ns = useNamespace('timeline')\n\n    provide('timeline', slots)\n\n    /**\n     *  Maybe ,this component will not support prop 'reverse', why ?\n     *\n     *  Example 1:\n     *   <component-a>\n     *     <div>1</div>\n     *     <div>2</div>\n     *   </component-a>\n     *\n     *  Example 2:\n     *   <component-a>\n     *     <div v-for=\"i in 2\" :key=\"i\">{{ i }}</div>\n     *   </component-a>\n     *\n     *  'slots.default()' value in example 1 just like [Vnode, Vnode]\n     *  'slots.default()' value in example 2 just like [Vnode]\n     *\n     *   so i can't reverse the slots, when i use 'v-for' directive.\n     */\n\n    return () => {\n      return h('ul', { class: [ns.b()] }, [renderSlot(slots, 'default')])\n    }\n  },\n})\n\nexport default Timeline\nexport type TimelineInstance = InstanceType<typeof Timeline>\n"],"names":["defineComponent","useNamespace","provide","h","renderSlot"],"mappings":";;;;;;;;AAEK,MAAC,QAAQ,GAAGA,mBAAe,CAAC;AACjC,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;AACtB,IAAI,MAAM,EAAE,GAAGC,kBAAY,CAAC,UAAU,CAAC,CAAC;AACxC,IAAIC,WAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAC/B,IAAI,OAAO,MAAM;AACjB,MAAM,OAAOC,KAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAACC,cAAU,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;AAC1E,KAAK,CAAC;AACN,GAAG;AACH,CAAC;;;;"}

package/lib/components/timeline/style/css.js

@@ -1,5 +1,6 @@
 'use strict';
 
+require('../../base/style/css.js');
 require('element-plus/theme-chalk/el-timeline.css');
 
 //# sourceMappingURL=css.js.map

package/lib/components/timeline/style/css.js.map

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

package/lib/components/timeline/style/index.js

@@ -1,5 +1,6 @@
 'use strict';
 
+require('../../base/style/index.js');
 require('element-plus/theme-chalk/src/timeline.scss');
 
 //# sourceMappingURL=index.js.map

package/lib/components/timeline/style/index.js.map

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

package/lib/components/timeline-item/style/css.js

@@ -1,5 +1,6 @@
 'use strict';
 
+require('../../base/style/css.js');
 require('element-plus/theme-chalk/el-timeline-item.css');
 
 //# sourceMappingURL=css.js.map

package/lib/components/timeline-item/style/css.js.map

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

package/lib/components/timeline-item/style/index.js

@@ -1,5 +1,6 @@
 'use strict';
 
+require('../../base/style/index.js');
 require('element-plus/theme-chalk/src/timeline-item.scss');
 
 //# sourceMappingURL=index.js.map

package/lib/components/timeline-item/style/index.js.map

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

package/lib/components/tooltip/src/content.js

@@ -4,22 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var core = require('@vueuse/core');
-var visualHidden = require('../../visual-hidden/src/visual-hidden.js');
+require('../../popper/index.js');
+require('../../visual-hidden/index.js');
 var dom = require('../../../utils/dom.js');
-require('lodash/fromPairs');
-require('../../../hooks/use-common-props/index.js');
-require('../../../hooks/use-global-config/index.js');
-require('lodash/get');
-require('../../../hooks/use-modal/index.js');
-require('../../../hooks/use-model-toggle/index.js');
-require('@vue/shared');
-var index = require('../../../hooks/use-escape-keydown/index.js');
-require('lodash/isEqualWith');
-require('../../../hooks/use-delayed-toggle/index.js');
+require('../../../hooks/index.js');
 var tooltip = require('./tooltip.js');
 var tokens = require('./tokens.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var content = require('../../popper/src/content.js');
+var visualHidden = require('../../visual-hidden/src/visual-hidden.js');
+var index = require('../../../hooks/use-escape-keydown/index.js');
 
 const _sfc_main = vue.defineComponent({
   name: "ElTooltipContent",

package/lib/components/tooltip/src/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n  <teleport :disabled=\"!teleported\" :to=\"appendTo\">\n    <transition\n      :name=\"transition\"\n      @after-leave=\"onTransitionLeave\"\n      @before-enter=\"onBeforeEnter\"\n      @after-enter=\"onAfterShow\"\n    >\n      <el-popper-content\n        v-if=\"shouldRender\"\n        v-show=\"shouldShow\"\n        ref=\"contentRef\"\n        v-bind=\"$attrs\"\n        :aria-hidden=\"ariaHidden\"\n        :boundaries-padding=\"boundariesPadding\"\n        :fallback-placements=\"fallbackPlacements\"\n        :gpu-acceleration=\"gpuAcceleration\"\n        :offset=\"offset\"\n        :placement=\"placement\"\n        :popper-options=\"popperOptions\"\n        :strategy=\"strategy\"\n        :effect=\"effect\"\n        :enterable=\"enterable\"\n        :pure=\"pure\"\n        :popper-class=\"popperClass\"\n        :popper-style=\"[popperStyle, contentStyle]\"\n        :reference-el=\"referenceEl\"\n        :z-index=\"zIndex\"\n        @mouseenter=\"onContentEnter\"\n        @mouseleave=\"onContentLeave\"\n      >\n        <slot />\n        <el-visually-hidden :id=\"id\" role=\"tooltip\">\n          {{ ariaLabel }}\n        </el-visually-hidden>\n      </el-popper-content>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport { onClickOutside } from '@vueuse/core'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport { ElVisuallyHidden } from '@element-plus/components/visual-hidden'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { useEscapeKeydown } from '@element-plus/hooks'\n\nimport { useTooltipContentProps } from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElTooltipContent',\n  components: {\n    ElPopperContent,\n    ElVisuallyHidden,\n  },\n  inheritAttrs: false,\n  props: useTooltipContentProps,\n  setup(props) {\n    const contentRef = ref<InstanceType<typeof ElPopperContent> | null>(null)\n    const intermediateOpen = ref(false)\n    const entering = ref(false)\n    const leaving = ref(false)\n    const { controlled, id, open, trigger, onClose, onOpen, onShow, onHide } =\n      inject(TOOLTIP_INJECTION_KEY, undefined)!\n    const persistentRef = computed(() => {\n      // For testing, we would always want the content to be rendered\n      // to the DOM, so we need to return true here.\n      if (process.env.NODE_ENV === 'test') {\n        return true\n      }\n      return props.persistent\n    })\n\n    const shouldRender = computed(() => {\n      return unref(persistentRef) ? true : unref(open)\n    })\n\n    const shouldShow = computed(() => {\n      return props.disabled ? false : unref(open)\n    })\n\n    const contentStyle = computed(() => (props.style ?? {}) as any)\n\n    const ariaHidden = computed(() => !unref(open))\n\n    useEscapeKeydown(onClose)\n\n    const onTransitionLeave = () => {\n      onHide()\n    }\n\n    const stopWhenControlled = () => {\n      if (unref(controlled)) return true\n    }\n\n    const onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n      if (props.enterable && unref(trigger) === 'hover') {\n        onOpen()\n      }\n    })\n\n    const onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n      if (unref(trigger) === 'hover') {\n        onClose()\n      }\n    })\n\n    const onBeforeEnter = () => {\n      contentRef.value?.updatePopper?.()\n    }\n\n    const onAfterShow = () => {\n      onShow()\n    }\n\n    let stopHandle: ReturnType<typeof onClickOutside>\n\n    watch(\n      () => unref(open),\n      (val) => {\n        if (val) {\n          stopHandle = onClickOutside(\n            computed(() => {\n              return contentRef.value?.popperContentRef\n            }),\n            () => {\n              if (unref(controlled)) return\n              const $trigger = unref(trigger)\n              if ($trigger !== 'hover') {\n                onClose()\n              }\n            }\n          )\n        } else {\n          stopHandle?.()\n        }\n      },\n      {\n        flush: 'post',\n      }\n    )\n\n    return {\n      ariaHidden,\n      entering,\n      leaving,\n      id,\n      intermediateOpen,\n      contentStyle,\n      contentRef,\n      shouldRender,\n      shouldShow,\n      open,\n      onAfterShow,\n      onBeforeEnter,\n      onContentEnter,\n      onContentLeave,\n      onTransitionLeave,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElPopperContent","ElVisuallyHidden","useTooltipContentProps","ref","inject","TOOLTIP_INJECTION_KEY","computed","unref","composeEventHandlers","onClickOutside","_openBlock","_createBlock","_Teleport","_Transition","_withCtx","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmDA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,qBACVC;AAAA,sBACAC;AAAA;AAAA,EAEF,cAAc;AAAA,EACd,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,aAAaC,QAAiD;AACpE,UAAM,mBAAmBA,QAAI;AAC7B,UAAM,WAAWA,QAAI;AACrB,UAAM,UAAUA,QAAI;AACpB,UAAM,EAAE,YAAY,IAAI,MAAM,SAAS,SAAS,QAAQ,QAAQ,WAC9DC,WAAOC,8BAAuB;AAChC,UAAM,gBAAgBC,aAAS,MAAM;AAGnC,UAAI,QAAQ,IAAI,aAAa,QAAQ;AACnC,eAAO;AAAA;AAET,aAAO,MAAM;AAAA;AAGf,UAAM,eAAeA,aAAS,MAAM;AAClC,aAAOC,UAAM,iBAAiB,OAAOA,UAAM;AAAA;AAG7C,UAAM,aAAaD,aAAS,MAAM;AAChC,aAAO,MAAM,WAAW,QAAQC,UAAM;AAAA;AAGxC,UAAM,eAAeD,aAAS,MAAO,MAAM,SAAS;AAEpD,UAAM,aAAaA,aAAS,MAAM,CAACC,UAAM;AAEzC,2BAAiB;AAEjB,UAAM,oBAAoB,MAAM;AAC9B;AAAA;AAGF,UAAM,qBAAqB,MAAM;AAC/B,UAAIA,UAAM;AAAa,eAAO;AAAA;AAGhC,UAAM,iBAAiBC,yBAAqB,oBAAoB,MAAM;AACpE,UAAI,MAAM,aAAaD,UAAM,aAAa,SAAS;AACjD;AAAA;AAAA;AAIJ,UAAM,iBAAiBC,yBAAqB,oBAAoB,MAAM;AACpE,UAAID,UAAM,aAAa,SAAS;AAC9B;AAAA;AAAA;AAIJ,UAAM,gBAAgB,MAAM;AAC1B,iBAAW,OAAO;AAAA;AAGpB,UAAM,cAAc,MAAM;AACxB;AAAA;AAGF,QAAI;AAEJ,cACE,MAAMA,UAAM,OACZ,CAAC,QAAQ;AACP,UAAI,KAAK;AACP,qBAAaE,oBACXH,aAAS,MAAM;AACb,iBAAO,WAAW,OAAO;AAAA,YAE3B,MAAM;AACJ,cAAIC,UAAM;AAAa;AACvB,gBAAM,WAAWA,UAAM;AACvB,cAAI,aAAa,SAAS;AACxB;AAAA;AAAA;AAAA,aAID;AACL;AAAA;AAAA,OAGJ;AAAA,MACE,OAAO;AAAA;AAIX,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;SA9JOG,iBAAWC,gBAAUC;AAAA,IAAG,UAAI;AAAA;KACrC;AAAA,oBACSC,gBAAU;AAAA,MAChB;AAAA,MACA,cAAY,KAAE;AAAA,MACd,eAAa;AAAA;;eAGNC,kBAAY;AAAA;UAElB,KAAI;AAAA,eACI;AAAA,WACP,aAAW;AAAA,UACX,oBAAkB;AAAA,UAClB,sBAAmB,KAAE;AAAA,UACrB,uBAAkB;AAAA,UAClB,oBAAc;AAAA,UACd,aAAW;AAAA,UACX,gBAAc;AAAA,UACd,kBAAU,KAAQ;AAAA,UAClB,UAAQ;AAAA,UACR,aAAW;AAAA,UACX,WAAM,KAAI;AAAA,UACV;AAAA,UACA,gBAAY,KAAG;AAAA,UACf,gBAAc,mBAAW;AAAA,UACzB,gBAAS;AAAA,UACT,gBAAY;AAAA,UACZ,cAAY;AAAA;;mBAEbA,YAAQ;AAAA,YACRC,oBAEqB;AAAA,4BAFM;AAAA,cAAE,IAAI,KAAC;AAAA;;;;;;;;;eAtB1B,gBAAU;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"content.js","sources":["../../../../../../packages/components/tooltip/src/content.vue"],"sourcesContent":["<template>\n  <teleport :disabled=\"!teleported\" :to=\"appendTo\">\n    <transition\n      :name=\"transition\"\n      @after-leave=\"onTransitionLeave\"\n      @before-enter=\"onBeforeEnter\"\n      @after-enter=\"onAfterShow\"\n    >\n      <el-popper-content\n        v-if=\"shouldRender\"\n        v-show=\"shouldShow\"\n        ref=\"contentRef\"\n        v-bind=\"$attrs\"\n        :aria-hidden=\"ariaHidden\"\n        :boundaries-padding=\"boundariesPadding\"\n        :fallback-placements=\"fallbackPlacements\"\n        :gpu-acceleration=\"gpuAcceleration\"\n        :offset=\"offset\"\n        :placement=\"placement\"\n        :popper-options=\"popperOptions\"\n        :strategy=\"strategy\"\n        :effect=\"effect\"\n        :enterable=\"enterable\"\n        :pure=\"pure\"\n        :popper-class=\"popperClass\"\n        :popper-style=\"[popperStyle, contentStyle]\"\n        :reference-el=\"referenceEl\"\n        :z-index=\"zIndex\"\n        @mouseenter=\"onContentEnter\"\n        @mouseleave=\"onContentLeave\"\n      >\n        <slot />\n        <el-visually-hidden :id=\"id\" role=\"tooltip\">\n          {{ ariaLabel }}\n        </el-visually-hidden>\n      </el-popper-content>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport { onClickOutside } from '@vueuse/core'\nimport { ElPopperContent } from '@element-plus/components/popper'\nimport { ElVisuallyHidden } from '@element-plus/components/visual-hidden'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { useEscapeKeydown } from '@element-plus/hooks'\n\nimport { useTooltipContentProps } from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElTooltipContent',\n  components: {\n    ElPopperContent,\n    ElVisuallyHidden,\n  },\n  inheritAttrs: false,\n  props: useTooltipContentProps,\n  setup(props) {\n    const contentRef = ref<InstanceType<typeof ElPopperContent> | null>(null)\n    const intermediateOpen = ref(false)\n    const entering = ref(false)\n    const leaving = ref(false)\n    const { controlled, id, open, trigger, onClose, onOpen, onShow, onHide } =\n      inject(TOOLTIP_INJECTION_KEY, undefined)!\n    const persistentRef = computed(() => {\n      // For testing, we would always want the content to be rendered\n      // to the DOM, so we need to return true here.\n      if (process.env.NODE_ENV === 'test') {\n        return true\n      }\n      return props.persistent\n    })\n\n    const shouldRender = computed(() => {\n      return unref(persistentRef) ? true : unref(open)\n    })\n\n    const shouldShow = computed(() => {\n      return props.disabled ? false : unref(open)\n    })\n\n    const contentStyle = computed(() => (props.style ?? {}) as any)\n\n    const ariaHidden = computed(() => !unref(open))\n\n    useEscapeKeydown(onClose)\n\n    const onTransitionLeave = () => {\n      onHide()\n    }\n\n    const stopWhenControlled = () => {\n      if (unref(controlled)) return true\n    }\n\n    const onContentEnter = composeEventHandlers(stopWhenControlled, () => {\n      if (props.enterable && unref(trigger) === 'hover') {\n        onOpen()\n      }\n    })\n\n    const onContentLeave = composeEventHandlers(stopWhenControlled, () => {\n      if (unref(trigger) === 'hover') {\n        onClose()\n      }\n    })\n\n    const onBeforeEnter = () => {\n      contentRef.value?.updatePopper?.()\n    }\n\n    const onAfterShow = () => {\n      onShow()\n    }\n\n    let stopHandle: ReturnType<typeof onClickOutside>\n\n    watch(\n      () => unref(open),\n      (val) => {\n        if (val) {\n          stopHandle = onClickOutside(\n            computed(() => {\n              return contentRef.value?.popperContentRef\n            }),\n            () => {\n              if (unref(controlled)) return\n              const $trigger = unref(trigger)\n              if ($trigger !== 'hover') {\n                onClose()\n              }\n            }\n          )\n        } else {\n          stopHandle?.()\n        }\n      },\n      {\n        flush: 'post',\n      }\n    )\n\n    return {\n      ariaHidden,\n      entering,\n      leaving,\n      id,\n      intermediateOpen,\n      contentStyle,\n      contentRef,\n      shouldRender,\n      shouldShow,\n      open,\n      onAfterShow,\n      onBeforeEnter,\n      onContentEnter,\n      onContentLeave,\n      onTransitionLeave,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElPopperContent","ElVisuallyHidden","useTooltipContentProps","ref","inject","TOOLTIP_INJECTION_KEY","computed","unref","composeEventHandlers","onClickOutside","_openBlock","_createBlock","_Teleport","_Transition","_withCtx","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;AAmDA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,qBACVC;AAAA,sBACAC;AAAA;AAAA,EAEF,cAAc;AAAA,EACd,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,aAAaC,QAAiD;AACpE,UAAM,mBAAmBA,QAAI;AAC7B,UAAM,WAAWA,QAAI;AACrB,UAAM,UAAUA,QAAI;AACpB,UAAM,EAAE,YAAY,IAAI,MAAM,SAAS,SAAS,QAAQ,QAAQ,WAC9DC,WAAOC,8BAAuB;AAChC,UAAM,gBAAgBC,aAAS,MAAM;AAGnC,UAAI,QAAQ,IAAI,aAAa,QAAQ;AACnC,eAAO;AAAA;AAET,aAAO,MAAM;AAAA;AAGf,UAAM,eAAeA,aAAS,MAAM;AAClC,aAAOC,UAAM,iBAAiB,OAAOA,UAAM;AAAA;AAG7C,UAAM,aAAaD,aAAS,MAAM;AAChC,aAAO,MAAM,WAAW,QAAQC,UAAM;AAAA;AAGxC,UAAM,eAAeD,aAAS,MAAO,MAAM,SAAS;AAEpD,UAAM,aAAaA,aAAS,MAAM,CAACC,UAAM;AAEzC,2BAAiB;AAEjB,UAAM,oBAAoB,MAAM;AAC9B;AAAA;AAGF,UAAM,qBAAqB,MAAM;AAC/B,UAAIA,UAAM;AAAa,eAAO;AAAA;AAGhC,UAAM,iBAAiBC,yBAAqB,oBAAoB,MAAM;AACpE,UAAI,MAAM,aAAaD,UAAM,aAAa,SAAS;AACjD;AAAA;AAAA;AAIJ,UAAM,iBAAiBC,yBAAqB,oBAAoB,MAAM;AACpE,UAAID,UAAM,aAAa,SAAS;AAC9B;AAAA;AAAA;AAIJ,UAAM,gBAAgB,MAAM;AAC1B,iBAAW,OAAO;AAAA;AAGpB,UAAM,cAAc,MAAM;AACxB;AAAA;AAGF,QAAI;AAEJ,cACE,MAAMA,UAAM,OACZ,CAAC,QAAQ;AACP,UAAI,KAAK;AACP,qBAAaE,oBACXH,aAAS,MAAM;AACb,iBAAO,WAAW,OAAO;AAAA,YAE3B,MAAM;AACJ,cAAIC,UAAM;AAAa;AACvB,gBAAM,WAAWA,UAAM;AACvB,cAAI,aAAa,SAAS;AACxB;AAAA;AAAA;AAAA,aAID;AACL;AAAA;AAAA,OAGJ;AAAA,MACE,OAAO;AAAA;AAIX,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;SA9JOG,iBAAWC,gBAAUC;AAAA,IAAG,UAAI;AAAA;KACrC;AAAA,oBACSC,gBAAU;AAAA,MAChB;AAAA,MACA,cAAY,KAAE;AAAA,MACd,eAAa;AAAA;;eAGNC,kBAAY;AAAA;UAElB,KAAI;AAAA,eACI;AAAA,WACP,aAAW;AAAA,UACX,oBAAkB;AAAA,UAClB,sBAAmB,KAAE;AAAA,UACrB,uBAAkB;AAAA,UAClB,oBAAc;AAAA,UACd,aAAW;AAAA,UACX,gBAAc;AAAA,UACd,kBAAU,KAAQ;AAAA,UAClB,UAAQ;AAAA,UACR,aAAW;AAAA,UACX,WAAM,KAAI;AAAA,UACV;AAAA,UACA,gBAAY,KAAG;AAAA,UACf,gBAAc,mBAAW;AAAA,UACzB,gBAAS;AAAA,UACT,gBAAY;AAAA,UACZ,cAAY;AAAA;;mBAEbA,YAAQ;AAAA,YACRC,oBAEqB;AAAA,4BAFM;AAAA,cAAE,IAAI,KAAC;AAAA;;;;;;;;;eAtB1B,gBAAU;AAAA;;;;;;;;;;;"}

package/lib/components/tooltip/src/tooltip.js

@@ -3,20 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var props = require('../../../utils/props.js');
-require('vue');
-require('lodash/fromPairs');
-require('../../../hooks/use-common-props/index.js');
-require('../../../hooks/use-global-config/index.js');
-require('lodash/get');
-require('@vueuse/core');
-require('@vue/shared');
-require('lodash/isEqualWith');
-require('../../../hooks/use-modal/index.js');
-require('../../../hooks/use-model-toggle/index.js');
-var index$1 = require('../../../hooks/use-popper-container/index.js');
+require('../../popper/index.js');
+require('../../../hooks/index.js');
 var index = require('../../../hooks/use-delayed-toggle/index.js');
 var popper = require('../../popper/src/popper.js');
+var index$1 = require('../../../hooks/use-popper-container/index.js');
 
+const triggers = ["hover", "focus", "click", "contextmenu"];
 const useTooltipContentProps = {
   ...index.useDelayedToggleProps,
   ...popper.usePopperContentProps,

package/lib/components/tooltip/src/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport {\n  usePopperTriggerProps,\n  usePopperContentProps,\n} from '@element-plus/components/popper'\nimport {\n  useDelayedToggleProps,\n  POPPER_CONTAINER_SELECTOR,\n} from '@element-plus/hooks'\n\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nconst triggers = ['hover', 'focus', 'click', 'contextmenu'] as const\n\nexport type Trigger = typeof triggers[number]\n\nexport const useTooltipContentProps = {\n  ...useDelayedToggleProps,\n  ...usePopperContentProps,\n  ...buildProps({\n    appendTo: {\n      type: definePropType<string | HTMLElement>([String, Object]),\n      default: POPPER_CONTAINER_SELECTOR,\n    },\n    content: {\n      type: String,\n      default: '',\n    },\n    rawContent: {\n      type: Boolean,\n      default: false,\n    },\n    persistent: Boolean,\n    ariaLabel: String,\n    // because model toggle prop is generated dynamically\n    // so the typing cannot be evaluated by typescript as type:\n    // [name]: { type: Boolean, default: null }\n    // so we need to declare that again for type checking.\n    visible: {\n      type: definePropType<boolean | null>(Boolean),\n      default: null,\n    },\n    transition: {\n      type: String,\n      default: 'el-fade-in-linear',\n    },\n    teleported: {\n      type: Boolean,\n      default: true,\n    },\n    disabled: {\n      type: Boolean,\n    },\n  }),\n}\n\nexport const useTooltipTriggerProps = {\n  ...usePopperTriggerProps,\n  disabled: Boolean,\n  trigger: {\n    type: [String, Array] as PropType<Trigger | Trigger[]>,\n    default: 'hover',\n  },\n}\n\nexport const useTooltipProps = buildProps({\n  openDelay: {\n    type: Number,\n  },\n  visibleArrow: {\n    type: Boolean,\n    default: undefined,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport type ElTooltipContentProps = ExtractPropTypes<\n  typeof useTooltipContentProps\n>\n\nexport type ElTooltipTriggerProps = ExtractPropTypes<\n  typeof useTooltipTriggerProps\n>\n\nexport type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps> &\n  ElTooltipContentProps &\n  ElTooltipTriggerProps\n"],"names":["useDelayedToggleProps","usePopperContentProps","buildProps","definePropType","POPPER_CONTAINER_SELECTOR","usePopperTriggerProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAUY,MAAC,sBAAsB,GAAG;AACtC,EAAE,GAAGA,2BAAqB;AAC1B,EAAE,GAAGC,4BAAqB;AAC1B,EAAE,GAAGC,gBAAU,CAAC;AAChB,IAAI,QAAQ,EAAE;AACd,MAAM,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5C,MAAM,OAAO,EAAEC,iCAAyB;AACxC,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,IAAI,EAAE,MAAM;AAClB,MAAM,OAAO,EAAE,EAAE;AACjB,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,IAAI,EAAE,OAAO;AACnB,MAAM,OAAO,EAAE,KAAK;AACpB,KAAK;AACL,IAAI,UAAU,EAAE,OAAO;AACvB,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,OAAO,EAAE;AACb,MAAM,IAAI,EAAED,oBAAc,CAAC,OAAO,CAAC;AACnC,MAAM,OAAO,EAAE,IAAI;AACnB,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,IAAI,EAAE,MAAM;AAClB,MAAM,OAAO,EAAE,mBAAmB;AAClC,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,IAAI,EAAE,OAAO;AACnB,MAAM,OAAO,EAAE,IAAI;AACnB,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,IAAI,EAAE,OAAO;AACnB,KAAK;AACL,GAAG,CAAC;AACJ,EAAE;AACU,MAAC,sBAAsB,GAAG;AACtC,EAAE,GAAGE,4BAAqB;AAC1B,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE;AACU,MAAC,eAAe,GAAGH,gBAAU,CAAC;AAC1C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;;;"}
+{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport {\n  usePopperTriggerProps,\n  usePopperContentProps,\n} from '@element-plus/components/popper'\nimport {\n  useDelayedToggleProps,\n  POPPER_CONTAINER_SELECTOR,\n} from '@element-plus/hooks'\n\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nconst triggers = ['hover', 'focus', 'click', 'contextmenu'] as const\n\nexport type Trigger = typeof triggers[number]\n\nexport const useTooltipContentProps = {\n  ...useDelayedToggleProps,\n  ...usePopperContentProps,\n  ...buildProps({\n    appendTo: {\n      type: definePropType<string | HTMLElement>([String, Object]),\n      default: POPPER_CONTAINER_SELECTOR,\n    },\n    content: {\n      type: String,\n      default: '',\n    },\n    rawContent: {\n      type: Boolean,\n      default: false,\n    },\n    persistent: Boolean,\n    ariaLabel: String,\n    // because model toggle prop is generated dynamically\n    // so the typing cannot be evaluated by typescript as type:\n    // [name]: { type: Boolean, default: null }\n    // so we need to declare that again for type checking.\n    visible: {\n      type: definePropType<boolean | null>(Boolean),\n      default: null,\n    },\n    transition: {\n      type: String,\n      default: 'el-fade-in-linear',\n    },\n    teleported: {\n      type: Boolean,\n      default: true,\n    },\n    disabled: {\n      type: Boolean,\n    },\n  }),\n}\n\nexport const useTooltipTriggerProps = {\n  ...usePopperTriggerProps,\n  disabled: Boolean,\n  trigger: {\n    type: [String, Array] as PropType<Trigger | Trigger[]>,\n    default: 'hover',\n  },\n}\n\nexport const useTooltipProps = buildProps({\n  openDelay: {\n    type: Number,\n  },\n  visibleArrow: {\n    type: Boolean,\n    default: undefined,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport type ElTooltipContentProps = ExtractPropTypes<\n  typeof useTooltipContentProps\n>\n\nexport type ElTooltipTriggerProps = ExtractPropTypes<\n  typeof useTooltipTriggerProps\n>\n\nexport type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps> &\n  ElTooltipContentProps &\n  ElTooltipTriggerProps\n"],"names":["useDelayedToggleProps","usePopperContentProps","buildProps","definePropType","POPPER_CONTAINER_SELECTOR","usePopperTriggerProps"],"mappings":";;;;;;;;;;;AASA,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;AAChD,MAAC,sBAAsB,GAAG;AACtC,EAAE,GAAGA,2BAAqB;AAC1B,EAAE,GAAGC,4BAAqB;AAC1B,EAAE,GAAGC,gBAAU,CAAC;AAChB,IAAI,QAAQ,EAAE;AACd,MAAM,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5C,MAAM,OAAO,EAAEC,iCAAyB;AACxC,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,IAAI,EAAE,MAAM;AAClB,MAAM,OAAO,EAAE,EAAE;AACjB,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,IAAI,EAAE,OAAO;AACnB,MAAM,OAAO,EAAE,KAAK;AACpB,KAAK;AACL,IAAI,UAAU,EAAE,OAAO;AACvB,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,OAAO,EAAE;AACb,MAAM,IAAI,EAAED,oBAAc,CAAC,OAAO,CAAC;AACnC,MAAM,OAAO,EAAE,IAAI;AACnB,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,IAAI,EAAE,MAAM;AAClB,MAAM,OAAO,EAAE,mBAAmB;AAClC,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,IAAI,EAAE,OAAO;AACnB,MAAM,OAAO,EAAE,IAAI;AACnB,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,IAAI,EAAE,OAAO;AACnB,KAAK;AACL,GAAG,CAAC;AACJ,EAAE;AACU,MAAC,sBAAsB,GAAG;AACtC,EAAE,GAAGE,4BAAqB;AAC1B,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE;AACU,MAAC,eAAe,GAAGH,gBAAU,CAAC;AAC1C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;;;"}

package/lib/components/tooltip/src/tooltip2.js

@@ -6,24 +6,18 @@ var vue = require('vue');
 var index$1 = require('../../popper/index.js');
 var error = require('../../../utils/error.js');
 var util = require('../../../utils/util.js');
-require('lodash/fromPairs');
-require('../../../hooks/use-common-props/index.js');
-require('../../../hooks/use-global-config/index.js');
-require('lodash/get');
-require('@vueuse/core');
-require('../../../hooks/use-modal/index.js');
-var index = require('../../../hooks/use-model-toggle/index.js');
-require('@vue/shared');
-var index$3 = require('../../../hooks/use-id/index.js');
-var index$2 = require('../../../hooks/use-popper-container/index.js');
-var index$4 = require('../../../hooks/use-delayed-toggle/index.js');
+require('../../../hooks/index.js');
 var content = require('./content.js');
 var trigger = require('./trigger.js');
 var tooltip = require('./tooltip.js');
 var tokens = require('./tokens.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-model-toggle/index.js');
 var arrow = require('../../popper/src/arrow.js');
 var popper = require('../../popper/src/popper.js');
+var index$2 = require('../../../hooks/use-popper-container/index.js');
+var index$3 = require('../../../hooks/use-id/index.js');
+var index$4 = require('../../../hooks/use-delayed-toggle/index.js');
 
 const { useModelToggleProps, useModelToggle, useModelToggleEmits } = index.createModelToggleComposable("visible");
 const _sfc_main = vue.defineComponent({

package/lib/components/tooltip/src/tooltip2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip2.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :show-after=\"compatShowAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :z-index=\"zIndex\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\"></span>\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"compatShowArrow\" :arrow-offset=\"arrowOffset\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  ref,\n  provide,\n  toRef,\n  readonly,\n  unref,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  usePopperArrowProps,\n} from '@element-plus/components/popper'\n\nimport { debugWarn } from '@element-plus/utils/error'\nimport { isBool, isUndefined } from '@element-plus/utils/util'\nimport {\n  usePopperContainer,\n  useId,\n  createModelToggleComposable,\n  useDelayedToggle,\n} from '@element-plus/hooks'\nimport ElTooltipContent from './content.vue'\nimport ElTooltipTrigger from './trigger.vue'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n  useTooltipProps,\n} from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nconst { useModelToggleProps, useModelToggle, useModelToggleEmits } =\n  createModelToggleComposable('visible' as const)\n\nexport default defineComponent({\n  name: 'ElTooltip',\n  components: {\n    ElPopper,\n    ElPopperArrow,\n    ElTooltipContent,\n    ElTooltipTrigger,\n  },\n  props: {\n    ...useModelToggleProps,\n    ...useTooltipContentProps,\n    ...useTooltipTriggerProps,\n    ...usePopperArrowProps,\n    ...useTooltipProps,\n  },\n  emits: [...useModelToggleEmits, 'show', 'hide'],\n  setup(props, { emit }) {\n    usePopperContainer()\n    const compatShowAfter = computed(() => {\n      if (!isUndefined(props.openDelay)) {\n        debugWarn(\n          'ElTooltip',\n          'open-delay is about to be deprecated in the next major version, please use `show-after` instead'\n        )\n      }\n      return props.openDelay || (props.showAfter as number)\n    })\n    const compatShowArrow = computed(() => {\n      if (!isUndefined(props.visibleArrow)) {\n        debugWarn(\n          'ElTooltip',\n          '`visible-arrow` is about to be deprecated in the next major version, please use `show-arrow` instead'\n        )\n      }\n      return isBool(props.visibleArrow) ? props.visibleArrow : props.showArrow\n    })\n\n    const id = useId()\n    const popperRef = ref<InstanceType<typeof ElPopper> | null>(null)\n\n    const updatePopper = () => {\n      const popperComponent = unref(popperRef)\n      if (popperComponent) {\n        popperComponent.popperInstanceRef?.update()\n      }\n    }\n    const open = ref(false)\n\n    const { show, hide } = useModelToggle({\n      indicator: open,\n    })\n\n    const { onOpen, onClose } = useDelayedToggle({\n      showAfter: compatShowAfter,\n      hideAfter: toRef(props, 'hideAfter'),\n      open: show,\n      close: hide,\n    })\n\n    const controlled = computed(() => isBool(props.visible))\n\n    provide(TOOLTIP_INJECTION_KEY, {\n      controlled,\n      id,\n      open: readonly(open),\n      trigger: toRef(props, 'trigger'),\n      onOpen,\n      onClose,\n      onToggle: () => {\n        if (unref(open)) {\n          onClose()\n        } else {\n          onOpen()\n        }\n      },\n      onShow: () => {\n        emit('show')\n      },\n      onHide: () => {\n        emit('hide')\n      },\n      updatePopper,\n    })\n\n    return {\n      compatShowAfter,\n      compatShowArrow,\n      popperRef,\n      open,\n      hide,\n      updatePopper,\n      onOpen,\n      onClose,\n    }\n  },\n})\n</script>\n"],"names":["createModelToggleComposable","defineComponent","ElPopper","ElPopperArrow","ElTooltipContent","ElTooltipTrigger","useTooltipContentProps","useTooltipTriggerProps","usePopperArrowProps","useTooltipProps","computed","isUndefined","isBool","useId","ref","unref","useDelayedToggle","toRef","TOOLTIP_INJECTION_KEY","readonly","_createBlock","_withCtx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA,MAAM,EAAE,qBAAqB,gBAAgB,wBAC3CA,kCAA4B;AAE9B,MAAK,YAAaC,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,cACVC;AAAA,mBACAC;AAAA,sBACAC;AAAA,sBACAC;AAAA;AAAA,EAEF,OAAO;AAAA,OACF;AAAA,OACAC;AAAA,OACAC;AAAA,OACAC;AAAA,OACAC;AAAA;AAAA,EAEL,OAAO,CAAC,GAAG,qBAAqB,QAAQ;AAAA,EACxC,MAAM,OAAO,EAAE,QAAQ;AACrB;AACA,UAAM,kBAAkBC,aAAS,MAAM;AACrC,UAAI,CAACC,iBAAY,MAAM,YAAY;AACjC,wBACE,aACA;AAAA;AAGJ,aAAO,MAAM,aAAc,MAAM;AAAA;AAEnC,UAAM,kBAAkBD,aAAS,MAAM;AACrC,UAAI,CAACC,iBAAY,MAAM,eAAe;AACpC,wBACE,aACA;AAAA;AAGJ,aAAOC,YAAO,MAAM,gBAAgB,MAAM,eAAe,MAAM;AAAA;AAGjE,UAAM,KAAKC;AACX,UAAM,YAAYC,QAA0C;AAE5D,UAAM,eAAe,MAAM;AACzB,YAAM,kBAAkBC,UAAM;AAC9B,UAAI,iBAAiB;AACnB,wBAAgB,mBAAmB;AAAA;AAAA;AAGvC,UAAM,OAAOD,QAAI;AAEjB,UAAM,EAAE,MAAM,SAAS,eAAe;AAAA,MACpC,WAAW;AAAA;AAGb,UAAM,EAAE,QAAQ,YAAYE,yBAAiB;AAAA,MAC3C,WAAW;AAAA,MACX,WAAWC,UAAM,OAAO;AAAA,MACxB,MAAM;AAAA,MACN,OAAO;AAAA;AAGT,UAAM,aAAaP,aAAS,MAAME,YAAO,MAAM;AAE/C,gBAAQM,8BAAuB;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,MAAMC,aAAS;AAAA,MACf,SAASF,UAAM,OAAO;AAAA,MACtB;AAAA,MACA;AAAA,MACA,UAAU,MAAM;AACd,YAAIF,UAAM,OAAO;AACf;AAAA,eACK;AACL;AAAA;AAAA;AAAA,MAGJ,QAAQ,MAAM;AACZ,aAAK;AAAA;AAAA,MAEP,QAAQ,MAAM;AACZ,aAAK;AAAA;AAAA,MAEP;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;;;0BAnKmBK;AAAA,aAPrBC,YAOqB;AAAA,sBANR,+BAAQ;AAAA,QAClB,UAAS;AAAA,QACT,cAAW;AAAA,QACX,oBAAkB;AAAA;;iBAEPA,YAAO,MAAO;AAAA,eAA1B;;;SAEF,GA8BqB;AAAA,sBA7BlB,+BAAqB;AAAA,QACrB;AAAA,QACA,sBAAgB;AAAA,QAChB,SAAQ,KAAE;AAAA,QACV,UAAQ;AAAA,QACR,aAAW;AAAA,QACX;AAAA,QACA,uBAAY,KAAS;AAAA,QACrB,mBAAgB;AAAA,QAChB,oBAAc;AAAA,QACd,aAAY;AAAA,QACZ,iBAAc;AAAA,QACd,gBAAc;AAAA,QACd,gBAAW;AAAA,QACX,gBAAc;AAAA,QACd,kBAAU;AAAA,QACV;AAAA,QACA,eAAY,KAAE;AAAA,QACd,gBAAY;AAAA,QACZ,cAAU;AAAA,QACV,UAAU,KAAE;AAAA,QACZ,YAAY;AAAA,QACZ,YAAS;AAAA;;iBAEVA,YAGO;AAAA,yBAFO,aAAU;AAAA;cAAE;AAAA;wBACxB;;;YAEuC;AAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"tooltip2.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :show-after=\"compatShowAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :z-index=\"zIndex\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\"></span>\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"compatShowArrow\" :arrow-offset=\"arrowOffset\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  ref,\n  provide,\n  toRef,\n  readonly,\n  unref,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  usePopperArrowProps,\n} from '@element-plus/components/popper'\n\nimport { debugWarn } from '@element-plus/utils/error'\nimport { isBool, isUndefined } from '@element-plus/utils/util'\nimport {\n  usePopperContainer,\n  useId,\n  createModelToggleComposable,\n  useDelayedToggle,\n} from '@element-plus/hooks'\nimport ElTooltipContent from './content.vue'\nimport ElTooltipTrigger from './trigger.vue'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n  useTooltipProps,\n} from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nconst { useModelToggleProps, useModelToggle, useModelToggleEmits } =\n  createModelToggleComposable('visible' as const)\n\nexport default defineComponent({\n  name: 'ElTooltip',\n  components: {\n    ElPopper,\n    ElPopperArrow,\n    ElTooltipContent,\n    ElTooltipTrigger,\n  },\n  props: {\n    ...useModelToggleProps,\n    ...useTooltipContentProps,\n    ...useTooltipTriggerProps,\n    ...usePopperArrowProps,\n    ...useTooltipProps,\n  },\n  emits: [...useModelToggleEmits, 'show', 'hide'],\n  setup(props, { emit }) {\n    usePopperContainer()\n    const compatShowAfter = computed(() => {\n      if (!isUndefined(props.openDelay)) {\n        debugWarn(\n          'ElTooltip',\n          'open-delay is about to be deprecated in the next major version, please use `show-after` instead'\n        )\n      }\n      return props.openDelay || (props.showAfter as number)\n    })\n    const compatShowArrow = computed(() => {\n      if (!isUndefined(props.visibleArrow)) {\n        debugWarn(\n          'ElTooltip',\n          '`visible-arrow` is about to be deprecated in the next major version, please use `show-arrow` instead'\n        )\n      }\n      return isBool(props.visibleArrow) ? props.visibleArrow : props.showArrow\n    })\n\n    const id = useId()\n    const popperRef = ref<InstanceType<typeof ElPopper> | null>(null)\n\n    const updatePopper = () => {\n      const popperComponent = unref(popperRef)\n      if (popperComponent) {\n        popperComponent.popperInstanceRef?.update()\n      }\n    }\n    const open = ref(false)\n\n    const { show, hide } = useModelToggle({\n      indicator: open,\n    })\n\n    const { onOpen, onClose } = useDelayedToggle({\n      showAfter: compatShowAfter,\n      hideAfter: toRef(props, 'hideAfter'),\n      open: show,\n      close: hide,\n    })\n\n    const controlled = computed(() => isBool(props.visible))\n\n    provide(TOOLTIP_INJECTION_KEY, {\n      controlled,\n      id,\n      open: readonly(open),\n      trigger: toRef(props, 'trigger'),\n      onOpen,\n      onClose,\n      onToggle: () => {\n        if (unref(open)) {\n          onClose()\n        } else {\n          onOpen()\n        }\n      },\n      onShow: () => {\n        emit('show')\n      },\n      onHide: () => {\n        emit('hide')\n      },\n      updatePopper,\n    })\n\n    return {\n      compatShowAfter,\n      compatShowArrow,\n      popperRef,\n      open,\n      hide,\n      updatePopper,\n      onOpen,\n      onClose,\n    }\n  },\n})\n</script>\n"],"names":["createModelToggleComposable","defineComponent","ElPopper","ElPopperArrow","ElTooltipContent","ElTooltipTrigger","useTooltipContentProps","useTooltipTriggerProps","usePopperArrowProps","useTooltipProps","computed","isUndefined","isBool","useId","ref","unref","useDelayedToggle","toRef","TOOLTIP_INJECTION_KEY","readonly","_createBlock","_withCtx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6EA,MAAM,EAAE,qBAAqB,gBAAgB,wBAC3CA,kCAA4B;AAE9B,MAAK,YAAaC,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,cACVC;AAAA,mBACAC;AAAA,sBACAC;AAAA,sBACAC;AAAA;AAAA,EAEF,OAAO;AAAA,OACF;AAAA,OACAC;AAAA,OACAC;AAAA,OACAC;AAAA,OACAC;AAAA;AAAA,EAEL,OAAO,CAAC,GAAG,qBAAqB,QAAQ;AAAA,EACxC,MAAM,OAAO,EAAE,QAAQ;AACrB;AACA,UAAM,kBAAkBC,aAAS,MAAM;AACrC,UAAI,CAACC,iBAAY,MAAM,YAAY;AACjC,wBACE,aACA;AAAA;AAGJ,aAAO,MAAM,aAAc,MAAM;AAAA;AAEnC,UAAM,kBAAkBD,aAAS,MAAM;AACrC,UAAI,CAACC,iBAAY,MAAM,eAAe;AACpC,wBACE,aACA;AAAA;AAGJ,aAAOC,YAAO,MAAM,gBAAgB,MAAM,eAAe,MAAM;AAAA;AAGjE,UAAM,KAAKC;AACX,UAAM,YAAYC,QAA0C;AAE5D,UAAM,eAAe,MAAM;AACzB,YAAM,kBAAkBC,UAAM;AAC9B,UAAI,iBAAiB;AACnB,wBAAgB,mBAAmB;AAAA;AAAA;AAGvC,UAAM,OAAOD,QAAI;AAEjB,UAAM,EAAE,MAAM,SAAS,eAAe;AAAA,MACpC,WAAW;AAAA;AAGb,UAAM,EAAE,QAAQ,YAAYE,yBAAiB;AAAA,MAC3C,WAAW;AAAA,MACX,WAAWC,UAAM,OAAO;AAAA,MACxB,MAAM;AAAA,MACN,OAAO;AAAA;AAGT,UAAM,aAAaP,aAAS,MAAME,YAAO,MAAM;AAE/C,gBAAQM,8BAAuB;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,MAAMC,aAAS;AAAA,MACf,SAASF,UAAM,OAAO;AAAA,MACtB;AAAA,MACA;AAAA,MACA,UAAU,MAAM;AACd,YAAIF,UAAM,OAAO;AACf;AAAA,eACK;AACL;AAAA;AAAA;AAAA,MAGJ,QAAQ,MAAM;AACZ,aAAK;AAAA;AAAA,MAEP,QAAQ,MAAM;AACZ,aAAK;AAAA;AAAA,MAEP;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;;;0BAnKmBK;AAAA,aAPrBC,YAOqB;AAAA,sBANR,+BAAQ;AAAA,QAClB,UAAS;AAAA,QACT,cAAW;AAAA,QACX,oBAAkB;AAAA;;iBAEPA,YAAO,MAAO;AAAA,eAA1B;;;SAEF,GA8BqB;AAAA,sBA7BlB,+BAAqB;AAAA,QACrB;AAAA,QACA,sBAAgB;AAAA,QAChB,SAAQ,KAAE;AAAA,QACV,UAAQ;AAAA,QACR,aAAW;AAAA,QACX;AAAA,QACA,uBAAY,KAAS;AAAA,QACrB,mBAAgB;AAAA,QAChB,oBAAc;AAAA,QACd,aAAY;AAAA,QACZ,iBAAc;AAAA,QACd,gBAAc;AAAA,QACd,gBAAW;AAAA,QACX,gBAAc;AAAA,QACd,kBAAU;AAAA,QACV;AAAA,QACA,eAAY,KAAE;AAAA,QACd,gBAAY;AAAA,QACZ,cAAU;AAAA,QACV,UAAU,KAAE;AAAA,QACZ,YAAY;AAAA,QACZ,YAAS;AAAA;;iBAEVA,YAGO;AAAA,yBAFO,aAAU;AAAA;cAAE;AAAA;wBACxB;;;YAEuC;AAAA;;;;;;;;;;;;;"}

package/lib/components/tooltip/src/trigger.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+require('../../popper/index.js');
 var aria = require('../../../utils/aria.js');
 var dom = require('../../../utils/dom.js');
 var tokens = require('./tokens.js');

package/lib/components/tooltip/src/trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","sources":["../../../../../../packages/components/tooltip/src/trigger.vue"],"sourcesContent":["<template>\n  <el-popper-trigger\n    :id=\"id\"\n    :virtual-ref=\"virtualRef\"\n    :open=\"open\"\n    :virtual-triggering=\"virtualTriggering\"\n    class=\"el-tooltip__trigger\"\n    @blur=\"onBlur\"\n    @click=\"onClick\"\n    @contextmenu=\"onContextMenu\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseenter\"\n    @mouseleave=\"onMouseleave\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </el-popper-trigger>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, toRef } from 'vue'\nimport { ElPopperTrigger } from '@element-plus/components/popper'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\nimport { useTooltipTriggerProps } from './tooltip'\nimport { whenTrigger } from './utils'\n\nimport type { ElOnlyChildExpose } from '@element-plus/components/slot'\n\nexport default defineComponent({\n  name: 'ElTooltipTrigger',\n  components: {\n    ElPopperTrigger,\n  },\n  props: useTooltipTriggerProps,\n  setup(props) {\n    const { controlled, id, open, onOpen, onClose, onToggle } = inject(\n      TOOLTIP_INJECTION_KEY,\n      undefined\n    )!\n    const triggerRef = ref<ElOnlyChildExpose | null>(null)\n\n    const stopWhenControlledOrDisabled = () => {\n      if (unref(controlled) || props.disabled) {\n        return true\n      }\n    }\n    const trigger = toRef(props, 'trigger')\n    const onMouseenter = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onOpen)\n    )\n    const onMouseleave = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onClose)\n    )\n    const onClick = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'click', (e) => {\n        // distinguish left click\n        if ((e as MouseEvent).button === 0) {\n          onToggle(e)\n        }\n      })\n    )\n\n    const onFocus = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onOpen)\n    )\n\n    const onBlur = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onClose)\n    )\n\n    const onContextMenu = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'contextmenu', (e: Event) => {\n        e.preventDefault()\n        onToggle(e)\n      })\n    )\n\n    const onKeydown = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      (e: KeyboardEvent) => {\n        const { code } = e\n        if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {\n          onToggle(e)\n        }\n      }\n    )\n\n    return {\n      onBlur,\n      onContextMenu,\n      onFocus,\n      onMouseenter,\n      onMouseleave,\n      onClick,\n      onKeydown,\n      open,\n      id,\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElPopperTrigger","useTooltipTriggerProps","inject","TOOLTIP_INJECTION_KEY","ref","unref","toRef","composeEventHandlers","whenTrigger","EVENT_CODE","_openBlock","_createBlock","_withCtx"],"mappings":";;;;;;;;;;;;;AA8BA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,qBACVC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,EAAE,YAAY,IAAI,MAAM,QAAQ,SAAS,aAAaC,WAC1DC,8BACA;AAEF,UAAM,aAAaC,QAA8B;AAEjD,UAAM,+BAA+B,MAAM;AACzC,UAAIC,UAAM,eAAe,MAAM,UAAU;AACvC,eAAO;AAAA;AAAA;AAGX,UAAM,UAAUC,UAAM,OAAO;AAC7B,UAAM,eAAeC,yBACnB,8BACAC,kBAAY,SAAS,SAAS;AAEhC,UAAM,eAAeD,yBACnB,8BACAC,kBAAY,SAAS,SAAS;AAEhC,UAAM,UAAUD,yBACd,8BACAC,kBAAY,SAAS,SAAS,CAAC,MAAM;AAEnC,UAAK,EAAiB,WAAW,GAAG;AAClC,iBAAS;AAAA;AAAA;AAKf,UAAM,UAAUD,yBACd,8BACAC,kBAAY,SAAS,SAAS;AAGhC,UAAM,SAASD,yBACb,8BACAC,kBAAY,SAAS,SAAS;AAGhC,UAAM,gBAAgBD,yBACpB,8BACAC,kBAAY,SAAS,eAAe,CAAC,MAAa;AAChD,QAAE;AACF,eAAS;AAAA;AAIb,UAAM,YAAYD,yBAChB,8BACA,CAAC,MAAqB;AACpB,YAAM,EAAE,SAAS;AACjB,UAAI,SAASE,gBAAW,SAAS,SAASA,gBAAW,OAAO;AAC1D,iBAAS;AAAA;AAAA;AAKf,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;SAvGGC,iBAAEC;AAAA,IACN;AAAA,IACA,eAAU;AAAA,IACV;AAAA,IACD,sBAAM;AAAA,IACL,OAAI;AAAA,IACJ,QAAK,KAAE;AAAA,IACP,cAAW;AAAA,IACX,eAAO;AAAA,IACP,cAAY;AAAA,IACZ,cAAY;AAAA,IACZ,cAAS;AAAA;;aAEVC,YAAQ;AAAA;;;;;;;;;"}
+{"version":3,"file":"trigger.js","sources":["../../../../../../packages/components/tooltip/src/trigger.vue"],"sourcesContent":["<template>\n  <el-popper-trigger\n    :id=\"id\"\n    :virtual-ref=\"virtualRef\"\n    :open=\"open\"\n    :virtual-triggering=\"virtualTriggering\"\n    class=\"el-tooltip__trigger\"\n    @blur=\"onBlur\"\n    @click=\"onClick\"\n    @contextmenu=\"onContextMenu\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseenter\"\n    @mouseleave=\"onMouseleave\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </el-popper-trigger>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, toRef } from 'vue'\nimport { ElPopperTrigger } from '@element-plus/components/popper'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\nimport { useTooltipTriggerProps } from './tooltip'\nimport { whenTrigger } from './utils'\n\nimport type { ElOnlyChildExpose } from '@element-plus/components/slot'\n\nexport default defineComponent({\n  name: 'ElTooltipTrigger',\n  components: {\n    ElPopperTrigger,\n  },\n  props: useTooltipTriggerProps,\n  setup(props) {\n    const { controlled, id, open, onOpen, onClose, onToggle } = inject(\n      TOOLTIP_INJECTION_KEY,\n      undefined\n    )!\n    const triggerRef = ref<ElOnlyChildExpose | null>(null)\n\n    const stopWhenControlledOrDisabled = () => {\n      if (unref(controlled) || props.disabled) {\n        return true\n      }\n    }\n    const trigger = toRef(props, 'trigger')\n    const onMouseenter = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onOpen)\n    )\n    const onMouseleave = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onClose)\n    )\n    const onClick = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'click', (e) => {\n        // distinguish left click\n        if ((e as MouseEvent).button === 0) {\n          onToggle(e)\n        }\n      })\n    )\n\n    const onFocus = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onOpen)\n    )\n\n    const onBlur = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onClose)\n    )\n\n    const onContextMenu = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'contextmenu', (e: Event) => {\n        e.preventDefault()\n        onToggle(e)\n      })\n    )\n\n    const onKeydown = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      (e: KeyboardEvent) => {\n        const { code } = e\n        if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {\n          onToggle(e)\n        }\n      }\n    )\n\n    return {\n      onBlur,\n      onContextMenu,\n      onFocus,\n      onMouseenter,\n      onMouseleave,\n      onClick,\n      onKeydown,\n      open,\n      id,\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElPopperTrigger","useTooltipTriggerProps","inject","TOOLTIP_INJECTION_KEY","ref","unref","toRef","composeEventHandlers","whenTrigger","EVENT_CODE","_openBlock","_createBlock","_withCtx"],"mappings":";;;;;;;;;;;;;;AA8BA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,qBACVC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,EAAE,YAAY,IAAI,MAAM,QAAQ,SAAS,aAAaC,WAC1DC,8BACA;AAEF,UAAM,aAAaC,QAA8B;AAEjD,UAAM,+BAA+B,MAAM;AACzC,UAAIC,UAAM,eAAe,MAAM,UAAU;AACvC,eAAO;AAAA;AAAA;AAGX,UAAM,UAAUC,UAAM,OAAO;AAC7B,UAAM,eAAeC,yBACnB,8BACAC,kBAAY,SAAS,SAAS;AAEhC,UAAM,eAAeD,yBACnB,8BACAC,kBAAY,SAAS,SAAS;AAEhC,UAAM,UAAUD,yBACd,8BACAC,kBAAY,SAAS,SAAS,CAAC,MAAM;AAEnC,UAAK,EAAiB,WAAW,GAAG;AAClC,iBAAS;AAAA;AAAA;AAKf,UAAM,UAAUD,yBACd,8BACAC,kBAAY,SAAS,SAAS;AAGhC,UAAM,SAASD,yBACb,8BACAC,kBAAY,SAAS,SAAS;AAGhC,UAAM,gBAAgBD,yBACpB,8BACAC,kBAAY,SAAS,eAAe,CAAC,MAAa;AAChD,QAAE;AACF,eAAS;AAAA;AAIb,UAAM,YAAYD,yBAChB,8BACA,CAAC,MAAqB;AACpB,YAAM,EAAE,SAAS;AACjB,UAAI,SAASE,gBAAW,SAAS,SAASA,gBAAW,OAAO;AAC1D,iBAAS;AAAA;AAAA;AAKf,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;SAvGGC,iBAAEC;AAAA,IACN;AAAA,IACA,eAAU;AAAA,IACV;AAAA,IACD,sBAAM;AAAA,IACL,OAAI;AAAA,IACJ,QAAK,KAAE;AAAA,IACP,cAAW;AAAA,IACX,eAAO;AAAA,IACP,cAAY;AAAA,IACZ,cAAY;AAAA,IACZ,cAAS;AAAA;;aAEVC,YAAQ;AAAA;;;;;;;;;"}

package/lib/components/tooltip/src/utils.js

@@ -3,9 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+require('../../../utils/util.js');
 var shared = require('@vue/shared');
-require('lodash/isEqualWith');
-require('@vueuse/core');
 
 const isTriggerType = (trigger, type) => {
   if (shared.isArray(trigger)) {

package/lib/components/tooltip/src/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../packages/components/tooltip/src/utils.ts"],"sourcesContent":["import { unref } from 'vue'\nimport { isArray } from '@element-plus/utils/util'\nimport type { Ref } from 'vue'\nimport type { Trigger } from './tooltip'\n\nexport const isTriggerType = (trigger: Trigger | Trigger[], type: Trigger) => {\n  if (isArray(trigger)) {\n    return trigger.includes(type)\n  }\n  return trigger === type\n}\n\nexport const whenTrigger = (\n  trigger: Ref<Trigger | Trigger[]>,\n  type: Trigger,\n  handler: (e: Event) => void\n) => {\n  return (e: Event) => {\n    isTriggerType(unref(trigger), type) && handler(e)\n  }\n}\n"],"names":["isArray","unref"],"mappings":";;;;;;;;;AAEY,MAAC,aAAa,GAAG,CAAC,OAAO,EAAE,IAAI,KAAK;AAChD,EAAE,IAAIA,cAAO,CAAC,OAAO,CAAC,EAAE;AACxB,IAAI,OAAO,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,OAAO,OAAO,KAAK,IAAI,CAAC;AAC1B,EAAE;AACU,MAAC,WAAW,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,KAAK;AACvD,EAAE,OAAO,CAAC,CAAC,KAAK;AAChB,IAAI,aAAa,CAACC,SAAK,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;AACtD,GAAG,CAAC;AACJ;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../packages/components/tooltip/src/utils.ts"],"sourcesContent":["import { unref } from 'vue'\nimport { isArray } from '@element-plus/utils/util'\nimport type { Ref } from 'vue'\nimport type { Trigger } from './tooltip'\n\nexport const isTriggerType = (trigger: Trigger | Trigger[], type: Trigger) => {\n  if (isArray(trigger)) {\n    return trigger.includes(type)\n  }\n  return trigger === type\n}\n\nexport const whenTrigger = (\n  trigger: Ref<Trigger | Trigger[]>,\n  type: Trigger,\n  handler: (e: Event) => void\n) => {\n  return (e: Event) => {\n    isTriggerType(unref(trigger), type) && handler(e)\n  }\n}\n"],"names":["isArray","unref"],"mappings":";;;;;;;;AAEY,MAAC,aAAa,GAAG,CAAC,OAAO,EAAE,IAAI,KAAK;AAChD,EAAE,IAAIA,cAAO,CAAC,OAAO,CAAC,EAAE;AACxB,IAAI,OAAO,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,OAAO,OAAO,KAAK,IAAI,CAAC;AAC1B,EAAE;AACU,MAAC,WAAW,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,KAAK;AACvD,EAAE,OAAO,CAAC,CAAC,KAAK;AAChB,IAAI,aAAa,CAACC,SAAK,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;AACtD,GAAG,CAAC;AACJ;;;;;"}

package/lib/components/tooltip/style/css.js

@@ -1,5 +1,7 @@
 'use strict';
 
+require('../../base/style/css.js');
 require('element-plus/theme-chalk/el-tooltip.css');
+require('../../popper/style/css.js');
 
 //# sourceMappingURL=css.js.map

package/lib/components/tooltip/style/css.js.map

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

package/lib/components/tooltip/style/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+require('../../base/style/index.js');
 require('element-plus/theme-chalk/src/tooltip.scss');
+require('../../popper/style/index.js');
 
 //# sourceMappingURL=index.js.map

package/lib/components/tooltip/style/index.js.map

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

package/lib/components/transfer/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('./src/index.js');
+require('./src/transfer.js');
 var constants = require('../../utils/constants.js');
 
 index["default"].install = (app) => {

package/lib/components/transfer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/transfer/index.ts"],"sourcesContent":["import Transfer from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nTransfer.install = (app: App): void => {\n  app.component(Transfer.name, Transfer)\n}\n\nconst _Transfer = Transfer as SFCWithInstall<typeof Transfer>\n\nexport default _Transfer\nexport const ElTransfer = _Transfer\n\nexport * from './src/transfer'\n"],"names":["Transfer"],"mappings":";;;;;;;AACAA,gBAAQ,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC5B,EAAE,GAAG,CAAC,SAAS,CAACA,gBAAQ,CAAC,IAAI,EAAEA,gBAAQ,CAAC,CAAC;AACzC,CAAC,CAAC;AACG,MAAC,SAAS,GAAGA,iBAAS;AAEf,MAAC,UAAU,GAAG;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/transfer/index.ts"],"sourcesContent":["import Transfer from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nTransfer.install = (app: App): void => {\n  app.component(Transfer.name, Transfer)\n}\n\nconst _Transfer = Transfer as SFCWithInstall<typeof Transfer>\n\nexport default _Transfer\nexport const ElTransfer = _Transfer\n\nexport * from './src/transfer'\n"],"names":["Transfer"],"mappings":";;;;;;;;AACAA,gBAAQ,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC5B,EAAE,GAAG,CAAC,SAAS,CAACA,gBAAQ,CAAC,IAAI,EAAEA,gBAAQ,CAAC,CAAC;AACzC,CAAC,CAAC;AACG,MAAC,SAAS,GAAGA,iBAAS;AAEf,MAAC,UAAU,GAAG;;;;;;"}

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

@@ -5,24 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var index = require('../../button/index.js');
 var index$1 = require('../../icon/index.js');
-var form = require('../../../tokens/form.js');
-require('lodash/fromPairs');
-require('../../../hooks/use-common-props/index.js');
-require('../../../hooks/use-global-config/index.js');
-var index$2 = require('../../../hooks/use-locale/index.js');
-require('@vueuse/core');
-require('@vue/shared');
-require('lodash/isEqualWith');
-require('../../../hooks/use-modal/index.js');
-require('../../../hooks/use-model-toggle/index.js');
-require('../../../hooks/use-delayed-toggle/index.js');
+require('../../../tokens/index.js');
+require('../../../hooks/index.js');
 var constants = require('../../../utils/constants.js');
 var iconsVue = require('@element-plus/icons-vue');
 var transferPanel = require('./transfer-panel.js');
 var useComputedData = require('./useComputedData.js');
 var useCheckedChange = require('./useCheckedChange.js');
 var useMove = require('./useMove.js');
+require('./transfer.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$2 = require('../../../hooks/use-locale/index.js');
+var form = require('../../../tokens/form.js');
 
 const _sfc_main = vue.defineComponent({
   name: "ElTransfer",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/transfer/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"el-transfer\">\n    <transfer-panel\n      ref=\"leftPanel\"\n      :data=\"sourceData\"\n      :option-render=\"optionRender\"\n      :placeholder=\"panelFilterPlaceholder\"\n      :title=\"leftPanelTitle\"\n      :filterable=\"filterable\"\n      :format=\"format\"\n      :filter-method=\"filterMethod\"\n      :default-checked=\"leftDefaultChecked\"\n      :props=\"props\"\n      @checked-change=\"onSourceCheckedChange\"\n    >\n      <slot name=\"left-footer\"></slot>\n    </transfer-panel>\n    <div class=\"el-transfer__buttons\">\n      <el-button\n        type=\"primary\"\n        :class=\"['el-transfer__button', hasButtonTexts ? 'is-with-texts' : '']\"\n        :disabled=\"rightChecked.length === 0\"\n        @click=\"addToLeft\"\n      >\n        <el-icon><arrow-left /></el-icon>\n        <span v-if=\"buttonTexts[0] !== undefined\">{{ buttonTexts[0] }}</span>\n      </el-button>\n      <el-button\n        type=\"primary\"\n        :class=\"['el-transfer__button', hasButtonTexts ? 'is-with-texts' : '']\"\n        :disabled=\"leftChecked.length === 0\"\n        @click=\"addToRight\"\n      >\n        <span v-if=\"buttonTexts[1] !== undefined\">{{ buttonTexts[1] }}</span>\n        <el-icon><arrow-right /></el-icon>\n      </el-button>\n    </div>\n    <transfer-panel\n      ref=\"rightPanel\"\n      :data=\"targetData\"\n      :option-render=\"optionRender\"\n      :placeholder=\"panelFilterPlaceholder\"\n      :filterable=\"filterable\"\n      :format=\"format\"\n      :filter-method=\"filterMethod\"\n      :title=\"rightPanelTitle\"\n      :default-checked=\"rightDefaultChecked\"\n      :props=\"props\"\n      @checked-change=\"onTargetCheckedChange\"\n    >\n      <slot name=\"right-footer\"></slot>\n    </transfer-panel>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  h,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport { elFormItemKey } from '@element-plus/tokens'\nimport { useLocale } from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport TransferPanel from './transfer-panel.vue'\nimport { useComputedData } from './useComputedData'\nimport {\n  useCheckedChange,\n  LEFT_CHECK_CHANGE_EVENT,\n  RIGHT_CHECK_CHANGE_EVENT,\n} from './useCheckedChange'\nimport { useMove } from './useMove'\nimport { CHANGE_EVENT } from './transfer'\n\nimport type { PropType, VNode } from 'vue'\nimport type { ElFormItemContext } from '@element-plus/tokens'\nimport type { DataItem, Format, Key, Props, TargetOrder } from './transfer'\n\nexport default defineComponent({\n  name: 'ElTransfer',\n\n  components: {\n    TransferPanel,\n    ElButton,\n    ElIcon,\n    ArrowLeft,\n    ArrowRight,\n  },\n\n  props: {\n    data: {\n      type: Array as PropType<DataItem[]>,\n      default: () => [],\n    },\n    titles: {\n      type: Array as PropType<any> as PropType<[string, string]>,\n      default: () => [],\n    },\n    buttonTexts: {\n      type: Array as PropType<any> as PropType<[string, string]>,\n      default: () => [],\n    },\n    filterPlaceholder: {\n      type: String,\n      default: '',\n    },\n    filterMethod: Function as PropType<\n      (query: string, item: DataItem) => boolean\n    >,\n    leftDefaultChecked: {\n      type: Array as PropType<Key[]>,\n      default: () => [],\n    },\n    rightDefaultChecked: {\n      type: Array as PropType<Key[]>,\n      default: () => [],\n    },\n    renderContent: Function as PropType<(h, option) => VNode>,\n    modelValue: {\n      type: Array as PropType<Key[]>,\n      default: () => [],\n    },\n    format: {\n      type: Object as PropType<Format>,\n      default: () => ({}),\n    },\n    filterable: {\n      type: Boolean,\n      default: false,\n    },\n    props: {\n      type: Object as PropType<Props>,\n      default: () => ({\n        label: 'label',\n        key: 'key',\n        disabled: 'disabled',\n      }),\n    },\n    targetOrder: {\n      type: String as PropType<TargetOrder>,\n      default: 'original',\n      validator: (val: string) => {\n        return ['original', 'push', 'unshift'].includes(val)\n      },\n    },\n  },\n\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    LEFT_CHECK_CHANGE_EVENT,\n    RIGHT_CHECK_CHANGE_EVENT,\n  ],\n\n  setup(props, { emit, slots }) {\n    const { t } = useLocale()\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const checkedState = reactive({\n      leftChecked: [],\n      rightChecked: [],\n    })\n\n    const { propsKey, sourceData, targetData } = useComputedData(props)\n\n    const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(\n      checkedState,\n      emit\n    )\n\n    const { addToLeft, addToRight } = useMove(\n      props,\n      checkedState,\n      propsKey,\n      emit\n    )\n\n    const leftPanel = ref(null)\n    const rightPanel = ref(null)\n\n    const clearQuery = (which: 'left' | 'right') => {\n      if (which === 'left') {\n        leftPanel.value.query = ''\n      } else if (which === 'right') {\n        rightPanel.value.query = ''\n      }\n    }\n\n    const hasButtonTexts = computed(() => props.buttonTexts.length === 2)\n\n    const leftPanelTitle = computed(\n      () => props.titles[0] || t('el.transfer.titles.0')\n    )\n\n    const rightPanelTitle = computed(\n      () => props.titles[1] || t('el.transfer.titles.1')\n    )\n\n    const panelFilterPlaceholder = computed(\n      () => props.filterPlaceholder || t('el.transfer.filterPlaceholder')\n    )\n\n    watch(\n      () => props.modelValue,\n      () => {\n        elFormItem.validate?.('change')\n      }\n    )\n\n    const optionRender = computed(() => (option) => {\n      if (props.renderContent) return props.renderContent(h, option)\n\n      if (slots.default) return slots.default({ option })\n\n      return h('span', option[props.props.label] || option[props.props.key])\n    })\n\n    return {\n      sourceData,\n      targetData,\n      onSourceCheckedChange,\n      onTargetCheckedChange,\n      addToLeft,\n      addToRight,\n\n      ...toRefs(checkedState),\n\n      hasButtonTexts,\n      leftPanelTitle,\n      rightPanelTitle,\n      panelFilterPlaceholder,\n      clearQuery,\n\n      optionRender,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","TransferPanel","ElButton","ElIcon","ArrowLeft","ArrowRight","UPDATE_MODEL_EVENT","CHANGE_EVENT","LEFT_CHECK_CHANGE_EVENT","RIGHT_CHECK_CHANGE_EVENT","useLocale","inject","elFormItemKey","reactive","useComputedData","useCheckedChange","useMove","ref","computed","h","toRefs","_openBlock","_createElementBlock","_withCtx","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,mBACVC;AAAA,cACAC;AAAA,YACAC;AAAA,eACAC;AAAA,gBACAC;AAAA;AAAA,EAGF,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,IAGd,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,eAAe;AAAA,IACf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAO;AAAA,IAElB,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAO,QACd,OAAO;AAAA,QACP,KAAK;AAAA,QACL,UAAU;AAAA;AAAA;AAAA,IAGd,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QAAgB;AAC1B,eAAO,CAAC,YAAY,QAAQ,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA,EAKtD,OAAO;AAAA,IACLC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA;AAAA,EAGF,MAAM,OAAO,EAAE,MAAM,SAAS;AAC5B,UAAM,EAAE,MAAMC;AACd,UAAM,aAAaC,WAAOC,oBAAe;AAEzC,UAAM,eAAeC,aAAS;AAAA,MAC5B,aAAa;AAAA,MACb,cAAc;AAAA;AAGhB,UAAM,EAAE,UAAU,YAAY,eAAeC,gCAAgB;AAE7D,UAAM,EAAE,uBAAuB,0BAA0BC,kCACvD,cACA;AAGF,UAAM,EAAE,WAAW,eAAeC,gBAChC,OACA,cACA,UACA;AAGF,UAAM,YAAYC,QAAI;AACtB,UAAM,aAAaA,QAAI;AAEvB,UAAM,aAAa,CAAC,UAA4B;AAC9C,UAAI,UAAU,QAAQ;AACpB,kBAAU,MAAM,QAAQ;AAAA,iBACf,UAAU,SAAS;AAC5B,mBAAW,MAAM,QAAQ;AAAA;AAAA;AAI7B,UAAM,iBAAiBC,aAAS,MAAM,MAAM,YAAY,WAAW;AAEnE,UAAM,iBAAiBA,aACrB,MAAM,MAAM,OAAO,MAAM,EAAE;AAG7B,UAAM,kBAAkBA,aACtB,MAAM,MAAM,OAAO,MAAM,EAAE;AAG7B,UAAM,yBAAyBA,aAC7B,MAAM,MAAM,qBAAqB,EAAE;AAGrC,cACE,MAAM,MAAM,YACZ,MAAM;AACJ,iBAAW,WAAW;AAAA;AAI1B,UAAM,eAAeA,aAAS,MAAM,CAAC,WAAW;AAC9C,UAAI,MAAM;AAAe,eAAO,MAAM,cAAcC,OAAG;AAEvD,UAAI,MAAM;AAAS,eAAO,MAAM,QAAQ,EAAE;AAE1C,aAAOA,MAAE,QAAQ,OAAO,MAAM,MAAM,UAAU,OAAO,MAAM,MAAM;AAAA;AAGnE,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SAEGC,WAAO;AAAA,MAEV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA;AAAA;qBAhOG,OAAM;;;;;;;;;;SAfXC,iBAciBC;AAAA,oBAbX,2BAAW;AAAA,MACd,KAAI;AAAA,MACJ;AAAA,MACA,iBAAa;AAAA,MACb,aAAO;AAAA,MACP,YAAY;AAAA,MACZ,YAAQ;AAAA,MACR;AAAA,MACA,iBAAe,KAAE;AAAA,MACjB,mBAAY;AAAA,MACZ;AAAA;;eAEDC,YAAgC;AAAA;;;OAElC,6BAmBM;AAAA,2BAVQ;AAAA,sBAPL,sBAAS;AAAA,QACb,MAAK;AAAA,QACL,0BAAU,wBAAmB;AAAA,QAC7B,UAAO,kBAAS;AAAA;;iBAEjBA,YAAiC;AAAA,8CAAV;AAAA,qBAAdA,YAAc;AAAA;;;;kCACvB;;;SAEF,GAQY;AAAA,sBAPL,sBAAS;AAAA,QACb,MAAK;AAAA,QACL,0BAAU,wBAAkB;AAAA,QAC5B,UAAO,iBAAU;AAAA;;iBAENA,kBAAW;AAAA,kCAAvB,sHACAC,uBAAkC;AAAA,8CAAV;AAAA,qBAAfD,YAAe;AAAA;;;;;;;;oBAItB,2BAAY;AAAA,MACf,KAAI;AAAA,MACJ;AAAA,MACA,iBAAa;AAAA,MACb,aAAY;AAAA,MACZ,YAAQ;AAAA,MACR;AAAA,MACA,iBAAO;AAAA,MACP;AAAA,MACA,mBAAY;AAAA,MACZ;AAAA;;eAEDA,YAAiC;AAAA;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/transfer/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"el-transfer\">\n    <transfer-panel\n      ref=\"leftPanel\"\n      :data=\"sourceData\"\n      :option-render=\"optionRender\"\n      :placeholder=\"panelFilterPlaceholder\"\n      :title=\"leftPanelTitle\"\n      :filterable=\"filterable\"\n      :format=\"format\"\n      :filter-method=\"filterMethod\"\n      :default-checked=\"leftDefaultChecked\"\n      :props=\"props\"\n      @checked-change=\"onSourceCheckedChange\"\n    >\n      <slot name=\"left-footer\"></slot>\n    </transfer-panel>\n    <div class=\"el-transfer__buttons\">\n      <el-button\n        type=\"primary\"\n        :class=\"['el-transfer__button', hasButtonTexts ? 'is-with-texts' : '']\"\n        :disabled=\"rightChecked.length === 0\"\n        @click=\"addToLeft\"\n      >\n        <el-icon><arrow-left /></el-icon>\n        <span v-if=\"buttonTexts[0] !== undefined\">{{ buttonTexts[0] }}</span>\n      </el-button>\n      <el-button\n        type=\"primary\"\n        :class=\"['el-transfer__button', hasButtonTexts ? 'is-with-texts' : '']\"\n        :disabled=\"leftChecked.length === 0\"\n        @click=\"addToRight\"\n      >\n        <span v-if=\"buttonTexts[1] !== undefined\">{{ buttonTexts[1] }}</span>\n        <el-icon><arrow-right /></el-icon>\n      </el-button>\n    </div>\n    <transfer-panel\n      ref=\"rightPanel\"\n      :data=\"targetData\"\n      :option-render=\"optionRender\"\n      :placeholder=\"panelFilterPlaceholder\"\n      :filterable=\"filterable\"\n      :format=\"format\"\n      :filter-method=\"filterMethod\"\n      :title=\"rightPanelTitle\"\n      :default-checked=\"rightDefaultChecked\"\n      :props=\"props\"\n      @checked-change=\"onTargetCheckedChange\"\n    >\n      <slot name=\"right-footer\"></slot>\n    </transfer-panel>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  h,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport { elFormItemKey } from '@element-plus/tokens'\nimport { useLocale } from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport TransferPanel from './transfer-panel.vue'\nimport { useComputedData } from './useComputedData'\nimport {\n  useCheckedChange,\n  LEFT_CHECK_CHANGE_EVENT,\n  RIGHT_CHECK_CHANGE_EVENT,\n} from './useCheckedChange'\nimport { useMove } from './useMove'\nimport { CHANGE_EVENT } from './transfer'\n\nimport type { PropType, VNode } from 'vue'\nimport type { ElFormItemContext } from '@element-plus/tokens'\nimport type { DataItem, Format, Key, Props, TargetOrder } from './transfer'\n\nexport default defineComponent({\n  name: 'ElTransfer',\n\n  components: {\n    TransferPanel,\n    ElButton,\n    ElIcon,\n    ArrowLeft,\n    ArrowRight,\n  },\n\n  props: {\n    data: {\n      type: Array as PropType<DataItem[]>,\n      default: () => [],\n    },\n    titles: {\n      type: Array as PropType<any> as PropType<[string, string]>,\n      default: () => [],\n    },\n    buttonTexts: {\n      type: Array as PropType<any> as PropType<[string, string]>,\n      default: () => [],\n    },\n    filterPlaceholder: {\n      type: String,\n      default: '',\n    },\n    filterMethod: Function as PropType<\n      (query: string, item: DataItem) => boolean\n    >,\n    leftDefaultChecked: {\n      type: Array as PropType<Key[]>,\n      default: () => [],\n    },\n    rightDefaultChecked: {\n      type: Array as PropType<Key[]>,\n      default: () => [],\n    },\n    renderContent: Function as PropType<(h, option) => VNode>,\n    modelValue: {\n      type: Array as PropType<Key[]>,\n      default: () => [],\n    },\n    format: {\n      type: Object as PropType<Format>,\n      default: () => ({}),\n    },\n    filterable: {\n      type: Boolean,\n      default: false,\n    },\n    props: {\n      type: Object as PropType<Props>,\n      default: () => ({\n        label: 'label',\n        key: 'key',\n        disabled: 'disabled',\n      }),\n    },\n    targetOrder: {\n      type: String as PropType<TargetOrder>,\n      default: 'original',\n      validator: (val: string) => {\n        return ['original', 'push', 'unshift'].includes(val)\n      },\n    },\n  },\n\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    LEFT_CHECK_CHANGE_EVENT,\n    RIGHT_CHECK_CHANGE_EVENT,\n  ],\n\n  setup(props, { emit, slots }) {\n    const { t } = useLocale()\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const checkedState = reactive({\n      leftChecked: [],\n      rightChecked: [],\n    })\n\n    const { propsKey, sourceData, targetData } = useComputedData(props)\n\n    const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(\n      checkedState,\n      emit\n    )\n\n    const { addToLeft, addToRight } = useMove(\n      props,\n      checkedState,\n      propsKey,\n      emit\n    )\n\n    const leftPanel = ref(null)\n    const rightPanel = ref(null)\n\n    const clearQuery = (which: 'left' | 'right') => {\n      if (which === 'left') {\n        leftPanel.value.query = ''\n      } else if (which === 'right') {\n        rightPanel.value.query = ''\n      }\n    }\n\n    const hasButtonTexts = computed(() => props.buttonTexts.length === 2)\n\n    const leftPanelTitle = computed(\n      () => props.titles[0] || t('el.transfer.titles.0')\n    )\n\n    const rightPanelTitle = computed(\n      () => props.titles[1] || t('el.transfer.titles.1')\n    )\n\n    const panelFilterPlaceholder = computed(\n      () => props.filterPlaceholder || t('el.transfer.filterPlaceholder')\n    )\n\n    watch(\n      () => props.modelValue,\n      () => {\n        elFormItem.validate?.('change')\n      }\n    )\n\n    const optionRender = computed(() => (option) => {\n      if (props.renderContent) return props.renderContent(h, option)\n\n      if (slots.default) return slots.default({ option })\n\n      return h('span', option[props.props.label] || option[props.props.key])\n    })\n\n    return {\n      sourceData,\n      targetData,\n      onSourceCheckedChange,\n      onTargetCheckedChange,\n      addToLeft,\n      addToRight,\n\n      ...toRefs(checkedState),\n\n      hasButtonTexts,\n      leftPanelTitle,\n      rightPanelTitle,\n      panelFilterPlaceholder,\n      clearQuery,\n\n      optionRender,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","TransferPanel","ElButton","ElIcon","ArrowLeft","ArrowRight","UPDATE_MODEL_EVENT","CHANGE_EVENT","LEFT_CHECK_CHANGE_EVENT","RIGHT_CHECK_CHANGE_EVENT","useLocale","inject","elFormItemKey","reactive","useComputedData","useCheckedChange","useMove","ref","computed","h","toRefs","_openBlock","_createElementBlock","_withCtx","_createCommentVNode"],"mappings":"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"}

package/lib/components/transfer/src/transfer-panel.js

@@ -3,21 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-require('lodash/fromPairs');
-require('../../../hooks/use-common-props/index.js');
-require('../../../hooks/use-global-config/index.js');
-var index$2 = require('../../../hooks/use-locale/index.js');
-require('@vueuse/core');
-require('@vue/shared');
-require('lodash/isEqualWith');
-require('../../../hooks/use-modal/index.js');
-require('../../../hooks/use-model-toggle/index.js');
-require('../../../hooks/use-delayed-toggle/index.js');
+require('../../../hooks/index.js');
 var index = require('../../checkbox/index.js');
 var index$1 = require('../../input/index.js');
 var iconsVue = require('@element-plus/icons-vue');
 var useCheck = require('./useCheck.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$2 = require('../../../hooks/use-locale/index.js');
 
 const _sfc_main = vue.defineComponent({
   name: "ElTransferPanel",

package/lib/components/transfer/src/transfer-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-panel.js","sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue"],"sourcesContent":["<template>\n  <div class=\"el-transfer-panel\">\n    <p class=\"el-transfer-panel__header\">\n      <el-checkbox\n        v-model=\"allChecked\"\n        :indeterminate=\"isIndeterminate\"\n        @change=\"handleAllCheckedChange\"\n      >\n        {{ title }}\n        <span>{{ checkedSummary }}</span>\n      </el-checkbox>\n    </p>\n\n    <div\n      :class=\"['el-transfer-panel__body', hasFooter ? 'is-with-footer' : '']\"\n    >\n      <el-input\n        v-if=\"filterable\"\n        v-model=\"query\"\n        class=\"el-transfer-panel__filter\"\n        size=\"default\"\n        :placeholder=\"placeholder\"\n        :prefix-icon=\"SearchIcon\"\n        clearable\n        @mouseenter=\"inputHover = true\"\n        @mouseleave=\"inputHover = false\"\n      >\n      </el-input>\n      <el-checkbox-group\n        v-show=\"!hasNoMatch && data.length > 0\"\n        v-model=\"checked\"\n        :class=\"{ 'is-filterable': filterable }\"\n        class=\"el-transfer-panel__list\"\n      >\n        <el-checkbox\n          v-for=\"item in filteredData\"\n          :key=\"item[keyProp]\"\n          class=\"el-transfer-panel__item\"\n          :label=\"item[keyProp]\"\n          :disabled=\"item[disabledProp]\"\n        >\n          <option-content :option=\"optionRender(item)\" />\n        </el-checkbox>\n      </el-checkbox-group>\n      <p\n        v-show=\"hasNoMatch || data.length === 0\"\n        class=\"el-transfer-panel__empty\"\n      >\n        {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n      </p>\n    </div>\n    <p v-if=\"hasFooter\" class=\"el-transfer-panel__footer\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, reactive, toRefs } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport ElInput from '@element-plus/components/input'\nimport { Search } from '@element-plus/icons-vue'\nimport { useCheck, useCheckProps, CHECKED_CHANGE_EVENT } from './useCheck'\n\nexport default defineComponent({\n  name: 'ElTransferPanel',\n\n  components: {\n    ElCheckboxGroup,\n    ElCheckbox,\n    ElInput,\n    OptionContent: ({ option }) => option,\n  },\n\n  props: useCheckProps,\n\n  emits: [CHECKED_CHANGE_EVENT],\n\n  setup(props, { slots }) {\n    const { t } = useLocale()\n\n    const panelState = reactive({\n      checked: [],\n      allChecked: false,\n      query: '',\n      inputHover: false,\n      checkChangeByUser: true,\n    })\n\n    const {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n    } = useCheck(props, panelState)\n\n    const hasNoMatch = computed(() => {\n      return panelState.query.length > 0 && filteredData.value.length === 0\n    })\n\n    const hasFooter = computed(() => !!slots.default()[0].children.length)\n\n    const { checked, allChecked, query, inputHover, checkChangeByUser } =\n      toRefs(panelState)\n\n    return {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n\n      checked,\n      allChecked,\n      query,\n      inputHover,\n      checkChangeByUser,\n\n      hasNoMatch,\n      SearchIcon: Search,\n      hasFooter,\n\n      t,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElCheckboxGroup","ElCheckbox","ElInput","useCheckProps","CHECKED_CHANGE_EVENT","useLocale","reactive","useCheck","computed","toRefs","Search","_openBlock","_createElementBlock","_createTextVNode","_createVNode","_Fragment","_createBlock","_withCtx","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiEA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,qBACVC;AAAA,gBACAC;AAAA,aACAC;AAAA,IACA,eAAe,CAAC,EAAE,aAAa;AAAA;AAAA,EAGjC,OAAOC;AAAA,EAEP,OAAO,CAACC;AAAA,EAER,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,EAAE,MAAMC;AAEd,UAAM,aAAaC,aAAS;AAAA,MAC1B,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,mBAAmB;AAAA;AAGrB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACEC,kBAAS,OAAO;AAEpB,UAAM,aAAaC,aAAS,MAAM;AAChC,aAAO,WAAW,MAAM,SAAS,KAAK,aAAa,MAAM,WAAW;AAAA;AAGtE,UAAM,YAAYA,aAAS,MAAM,CAAC,CAAC,MAAM,UAAU,GAAG,SAAS;AAE/D,UAAM,EAAE,SAAS,YAAY,OAAO,YAAY,sBAC9CC,WAAO;AAET,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA,YAAYC;AAAA,MACZ;AAAA,MAEA;AAAA;AAAA;AAAA;qBA9HC,OAAM;;;EAiDW,KAAK;AAAA;;;;;;;SAjDzBC,iBASIC;AAAA,2BADY;AAAA,8CANO;AAAA;QAClB,uBAAe;AAAe,QAC9B,eAAQ;AAAA;;;UAGTC,wCAAiC,mBAAxB;AAAA;;;;;2BAKL;AAAA;OAGE;AAAA;;;QAEN,uBAAM;AAA2B,QACjC,OAAK;AAAA,QACJ;AAAA,QACA,aAAW,KAAE;AAAA,QACd,eAAS;AAAA,QACR;AAAA,QACA,cAAU,sCAAE,kBAAU;AAAA;0FAGzB,QAeoB;AAAA,yBAbTC,gBAAO;AAAA;QACf,uBAAK,qBAAqB,iBAAU,KAC/B;AAAA;;mCAEN;AAAA,uDAQcC;mBANNJ,iBAAKK,gBAAO;AAAA,cAClB,KAAK,KAAC;AAAA,cACL,OAAO;AAAA,cACP,YAAU,KAAK;AAAA;;uBAEhBC,YAA+C;AAAA,gCAAtB,2BAAiB;AAAA;;;;;;;;YAZnC,eAAc,WAAK;AAAA;;yBAgBpBC,uBAAc,KAAK,SAAM;AAAA;;OAM5B;AAAA,uCACMN;AAAA;;;;;;;;"}
+{"version":3,"file":"transfer-panel.js","sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue"],"sourcesContent":["<template>\n  <div class=\"el-transfer-panel\">\n    <p class=\"el-transfer-panel__header\">\n      <el-checkbox\n        v-model=\"allChecked\"\n        :indeterminate=\"isIndeterminate\"\n        @change=\"handleAllCheckedChange\"\n      >\n        {{ title }}\n        <span>{{ checkedSummary }}</span>\n      </el-checkbox>\n    </p>\n\n    <div\n      :class=\"['el-transfer-panel__body', hasFooter ? 'is-with-footer' : '']\"\n    >\n      <el-input\n        v-if=\"filterable\"\n        v-model=\"query\"\n        class=\"el-transfer-panel__filter\"\n        size=\"default\"\n        :placeholder=\"placeholder\"\n        :prefix-icon=\"SearchIcon\"\n        clearable\n        @mouseenter=\"inputHover = true\"\n        @mouseleave=\"inputHover = false\"\n      >\n      </el-input>\n      <el-checkbox-group\n        v-show=\"!hasNoMatch && data.length > 0\"\n        v-model=\"checked\"\n        :class=\"{ 'is-filterable': filterable }\"\n        class=\"el-transfer-panel__list\"\n      >\n        <el-checkbox\n          v-for=\"item in filteredData\"\n          :key=\"item[keyProp]\"\n          class=\"el-transfer-panel__item\"\n          :label=\"item[keyProp]\"\n          :disabled=\"item[disabledProp]\"\n        >\n          <option-content :option=\"optionRender(item)\" />\n        </el-checkbox>\n      </el-checkbox-group>\n      <p\n        v-show=\"hasNoMatch || data.length === 0\"\n        class=\"el-transfer-panel__empty\"\n      >\n        {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n      </p>\n    </div>\n    <p v-if=\"hasFooter\" class=\"el-transfer-panel__footer\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, reactive, toRefs } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport ElInput from '@element-plus/components/input'\nimport { Search } from '@element-plus/icons-vue'\nimport { useCheck, useCheckProps, CHECKED_CHANGE_EVENT } from './useCheck'\n\nexport default defineComponent({\n  name: 'ElTransferPanel',\n\n  components: {\n    ElCheckboxGroup,\n    ElCheckbox,\n    ElInput,\n    OptionContent: ({ option }) => option,\n  },\n\n  props: useCheckProps,\n\n  emits: [CHECKED_CHANGE_EVENT],\n\n  setup(props, { slots }) {\n    const { t } = useLocale()\n\n    const panelState = reactive({\n      checked: [],\n      allChecked: false,\n      query: '',\n      inputHover: false,\n      checkChangeByUser: true,\n    })\n\n    const {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n    } = useCheck(props, panelState)\n\n    const hasNoMatch = computed(() => {\n      return panelState.query.length > 0 && filteredData.value.length === 0\n    })\n\n    const hasFooter = computed(() => !!slots.default()[0].children.length)\n\n    const { checked, allChecked, query, inputHover, checkChangeByUser } =\n      toRefs(panelState)\n\n    return {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n\n      checked,\n      allChecked,\n      query,\n      inputHover,\n      checkChangeByUser,\n\n      hasNoMatch,\n      SearchIcon: Search,\n      hasFooter,\n\n      t,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElCheckboxGroup","ElCheckbox","ElInput","useCheckProps","CHECKED_CHANGE_EVENT","useLocale","reactive","useCheck","computed","toRefs","Search","_openBlock","_createElementBlock","_createTextVNode","_createVNode","_Fragment","_createBlock","_withCtx","_createElementVNode"],"mappings":";;;;;;;;;;;;;AAiEA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,qBACVC;AAAA,gBACAC;AAAA,aACAC;AAAA,IACA,eAAe,CAAC,EAAE,aAAa;AAAA;AAAA,EAGjC,OAAOC;AAAA,EAEP,OAAO,CAACC;AAAA,EAER,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,EAAE,MAAMC;AAEd,UAAM,aAAaC,aAAS;AAAA,MAC1B,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,mBAAmB;AAAA;AAGrB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACEC,kBAAS,OAAO;AAEpB,UAAM,aAAaC,aAAS,MAAM;AAChC,aAAO,WAAW,MAAM,SAAS,KAAK,aAAa,MAAM,WAAW;AAAA;AAGtE,UAAM,YAAYA,aAAS,MAAM,CAAC,CAAC,MAAM,UAAU,GAAG,SAAS;AAE/D,UAAM,EAAE,SAAS,YAAY,OAAO,YAAY,sBAC9CC,WAAO;AAET,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA,YAAYC;AAAA,MACZ;AAAA,MAEA;AAAA;AAAA;AAAA;qBA9HC,OAAM;;;EAiDW,KAAK;AAAA;;;;;;;SAjDzBC,iBASIC;AAAA,2BADY;AAAA,8CANO;AAAA;QAClB,uBAAe;AAAe,QAC9B,eAAQ;AAAA;;;UAGTC,wCAAiC,mBAAxB;AAAA;;;;;2BAKL;AAAA;OAGE;AAAA;;;QAEN,uBAAM;AAA2B,QACjC,OAAK;AAAA,QACJ;AAAA,QACA,aAAW,KAAE;AAAA,QACd,eAAS;AAAA,QACR;AAAA,QACA,cAAU,sCAAE,kBAAU;AAAA;0FAGzB,QAeoB;AAAA,yBAbTC,gBAAO;AAAA;QACf,uBAAK,qBAAqB,iBAAU,KAC/B;AAAA;;mCAEN;AAAA,uDAQcC;mBANNJ,iBAAKK,gBAAO;AAAA,cAClB,KAAK,KAAC;AAAA,cACL,OAAO;AAAA,cACP,YAAU,KAAK;AAAA;;uBAEhBC,YAA+C;AAAA,gCAAtB,2BAAiB;AAAA;;;;;;;;YAZnC,eAAc,WAAK;AAAA;;yBAgBpBC,uBAAc,KAAK,SAAM;AAAA;;OAM5B;AAAA,uCACMN;AAAA;;;;;;;;"}

package/lib/components/transfer/style/css.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('../../base/style/css.js');
 require('element-plus/theme-chalk/el-transfer.css');
+require('../../input/style/css.js');
+require('../../button/style/css.js');
+require('../../checkbox/style/css.js');
+require('../../checkbox-group/style/css.js');
 
 //# sourceMappingURL=css.js.map

package/lib/components/transfer/style/css.js.map

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

package/lib/components/transfer/style/index.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('../../base/style/index.js');
 require('element-plus/theme-chalk/src/transfer.scss');
+require('../../input/style/index.js');
+require('../../button/style/index.js');
+require('../../checkbox/style/index.js');
+require('../../checkbox-group/style/index.js');
 
 //# sourceMappingURL=index.js.map

package/lib/components/transfer/style/index.js.map

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

package/lib/components/tree/src/model/node.js

@@ -207,6 +207,7 @@ class Node {
         child.initialize();
       }
     }
+    ;
     child.level = this.level + 1;
     if (typeof index === "undefined" || index < 0) {
       this.childNodes.push(child);