wot-design-uni/demo/assets/subPages-tooltip-Index.CbN3crIH.js

2 lines
8.6 KiB
JavaScript

var t=Object.defineProperty,e=Object.defineProperties,o=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,s=(e,o,n)=>o in e?t(e,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[o]=n,u=(t,e)=>{for(var o in e||(e={}))l.call(e,o)&&s(t,o,e[o]);if(n)for(var o of n(e))a.call(e,o)&&s(t,o,e[o]);return t},c=(t,n)=>e(t,o(n));import{_ as d}from"./wd-button.DXEkLyH0.js";import{d as i,a3 as r,J as f,r as p,C as m,y as _,a7 as g,ac as h,b as w,g as b,w as y,h as v,i as C,z as j,j as k,t as $,l as O,D as x,E as S,q as A,K as V,u as P,e as I,f as z}from"./index-ChV97F5w.js";import{b as Q,c as F,a as Y,w as q,_ as D}from"./base64.D3gEw_Hf.js";import{q as E,w as J,b as K,f as T,a as B}from"./page-wraper.D9WpzC1k.js";import{u as G}from"./usePopover.BxyFv-MG.js";import{p as H,r as N,c as U}from"./clickoutside.CJmLG0WC.js";import{_ as L}from"./demo-block.bo7yY1Pq.js";import"./wd-root-portal.BUSGVytV.js";const M=c(u({},Q),{customArrow:Y(""),customPop:Y(""),visibleArrow:F(!0),content:{type:[String,Array]},placement:Y("bottom"),offset:{type:[Number,Array,Object],default:0},useContentSlot:F(!1),disabled:F(!1),showClose:F(!1),modelValue:F(!1)}),R=D(i(c(u({},{name:"wd-tooltip",options:{addGlobalClass:!0,virtualHost:!0,styleIsolation:"shared"}}),{props:M,emits:["update:modelValue","menuclick","change","open","close"],setup(t,{expose:e,emit:o}){const n=t,l=o,a=G(n.visibleArrow),s=r(E,null),u="tooltip",{proxy:c}=f(),d=p(!1);function i(){n.disabled||P(!d.value)}function P(t){d.value=t,l("update:modelValue",t)}return m((()=>n.content),(t=>{null==t&&console.error("[wot-design] warning(wd-tooltip): content can't be null or undefined")})),m((()=>n.placement),(()=>{a.init(n.placement,n.visibleArrow,u)})),m((()=>n.modelValue),(t=>{d.value=t})),m((()=>d.value),(t=>{t&&(a.control(n.placement,n.offset),s&&s.closeOther?s.closeOther(c):U(c)),a.showStyle.value=t?"display: inline-block;":"display: none;",l("change",{show:t}),l(""+(t?"open":"close"))})),_((()=>{a.init(n.placement,n.visibleArrow,u)})),g((()=>{s&&s.pushToQueue?s.pushToQueue(c):H(c),a.showStyle.value=n.modelValue?"opacity: 1;":"opacity: 0;"})),h((()=>{s&&s.removeFromQueue?s.removeFromQueue(c):N(c)})),e({open:function(){P(!0)},close:function(){P(!1)}}),(t,e)=>{const o=C;return b(),w(o,{class:A(`wd-tooltip ${t.customClass}`),style:S(t.customStyle),id:"tooltip",onClick:V(O(a).noop,["stop"])},{default:y((()=>[v(o,{class:"wd-tooltip__pos wd-tooltip__hidden",id:"pos"},{default:y((()=>[v(o,{class:"wd-tooltip__container custom-pop"},{default:y((()=>[t.useContentSlot?j("",!0):(b(),w(o,{key:0,class:"wd-tooltip__inner"},{default:y((()=>[k($(t.content),1)])),_:1}))])),_:1})])),_:1}),v(J,{"custom-class":"wd-tooltip__pos","custom-style":O(a).popStyle.value,show:d.value,name:"fade",duration:200},{default:y((()=>[v(o,{class:"wd-tooltip__container custom-pop"},{default:y((()=>[t.visibleArrow?(b(),w(o,{key:0,class:A(`wd-tooltip__arrow ${O(a).arrowClass.value} ${t.customArrow}`),style:S(O(a).arrowStyle.value)},null,8,["class","style"])):j("",!0),t.useContentSlot?x(t.$slots,"content",{key:2},void 0,!0):(b(),w(o,{key:1,class:"wd-tooltip__inner"},{default:y((()=>[k($(t.content),1)])),_:1}))])),_:3}),t.showClose?(b(),w(q,{key:0,name:"close","custom-class":"wd-tooltip__close-icon",onClick:i})):j("",!0)])),_:3},8,["custom-style","show"]),v(o,{onClick:i,class:"wd-tooltip__target",id:"target"},{default:y((()=>[x(t.$slots,"default",{},void 0,!0)])),_:3})])),_:3},8,["class","style","onClick"])}}})),[["__scopeId","data-v-7a087f1b"]]),W=D(i({__name:"Index",setup(t){const{t:e}=P(),o=p(!1),n=p(e("xian-shi-nei-rong")),l=K(),{closeOutside:a}=T();function s(){o.value=!o.value}function u(){console.log("显示")}function c(){l.show(e("wen-zi-ti-shi-guan-bi"))}function i(t){console.log(t)}function r(t){console.log(t)}function f(t){console.log(t)}function m(t){console.log(t)}function _(t){console.log(t)}function g(t){console.log(t)}function h(t){console.log(t)}function j(t){console.log(t)}function x(t){console.log(t)}function S(t){console.log(t)}function A(t){console.log(t)}function Q(t){console.log(t)}function F(t){console.log(t)}function Y(t){console.log(t)}function D(t){console.log(t)}function E(t){console.log(t)}return(t,e)=>{const l=I(z("wd-button"),d),p=I(z("wd-tooltip"),R),P=C,J=I(z("wd-icon"),q),K=I(z("demo-block"),L),T=I(z("page-wraper"),B);return b(),w(T,null,{default:y((()=>[v(P,{style:{overflow:"hidden"},class:"page-tooltip",onClick:V(O(a),["stop"])},{default:y((()=>[v(K,{title:t.$t("jiBenYongFa")},{default:y((()=>[v(P,{class:"top"},{default:y((()=>[v(p,{placement:"bottom-start",content:"bottom-start 提示文字",onChange:i},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k("bottom-start")])),_:1})])),_:1}),v(p,{placement:"bottom",content:"bottom 提示文字",onChange:r},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k("bottom")])),_:1})])),_:1}),v(p,{placement:"bottom-end",content:"bottom-end 提示文字",onChange:f},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k("bottom-end")])),_:1})])),_:1})])),_:1}),v(P,{class:"left"},{default:y((()=>[v(p,{placement:"right-start",content:"right-start 提示文字",onChange:m},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k("right-start")])),_:1})])),_:1}),v(p,{placement:"right",content:"right 提示文字",customStyle:"margin: 20px 0",onChange:_},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k("right")])),_:1})])),_:1}),v(p,{placement:"right-end",content:"right-end 提示文字",onChange:g},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k("right-end")])),_:1})])),_:1})])),_:1}),v(P,{class:"right"},{default:y((()=>[v(p,{placement:"left-start",content:"left-start 提示文字",onChange:h},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k(" left-start "),v(J,{name:"setting"})])),_:1})])),_:1}),v(p,{placement:"left",content:"left 提示文字",customStyle:"margin: 20px 0",onChange:j},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k("left")])),_:1})])),_:1}),v(p,{placement:"left-end",content:"left-end 提示文字",onChange:x},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k("left-end")])),_:1})])),_:1})])),_:1}),v(P,{class:"bottom"},{default:y((()=>[v(p,{placement:"top-start",content:"top-start 提示文字",onChange:S},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k("top-start")])),_:1})])),_:1}),v(p,{placement:"top",content:"top 提示文字",onChange:A},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k("top")])),_:1})])),_:1}),v(p,{placement:"top-end",content:"top-end 提示文字",onChange:Q},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k("top-end")])),_:1})])),_:1})])),_:1})])),_:1},8,["title"]),v(K,{title:t.$t("xian-shi-guan-bi-an-niu")},{default:y((()=>[v(P,{class:"demo-left"},{default:y((()=>[v(p,{content:"显示关闭按钮",placement:"right","show-close":"",onChange:F},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k($(t.$t("xian-shi-guan-bi-an-niu-0")),1)])),_:1})])),_:1})])),_:1})])),_:1},8,["title"]),v(K,{title:t.$t("duo-hang-wen-ben")},{default:y((()=>[v(P,{class:"demo-left lines-demo"},{default:y((()=>[v(p,{placement:"right","use-content-slot":"",onChange:Y},{content:y((()=>[v(P,{class:"lines-content"},{default:y((()=>[v(P,null,{default:y((()=>[k($(t.$t("duo-hang-wen-ben-1")),1)])),_:1}),v(P,null,{default:y((()=>[k($(t.$t("duo-hang-wen-ben-2")),1)])),_:1}),v(P,null,{default:y((()=>[k($(t.$t("duo-hang-wen-ben-3")),1)])),_:1})])),_:1})])),default:y((()=>[v(l,{round:!1},{default:y((()=>[k($(t.$t("duo-hang-wen-ben-0")),1)])),_:1})])),_:1})])),_:1})])),_:1},8,["title"]),v(K,{title:t.$t("kong-zhi-xian-yin")},{default:y((()=>[v(P,{onClick:V(s,["stop"])},{default:y((()=>[v(l,{plain:"",size:"small",class:"button-control"},{default:y((()=>[k($(o.value?"关闭":"打开"),1)])),_:1})])),_:1}),v(P,{class:"demo-left demo-control"},{default:y((()=>[v(p,{placement:"top",content:"控制显隐",modelValue:o.value,"onUpdate:modelValue":e[0]||(e[0]=t=>o.value=t)},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k("top")])),_:1})])),_:1},8,["modelValue"])])),_:1})])),_:1},8,["title"]),v(K,{title:t.$t("bang-ding-change-shi-jian")},{default:y((()=>[v(P,{class:"demo-left"},{default:y((()=>[v(p,{placement:"right-end",content:n.value,onOpen:u,onClose:c,onChange:D},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k($(t.$t("shi-jian-0")),1)])),_:1})])),_:1},8,["content"])])),_:1})])),_:1},8,["title"]),v(K,{title:t.$t("jinYong")},{default:y((()=>[v(P,{class:"demo-left"},{default:y((()=>[v(p,{placement:"right-end",content:"禁用",disabled:"",onChange:E},{default:y((()=>[v(l,{round:!1},{default:y((()=>[k($(t.$t("jinYong")),1)])),_:1})])),_:1})])),_:1})])),_:1},8,["title"])])),_:1},8,["onClick"])])),_:1})}}}),[["__scopeId","data-v-d5a95385"]]);export{W as default};