@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
2 lines (1 loc) • 2.66 kB
JavaScript
(function(n,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],r):(n=typeof globalThis<"u"?globalThis:n||self,r(n["designer-toolbox"]={},n.Vue))})(this,function(n,r){"use strict";const i={id:{type:String,default:""},dragula:{type:Object},toolboxItems:{type:Array,default:[]}},l=r.defineComponent({name:"FDesignerToolbox",props:i,emits:[],setup(o){const s=r.ref(o.toolboxItems),d=r.ref(o.dragula);function c(e,t){t.isHide=!t.isHide}function f(e){return{"f-icon":!0,"f-icon-arrow-60-down":!e.isHide,"f-icon-arrow-e":e.isHide}}function u(e){return r.createVNode("div",{class:"card-header",onClick:t=>c(t,e)},[r.createVNode("div",{class:"panel-item-title"},[r.createVNode("div",{class:"f-section-formgroup-legend"},[r.createVNode("div",{class:"f-header px-2 col-form-label"},[r.createVNode("div",{class:"f-toolbar mr-2"},[r.createVNode("span",{class:f(e)},null)]),r.createVNode("div",{class:"f-title f-utils-fill d-flex justify-content-between"},[r.createVNode("span",null,[e.name])])])])])])}function p(e){return{"d-none":e.dependentParent||e.hideInControlBox,controlPanel:!0,"drag-copy":!0,"no-drag":e.disable,updating:e.updating}}function y(e){const t={farrisControlIcon:!0,"fd-i-Family":!0},a=`fd_pc-${e.icon||e.type}`;return t[a]=!0,t}function C(e,t){return r.createVNode("div",{class:p(e),"data-sourceType":"control","data-controlType":e.type,"data-controlTypeName":e.name,"data-category":e.category,"data-feature":e.feature?JSON.stringify(e.feature):"","data-fieldType":e.fieldType,"data-templateId":e.id,"data-templateCategory":e.templateCategory,hidden:t.isHide},[r.createVNode("div",null,[r.createVNode("div",{class:y(e)},null),r.createVNode("div",{class:"controlName"},[e.name])])])}function g(e){return r.createVNode("div",{class:"card-body px-2 py-0 border-0 controlCategory no-drop"},[e.items.map(t=>C(t,e))])}function m(e){return!e.hideInControlBox&&r.createVNode("div",{class:"farris-panel-item card border-0"},[u(e),g(e)])}function N(e){if(!e)return;const t=document.getElementsByClassName("controlCategory");t&&(e.containers=e.containers.filter(a=>!a.className.includes("controlCategory")),Array.from(t).forEach(a=>{e.containers.push(a)}))}return r.watch(()=>o.dragula,e=>{var t,a;d.value=e,(t=d.value)!=null&&t.getDragulaInstance&&N((a=d.value)==null?void 0:a.getDragulaInstance())}),()=>r.createVNode("div",{class:"controlBox f-utils-fill-flex-column"},[r.createVNode("div",{class:"farris-panel f-utils-fill-flex-column",style:"overflow:auto;"},[s.value.map(e=>m(e))])])}});n.FDesignerToolbox=l,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});