mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-06-18 15:49:16 +08:00
2 lines
4.5 KiB
JavaScript
2 lines
4.5 KiB
JavaScript
import{I as m}from"./hooks-C2RPH8Ms.js";import"./currency.js@2.0.4-9OAR_aOO.js";import"./crypto-js@4.2.0-Dv3RD6s_.js";import"./dayjs@1.11.13-BPpqO9Hf.js";import"./print-js@1.6.0-CNuQ_Icd.js";import"./vue-hooks-plus@2.2.3_vue@3.5.13_typescript@5.6.3_-BF2NczCu.js";import"./lodash@4.17.21-MV68C9EV.js";import"./js-cookie@3.0.5-Z_8Sd105.js";import"./screenfull@5.2.0-D-G20XJY.js";import"./jsbarcode@3.11.6-Dw2l8iJP.js";import"./@logicflow_core@2.0.10-DN_57zVH.js";import"./mobx-preact@3.0.0_mobx@5.15.7_preact@10.25.4-SwmSNyX5.js";import"./preact@10.25.4-CrjB-ZC0.js";import{N as d,e as i,J as n,aj as s,ak as c,P as f}from"./naive-ui@2.41.0_vue@3.5.13_typescript@5.6.3_-CBMIXNPg.js";import{m as b,d as t,J as u,t as h,q as v}from"./@vue_runtime-core@3.5.13-Moo8VrGQ.js";import{k as p}from"./@vue_reactivity@3.5.13-Bs-wdPxR.js";import"./lodash-es@4.17.21-UVJw7vmf.js";import"./@vueuse_core@12.4.0_typescript@5.6.3-CNo6ayCV.js";import"./@vueuse_shared@12.4.0_typescript@5.6.3-AIvkuZ7s.js";import"./utils-oa3VVvWi.js";import"./pinia-plugin-persistedstate@4.2.0_pinia@2.3.0_typescript@5.6.3_vue@3.5.13_typescript@5.6.3___rollup@4.40.0-_Zka_ujQ.js";import"./destr@2.0.3-CVtkxrq9.js";import"./deep-pick-omit@1.2.1-CegYQlcN.js";import"./pinia@2.3.0_typescript@5.6.3_vue@3.5.13_typescript@5.6.3_-BvAxE_q5.js";import"./html-to-image@1.11.11-3dFXpKWR.js";import"./vue-router@4.4.0_vue@3.5.13_typescript@5.6.3_-v7NbgajR.js";import"./@vue_runtime-dom@3.5.13-DAnkqHDQ.js";import"./@vue_shared@3.5.13-CBbo5MAb.js";import"./interactjs@1.10.27-BhZFX4Iq.js";import"./call-bind-apply-helpers@1.0.1-D6-XlEtG.js";import"./vue-i18n@9.13.1_vue@3.5.13_typescript@5.6.3_-kfcArAjL.js";import"./@intlify_shared@9.13.1-CM6R_CZ5.js";import"./@intlify_core-base@9.13.1-BNWv53cz.js";import"./@intlify_message-compiler@9.13.1-4K4Nd_mc.js";import"./echarts@5.6.0-BRu9FGIM.js";import"./zrender@5.6.1-MHdZqf99.js";import"./tslib@2.3.0-BDyQ-Jie.js";import"./mobx@5.15.7-DLDjekon.js";import"./uuid@9.0.1-CtRu48qb.js";import"./classnames@2.5.1-8E8W9FZl.js";import"./mousetrap@1.6.5-CGKHClW8.js";import"./mobx-utils@5.6.2_mobx@5.15.7-CmgHUCcI.js";import"./date-fns@3.6.0-BMcLdxE-.js";import"./seemly@0.3.9-DfXeAbNj.js";import"./vueuc@0.4.64_vue@3.5.13_typescript@5.6.3_-D3UTWBbk.js";import"./evtd@0.2.4-CI_DDEu_.js";import"./@css-render_vue3-ssr@0.15.14_vue@3.5.13_typescript@5.6.3_-BATNlskH.js";import"./vooks@0.2.12_vue@3.5.13_typescript@5.6.3_-CUP4Zvk0.js";import"./vdirs@0.1.8_vue@3.5.13_typescript@5.6.3_-BAjskub0.js";import"./@juggle_resize-observer@3.4.0-C8OzoCMD.js";import"./css-render@0.15.14-C5toWlUr.js";import"./@emotion_hash@0.8.0-WldOFDRm.js";import"./treemate@0.3.11-DKekKYbv.js";import"./date-fns-tz@3.2.0_date-fns@3.6.0-7cEoHFIO.js";import"./async-validator@4.2.5-9PlIezaS.js";import"./@css-render_plugin-bem@0.15.14_css-render@0.15.14-Be8eOoM-.js";function g(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!v(o)}const Nt=b({name:"DraggableCardDemo",setup(){const o=p(!1),r=h("domRef"),a=[{label:"center",value:"center"},{label:"top-center",value:"top-center"},{label:"bottom-center",value:"bottom-center"},{label:"top-left",value:"top-left"},{label:"top-right",value:"top-right"},{label:"bottom-left",value:"bottom-left"},{label:"bottom-right",value:"bottom-right"}],l=p("center"),e=p(!0);return{card3:o,card3Dad:e,domRef:r,positionRadioOptions:a,positionRadioValue:l}},render(){let o;const{card3:r,domRef:a,positionRadioOptions:l}=this;return t("div",null,[t("div",{ref:"domRef",style:{width:"100%",height:"400px",backgroundColor:"rgba(255, 10, 20, 1)"}},null),t(m,{animation:!0,title:"Body"},{default:()=>[u("我被限制在 body 中。")]}),r?t(m,{animation:!0,title:"Custom Container",restrictionElement:a,closable:!0,onClose:()=>this.card3=!1,defaultPosition:this.positionRadioValue,dad:this.card3Dad},{default:()=>"我被限制在红色区域中。并且我支持 NCard 的所有配置与插槽。","header-extra":()=>"其实我就是 NCard 封装的",footer:()=>"我支持 footer 插槽",action:()=>"我支持 action 插槽"}):null,t(d,{title:"显示与隐藏卡片"},{default:()=>[t(i,{vertical:!0},{default:()=>[t(i,null,{default:()=>[t(n,{value:this.card3Dad,"onUpdate:value":e=>this.card3Dad=e},{checked:()=>"拖拽",unchecked:()=>"禁用"})]}),t(i,null,{default:()=>[t(s,{value:this.positionRadioValue,"onUpdate:value":e=>this.positionRadioValue=e},g(o=l.map(e=>t(c,{key:e.value,value:e.value},{default:()=>[e.label]})))?o:{default:()=>[o]})]}),t(i,null,{default:()=>[t(f,{type:"primary",onClick:()=>this.card3=!this.card3},{default:()=>[u("点一下试试")]})]})]})]})])}});export{Nt as default};
|