@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 c={id:{type:String,default:""},dragula:{type:Object}},s=[{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"},{id:"TimePicker",type:"time-picker",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:"HtmlTemplate",type:"html-template",name:"模版容器",category:"container"},{id:"Section",type:"section",name:"分组面板",category:"container"},{id:"Fieldset",type:"fieldset",name:"分组",category:"container"},{id:"ContentContainer",type:"content-container",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:c,emits:[],setup(i){const l=t.ref(s),r=t.ref(i.dragula);function p(e,n){n.isHide=!n.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:n=>p(n,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 n={farrisControlIcon:!0,"fd-i-Family":!0},a=`fd_pc-${e.icon||e.type}`;return n[a]=!0,n}function g(e,n){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:n.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(n=>g(n,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 n=document.getElementsByClassName("controlCategory");n&&(e.containers=e.containers.filter(a=>!a.className.includes("controlCategory")),Array.from(n).forEach(a=>{e.containers.push(a)}))}return t.watch(()=>i.dragula,e=>{var n,a;r.value=e,(n=r.value)!=null&&n.getDragulaInstance&&T((a=r.value)==null?void 0:a.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"})});