vue-amazing-ui/lib/popconfirm/Popconfirm.vue2.cjs

An Amazing Vue3 UI Components Library, Using TypeScript.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../tooltip/index.cjs"),i=require("../button/index.cjs"),c=require("../utils/index.cjs"),k={class:"popconfirm-wrap"},h={key:0,class:"icon-info",focusable:"false",width:"1em",height:"1em",fill:"currentColor",viewBox:"64 64 896 896","data-icon":"info-circle","aria-hidden":"true"},g={key:1,class:"icon-success",focusable:"false",width:"1em",height:"1em",fill:"currentColor",viewBox:"64 64 896 896","data-icon":"check-circle","aria-hidden":"true"},S={key:2,class:"icon-danger",focusable:"false",width:"1em",height:"1em",fill:"currentColor",viewBox:"64 64 896 896","data-icon":"close-circle","aria-hidden":"true"},v={key:3,class:"icon-warning",focusable:"false",width:"1em",height:"1em",fill:"currentColor",viewBox:"64 64 896 896","data-icon":"exclamation-circle","aria-hidden":"true"},C={class:"popconfirm-btns"},w=e.defineComponent({__name:"Popconfirm",props:{title:{default:void 0},titleStyle:{default:()=>({})},description:{default:void 0},descriptionStyle:{default:()=>({})},keyboard:{type:Boolean,default:!0},tooltipStyle:{default:()=>({})},icon:{type:[String,Object,Function],default:"warning"},iconStyle:{default:()=>({})},cancelText:{default:"取消"},cancelType:{default:"default"},cancelProps:{default:()=>({})},okText:{default:"确定"},okType:{default:"primary"},okProps:{default:()=>({})},showCancel:{type:Boolean,default:!0}},emits:["cancel","ok"],setup(a,{emit:s}){const d=a,l=e.ref(),{colorPalettes:p}=c.useInject("Popconfirm"),n=s,u=c.useSlotsExist(["description"]),r=e.computed(()=>u.description||d.description);function f(t){n("cancel",t),l.value.hide()}function m(t){n("ok",t),l.value.hide()}return(t,o)=>(e.openBlock(),e.createBlock(e.unref(y.default),e.mergeProps({ref_key:"tooltipRef",ref:l,"max-width":"auto","bg-color":"#fff","tooltip-style":{padding:"12px",borderRadius:"8px",textAlign:"start",...t.tooltipStyle},trigger:"click",keyboard:t.keyboard,"transition-duration":200,style:`
      --popconfirm-primary-color: ${e.unref(p)[5]};
      --popconfirm-success-color: #52c41a;
      --popconfirm-danger-color: #ff4d4f;
      --popconfirm-warning-color: #faad14;
    `},t.$attrs),{tooltip:e.withCtx(()=>[e.createElementVNode("div",k,[e.createElementVNode("span",{class:"popconfirm-icon",style:e.normalizeStyle(t.iconStyle)},[e.renderSlot(t.$slots,"icon",{},()=>[t.icon==="info"?(e.openBlock(),e.createElementBlock("svg",h,o[0]||(o[0]=[e.createElementVNode("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"},null,-1)]))):t.icon==="success"?(e.openBlock(),e.createElementBlock("svg",g,o[1]||(o[1]=[e.createElementVNode("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"},null,-1)]))):t.icon==="danger"?(e.openBlock(),e.createElementBlock("svg",S,o[2]||(o[2]=[e.createElementVNode("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"},null,-1)]))):t.icon==="warning"?(e.openBlock(),e.createElementBlock("svg",v,o[3]||(o[3]=[e.createElementVNode("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"},null,-1)]))):t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:4})):e.createCommentVNode("",!0)],!0)],4),e.createElementVNode("div",{class:e.normalizeClass(["popconfirm-title",{"title-font-weight":r.value}]),style:e.normalizeStyle(t.titleStyle)},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)],6)]),r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"popconfirm-description",style:e.normalizeStyle(t.descriptionStyle)},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)],!0)],4)):e.createCommentVNode("",!0),e.createElementVNode("div",C,[t.showCancel?(e.openBlock(),e.createBlock(e.unref(i.default),e.mergeProps({key:0,size:"small",type:t.cancelType,onClick:f},t.cancelProps),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"cancelText",{},()=>[e.createTextVNode(e.toDisplayString(t.cancelText),1)],!0)]),_:3},16,["type"])):e.createCommentVNode("",!0),e.createVNode(e.unref(i.default),e.mergeProps({size:"small",type:t.okType,onClick:m},t.okProps),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"okText",{},()=>[e.createTextVNode(e.toDisplayString(t.okText),1)],!0)]),_:3},16,["type"])])]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},16,["tooltip-style","keyboard","style"]))}});exports.default=w;