vft 0.0.374 → 0.0.375

package/lib/components/tooltip/tooltip.vue2.cjs

@@ -1 +1,263 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),k=require("../popper/index.cjs");require("@vueuse/core");const T=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const q=require("../../hooks/use-id/index.cjs"),E=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const O=require("../../hooks/use-popper-container/index.cjs");require("../../hooks/use-z-index/index.cjs");const A=require("../../hooks/use-delayed-toggle/index.cjs"),d=require("@vft/constants"),R=require("./constants.cjs"),S=require("./content.vue2.cjs"),N=require("./trigger.vue2.cjs"),I=require("./utils.cjs"),P=require("../popper/arrow.vue2.cjs"),V=["innerHTML"],$={key:1},M=t.defineComponent({name:"VftTooltip"}),D=t.defineComponent({...M,props:{role:{default:"tooltip"},showArrow:{type:Boolean,default:!0},arrowOffset:{default:5},virtualRef:{},virtualTriggering:{type:Boolean},onMouseenter:{},onMouseleave:{},onClick:{},onKeydown:{},onFocus:{},onBlur:{},onContextmenu:{},id:{},open:{type:Boolean},boundariesPadding:{default:0},fallbackPlacements:{},gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:()=>({})},strategy:{default:"absolute"},style:{type:[Boolean,null,String,Object,Array]},className:{},effect:{default:"dark"},visible:{type:Boolean,default:null},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:{},popperStyle:{type:[Boolean,null,String,Object,Array]},referenceEl:{},triggerTargetEl:{},stopPopperMouseEvent:{type:Boolean,default:!0},ariaLabel:{},zIndex:{},showAfter:{default:0},hideAfter:{default:200},appendTo:{},content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},transition:{},teleported:{type:Boolean,default:!0},disabled:{type:Boolean},trigger:{default:"hover"},triggerKeys:{default:()=>[d.EVENT_CODE.enter,d.EVENT_CODE.numpadEnter,d.EVENT_CODE.space]}},emits:["before-show","before-hide","show","hide","open","close"],setup(l,{expose:c,emit:y}){const n=y;O.usePopperContainer();const b=E.useNamespace("tooltip"),h=q.useId(),s=t.ref(),i=t.ref(),g=()=>{const e=t.unref(s);e&&e.popperInstanceRef?.update()},r=t.ref(!1),o=t.ref(),{show:v,hide:p,hasUpdateHandler:w}=I.useTooltipModelToggle({indicator:r,toggleReason:o}),a=t.getCurrentInstance(),{onOpen:u,onClose:f}=A.useDelayedToggle({showAfter:t.toRef(a.props,"showAfter"),hideAfter:t.toRef(a.props,"hideAfter"),autoClose:t.toRef(a.props,"autoClose"),open:v,close:p}),m=t.computed(()=>T.isBoolean(l.visible)&&!w.value),B=t.computed(()=>[b.b(),l.popperClass]);t.provide(R.TOOLTIP_INJECTION_KEY,{controlled:m,id:h,open:t.readonly(r),trigger:t.toRef(a.props,"trigger"),onOpen:e=>{u(e)},onClose:e=>{f(e)},onToggle:e=>{t.unref(r)?f(e):u(e)},onShow:()=>{n("show",o.value)},onHide:()=>{n("hide",o.value)},onBeforeShow:()=>{n("before-show",o.value)},onBeforeHide:()=>{n("before-hide",o.value)},updatePopper:g}),t.watch(()=>l.disabled,e=>{e&&r.value&&(r.value=!1)});const C=e=>i.value?.isFocusInsideContent(e);return t.onDeactivated(()=>r.value&&p()),c({popperRef:s,contentRef:i,isFocusInsideContent:C,updatePopper:g,onOpen:u,onClose:f,hide:p}),(e,H)=>(t.openBlock(),t.createBlock(t.unref(k.VftPopper),{ref_key:"popperRef",ref:s,role:e.role},{default:t.withCtx(()=>[t.createVNode(N.default,{disabled:e.disabled,trigger:e.trigger,"trigger-keys":e.triggerKeys,"virtual-ref":e.virtualRef,"virtual-triggering":e.virtualTriggering},{default:t.withCtx(()=>[e.$slots.default?t.renderSlot(e.$slots,"default",{key:0}):t.createCommentVNode("",!0)]),_:3},8,["disabled","trigger","trigger-keys","virtual-ref","virtual-triggering"]),t.createVNode(S.default,{ref_key:"contentRef",ref:i,"aria-label":e.ariaLabel,"boundaries-padding":e.boundariesPadding,content:e.content,disabled:e.disabled,effect:e.effect,enterable:e.enterable,"fallback-placements":e.fallbackPlacements,"hide-after":e.hideAfter,"gpu-acceleration":e.gpuAcceleration,offset:e.offset,persistent:e.persistent,"popper-class":B.value,"popper-style":e.popperStyle,placement:e.placement,"popper-options":e.popperOptions,"arrow-offset":e.arrowOffset,pure:e.pure,"raw-content":e.rawContent,"reference-el":e.referenceEl,"trigger-target-el":e.triggerTargetEl,"show-after":e.showAfter,strategy:e.strategy,teleported:e.teleported,transition:e.transition,"virtual-triggering":e.virtualTriggering,"z-index":e.zIndex,"append-to":e.appendTo},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"content",{},()=>[e.rawContent?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:e.content},null,8,V)):(t.openBlock(),t.createElementBlock("span",$,t.toDisplayString(e.content),1))]),e.showArrow?(t.openBlock(),t.createBlock(t.unref(P.default),{key:0,"arrow-offset":e.arrowOffset},null,8,["arrow-offset"])):t.createCommentVNode("",!0)]),_:3},8,["aria-label","boundaries-padding","content","disabled","effect","enterable","fallback-placements","hide-after","gpu-acceleration","offset","persistent","popper-class","popper-style","placement","popper-options","arrow-offset","pure","raw-content","reference-el","trigger-target-el","show-after","strategy","teleported","transition","virtual-triggering","z-index","append-to"])]),_:3},8,["role"]))}});exports.default=D;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$4 = require("../popper/index.cjs");
+require("@vueuse/core");
+const utils$1 = require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index$2 = require("../../hooks/use-id/index.cjs");
+const index$1 = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+const index = require("../../hooks/use-popper-container/index.cjs");
+require("../../hooks/use-z-index/index.cjs");
+const index$3 = require("../../hooks/use-delayed-toggle/index.cjs");
+const constants = require("@vft/constants");
+const constants$1 = require("./constants.cjs");
+const content_vue_vue_type_script_setup_true_lang = require("./content.vue2.cjs");
+const trigger_vue_vue_type_script_setup_true_lang = require("./trigger.vue2.cjs");
+const utils = require("./utils.cjs");
+const arrow_vue_vue_type_script_setup_true_lang = require("../popper/arrow.vue2.cjs");
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { key: 1 };
+const __default__ = vue.defineComponent({
+  name: "VftTooltip"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    role: { default: "tooltip" },
+    showArrow: { type: Boolean, default: true },
+    arrowOffset: { default: 5 },
+    virtualRef: {},
+    virtualTriggering: { type: Boolean },
+    onMouseenter: {},
+    onMouseleave: {},
+    onClick: {},
+    onKeydown: {},
+    onFocus: {},
+    onBlur: {},
+    onContextmenu: {},
+    id: {},
+    open: { type: Boolean },
+    boundariesPadding: { default: 0 },
+    fallbackPlacements: {},
+    gpuAcceleration: { type: Boolean, default: true },
+    offset: { default: 12 },
+    placement: { default: "bottom" },
+    popperOptions: { default: () => ({}) },
+    strategy: { default: "absolute" },
+    style: { type: [Boolean, null, String, Object, Array] },
+    className: {},
+    effect: { default: "dark" },
+    visible: { type: Boolean, default: null },
+    enterable: { type: Boolean, default: true },
+    pure: { type: Boolean },
+    focusOnShow: { type: Boolean, default: false },
+    trapping: { type: Boolean, default: false },
+    popperClass: {},
+    popperStyle: { type: [Boolean, null, String, Object, Array] },
+    referenceEl: {},
+    triggerTargetEl: {},
+    stopPopperMouseEvent: { type: Boolean, default: true },
+    ariaLabel: {},
+    zIndex: {},
+    showAfter: { default: 0 },
+    hideAfter: { default: 200 },
+    appendTo: {},
+    content: { default: "" },
+    rawContent: { type: Boolean, default: false },
+    persistent: { type: Boolean },
+    transition: {},
+    teleported: { type: Boolean, default: true },
+    disabled: { type: Boolean },
+    trigger: { default: "hover" },
+    triggerKeys: { default: () => [constants.EVENT_CODE.enter, constants.EVENT_CODE.numpadEnter, constants.EVENT_CODE.space] }
+  },
+  emits: [
+    "before-show",
+    "before-hide",
+    "show",
+    "hide",
+    "open",
+    "close"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    index.usePopperContainer();
+    const ns = index$1.useNamespace("tooltip");
+    const id = index$2.useId();
+    const popperRef = vue.ref();
+    const contentRef = vue.ref();
+    const updatePopper = () => {
+      const popperComponent = vue.unref(popperRef);
+      if (popperComponent) {
+        popperComponent.popperInstanceRef?.update();
+      }
+    };
+    const open = vue.ref(false);
+    const toggleReason = vue.ref();
+    const { show, hide, hasUpdateHandler } = utils.useTooltipModelToggle({
+      indicator: open,
+      toggleReason
+    });
+    const instance = vue.getCurrentInstance();
+    const { onOpen, onClose } = index$3.useDelayedToggle({
+      showAfter: vue.toRef(instance.props, "showAfter"),
+      hideAfter: vue.toRef(instance.props, "hideAfter"),
+      autoClose: vue.toRef(instance.props, "autoClose"),
+      open: show,
+      close: hide
+    });
+    const controlled = vue.computed(
+      () => utils$1.isBoolean(__props.visible) && !hasUpdateHandler.value
+    );
+    const kls = vue.computed(() => {
+      return [ns.b(), __props.popperClass];
+    });
+    vue.provide(constants$1.TOOLTIP_INJECTION_KEY, {
+      controlled,
+      id,
+      open: vue.readonly(open),
+      trigger: vue.toRef(instance.props, "trigger"),
+      onOpen: (event) => {
+        onOpen(event);
+      },
+      onClose: (event) => {
+        onClose(event);
+      },
+      onToggle: (event) => {
+        if (vue.unref(open)) {
+          onClose(event);
+        } else {
+          onOpen(event);
+        }
+      },
+      onShow: () => {
+        emit("show", toggleReason.value);
+      },
+      onHide: () => {
+        emit("hide", toggleReason.value);
+      },
+      onBeforeShow: () => {
+        emit("before-show", toggleReason.value);
+      },
+      onBeforeHide: () => {
+        emit("before-hide", toggleReason.value);
+      },
+      updatePopper
+    });
+    vue.watch(
+      () => __props.disabled,
+      (disabled) => {
+        if (disabled && open.value) {
+          open.value = false;
+        }
+      }
+    );
+    const isFocusInsideContent = (event) => {
+      return contentRef.value?.isFocusInsideContent(event);
+    };
+    vue.onDeactivated(() => open.value && hide());
+    __expose({
+      /**
+       * @description el-popper component instance
+       */
+      popperRef,
+      /**
+       * @description el-tooltip-content component instance
+       */
+      contentRef,
+      /**
+       * @description validate current focus event is trigger inside el-tooltip-content
+       */
+      isFocusInsideContent,
+      /**
+       * @description update el-popper component instance
+       */
+      updatePopper,
+      /**
+       * @description expose onOpen function to mange el-tooltip open state
+       */
+      onOpen,
+      /**
+       * @description expose onOpen function to mange el-tooltip open state
+       */
+      onClose,
+      /**
+       * @description expose hide function
+       */
+      hide
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$4.VftPopper), {
+        ref_key: "popperRef",
+        ref: popperRef,
+        role: _ctx.role
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(trigger_vue_vue_type_script_setup_true_lang.default, {
+            disabled: _ctx.disabled,
+            trigger: _ctx.trigger,
+            "trigger-keys": _ctx.triggerKeys,
+            "virtual-ref": _ctx.virtualRef,
+            "virtual-triggering": _ctx.virtualTriggering
+          }, {
+            default: vue.withCtx(() => [
+              _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
+          vue.createVNode(content_vue_vue_type_script_setup_true_lang.default, {
+            ref_key: "contentRef",
+            ref: contentRef,
+            "aria-label": _ctx.ariaLabel,
+            "boundaries-padding": _ctx.boundariesPadding,
+            content: _ctx.content,
+            disabled: _ctx.disabled,
+            effect: _ctx.effect,
+            enterable: _ctx.enterable,
+            "fallback-placements": _ctx.fallbackPlacements,
+            "hide-after": _ctx.hideAfter,
+            "gpu-acceleration": _ctx.gpuAcceleration,
+            offset: _ctx.offset,
+            persistent: _ctx.persistent,
+            "popper-class": kls.value,
+            "popper-style": _ctx.popperStyle,
+            placement: _ctx.placement,
+            "popper-options": _ctx.popperOptions,
+            "arrow-offset": _ctx.arrowOffset,
+            pure: _ctx.pure,
+            "raw-content": _ctx.rawContent,
+            "reference-el": _ctx.referenceEl,
+            "trigger-target-el": _ctx.triggerTargetEl,
+            "show-after": _ctx.showAfter,
+            strategy: _ctx.strategy,
+            teleported: _ctx.teleported,
+            transition: _ctx.transition,
+            "virtual-triggering": _ctx.virtualTriggering,
+            "z-index": _ctx.zIndex,
+            "append-to": _ctx.appendTo
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "content", {}, () => [
+                _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 0,
+                  innerHTML: _ctx.content
+                }, null, 8, _hoisted_1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(_ctx.content), 1))
+              ]),
+              _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(arrow_vue_vue_type_script_setup_true_lang.default), {
+                key: 0,
+                "arrow-offset": _ctx.arrowOffset
+              }, null, 8, ["arrow-offset"])) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "arrow-offset", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
+        ]),
+        _: 3
+      }, 8, ["role"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/tooltip/trigger.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./trigger.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const trigger_vue_vue_type_script_setup_true_lang = require("./trigger.vue2.cjs");
+exports.default = trigger_vue_vue_type_script_setup_true_lang.default;

package/lib/components/tooltip/trigger.vue2.cjs

@@ -1 +1,112 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/constants");require("../popper/index.cjs");require("@vueuse/core");require("@vft/utils");const t=require("../../utils/event.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const M=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const O=require("./constants.cjs"),u=require("./utils.cjs"),B=require("../popper/trigger.vue2.cjs"),H=e.defineComponent({name:"VftTooltipTrigger"}),b=e.defineComponent({...H,props:{disabled:{type:Boolean},trigger:{default:"hover"},triggerKeys:{default:()=>[g.EVENT_CODE.enter,g.EVENT_CODE.space]},virtualRef:{},virtualTriggering:{type:Boolean}},setup(r,{expose:a}){const d=M.useNamespace("tooltip"),{controlled:f,id:v,open:m,onOpen:s,onClose:l,onToggle:i}=e.inject(O.TOOLTIP_INJECTION_KEY,void 0),p=e.ref(null),o=()=>{if(e.unref(f)||r.disabled)return!0},T=t.composeEventHandlers(o,u.whenTrigger(r.trigger,"hover",s)),q=t.composeEventHandlers(o,u.whenTrigger(r.trigger,"hover",l)),C=t.composeEventHandlers(o,u.whenTrigger(r.trigger,"click",n=>{n.button===0&&i(n)})),E=t.composeEventHandlers(o,u.whenTrigger(r.trigger,"focus",s)),h=t.composeEventHandlers(o,u.whenTrigger(r.trigger,"focus",l)),w=t.composeEventHandlers(o,u.whenTrigger(r.trigger,"contextmenu",n=>{n.preventDefault(),i(n)})),y=t.composeEventHandlers(o,n=>{const{code:c}=n;r.triggerKeys.includes(c)&&(n.preventDefault(),i(n))});return a({triggerRef:p}),(n,c)=>(e.openBlock(),e.createBlock(e.unref(B.default),{id:e.unref(v),"virtual-ref":n.virtualRef,open:e.unref(m),"virtual-triggering":n.virtualTriggering,class:e.normalizeClass(e.unref(d).e("trigger")),onBlur:e.unref(h),onClick:e.unref(C),onContextmenu:e.unref(w),onFocus:e.unref(E),onMouseenter:e.unref(T),onMouseleave:e.unref(q),onKeydown:e.unref(y)},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["id","virtual-ref","open","virtual-triggering","class","onBlur","onClick","onContextmenu","onFocus","onMouseenter","onMouseleave","onKeydown"]))}});exports.default=b;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const constants = require("@vft/constants");
+require("../popper/index.cjs");
+require("@vueuse/core");
+require("@vft/utils");
+const event = require("../../utils/event.cjs");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const constants$1 = require("./constants.cjs");
+const utils = require("./utils.cjs");
+const trigger_vue_vue_type_script_setup_true_lang = require("../popper/trigger.vue2.cjs");
+const __default__ = vue.defineComponent({
+  name: "VftTooltipTrigger"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    disabled: { type: Boolean },
+    trigger: { default: "hover" },
+    triggerKeys: { default: () => [constants.EVENT_CODE.enter, constants.EVENT_CODE.space] },
+    virtualRef: {},
+    virtualTriggering: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    const ns = index.useNamespace("tooltip");
+    const { controlled, id, open, onOpen, onClose, onToggle } = vue.inject(
+      constants$1.TOOLTIP_INJECTION_KEY,
+      void 0
+    );
+    const triggerRef = vue.ref(null);
+    const stopWhenControlledOrDisabled = () => {
+      if (vue.unref(controlled) || __props.disabled) {
+        return true;
+      }
+    };
+    const onMouseenter = event.composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      utils.whenTrigger(__props.trigger, "hover", onOpen)
+    );
+    const onMouseleave = event.composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      utils.whenTrigger(__props.trigger, "hover", onClose)
+    );
+    const onClick = event.composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      utils.whenTrigger(__props.trigger, "click", (e) => {
+        if (e.button === 0) {
+          onToggle(e);
+        }
+      })
+    );
+    const onFocus = event.composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      utils.whenTrigger(__props.trigger, "focus", onOpen)
+    );
+    const onBlur = event.composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      utils.whenTrigger(__props.trigger, "focus", onClose)
+    );
+    const onContextMenu = event.composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      utils.whenTrigger(__props.trigger, "contextmenu", (e) => {
+        e.preventDefault();
+        onToggle(e);
+      })
+    );
+    const onKeydown = event.composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      (e) => {
+        const { code } = e;
+        if (__props.triggerKeys.includes(code)) {
+          e.preventDefault();
+          onToggle(e);
+        }
+      }
+    );
+    __expose({
+      /**
+       * @description trigger element
+       */
+      triggerRef
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(trigger_vue_vue_type_script_setup_true_lang.default), {
+        id: vue.unref(id),
+        "virtual-ref": _ctx.virtualRef,
+        open: vue.unref(open),
+        "virtual-triggering": _ctx.virtualTriggering,
+        class: vue.normalizeClass(vue.unref(ns).e("trigger")),
+        onBlur: vue.unref(onBlur),
+        onClick: vue.unref(onClick),
+        onContextmenu: vue.unref(onContextMenu),
+        onFocus: vue.unref(onFocus),
+        onMouseenter: vue.unref(onMouseenter),
+        onMouseleave: vue.unref(onMouseleave),
+        onKeydown: vue.unref(onKeydown)
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/tooltip/utils.cjs

@@ -1 +1,25 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const s=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const l=require("vue");require("lodash-es");const n=require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=(e,r)=>s.isArray(e)?e.includes(r):e===r,t=(e,r,o)=>u=>{i(l.unref(e),r)&&o(u)},{useModelToggle:g}=n.createModelToggleComposable("visible");exports.isTriggerType=i;exports.useTooltipModelToggle=g;exports.whenTrigger=t;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("@vueuse/core");
+const utils = require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+const vue = require("vue");
+require("lodash-es");
+const index = require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const isTriggerType = (trigger, type) => {
+  if (utils.isArray(trigger)) {
+    return trigger.includes(type);
+  }
+  return trigger === type;
+};
+const whenTrigger = (trigger, type, handler) => {
+  return (e) => {
+    isTriggerType(vue.unref(trigger), type) && handler(e);
+  };
+};
+const { useModelToggle: useTooltipModelToggle } = index.createModelToggleComposable("visible");
+exports.isTriggerType = isTriggerType;
+exports.useTooltipModelToggle = useTooltipModelToggle;
+exports.whenTrigger = whenTrigger;

package/lib/components/transfer/composables/index.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-check.cjs"),s=require("./use-checked-change.cjs"),u=require("./use-computed-data.cjs"),o=require("./use-move.cjs"),r=require("./use-props-alias.cjs");exports.useCheck=e.useCheck;exports.useCheckedChange=s.useCheckedChange;exports.useComputedData=u.useComputedData;exports.useMove=o.useMove;exports.usePropsAlias=r.usePropsAlias;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useCheck = require("./use-check.cjs");
+const useCheckedChange = require("./use-checked-change.cjs");
+const useComputedData = require("./use-computed-data.cjs");
+const useMove = require("./use-move.cjs");
+const usePropsAlias = require("./use-props-alias.cjs");
+exports.useCheck = useCheck.useCheck;
+exports.useCheckedChange = useCheckedChange.useCheckedChange;
+exports.useComputedData = useComputedData.useComputedData;
+exports.useMove = useMove.useMove;
+exports.usePropsAlias = usePropsAlias.usePropsAlias;

package/lib/components/transfer/composables/use-check.cjs

@@ -1 +1,109 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("vue"),y=require("@vft/utils"),k=require("../transfer-panel.cjs"),v=require("./use-props-alias.cjs"),E=(r,t,i)=>{const u=v.usePropsAlias(r),a=h.computed(()=>r.data.filter(e=>y.isFunction(r.filterMethod)?r.filterMethod(t.query,e):String(e[u.value.label]||e[u.value.key]).toLowerCase().includes(t.query.toLowerCase()))),d=h.computed(()=>a.value.filter(e=>!e[u.value.disabled])),g=h.computed(()=>{const e=t.checked.length,c=r.data.length,{noChecked:s,hasChecked:n}=r.format;return s&&n?e>0?n.replace(/\${checked}/g,e.toString()).replace(/\${total}/g,c.toString()):s.replace(/\${total}/g,c.toString()):`${e}/${c}`}),f=h.computed(()=>{const e=t.checked.length;return e>0&&e<d.value.length}),o=()=>{const e=d.value.map(c=>c[u.value.key]);t.allChecked=e.length>0&&e.every(c=>t.checked.includes(c))},C=e=>{t.checked=e?d.value.map(c=>c[u.value.key]):[]};return h.watch(()=>t.checked,(e,c)=>{if(o(),t.checkChangeByUser){const s=e.concat(c).filter(n=>!e.includes(n)||!c.includes(n));i(k.CHECKED_CHANGE_EVENT,e,s)}else i(k.CHECKED_CHANGE_EVENT,e),t.checkChangeByUser=!0}),h.watch(d,()=>{o()}),h.watch(()=>r.data,()=>{const e=[],c=a.value.map(s=>s[u.value.key]);t.checked.forEach(s=>{c.includes(s)&&e.push(s)}),t.checkChangeByUser=!1,t.checked=e}),h.watch(()=>r.defaultChecked,(e,c)=>{if(c&&e.length===c.length&&e.every(l=>c.includes(l)))return;const s=[],n=d.value.map(l=>l[u.value.key]);e.forEach(l=>{n.includes(l)&&s.push(l)}),t.checkChangeByUser=!1,t.checked=s},{immediate:!0}),{filteredData:a,checkableData:d,checkedSummary:g,isIndeterminate:f,updateAllChecked:o,handleAllCheckedChange:C}};exports.useCheck=E;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const utils = require("@vft/utils");
+const transferPanel = require("../transfer-panel.cjs");
+const usePropsAlias = require("./use-props-alias.cjs");
+const useCheck = (props, panelState, emit) => {
+  const propsAlias = usePropsAlias.usePropsAlias(props);
+  const filteredData = vue.computed(() => {
+    return props.data.filter((item) => {
+      if (utils.isFunction(props.filterMethod)) {
+        return props.filterMethod(panelState.query, item);
+      } else {
+        const label = String(
+          item[propsAlias.value.label] || item[propsAlias.value.key]
+        );
+        return label.toLowerCase().includes(panelState.query.toLowerCase());
+      }
+    });
+  });
+  const checkableData = vue.computed(
+    () => filteredData.value.filter((item) => !item[propsAlias.value.disabled])
+  );
+  const checkedSummary = vue.computed(() => {
+    const checkedLength = panelState.checked.length;
+    const dataLength = props.data.length;
+    const { noChecked, hasChecked } = props.format;
+    if (noChecked && hasChecked) {
+      return checkedLength > 0 ? hasChecked.replace(/\${checked}/g, checkedLength.toString()).replace(/\${total}/g, dataLength.toString()) : noChecked.replace(/\${total}/g, dataLength.toString());
+    } else {
+      return `${checkedLength}/${dataLength}`;
+    }
+  });
+  const isIndeterminate = vue.computed(() => {
+    const checkedLength = panelState.checked.length;
+    return checkedLength > 0 && checkedLength < checkableData.value.length;
+  });
+  const updateAllChecked = () => {
+    const checkableDataKeys = checkableData.value.map(
+      (item) => item[propsAlias.value.key]
+    );
+    panelState.allChecked = checkableDataKeys.length > 0 && checkableDataKeys.every((item) => panelState.checked.includes(item));
+  };
+  const handleAllCheckedChange = (value) => {
+    panelState.checked = value ? checkableData.value.map((item) => item[propsAlias.value.key]) : [];
+  };
+  vue.watch(
+    () => panelState.checked,
+    (val, oldVal) => {
+      updateAllChecked();
+      if (panelState.checkChangeByUser) {
+        const movedKeys = val.concat(oldVal).filter((v) => !val.includes(v) || !oldVal.includes(v));
+        emit(transferPanel.CHECKED_CHANGE_EVENT, val, movedKeys);
+      } else {
+        emit(transferPanel.CHECKED_CHANGE_EVENT, val);
+        panelState.checkChangeByUser = true;
+      }
+    }
+  );
+  vue.watch(checkableData, () => {
+    updateAllChecked();
+  });
+  vue.watch(
+    () => props.data,
+    () => {
+      const checked = [];
+      const filteredDataKeys = filteredData.value.map(
+        (item) => item[propsAlias.value.key]
+      );
+      panelState.checked.forEach((item) => {
+        if (filteredDataKeys.includes(item)) {
+          checked.push(item);
+        }
+      });
+      panelState.checkChangeByUser = false;
+      panelState.checked = checked;
+    }
+  );
+  vue.watch(
+    () => props.defaultChecked,
+    (val, oldVal) => {
+      if (oldVal && val.length === oldVal.length && val.every((item) => oldVal.includes(item)))
+        return;
+      const checked = [];
+      const checkableDataKeys = checkableData.value.map(
+        (item) => item[propsAlias.value.key]
+      );
+      val.forEach((item) => {
+        if (checkableDataKeys.includes(item)) {
+          checked.push(item);
+        }
+      });
+      panelState.checkChangeByUser = false;
+      panelState.checked = checked;
+    },
+    {
+      immediate: true
+    }
+  );
+  return {
+    filteredData,
+    checkableData,
+    checkedSummary,
+    isIndeterminate,
+    updateAllChecked,
+    handleAllCheckedChange
+  };
+};
+exports.useCheck = useCheck;

package/lib/components/transfer/composables/use-checked-change.cjs

@@ -1 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../transfer.cjs"),c=(C,r)=>({onSourceCheckedChange:(e,n)=>{C.leftChecked=e,n&&r(t.LEFT_CHECK_CHANGE_EVENT,e,n)},onTargetCheckedChange:(e,n)=>{C.rightChecked=e,n&&r(t.RIGHT_CHECK_CHANGE_EVENT,e,n)}});exports.useCheckedChange=c;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const transfer = require("../transfer.cjs");
+const useCheckedChange = (checkedState, emit) => {
+  const onSourceCheckedChange = (val, movedKeys) => {
+    checkedState.leftChecked = val;
+    if (!movedKeys) return;
+    emit(transfer.LEFT_CHECK_CHANGE_EVENT, val, movedKeys);
+  };
+  const onTargetCheckedChange = (val, movedKeys) => {
+    checkedState.rightChecked = val;
+    if (!movedKeys) return;
+    emit(transfer.RIGHT_CHECK_CHANGE_EVENT, val, movedKeys);
+  };
+  return {
+    onSourceCheckedChange,
+    onTargetCheckedChange
+  };
+};
+exports.useCheckedChange = useCheckedChange;

package/lib/components/transfer/composables/use-computed-data.cjs

@@ -1 +1,41 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),n=require("./use-props-alias.cjs"),o=t=>{const u=n.usePropsAlias(t),r=l.computed(()=>t.data.reduce((e,a)=>(e[a[u.value.key]]=a)&&e,{})),s=l.computed(()=>t.data.filter(e=>!t.modelValue.includes(e[u.value.key]))),c=l.computed(()=>t.targetOrder==="original"?t.data.filter(e=>t.modelValue.includes(e[u.value.key])):t.modelValue.reduce((e,a)=>{const d=r.value[a];return d&&e.push(d),e},[]));return{sourceData:s,targetData:c}};exports.useComputedData=o;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const usePropsAlias = require("./use-props-alias.cjs");
+const useComputedData = (props) => {
+  const propsAlias = usePropsAlias.usePropsAlias(props);
+  const dataObj = vue.computed(
+    () => props.data.reduce(
+      (o, cur) => (o[cur[propsAlias.value.key]] = cur) && o,
+      {}
+    )
+  );
+  const sourceData = vue.computed(
+    () => props.data.filter(
+      (item) => !props.modelValue.includes(item[propsAlias.value.key])
+    )
+  );
+  const targetData = vue.computed(() => {
+    if (props.targetOrder === "original") {
+      return props.data.filter(
+        (item) => props.modelValue.includes(item[propsAlias.value.key])
+      );
+    } else {
+      return props.modelValue.reduce(
+        (arr, cur) => {
+          const val = dataObj.value[cur];
+          if (val) {
+            arr.push(val);
+          }
+          return arr;
+        },
+        []
+      );
+    }
+  });
+  return {
+    sourceData,
+    targetData
+  };
+};
+exports.useComputedData = useComputedData;

package/lib/components/transfer/composables/use-move.cjs

@@ -1 +1,38 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../constants/event.cjs"),d=require("./use-props-alias.cjs"),s=(i,n,o)=>{const a=d.usePropsAlias(i),r=(e,l,t)=>{o(c.UPDATE_MODEL_EVENT,e),o(c.CHANGE_EVENT,e,l,t)};return{addToLeft:()=>{const e=i.modelValue.slice();n.rightChecked.forEach(l=>{const t=e.indexOf(l);t>-1&&e.splice(t,1)}),r(e,"left",n.rightChecked)},addToRight:()=>{let e=i.modelValue.slice();const l=i.data.filter(t=>{const u=t[a.value.key];return n.leftChecked.includes(u)&&!i.modelValue.includes(u)}).map(t=>t[a.value.key]);e=i.targetOrder==="unshift"?l.concat(e):e.concat(l),i.targetOrder==="original"&&(e=i.data.filter(t=>e.includes(t[a.value.key])).map(t=>t[a.value.key])),r(e,"right",n.leftChecked)}}};exports.useMove=s;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const event = require("../../../constants/event.cjs");
+const usePropsAlias = require("./use-props-alias.cjs");
+const useMove = (props, checkedState, emit) => {
+  const propsAlias = usePropsAlias.usePropsAlias(props);
+  const _emit = (value, direction, movedKeys) => {
+    emit(event.UPDATE_MODEL_EVENT, value);
+    emit(event.CHANGE_EVENT, value, direction, movedKeys);
+  };
+  const addToLeft = () => {
+    const currentValue = props.modelValue.slice();
+    checkedState.rightChecked.forEach((item) => {
+      const index = currentValue.indexOf(item);
+      if (index > -1) {
+        currentValue.splice(index, 1);
+      }
+    });
+    _emit(currentValue, "left", checkedState.rightChecked);
+  };
+  const addToRight = () => {
+    let currentValue = props.modelValue.slice();
+    const itemsToBeMoved = props.data.filter((item) => {
+      const itemKey = item[propsAlias.value.key];
+      return checkedState.leftChecked.includes(itemKey) && !props.modelValue.includes(itemKey);
+    }).map((item) => item[propsAlias.value.key]);
+    currentValue = props.targetOrder === "unshift" ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
+    if (props.targetOrder === "original") {
+      currentValue = props.data.filter((item) => currentValue.includes(item[propsAlias.value.key])).map((item) => item[propsAlias.value.key]);
+    }
+    _emit(currentValue, "right", checkedState.leftChecked);
+  };
+  return {
+    addToLeft,
+    addToRight
+  };
+};
+exports.useMove = useMove;