@nextcloud/vue
Version:
Nextcloud vue components
2 lines (1 loc) • 2.54 kB
JavaScript
var d=require("../assets/index14.css");const n=require("./NcActions.cjs"),a=require("../chunks/GenRandomId-67df40eb.cjs"),o=require("vue-material-design-icons/ChevronRight.vue"),i=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs");const s={name:"NcBreadcrumb",components:{NcActions:n,ChevronRight:o},props:{name:{type:String,required:!0},title:{type:String,default:null},to:{type:[String,Object],default:void 0},exact:{type:Boolean,default:!1},href:{type:String,default:void 0},icon:{type:String,default:""},disableDrop:{type:Boolean,default:!1},forceMenu:{type:Boolean,default:!1},open:{type:Boolean,default:!1}},emits:["update:open","dropped"],data(){return{hovering:!1,crumbId:`crumb-id-${a.GenRandomId()}`}},computed:{tag(){return this.to?"router-link":"a"},linkAttributes(){return this.to?{to:this.to,exact:this.exact,...this.$attrs}:{href:this.href,...this.$attrs}}},methods:{onOpenChange(e){this.$emit("update:open",e)},dropped(e){return this.disableDrop||(this.$emit("dropped",e,this.to||this.href),this.$parent.$emit("dropped",e,this.to||this.href),this.hovering=!1),!1},dragEnter(e){this.disableDrop||(this.hovering=!0)},dragLeave(e){this.disableDrop||e.target.contains(e.relatedTarget)||this.$refs.crumb.contains(e.relatedTarget)||(this.hovering=!1)}}};var u=function(){var e=this,t=e._self._c;return t("li",e._b({ref:"crumb",staticClass:"vue-crumb",class:{"vue-crumb--hovered":e.hovering},attrs:{draggable:"false"},on:{dragstart:function(r){return r.preventDefault(),(()=>{}).apply(null,arguments)},drop:function(r){return r.preventDefault(),e.dropped.apply(null,arguments)},dragover:function(r){return r.preventDefault(),(()=>{}).apply(null,arguments)},dragenter:e.dragEnter,dragleave:e.dragLeave}},"li",e._d({},[e.crumbId,""])),[(e.name||e.icon)&&!e.$slots.default?t(e.tag,e._g(e._b({tag:"component",attrs:{title:e.title}},"component",e.linkAttributes,!1),e.$listeners),[e._t("icon",function(){return[e.icon?t("span",{staticClass:"icon",class:e.icon}):t("span",[e._v(e._s(e.name))])]})],2):e._e(),e.$slots.default?t("NcActions",{ref:"actions",attrs:{type:"tertiary","force-menu":e.forceMenu,open:e.open,"menu-name":e.name,title:e.title,"force-name":!0,container:`.vue-crumb[${e.crumbId}]`},on:{"update:open":e.onOpenChange},scopedSlots:e._u([{key:"icon",fn:function(){return[e._t("menu-icon")]},proxy:!0}],null,!0)},[e._t("default")],2):e._e(),t("ChevronRight",{staticClass:"vue-crumb__separator",attrs:{size:20}})],1)},l=[],p=i.normalizeComponent(s,u,l,!1,null,"2e235682",null,null);const c=p.exports;module.exports=c;