@farris/ui-vue 1.2.4 → 1.2.5

package/components/designer-toolbox/index.esm.js

@@ -1,8 +1,8 @@
-import { defineComponent as f, ref as i, watch as C, createVNode as a } from "vue";
+import { defineComponent as m, ref as i, watch as C, createVNode as a } from "vue";
 const v = {
   id: { type: String, default: "" },
   dragula: { type: Object }
-}, h = [
+}, T = [
   {
     type: "input",
     name: "输入类控件",
@@ -11,23 +11,13 @@ const v = {
         id: "TextBox",
         type: "input-group",
         name: "文本",
-        category: "input",
-        updating: !0
-      },
-      {
-        id: "Text",
-        type: "text",
-        name: "静态文本",
-        category: "input",
-        icon: "static-text"
+        category: "input"
       },
       {
         id: "MultiTextBox",
-        type: "input-group",
+        type: "textarea",
         name: "多行文本",
-        category: "input",
-        icon: "multi-text-box",
-        updating: !0
+        category: "input"
       },
       {
         id: "DateBox",
@@ -35,32 +25,12 @@ const v = {
         name: "日期",
         category: "input"
       },
-      {
-        id: "TimePicker",
-        type: "time-picker",
-        name: "时间选择",
-        category: "input"
-      },
       {
         id: "EnumField",
         type: "combo-list",
         name: "下拉列表",
         category: "input"
       },
-      {
-        id: "Dropdown",
-        type: "dropdown",
-        name: "下拉列表2",
-        category: "input",
-        icon: "combo-list"
-      },
-      {
-        id: "NumberRange",
-        type: "number-range",
-        name: "数值区间",
-        category: "input",
-        icon: "number-spinner"
-      },
       {
         id: "NumericBox",
         type: "number-spinner",
@@ -69,10 +39,15 @@ const v = {
       },
       {
         id: "CheckBox",
-        type: "checkbox",
+        type: "check-box",
+        name: "复选框",
+        category: "input"
+      },
+      {
+        id: "CheckBoxGroup",
+        type: "check-group",
         name: "复选框组",
-        category: "input",
-        icon: "check-group"
+        category: "input"
       },
       {
         id: "RadioGroup",
@@ -86,454 +61,40 @@ const v = {
         name: "开关",
         category: "input"
       },
-      {
-        id: "Capsule",
-        type: "capsule",
-        name: "选项卡",
-        category: "input",
-        icon: "switch"
-      },
-      {
-        id: "Image",
-        type: "image",
-        name: "图像",
-        category: "input",
-        updating: !0
-      },
       {
         id: "LookupEdit",
         type: "lookup",
         name: "帮助",
-        category: "input",
-        updating: !0
-      },
-      {
-        id: "RichTextBox",
-        type: "rich-text-box",
-        name: "富文本",
-        category: "input",
-        updating: !0
+        category: "input"
       },
       {
         id: "InputGroup",
         type: "input-group",
         name: "智能输入框",
-        category: "input",
-        updating: !0
-      },
-      {
-        id: "LanguageTextBox",
-        type: "language-text-box",
-        name: "多语言输入框",
-        category: "input",
-        updating: !0
-      },
-      {
-        id: "Tags",
-        type: "tags",
-        name: "标记组",
-        category: "input",
-        icon: "tag"
-      },
-      {
-        id: "ColorPicker",
-        type: "color-picker",
-        name: "颜色选择器",
-        category: "input",
-        icon: "input-group"
-      }
-    ]
-  },
-  {
-    type: "dataCollection",
-    name: "数据集合类控件",
-    items: [
-      {
-        id: "Form",
-        type: "response-form",
-        name: "卡片面板",
-        category: "dataCollection"
-      },
-      {
-        id: "DataGrid",
-        type: "data-grid",
-        name: "表格",
-        category: "dataCollection"
-      },
-      {
-        id: "TreeGrid",
-        type: "tree-grid",
-        name: "树表格",
-        category: "dataCollection",
-        updating: !0
-      },
-      {
-        id: "TreeView",
-        type: "tree-view",
-        name: "树列表",
-        category: "dataCollection",
-        icon: "tree-grid"
-      },
-      {
-        id: "ListView",
-        type: "list-view",
-        name: "列表",
-        category: "dataCollection"
-      }
-    ]
-  },
-  {
-    type: "command",
-    name: "命令类控件",
-    items: [
-      {
-        id: "Button",
-        type: "button-group",
-        name: "按钮",
-        category: "command"
-      },
-      {
-        id: "ResponseToolbar",
-        type: "response-toolbar",
-        name: "响应式工具条",
-        category: "command",
-        icon: "button-group"
-      },
-      {
-        id: "NavTab",
-        type: "nav-tab",
-        name: "标签类导航",
-        category: "command",
-        updating: !0
-      },
-      {
-        id: "FilterBar",
-        type: "filter-bar",
-        name: "筛选条",
-        category: "commands",
-        icon: "list-filter"
-      },
-      {
-        id: "QuerySolution",
-        type: "query-solution",
-        name: "筛选方案",
-        category: "commands",
-        icon: "query-solution"
-      }
-    ]
-  },
-  {
-    type: "container",
-    name: "容器类控件",
-    items: [
-      {
-        id: "Tab",
-        type: "tabs",
-        name: "标签页区域",
-        category: "container"
-      },
-      {
-        id: "HtmlTemplate",
-        type: "html-template",
-        name: "模版容器",
-        category: "container",
-        updating: !0
-      },
-      {
-        id: "ContentContainer",
-        type: "content-container",
-        name: "容器",
-        category: "container"
-      },
-      {
-        id: "Section",
-        type: "section",
-        name: "分组面板",
-        category: "container"
-      },
-      {
-        id: "Accordion",
-        type: "accordion",
-        name: "收折面板",
-        category: "container",
-        icon: "zhediezhankai"
-      },
-      {
-        id: "FieldSet",
-        type: "field-set",
-        name: "分组",
-        category: "container",
-        updating: !0
-      },
-      {
-        id: "ExternalContainer",
-        type: "external-container",
-        name: "外部容器",
-        category: "container",
-        icon: "content-container"
-      },
-      {
-        id: "ModalContainer",
-        type: "modal-container",
-        name: "弹窗容器",
-        category: "container",
-        icon: "content-container",
-        updating: !0
-      },
-      {
-        id: "Nav",
-        type: "nav",
-        name: "导航",
-        category: "container",
-        icon: "list-nav"
-      },
-      {
-        id: "ListNav",
-        type: "list-nav",
-        name: "列表导航",
-        category: "container"
-      },
-      {
-        id: "Header",
-        type: "page-header",
-        name: "页头",
-        category: "container",
-        icon: "page-header"
-      },
-      {
-        id: "Footer",
-        type: "page-footer",
-        name: "页脚",
-        category: "container",
-        icon: "modal-footer"
-      },
-      {
-        id: "Pagination",
-        type: "pagination",
-        name: "分页条",
-        category: "container",
-        icon: "header"
-      },
-      {
-        id: "Splitter",
-        type: "splitter",
-        name: "分栏面板",
-        category: "container"
-      }
-    ]
-  },
-  {
-    type: "business",
-    name: "业务类控件",
-    items: [
-      {
-        id: "Avatar",
-        type: "avatar",
-        name: "头像",
         category: "input"
-      },
-      {
-        id: "Calendar",
-        type: "calendar",
-        name: "日程表",
-        category: "dataCollection",
-        icon: "date-picker"
-      },
-      {
-        id: "DateView",
-        type: "date-view",
-        name: "日期导航",
-        category: "commands",
-        icon: "date-picker"
-      },
-      {
-        id: "PersonnelSelector",
-        type: "personnel-selector",
-        name: "人员选择",
-        category: "input",
-        updating: !0
-      },
-      {
-        id: "OrganizationSelector",
-        type: "organization-selector",
-        name: "组织选择",
-        category: "input",
-        updating: !0
-      },
-      {
-        id: "Uploader",
-        type: "uploader",
-        name: "附件上传预览",
-        category: "uploader",
-        icon: "file-upload"
-      },
-      {
-        id: "DiscussionEditor",
-        type: "discussion-editor",
-        name: "评论编辑区",
-        category: "discussion",
-        icon: "discussion-editor",
-        updating: !0
-      },
-      {
-        id: "DiscussionList",
-        type: "discussion-list",
-        name: "评论列表",
-        category: "discussion",
-        icon: "discussion-list",
-        updating: !0
-      },
-      {
-        id: "Steps",
-        type: "step",
-        name: "步骤条",
-        category: "commands",
-        icon: "steps"
-      },
-      {
-        id: "SearchBox",
-        type: "search-box",
-        name: "搜索框",
-        category: "commands",
-        icon: "sousuo"
-      },
-      {
-        id: "Progress",
-        type: "progress",
-        name: "进度条",
-        category: "commands",
-        icon: "liushuihao"
-      },
-      {
-        id: "Rate",
-        type: "rate",
-        name: "评分",
-        category: "commands",
-        icon: "dingzhi"
-      },
-      {
-        id: "Order",
-        type: "order",
-        name: "排序列",
-        category: "commands",
-        icon: "multi-select"
-      },
-      {
-        id: "VerifyDetail",
-        type: "verify-detail",
-        name: "验证",
-        category: "commands",
-        icon: "approval-logs"
-      },
-      {
-        id: "Transfer",
-        type: "transfer",
-        name: "穿梭框",
-        category: "commands",
-        icon: "multi-select"
-      },
-      {
-        id: "Weather",
-        type: "weather",
-        name: "天气",
-        category: "dataCollection",
-        icon: "anheimoshi"
-      },
-      {
-        id: "Wizard",
-        type: "wizard",
-        name: "向导",
-        category: "container",
-        updating: !0
-      },
-      {
-        id: "ImageCropper",
-        type: "image-cropper",
-        name: "图片裁切",
-        category: "container",
-        icon: "image"
-      }
-    ]
-  },
-  {
-    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"
-      }
-    ]
-  },
-  {
-    type: "user-business",
-    name: "用户业务组件",
-    items: [
-      {
-        id: "SmokeDetector",
-        type: "smoke-detector",
-        name: "烟雾报警器",
-        category: "command",
-        icon: "response-layout-1"
       }
     ]
   }
-], x = /* @__PURE__ */ f({
+], x = /* @__PURE__ */ m({
   name: "FDesignerToolbox",
   props: v,
   emits: [],
   setup(n) {
-    const r = i(h), o = i(n.dragula);
-    function c(e, t) {
+    const o = i(T), r = i(n.dragula);
+    function d(e, t) {
       t.isHide = !t.isHide;
     }
-    function d(e) {
+    function c(e) {
       return {
         "f-icon": !0,
         "f-icon-arrow-60-down": !e.isHide,
         "f-icon-arrow-e": e.isHide
       };
     }
-    function p(e) {
+    function l(e) {
       return a("div", {
         class: "card-header",
-        onClick: (t) => c(t, e)
+        onClick: (t) => d(t, e)
       }, [a("div", {
         class: "panel-item-title"
       }, [a("div", {
@@ -543,7 +104,7 @@ const v = {
       }, [a("div", {
         class: "f-toolbar mr-2"
       }, [a("span", {
-        class: d(e)
+        class: c(e)
       }, null)]), a("div", {
         class: "f-title f-utils-fill d-flex justify-content-between"
       }, [a("span", null, [e.name])])])])])]);
@@ -564,7 +125,7 @@ const v = {
       }, g = `fd_pc-${e.icon || e.type}`;
       return t[g] = !0, t;
     }
-    function y(e, t) {
+    function p(e, t) {
       return a("div", {
         class: s(e),
         "data-sourceType": "control",
@@ -582,25 +143,25 @@ const v = {
         class: "controlName"
       }, [e.name])])]);
     }
-    function l(e) {
+    function y(e) {
       return a("div", {
         class: "card-body px-2 py-0 border-0 controlCategory no-drop"
-      }, [e.items.map((t) => y(t, e))]);
+      }, [e.items.map((t) => p(t, e))]);
     }
-    function m(e) {
+    function f(e) {
       return !e.hideInControlBox && a("div", {
         class: "farris-panel-item card border-0"
-      }, [p(e), l(e)]);
+      }, [l(e), y(e)]);
     }
     return C(() => n.dragula, (e) => {
       var t;
-      o.value = e, (t = o.value) == null || t.attachToolbox();
+      r.value = e, (t = r.value) == null || t.attachToolbox();
     }), () => a("div", {
       class: "controlBox f-utils-fill-flex-column"
     }, [a("div", {
       class: "farris-panel f-utils-fill-flex-column",
       style: "overflow:auto;"
-    }, [r.value.map((e) => m(e))])]);
+    }, [o.value.map((e) => f(e))])]);
   }
 });
 export {

package/components/designer-toolbox/index.umd.cjs

@@ -1 +1 @@
-(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["designer-toolbox"]={},n.Vue))})(this,function(n,t){"use strict";const r={id:{type:String,default:""},dragula:{type:Object}},c=[{type:"input",name:"输入类控件",items:[{id:"TextBox",type:"input-group",name:"文本",category:"input",updating:!0},{id:"Text",type:"text",name:"静态文本",category:"input",icon:"static-text"},{id:"MultiTextBox",type:"input-group",name:"多行文本",category:"input",icon:"multi-text-box",updating:!0},{id:"DateBox",type:"date-picker",name:"日期",category:"input"},{id:"TimePicker",type:"time-picker",name:"时间选择",category:"input"},{id:"EnumField",type:"combo-list",name:"下拉列表",category:"input"},{id:"Dropdown",type:"dropdown",name:"下拉列表2",category:"input",icon:"combo-list"},{id:"NumberRange",type:"number-range",name:"数值区间",category:"input",icon:"number-spinner"},{id:"NumericBox",type:"number-spinner",name:"数值",category:"input"},{id:"CheckBox",type:"checkbox",name:"复选框组",category:"input",icon:"check-group"},{id:"RadioGroup",type:"radio-group",name:"单选组",category:"input"},{id:"SwitchField",type:"switch",name:"开关",category:"input"},{id:"Capsule",type:"capsule",name:"选项卡",category:"input",icon:"switch"},{id:"Image",type:"image",name:"图像",category:"input",updating:!0},{id:"LookupEdit",type:"lookup",name:"帮助",category:"input",updating:!0},{id:"RichTextBox",type:"rich-text-box",name:"富文本",category:"input",updating:!0},{id:"InputGroup",type:"input-group",name:"智能输入框",category:"input",updating:!0},{id:"LanguageTextBox",type:"language-text-box",name:"多语言输入框",category:"input",updating:!0},{id:"Tags",type:"tags",name:"标记组",category:"input",icon:"tag"},{id:"ColorPicker",type:"color-picker",name:"颜色选择器",category:"input",icon:"input-group"}]},{type:"dataCollection",name:"数据集合类控件",items:[{id:"Form",type:"response-form",name:"卡片面板",category:"dataCollection"},{id:"DataGrid",type:"data-grid",name:"表格",category:"dataCollection"},{id:"TreeGrid",type:"tree-grid",name:"树表格",category:"dataCollection",updating:!0},{id:"TreeView",type:"tree-view",name:"树列表",category:"dataCollection",icon:"tree-grid"},{id:"ListView",type:"list-view",name:"列表",category:"dataCollection"}]},{type:"command",name:"命令类控件",items:[{id:"Button",type:"button-group",name:"按钮",category:"command"},{id:"ResponseToolbar",type:"response-toolbar",name:"响应式工具条",category:"command",icon:"button-group"},{id:"NavTab",type:"nav-tab",name:"标签类导航",category:"command",updating:!0},{id:"FilterBar",type:"filter-bar",name:"筛选条",category:"commands",icon:"list-filter"},{id:"QuerySolution",type:"query-solution",name:"筛选方案",category:"commands",icon:"query-solution"}]},{type:"container",name:"容器类控件",items:[{id:"Tab",type:"tabs",name:"标签页区域",category:"container"},{id:"HtmlTemplate",type:"html-template",name:"模版容器",category:"container",updating:!0},{id:"ContentContainer",type:"content-container",name:"容器",category:"container"},{id:"Section",type:"section",name:"分组面板",category:"container"},{id:"Accordion",type:"accordion",name:"收折面板",category:"container",icon:"zhediezhankai"},{id:"FieldSet",type:"field-set",name:"分组",category:"container",updating:!0},{id:"ExternalContainer",type:"external-container",name:"外部容器",category:"container",icon:"content-container"},{id:"ModalContainer",type:"modal-container",name:"弹窗容器",category:"container",icon:"content-container",updating:!0},{id:"Nav",type:"nav",name:"导航",category:"container",icon:"list-nav"},{id:"ListNav",type:"list-nav",name:"列表导航",category:"container"},{id:"Header",type:"page-header",name:"页头",category:"container",icon:"page-header"},{id:"Footer",type:"page-footer",name:"页脚",category:"container",icon:"modal-footer"},{id:"Pagination",type:"pagination",name:"分页条",category:"container",icon:"header"},{id:"Splitter",type:"splitter",name:"分栏面板",category:"container"}]},{type:"business",name:"业务类控件",items:[{id:"Avatar",type:"avatar",name:"头像",category:"input"},{id:"Calendar",type:"calendar",name:"日程表",category:"dataCollection",icon:"date-picker"},{id:"DateView",type:"date-view",name:"日期导航",category:"commands",icon:"date-picker"},{id:"PersonnelSelector",type:"personnel-selector",name:"人员选择",category:"input",updating:!0},{id:"OrganizationSelector",type:"organization-selector",name:"组织选择",category:"input",updating:!0},{id:"Uploader",type:"uploader",name:"附件上传预览",category:"uploader",icon:"file-upload"},{id:"DiscussionEditor",type:"discussion-editor",name:"评论编辑区",category:"discussion",icon:"discussion-editor",updating:!0},{id:"DiscussionList",type:"discussion-list",name:"评论列表",category:"discussion",icon:"discussion-list",updating:!0},{id:"Steps",type:"step",name:"步骤条",category:"commands",icon:"steps"},{id:"SearchBox",type:"search-box",name:"搜索框",category:"commands",icon:"sousuo"},{id:"Progress",type:"progress",name:"进度条",category:"commands",icon:"liushuihao"},{id:"Rate",type:"rate",name:"评分",category:"commands",icon:"dingzhi"},{id:"Order",type:"order",name:"排序列",category:"commands",icon:"multi-select"},{id:"VerifyDetail",type:"verify-detail",name:"验证",category:"commands",icon:"approval-logs"},{id:"Transfer",type:"transfer",name:"穿梭框",category:"commands",icon:"multi-select"},{id:"Weather",type:"weather",name:"天气",category:"dataCollection",icon:"anheimoshi"},{id:"Wizard",type:"wizard",name:"向导",category:"container",updating:!0},{id:"ImageCropper",type:"image-cropper",name:"图片裁切",category:"container",icon:"image"}]},{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"}]},{type:"user-business",name:"用户业务组件",items:[{id:"SmokeDetector",type:"smoke-detector",name:"烟雾报警器",category:"command",icon:"response-layout-1"}]}],d=t.defineComponent({name:"FDesignerToolbox",props:r,emits:[],setup(o){const p=t.ref(c),i=t.ref(o.dragula);function s(e,a){a.isHide=!a.isHide}function y(e){return{"f-icon":!0,"f-icon-arrow-60-down":!e.isHide,"f-icon-arrow-e":e.isHide}}function l(e){return t.createVNode("div",{class:"card-header",onClick:a=>s(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:y(e)},null)]),t.createVNode("div",{class:"f-title f-utils-fill d-flex justify-content-between"},[t.createVNode("span",null,[e.name])])])])])])}function u(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},h=`fd_pc-${e.icon||e.type}`;return a[h]=!0,a}function g(e,a){return t.createVNode("div",{class:u(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 f(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 C(e){return!e.hideInControlBox&&t.createVNode("div",{class:"farris-panel-item card border-0"},[l(e),f(e)])}return t.watch(()=>o.dragula,e=>{var a;i.value=e,(a=i.value)==null||a.attachToolbox()}),()=>t.createVNode("div",{class:"controlBox f-utils-fill-flex-column"},[t.createVNode("div",{class:"farris-panel f-utils-fill-flex-column",style:"overflow:auto;"},[p.value.map(e=>C(e))])])}});n.FDesignerToolbox=d,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["designer-toolbox"]={},n.Vue))})(this,function(n,t){"use strict";const i={id:{type:String,default:""},dragula:{type:Object}},d=[{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:"InputGroup",type:"input-group",name:"智能输入框",category:"input"}]}],c=t.defineComponent({name:"FDesignerToolbox",props:i,emits:[],setup(r){const s=t.ref(d),o=t.ref(r.dragula);function l(e,a){a.isHide=!a.isHide}function p(e){return{"f-icon":!0,"f-icon-arrow-60-down":!e.isHide,"f-icon-arrow-e":e.isHide}}function u(e){return t.createVNode("div",{class:"card-header",onClick:a=>l(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:p(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 y(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:y(e)},null),t.createVNode("div",{class:"controlName"},[e.name])])])}function m(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 C(e){return!e.hideInControlBox&&t.createVNode("div",{class:"farris-panel-item card border-0"},[u(e),m(e)])}return t.watch(()=>r.dragula,e=>{var a;o.value=e,(a=o.value)==null||a.attachToolbox()}),()=>t.createVNode("div",{class:"controlBox f-utils-fill-flex-column"},[t.createVNode("div",{class:"farris-panel f-utils-fill-flex-column",style:"overflow:auto;"},[s.value.map(e=>C(e))])])}});n.FDesignerToolbox=c,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});