vft 0.0.373 → 0.0.375

package/lib/components/pagination/pagination.vue2.cjs

@@ -1 +1,253 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),a=require("@vft/utils");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const T=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B=require("./components/jumper.vue2.cjs"),I=require("./components/next.vue2.cjs"),M=require("./components/pager.vue2.cjs"),U=require("./components/prev.vue2.cjs"),j=require("./components/sizes.vue2.cjs"),w=require("./components/total.vue2.cjs"),E=require("./usePagination.cjs"),L=u.defineComponent({name:"vft-pagination"}),O=u.defineComponent({...L,props:{total:{},pageSize:{},defaultPageSize:{},currentPage:{},defaultCurrentPage:{},pageCount:{},pagerCount:{default:7},layout:{},pageSizes:{default:()=>[10,20,30,40,50,100]},popperClass:{default:""},prevText:{},prevIcon:{},nextText:{},nextIcon:{},small:{type:Boolean},background:{type:Boolean},disabled:{type:Boolean},hideOnSinglePage:{type:Boolean}},emits:{"update:current-page":e=>a.isNumber(e),"update:page-size":e=>a.isNumber(e),"size-change":e=>a.isNumber(e),"current-change":e=>a.isNumber(e),"prev-click":e=>a.isNumber(e),"next-click":e=>a.isNumber(e)},setup(e,{emit:P}){const r=T.useNamespace("pagination"),s=P,z=u.useSlots(),g=u.getCurrentInstance().vnode.props||{},m="onUpdate:currentPage"in g||"onUpdate:current-page"in g||"onCurrentChange"in g,d="onUpdate:pageSize"in g||"onUpdate:page-size"in g||"onSizeChange"in g,S=u.computed(()=>{if(!a.isNumber(e.total)&&!a.isNumber(e.pageCount)||a.isNumber(e.currentPage)&&!m)return!1;if(e.layout.includes("sizes")){if(a.isNumber(e.pageCount)){if(!d)return!1}else if(a.isNumber(e.total)&&a.isNumber(e.pageSize)&&!d)return!1}return!0}),b=u.ref(a.isNumber(e.defaultPageSize)?e.defaultPageSize:10),h=u.ref(a.isNumber(e.defaultCurrentPage)?e.defaultCurrentPage:1),f=u.computed({get(){return a.isNumber(e.pageSize)?e.pageSize:b.value},set(t){a.isNumber(e.pageSize)||(b.value=t),d&&(s("update:page-size",t),s("size-change",t))}}),l=u.computed(()=>{let t=0;return a.isNumber(e.pageCount)?t=e.pageCount:a.isNumber(e.total)&&(t=Math.max(1,Math.ceil(e.total/f.value))),t}),i=u.computed({get(){return a.isNumber(e.currentPage)?e.currentPage:h.value},set(t){let n=t;t<1?n=1:t>l.value&&(n=l.value),a.isNumber(e.currentPage)||(h.value=n),m&&(s("update:current-page",n),s("current-change",n))}});u.watch(l,t=>{i.value>t&&(i.value=t)});function C(t){i.value=t}function N(t){f.value=t;const n=l.value;i.value>n&&(i.value=n)}function x(){e.disabled||(i.value-=1,s("prev-click",i.value))}function q(){e.disabled||(i.value+=1,s("next-click",i.value))}function o(t,n){t&&(t.props||(t.props={}),t.class=[t.class,n].join(" "))}return u.provide(E.vftPaginationKey,{pageCount:l,disabled:u.computed(()=>e.disabled),currentPage:i,changeEvent:C,handleSizeChange:N}),()=>{if(!S.value||!e.layout||e.hideOnSinglePage&&l.value<=1)return null;const t=[],n=[],y=u.h("div",{class:r.e("rightwrapper")},n),p={prev:u.h(U.default,{disabled:e.disabled,currentPage:i.value,prevText:e.prevText,prevIcon:e.prevIcon,onClick:x}),jumper:u.h(B.default,{size:e.small?"small":"default"}),pager:u.h(M.default,{currentPage:i.value,pageCount:l.value,pagerCount:e.pagerCount,onChange:C,disabled:e.disabled}),next:u.h(I.default,{disabled:e.disabled,currentPage:i.value,pageCount:l.value,nextText:e.nextText,nextIcon:e.nextIcon,onClick:q}),sizes:u.h(j.default,{pageSize:f.value,pageSizes:e.pageSizes,popperClass:e.popperClass,disabled:e.disabled,size:e.small?"small":"default"}),slot:z?.default?.()??null,total:u.h(w.default,{total:a.isNumber(e.total)?e.total:0})},k=e.layout.split(",").map(c=>c.trim());let v=!1;return k.forEach(c=>{if(c==="->"){v=!0;return}v?n.push(p[c]):t.push(p[c])}),o(t[0],r.is("first")),o(t[t.length-1],r.is("last")),v&&n.length>0&&(o(n[0],r.is("first")),o(n[n.length-1],r.is("last")),t.push(y)),u.h("div",{role:"pagination","aria-label":"pagination",class:[r.b(),r.is("background",e.background),{[r.m("small")]:e.small}]},t)}}});exports.default=O;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const utils = require("@vft/utils");
+require("@vueuse/core");
+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 jumper_vue_vue_type_script_setup_true_lang = require("./components/jumper.vue2.cjs");
+const next_vue_vue_type_script_setup_true_lang = require("./components/next.vue2.cjs");
+const pager_vue_vue_type_script_setup_true_lang = require("./components/pager.vue2.cjs");
+const prev_vue_vue_type_script_setup_true_lang = require("./components/prev.vue2.cjs");
+const sizes_vue_vue_type_script_setup_true_lang = require("./components/sizes.vue2.cjs");
+const total_vue_vue_type_script_setup_true_lang = require("./components/total.vue2.cjs");
+const usePagination = require("./usePagination.cjs");
+const __default__ = vue.defineComponent({
+  name: "vft-pagination"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    total: {},
+    pageSize: {},
+    defaultPageSize: {},
+    currentPage: {},
+    defaultCurrentPage: {},
+    pageCount: {},
+    pagerCount: {
+      default: 7
+    },
+    layout: {},
+    pageSizes: {
+      default: () => [10, 20, 30, 40, 50, 100]
+    },
+    popperClass: {
+      default: ""
+    },
+    prevText: {},
+    prevIcon: {},
+    nextText: {},
+    nextIcon: {},
+    small: {
+      type: Boolean
+    },
+    background: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean
+    },
+    hideOnSinglePage: {
+      type: Boolean
+    }
+  },
+  emits: {
+    "update:current-page": (val) => utils.isNumber(val),
+    "update:page-size": (val) => utils.isNumber(val),
+    "size-change": (val) => utils.isNumber(val),
+    "current-change": (val) => utils.isNumber(val),
+    "prev-click": (val) => utils.isNumber(val),
+    "next-click": (val) => utils.isNumber(val)
+  },
+  setup(__props, {
+    emit: __emit
+  }) {
+    const ns = index.useNamespace("pagination");
+    const emit = __emit;
+    const slots = vue.useSlots();
+    const vnodeProps = vue.getCurrentInstance().vnode.props || {};
+    const hasCurrentPageListener = "onUpdate:currentPage" in vnodeProps || "onUpdate:current-page" in vnodeProps || "onCurrentChange" in vnodeProps;
+    const hasPageSizeListener = "onUpdate:pageSize" in vnodeProps || "onUpdate:page-size" in vnodeProps || "onSizeChange" in vnodeProps;
+    const assertValidUsage = vue.computed(() => {
+      if (!utils.isNumber(__props.total) && !utils.isNumber(__props.pageCount)) return false;
+      if (utils.isNumber(__props.currentPage) && !hasCurrentPageListener) return false;
+      if (__props.layout.includes("sizes")) {
+        if (utils.isNumber(__props.pageCount)) {
+          if (!hasPageSizeListener) return false;
+        } else if (utils.isNumber(__props.total)) {
+          if (utils.isNumber(__props.pageSize)) {
+            if (!hasPageSizeListener) {
+              return false;
+            }
+          }
+        }
+      }
+      return true;
+    });
+    const innerPageSize = vue.ref(!utils.isNumber(__props.defaultPageSize) ? 10 : __props.defaultPageSize);
+    const innerCurrentPage = vue.ref(!utils.isNumber(__props.defaultCurrentPage) ? 1 : __props.defaultCurrentPage);
+    const pageSizeBridge = vue.computed({
+      get() {
+        return !utils.isNumber(__props.pageSize) ? innerPageSize.value : __props.pageSize;
+      },
+      set(v) {
+        if (!utils.isNumber(__props.pageSize)) {
+          innerPageSize.value = v;
+        }
+        if (hasPageSizeListener) {
+          emit("update:page-size", v);
+          emit("size-change", v);
+        }
+      }
+    });
+    const pageCountBridge = vue.computed(() => {
+      let _pageCount = 0;
+      if (utils.isNumber(__props.pageCount)) {
+        _pageCount = __props.pageCount;
+      } else if (utils.isNumber(__props.total)) {
+        _pageCount = Math.max(1, Math.ceil(__props.total / pageSizeBridge.value));
+      }
+      return _pageCount;
+    });
+    const currentPageBridge = vue.computed({
+      get() {
+        return !utils.isNumber(__props.currentPage) ? innerCurrentPage.value : __props.currentPage;
+      },
+      set(v) {
+        let newCurrentPage = v;
+        if (v < 1) {
+          newCurrentPage = 1;
+        } else if (v > pageCountBridge.value) {
+          newCurrentPage = pageCountBridge.value;
+        }
+        if (!utils.isNumber(__props.currentPage)) {
+          innerCurrentPage.value = newCurrentPage;
+        }
+        if (hasCurrentPageListener) {
+          emit("update:current-page", newCurrentPage);
+          emit("current-change", newCurrentPage);
+        }
+      }
+    });
+    vue.watch(pageCountBridge, (val) => {
+      if (currentPageBridge.value > val) currentPageBridge.value = val;
+    });
+    function handleCurrentChange(val) {
+      currentPageBridge.value = val;
+    }
+    function handleSizeChange(val) {
+      pageSizeBridge.value = val;
+      const newPageCount = pageCountBridge.value;
+      if (currentPageBridge.value > newPageCount) {
+        currentPageBridge.value = newPageCount;
+      }
+    }
+    function prev() {
+      if (__props.disabled) return;
+      currentPageBridge.value -= 1;
+      emit("prev-click", currentPageBridge.value);
+    }
+    function next() {
+      if (__props.disabled) return;
+      currentPageBridge.value += 1;
+      emit("next-click", currentPageBridge.value);
+    }
+    function addClass(element, cls) {
+      if (element) {
+        if (!element.props) {
+          element.props = {};
+        }
+        element.class = [element.class, cls].join(" ");
+      }
+    }
+    vue.provide(usePagination.vftPaginationKey, {
+      pageCount: pageCountBridge,
+      disabled: vue.computed(() => __props.disabled),
+      currentPage: currentPageBridge,
+      changeEvent: handleCurrentChange,
+      handleSizeChange
+    });
+    return () => {
+      if (!assertValidUsage.value) {
+        return null;
+      }
+      if (!__props.layout) return null;
+      if (__props.hideOnSinglePage && pageCountBridge.value <= 1) return null;
+      const rootChildren = [];
+      const rightWrapperChildren = [];
+      const rightWrapperRoot = vue.h("div", {
+        class: ns.e("rightwrapper")
+      }, rightWrapperChildren);
+      const TEMPLATE_MAP = {
+        prev: vue.h(prev_vue_vue_type_script_setup_true_lang.default, {
+          disabled: __props.disabled,
+          currentPage: currentPageBridge.value,
+          prevText: __props.prevText,
+          prevIcon: __props.prevIcon,
+          onClick: prev
+        }),
+        jumper: vue.h(jumper_vue_vue_type_script_setup_true_lang.default, {
+          size: __props.small ? "small" : "default"
+        }),
+        pager: vue.h(pager_vue_vue_type_script_setup_true_lang.default, {
+          currentPage: currentPageBridge.value,
+          pageCount: pageCountBridge.value,
+          pagerCount: __props.pagerCount,
+          onChange: handleCurrentChange,
+          disabled: __props.disabled
+        }),
+        next: vue.h(next_vue_vue_type_script_setup_true_lang.default, {
+          disabled: __props.disabled,
+          currentPage: currentPageBridge.value,
+          pageCount: pageCountBridge.value,
+          nextText: __props.nextText,
+          nextIcon: __props.nextIcon,
+          onClick: next
+        }),
+        sizes: vue.h(sizes_vue_vue_type_script_setup_true_lang.default, {
+          pageSize: pageSizeBridge.value,
+          pageSizes: __props.pageSizes,
+          popperClass: __props.popperClass,
+          disabled: __props.disabled,
+          size: __props.small ? "small" : "default"
+        }),
+        slot: slots?.default?.() ?? null,
+        total: vue.h(total_vue_vue_type_script_setup_true_lang.default, {
+          total: !utils.isNumber(__props.total) ? 0 : __props.total
+        })
+      };
+      const components = __props.layout.split(",").map((item) => item.trim());
+      let haveRightWrapper = false;
+      components.forEach((c) => {
+        if (c === "->") {
+          haveRightWrapper = true;
+          return;
+        }
+        if (!haveRightWrapper) {
+          rootChildren.push(TEMPLATE_MAP[c]);
+        } else {
+          rightWrapperChildren.push(TEMPLATE_MAP[c]);
+        }
+      });
+      addClass(rootChildren[0], ns.is("first"));
+      addClass(rootChildren[rootChildren.length - 1], ns.is("last"));
+      if (haveRightWrapper && rightWrapperChildren.length > 0) {
+        addClass(rightWrapperChildren[0], ns.is("first"));
+        addClass(rightWrapperChildren[rightWrapperChildren.length - 1], ns.is("last"));
+        rootChildren.push(rightWrapperRoot);
+      }
+      return vue.h("div", {
+        role: "pagination",
+        "aria-label": "pagination",
+        class: [ns.b(), ns.is("background", __props.background), {
+          [ns.m("small")]: __props.small
+        }]
+      }, rootChildren);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/pagination/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-pagination.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-pagination.css");

package/lib/components/pagination/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/pagination.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/pagination.scss");

package/lib/components/pagination/usePagination.cjs

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=Symbol("vftPaginationKey"),n=()=>e.inject(t,{});exports.usePagination=n;exports.vftPaginationKey=t;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const vftPaginationKey = Symbol("vftPaginationKey");
+const usePagination = () => vue.inject(vftPaginationKey, {});
+exports.usePagination = usePagination;
+exports.vftPaginationKey = vftPaginationKey;

package/lib/components/popconfirm/index.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./popconfirm.vue2.cjs"),e=r.withInstall(t.default);exports.VftPopconfirm=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const popconfirm_vue_vue_type_script_setup_true_lang = require("./popconfirm.vue2.cjs");
+const VftPopconfirm = install.withInstall(popconfirm_vue_vue_type_script_setup_true_lang.default);
+exports.VftPopconfirm = VftPopconfirm;
+exports.default = VftPopconfirm;

package/lib/components/popconfirm/popconfirm.vue.cjs

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

package/lib/components/popconfirm/popconfirm.vue2.cjs

@@ -1 +1,126 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const y=require("../../utils/helper.cjs");require("lodash-es");const c=require("../button/index.cjs"),B=require("../icon/index.cjs"),C=require("../tooltip/index.cjs"),T=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=e.defineComponent({name:"VftPopconfirm"}),V=e.defineComponent({...h,props:{title:{},confirmButtonText:{},cancelButtonText:{},confirmButtonType:{default:"primary"},cancelButtonType:{},icon:{default:"icon-question-filled"},iconColor:{default:"#f90"},hideIcon:{type:Boolean,default:!1},hideAfter:{default:200},teleported:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},width:{default:150}},emits:["confirm","cancel"],setup(a,{emit:s}){const n=a,r=s,o=T.useNamespace("popconfirm"),l=e.ref(),i=()=>{l.value?.onClose?.()},u=e.computed(()=>({width:y.addUnit(n.width)})),p=t=>{r("confirm",t),i()},f=t=>{r("cancel",t),i()},d=e.computed(()=>n.confirmButtonText||"确认"),m=e.computed(()=>n.cancelButtonText||"取消");return(t,q)=>(e.openBlock(),e.createBlock(e.unref(C.VftTooltip),e.mergeProps({ref_key:"tooltipRef",ref:l,trigger:"click",effect:"light"},t.$attrs,{"popper-class":`${e.unref(o).namespace.value}-popover`,"popper-style":u.value,teleported:t.teleported,"fallback-placements":["bottom","top","right","left"],"hide-after":t.hideAfter,persistent:t.persistent}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("main"))},[!t.hideIcon&&t.icon?(e.openBlock(),e.createBlock(e.unref(B.VftIcon),{key:0,icon:t.icon,size:20,class:e.normalizeClass(e.unref(o).e("icon")),style:e.normalizeStyle({color:t.iconColor})},null,8,["icon","class","style"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.title),1)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("action"))},[e.createVNode(e.unref(c.VftButton),{size:"small",type:t.cancelButtonType==="text"?"":t.cancelButtonType,text:t.cancelButtonType==="text",onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.value),1)]),_:1},8,["type","text"]),e.createVNode(e.unref(c.VftButton),{size:"small",type:t.confirmButtonType==="text"?"":t.confirmButtonType,text:t.confirmButtonType==="text",onClick:p},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:1},8,["type","text"])],2)],2)]),default:e.withCtx(()=>[t.$slots.reference?e.renderSlot(t.$slots,"reference",{key:0}):e.createCommentVNode("",!0)]),_:3},16,["popper-class","popper-style","teleported","hide-after","persistent"]))}});exports.default=V;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("@vueuse/core");
+require("@vft/utils");
+const helper = require("../../utils/helper.cjs");
+require("lodash-es");
+const index$3 = require("../button/index.cjs");
+const index$2 = require("../icon/index.cjs");
+const index$1 = require("../tooltip/index.cjs");
+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 __default__ = vue.defineComponent({
+  name: "VftPopconfirm"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    title: {},
+    confirmButtonText: {},
+    cancelButtonText: {},
+    confirmButtonType: { default: "primary" },
+    cancelButtonType: {},
+    icon: { default: "icon-question-filled" },
+    iconColor: { default: "#f90" },
+    hideIcon: { type: Boolean, default: false },
+    hideAfter: { default: 200 },
+    teleported: { type: Boolean, default: true },
+    persistent: { type: Boolean, default: true },
+    width: { default: 150 }
+  },
+  emits: ["confirm", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ns = index.useNamespace("popconfirm");
+    const tooltipRef = vue.ref();
+    const hidePopper = () => {
+      tooltipRef.value?.onClose?.();
+    };
+    const style = vue.computed(() => {
+      return {
+        width: helper.addUnit(props.width)
+      };
+    });
+    const confirm = (e) => {
+      emit("confirm", e);
+      hidePopper();
+    };
+    const cancel = (e) => {
+      emit("cancel", e);
+      hidePopper();
+    };
+    const finalConfirmButtonText = vue.computed(
+      () => props.confirmButtonText || "确认"
+    );
+    const finalCancelButtonText = vue.computed(() => props.cancelButtonText || "取消");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.VftTooltip), vue.mergeProps({
+        ref_key: "tooltipRef",
+        ref: tooltipRef,
+        trigger: "click",
+        effect: "light"
+      }, _ctx.$attrs, {
+        "popper-class": `${vue.unref(ns).namespace.value}-popover`,
+        "popper-style": style.value,
+        teleported: _ctx.teleported,
+        "fallback-placements": ["bottom", "top", "right", "left"],
+        "hide-after": _ctx.hideAfter,
+        persistent: _ctx.persistent
+      }), {
+        content: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).b())
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("main"))
+            }, [
+              !_ctx.hideIcon && _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.VftIcon), {
+                key: 0,
+                icon: _ctx.icon,
+                size: 20,
+                class: vue.normalizeClass(vue.unref(ns).e("icon")),
+                style: vue.normalizeStyle({ color: _ctx.iconColor })
+              }, null, 8, ["icon", "class", "style"])) : vue.createCommentVNode("", true),
+              vue.createTextVNode(" " + vue.toDisplayString(_ctx.title), 1)
+            ], 2),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("action"))
+            }, [
+              vue.createVNode(vue.unref(index$3.VftButton), {
+                size: "small",
+                type: _ctx.cancelButtonType === "text" ? "" : _ctx.cancelButtonType,
+                text: _ctx.cancelButtonType === "text",
+                onClick: cancel
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(finalCancelButtonText.value), 1)
+                ]),
+                _: 1
+              }, 8, ["type", "text"]),
+              vue.createVNode(vue.unref(index$3.VftButton), {
+                size: "small",
+                type: _ctx.confirmButtonType === "text" ? "" : _ctx.confirmButtonType,
+                text: _ctx.confirmButtonType === "text",
+                onClick: confirm
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(finalConfirmButtonText.value), 1)
+                ]),
+                _: 1
+              }, 8, ["type", "text"])
+            ], 2)
+          ], 2)
+        ]),
+        default: vue.withCtx(() => [
+          _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/popconfirm/style/css.cjs

@@ -1 +1,7 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-button.css");require("vft/theme-style/vft-popover.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-popconfirm.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-icon.css");
+require("vft/theme-style/vft-button.css");
+require("vft/theme-style/vft-popover.css");
+require("vft/theme-style/vft-popper.css");
+require("vft/theme-style/vft-popconfirm.css");

package/lib/components/popconfirm/style/index.cjs

@@ -1 +1,7 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/button.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/popover.scss");require("vft/theme-style/src/popconfirm.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/icon.scss");
+require("vft/theme-style/src/button.scss");
+require("vft/theme-style/src/popper.scss");
+require("vft/theme-style/src/popover.scss");
+require("vft/theme-style/src/popconfirm.scss");

package/lib/components/popover/directive.cjs

@@ -1 +1,20 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=(o,e)=>{const t=(e.arg||e.value)?.popperRef;t&&(t.triggerRef=o)},r={mounted(o,e){p(o,e)},updated(o,e){p(o,e)}},n="popover";exports.VPopover=n;exports.default=r;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const attachEvents = (el, binding) => {
+  const popperComponent = binding.arg || binding.value;
+  const popover = popperComponent?.popperRef;
+  if (popover) {
+    popover.triggerRef = el;
+  }
+};
+const directive = {
+  mounted(el, binding) {
+    attachEvents(el, binding);
+  },
+  updated(el, binding) {
+    attachEvents(el, binding);
+  }
+};
+const VPopover = "popover";
+exports.VPopover = VPopover;
+exports.default = directive;

package/lib/components/popover/index.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./popover.vue2.cjs"),e=r.withInstall(t.default);exports.VftPopover=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const popover_vue_vue_type_script_setup_true_lang = require("./popover.vue2.cjs");
+const VftPopover = install.withInstall(popover_vue_vue_type_script_setup_true_lang.default);
+exports.VftPopover = VftPopover;
+exports.default = VftPopover;

package/lib/components/popover/popover.vue.cjs

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

package/lib/components/popover/popover.vue2.cjs

@@ -1 +1,149 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("../tooltip/index.cjs"),l=require("../../constants/aria.cjs"),w=require("@vueuse/core");require("@vft/utils");const C=require("../../utils/helper.cjs");require("lodash-es");const E=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B="onUpdate:visible",q=t.defineComponent({name:"vft-popover"}),S=t.defineComponent({...q,props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:null},transition:{},popperOptions:{},tabindex:{default:0},content:{},popperStyle:{type:[Boolean,null,String,Object,Array]},popperClass:{},enterable:{type:Boolean,default:!0},effect:{default:"light"},teleported:{type:Boolean,default:!0},title:{},width:{default:150},offset:{},showAfter:{default:0},hideAfter:{default:200},autoClose:{default:0},showArrow:{type:Boolean,default:!0},persistent:{type:Boolean,default:w.isClient},appendTo:{},triggerKeys:{default:()=>[l.EVENT_CODE.enter,l.EVENT_CODE.numpadEnter,l.EVENT_CODE.space]},"onUpdate:visible":{}},emits:["update:visible","before-enter","before-leave","after-enter","after-leave"],setup(o,{expose:i,emit:s}){const r=s,n=E.useNamespace("popover"),p=t.computed(()=>[B]),a=t.ref(),d=t.computed(()=>t.unref(a)?.popperRef),f=t.computed(()=>[{width:C.addUnit(o.width)},o.popperStyle]),u=t.computed(()=>[n.b(),o.popperClass,{[n.m("plain")]:!!o.content}]),c=t.computed(()=>o.transition===`${n.namespace.value}-fade-in-linear`),b=()=>{a.value?.hide()},v=()=>{r("before-enter")},m=()=>{r("before-leave")},g=()=>{r("after-enter")},h=()=>{r("update:visible",!1),r("after-leave")};return i({popperRef:d,hide:b}),(e,k)=>(t.openBlock(),t.createBlock(t.unref(y.VftTooltip),t.mergeProps({ref_key:"tooltipRef",ref:a},e.$attrs,{trigger:e.trigger,"trigger-keys":e.triggerKeys,placement:e.placement,disabled:e.disabled,visible:e.visible,transition:e.transition,"popper-options":e.popperOptions,tabindex:e.tabindex,content:e.content,offset:e.offset,"show-after":e.showAfter,"hide-after":e.hideAfter,"auto-close":e.autoClose,"show-arrow":e.showArrow,"aria-label":e.title,effect:e.effect,enterable:e.enterable,"popper-class":u.value,"popper-style":f.value,teleported:e.teleported,"append-to":e.appendTo,persistent:e.persistent,"gpu-acceleration":c.value,"onUpdate:visible":p.value,onBeforeShow:v,onBeforeHide:m,onShow:g,onHide:h}),{content:t.withCtx(()=>[e.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(t.unref(n).e("title")),role:"title"},t.toDisplayString(e.title),3)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.content),1)])]),default:t.withCtx(()=>[e.$slots.reference?t.renderSlot(e.$slots,"reference",{key:0}):t.createCommentVNode("",!0)]),_:3},16,["trigger","trigger-keys","placement","disabled","visible","transition","popper-options","tabindex","content","offset","show-after","hide-after","auto-close","show-arrow","aria-label","effect","enterable","popper-class","popper-style","teleported","append-to","persistent","gpu-acceleration","onUpdate:visible"]))}});exports.default=S;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$1 = require("../tooltip/index.cjs");
+const aria = require("../../constants/aria.cjs");
+const core = require("@vueuse/core");
+require("@vft/utils");
+const helper = require("../../utils/helper.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 updateEventKeyRaw = `onUpdate:visible`;
+const __default__ = vue.defineComponent({
+  name: "vft-popover"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    trigger: { default: "hover" },
+    placement: { default: "bottom" },
+    disabled: { type: Boolean, default: false },
+    visible: { type: Boolean, default: null },
+    transition: {},
+    popperOptions: {},
+    tabindex: { default: 0 },
+    content: {},
+    popperStyle: { type: [Boolean, null, String, Object, Array] },
+    popperClass: {},
+    enterable: { type: Boolean, default: true },
+    effect: { default: "light" },
+    teleported: { type: Boolean, default: true },
+    title: {},
+    width: { default: 150 },
+    offset: {},
+    showAfter: { default: 0 },
+    hideAfter: { default: 200 },
+    autoClose: { default: 0 },
+    showArrow: { type: Boolean, default: true },
+    persistent: { type: Boolean, default: core.isClient },
+    appendTo: {},
+    triggerKeys: { default: () => [aria.EVENT_CODE.enter, aria.EVENT_CODE.numpadEnter, aria.EVENT_CODE.space] },
+    "onUpdate:visible": {}
+  },
+  emits: [
+    "update:visible",
+    "before-enter",
+    "before-leave",
+    "after-enter",
+    "after-leave"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const ns = index.useNamespace("popover");
+    const onUpdateVisible = vue.computed(() => {
+      return [updateEventKeyRaw];
+    });
+    const tooltipRef = vue.ref();
+    const popperRef = vue.computed(() => {
+      return vue.unref(tooltipRef)?.popperRef;
+    });
+    const style = vue.computed(() => {
+      return [
+        {
+          width: helper.addUnit(__props.width)
+        },
+        __props.popperStyle
+      ];
+    });
+    const kls = vue.computed(() => {
+      return [ns.b(), __props.popperClass, { [ns.m("plain")]: !!__props.content }];
+    });
+    const gpuAcceleration = vue.computed(() => {
+      return __props.transition === `${ns.namespace.value}-fade-in-linear`;
+    });
+    const hide = () => {
+      tooltipRef.value?.hide();
+    };
+    const beforeEnter = () => {
+      emit("before-enter");
+    };
+    const beforeLeave = () => {
+      emit("before-leave");
+    };
+    const afterEnter = () => {
+      emit("after-enter");
+    };
+    const afterLeave = () => {
+      emit("update:visible", false);
+      emit("after-leave");
+    };
+    __expose({
+      popperRef,
+      hide
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.VftTooltip), vue.mergeProps({
+        ref_key: "tooltipRef",
+        ref: tooltipRef
+      }, _ctx.$attrs, {
+        trigger: _ctx.trigger,
+        "trigger-keys": _ctx.triggerKeys,
+        placement: _ctx.placement,
+        disabled: _ctx.disabled,
+        visible: _ctx.visible,
+        transition: _ctx.transition,
+        "popper-options": _ctx.popperOptions,
+        tabindex: _ctx.tabindex,
+        content: _ctx.content,
+        offset: _ctx.offset,
+        "show-after": _ctx.showAfter,
+        "hide-after": _ctx.hideAfter,
+        "auto-close": _ctx.autoClose,
+        "show-arrow": _ctx.showArrow,
+        "aria-label": _ctx.title,
+        effect: _ctx.effect,
+        enterable: _ctx.enterable,
+        "popper-class": kls.value,
+        "popper-style": style.value,
+        teleported: _ctx.teleported,
+        "append-to": _ctx.appendTo,
+        persistent: _ctx.persistent,
+        "gpu-acceleration": gpuAcceleration.value,
+        "onUpdate:visible": onUpdateVisible.value,
+        onBeforeShow: beforeEnter,
+        onBeforeHide: beforeLeave,
+        onShow: afterEnter,
+        onHide: afterLeave
+      }), {
+        content: vue.withCtx(() => [
+          _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("title")),
+            role: "title"
+          }, vue.toDisplayString(_ctx.title), 3)) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["trigger", "trigger-keys", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "append-to", "persistent", "gpu-acceleration", "onUpdate:visible"]);
+    };
+  }
+});
+exports.default = _sfc_main;