@farris/ui-vue/components/designer-toolbox/index.umd.cjs

Farris Vue, a Farris Design based Vue3 component library.

(function(o,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(o=typeof globalThis<"u"?globalThis:o||self,t(o["designer-toolbox"]={},o.Vue))})(this,function(o,t){"use strict";const s={id:{type:String,default:""},dragula:{type:Object}},c=[{type:"input",name:"输入类控件",items:[{id:"TextBox",type:"input-group",name:"文本",category:"input"},{id:"MultiTextBox",type:"textarea",name:"多行文本",category:"input"},{id:"DateBox",type:"date-picker",name:"日期",category:"input"},{id:"EnumField",type:"combo-list",name:"下拉列表",category:"input"},{id:"NumericBox",type:"number-spinner",name:"数值",category:"input"},{id:"CheckBox",type:"check-box",name:"复选框",category:"input"},{id:"CheckBoxGroup",type:"check-group",name:"复选框组",category:"input"},{id:"RadioGroup",type:"radio-group",name:"单选组",category:"input"},{id:"SwitchField",type:"switch",name:"开关",category:"input"},{id:"LookupEdit",type:"lookup",name:"帮助",category:"input"}]},{type:"dataCollection",name:"数据集合类控件",items:[{id:"ResponseForm",type:"response-form",name:"卡片面板",category:"dataCollection"},{id:"DataGrid",type:"data-grid",name:"表格",category:"dataCollection"}]},{type:"container",name:"容器类控件",items:[{id:"Tab",type:"tabs",name:"标签页区域",category:"container"},{id:"Section",type:"section",name:"分组面板",category:"container"},{id:"Fieldset",type:"fieldset",name:"分组",category:"container"}]},{type:"business",name:"业务类控件",items:[{id:"QuerySolution",type:"query-solution",name:"筛选方案",category:"container"}]},{type:"response-layout",name:"布局容器",items:[{id:"ResponseLayout2",type:"response-layout",name:"1列",category:"container",feature:{splitter:"12"},icon:"response-layout-1"},{id:"ResponseLayout2",type:"response-layout",name:"2列",category:"container",feature:{splitter:"6:6"},icon:"response-layout-2"},{id:"ResponseLayout3",type:"response-layout",name:"3列",category:"container",feature:{splitter:"4:4:4"},icon:"response-layout-3"},{id:"ResponseLayout4",type:"response-layout",name:"4列",category:"container",feature:{splitter:"3:3:3:3"},icon:"response-layout-4"}]}],d=t.defineComponent({name:"FDesignerToolbox",props:s,emits:[],setup(i){const l=t.ref(c),r=t.ref(i.dragula);function p(e,a){a.isHide=!a.isHide}function u(e){return{"f-icon":!0,"f-icon-arrow-60-down":!e.isHide,"f-icon-arrow-e":e.isHide}}function y(e){return t.createVNode("div",{class:"card-header",onClick:a=>p(a,e)},[t.createVNode("div",{class:"panel-item-title"},[t.createVNode("div",{class:"f-section-formgroup-legend"},[t.createVNode("div",{class:"f-header px-2 col-form-label"},[t.createVNode("div",{class:"f-toolbar mr-2"},[t.createVNode("span",{class:u(e)},null)]),t.createVNode("div",{class:"f-title f-utils-fill d-flex justify-content-between"},[t.createVNode("span",null,[e.name])])])])])])}function f(e){return{"d-none":e.dependentParent||e.hideInControlBox,controlPanel:!0,"drag-copy":!0,"no-drag":e.disable,updating:e.updating}}function m(e){const a={farrisControlIcon:!0,"fd-i-Family":!0},n=`fd_pc-${e.icon||e.type}`;return a[n]=!0,a}function g(e,a){return t.createVNode("div",{class:f(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:a.isHide},[t.createVNode("div",null,[t.createVNode("div",{class:m(e)},null),t.createVNode("div",{class:"controlName"},[e.name])])])}function C(e){return t.createVNode("div",{class:"card-body px-2 py-0 border-0 controlCategory no-drop"},[e.items.map(a=>g(a,e))])}function N(e){return!e.hideInControlBox&&t.createVNode("div",{class:"farris-panel-item card border-0"},[y(e),C(e)])}function T(e){if(!e)return;const a=document.getElementsByClassName("controlCategory");a&&(e.containers=e.containers.filter(n=>!n.className.includes("controlCategory")),Array.from(a).forEach(n=>{e.containers.push(n)}))}return t.watch(()=>i.dragula,e=>{var a,n;r.value=e,(a=r.value)!=null&&a.getDragulaInstance&&T((n=r.value)==null?void 0:n.getDragulaInstance())}),()=>t.createVNode("div",{class:"controlBox f-utils-fill-flex-column"},[t.createVNode("div",{class:"farris-panel f-utils-fill-flex-column",style:"overflow:auto;"},[l.value.map(e=>N(e))])])}});o.FDesignerToolbox=d,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});