@farris/ui-vue 1.2.4 → 1.2.6

package/components/date-picker/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/date-picker/index.d.ts"
     }

package/components/designer-canvas/index.css

@@ -0,0 +1 @@
+.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex!important}.formEditor{width:100%;height:100%;overflow:hidden}.formEditor .mainContent{overflow:auto}.formEditor .toolbar{font-size:13px;background:#fff;display:flex;min-height:40px;align-items:center}.formEditor .toolbar .disable{color:#9ca5ad}.formEditor .viewTypePanel{padding:2px;background:#f0f3f9;border-radius:5px;display:flex;margin:5px 15px 5px 17px;height:28px;min-width:145px;cursor:pointer;color:#8da3ce;align-self:center}.formEditor .viewTypePanel>div{background:#f4f5f9;display:flex;text-align:center;align-items:center;padding:0 8px;border-radius:4px}.formEditor .viewTypePanel>div.active{color:#5b89fe;background:#fff;box-shadow:0 0 4px #a1b3ff5e}.formEditor .viewTypePanel>div>div{margin:0 auto;display:flex}.formEditor .viewTypePanel>div>div span{width:18px;height:15px;margin-right:4px}.formEditor .showTypePanel{padding:0 20px;height:30px;align-self:center;font-size:14px;color:#000;min-width:210px}.formEditor .showTypePanel .showTypeItem{padding:0 10px;cursor:pointer}.formEditor .showTypePanel .showTypeItem>div{padding:4px 4px 9px}.formEditor .showTypePanel .showTypeItem>div.active{border-bottom:2px solid #2a87ff;color:#5b89fe}.formEditor .dropdown-menu.show{z-index:1000}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component{border:dotted 2px transparent}.farris-component.farris-nested{padding:10px!important;border:dotted 2px #e8e8e8}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px!important;height:24px!important;color:#fff!important;background:#388fff!important}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:inherit}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff!important;background:#388fff!important}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff!important}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0!important;left:0!important}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff!important;border-left:2px dotted #388fff!important;border-right:2px dotted #388fff!important;border-bottom:2px dotted #388fff!important}.dgComponentSelected{border-top:2px solid #388fff!important;border-left:2px solid #388fff!important;border-right:2px solid #388fff!important;border-bottom:2px solid #388fff!important}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit;margin-bottom:15px}.f-page-is-mainsubcard .f-page-main .f-struct-wrapper{background:#fff}.editorDiv .f-page-navigate .f-page{position:absolute!important}.editorDiv .f-page-navigate .f-page.f-page-card .f-page-main>.drag-container{display:block;overflow:unset}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.smooth-dnd-ghost{z-index:1100!important}.editorDiv .farris-oa-page.f-page-card .f-page-main{display:block!important;overflow:auto!important}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.dropdown-menu.show{z-index:860}.f-struct-subsub-wrapper{padding-top:0!important}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840!important;pointer-events:none!important;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page:before{display:initial!important}.editorPanel .f-page .f-page-main{margin-right:.5rem!important;margin-left:.5rem!important;margin-bottom:.5rem!important}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem!important}.editorPanel .f-page .f-page-main .f-page-main{margin:0!important}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-avatar.f-avatar-circle{border-radius:100%;overflow:hidden;width:100px;height:100px;margin:0 auto}.f-avatar.f-avatar-circle .f-avatar-image{display:inline-block;width:100%;height:100%}.ide-image img{width:inherit;height:100px;max-width:inherit;max-height:inherit}.ide-numeric-box .input-group .btn-group-number{height:1.50003rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;background-color:#fff;border-left:1px solid #d9d9d9}.ide-numeric-box .input-group .btn-group-number .btn-number-flag{height:50%;display:-webkit-box;display:flex;box-shadow:none;padding:0 5px;margin-left:1px;overflow:hidden;-webkit-transition:.1s linear;transition:.1s linear}.ide-numeric-box .input-group .btn-group-number .btn-number-flag .number-arrow-chevron{-webkit-box-flex:1;flex:1;line-height:1}.ide-numeric-box .input-group .btn-group-number .btn-number-flag:hover{height:60%!important}.ide-numeric-box .input-group .btn-group-number .btn-number-flag:nth-child(2){border-top:1px solid #d9d9d9}.ide-numeric-box input::-webkit-inner-spin-button,.ide-numeric-box input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}.ide-numeric-box .input-group .btn-group-number .number-arrow-chevron{height:unset}.ide-rich-text-box .f-form-control-textarea{padding:0;border:0;max-width:100%;width:100%;height:auto}.ide-number-range .number-range{position:relative}.ide-number-range .number-range .input-container{display:flex;padding:0;align-items:center}.ide-number-range .number-range .input-container .sub-input-group{-webkit-box-flex:1;flex:1;position:relative;display:-webkit-box;display:flex;-webkit-transition:.3s ease-out;transition:.3s ease-out}.ide-number-range .number-range .input-container .sub-input-group .sub-input{width:100%;border:none;outline:0;background-color:#0000;min-width:2px;padding:.125rem 4px .125rem .5rem}.ide-number-range .number-range .input-container .spliter{width:15px;text-align:center}.f-table-has-form .ide-number-range{height:100%}.f-cmp-inputgroup.ide-input-group .f-state-disabled .input-group-append{display:flex}.ide-external-container,.ide-cmp-route-container{min-height:100px;background:#fafafa;height:100%;width:100%;display:inline-block}.ide-external-container:before,.ide-cmp-route-container:before{content:"";width:2em;height:2em;-webkit-font-smoothing:antialiased;font-size:2rem;font-weight:400;line-height:1;display:inline-block;color:#ccc;position:absolute;left:50%;top:50%;margin-left:-1rem;margin-top:-1rem}.ide-external-container:before{content:"";font-family:FarrisExtend}.ide-cmp-route-container:before{content:"";font-family:FarrisIcons}.farris-component-ModalContainer .ide-external-container{min-height:70px}.farris-component-Sidebar{position:initial!important;min-height:auto;margin-bottom:0}.farris-component-Sidebar.farris-nested{padding:0!important;border:none!important}.f-sidebar-pos-right.f-sidebar-show .f-sidebar-main,.f-sidebar-pos-left.f-sidebar-show .f-sidebar-main{transform:None!important}.f-viewchange-view-none{display:none!important}.ide-cmp-section .f-section-header .f-section-header--btn-placeholder{position:absolute;display:-webkit-inline-box;display:inline-flex;top:-30px;left:0;opacity:0;overflow:hidden;z-index:-90}.ide-cmp-section .f-section-content .toolbar-btn-inline-flex,.ide-cmp-section .f-section-header .toolbar-btn-inline-flex{display:-webkit-inline-box;display:inline-flex;overflow:hidden}.ide-cmp-section .f-section-header--toolbar{-webkit-box-flex:1;flex:1;-webkit-box-align:center;align-items:center;width:30%;display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end;margin-left:.875rem}.ide-cmp-section .f-section-content--toolbar{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;overflow:auto}.ide-cmp-modal-footer .f-toolbar,.ide-cmp-header .f-toolbar,.ide-cmp-section .f-section-header .f-toolbar{justify-content:normal}.ide-cmp-section.f-section-accordion.f-state-collapse>.f-section-content{display:none}.ide-cmp-fieldSet .f-section-formgroup-inputs.drag-container{display:flex;flex-wrap:wrap}.ide-cmp-fieldSet.f-section-formgroup.f-state-collapse .f-section-formgroup-inputs{display:none}.farris-component-Form>.drag-container>.farris-component-FieldSet{margin-top:10px;margin-bottom:10px}.ide-dataGrid .header-cell{height:2.1875rem;overflow:hidden;padding:.4375rem 0;white-space:nowrap;width:120px;flex-shrink:0;background-color:#f4f5f9}.ide-dataGrid .header-cell:hover{border-right:2px solid #388FFF;background:#edf5ff}.ide-dataGrid .header-cell .caption{border-right:1px solid #E6E9F0!important;padding:0 .75rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.farris-component-DataGrid .cardViewPanel .farris-component-Component{flex-grow:1!important;flex-shrink:1!important;flex-basis:auto!important}.farris-component-DataGrid .cardViewPanel .farris-component-Component .f-page{position:absolute!important}.farris-component-ModalFooter .ide-cmp-modal-footer.showtype-sidebar .fe-modal-footer-base{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;background:#fff;padding:.875rem 1.5rem;box-shadow:none}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.ide-cmp-tag .k-icon.k-i-close{font-size:12px}.ide-cmp-tag .k-icon.k-i-close:hover{cursor:pointer}.ide-cmp-tag .btn{margin-left:5px}.ide-cmp-tag .farris-tag-disabled{cursor:text}.ide-cmp-multi-select{min-height:200px}.f-multi-select-list .search{position:relative}.f-multi-select-list .search .form-control{line-height:1.875;height:1.875;outline:none}.ide-cmp-collapsible-area.f-state-expand .fe-collapsible-container{height:auto}.ide-cmp-collapsible-area.f-state-collapse .fe-collapsible-container{height:0}.ide-cmp-collapsible-area .fe-collapsible-icon-container{cursor:pointer}.ide-cmp-dynamic-area.f-component-tabs .farris-tabs-title{align-items:center}.ide-cmp-dynamic-area.f-component-tabs .addPanel span{font-size:18px;text-align:center;width:1.875rem;height:1.875rem;line-height:1.875rem;background-color:#fff;color:#85888e;border:1px solid #85888e}.ide-cmp-dynamic-area .farris-nav-tabs .nav-item .st-drop-close{opacity:0}.ide-cmp-dynamic-area .farris-nav-tabs .nav-item:hover .st-drop-close{opacity:.6}.ide-cmp-dynamic-area .ide-external-container.add-dynamic:before{content:""}.ide-cmp-table.table .widget-panel{position:absolute;bottom:0;right:0;color:#fff;background:#388fff!important;padding:3px 1px 1px 4px;z-index:300;display:none}.ide-cmp-table.table td{position:relative}.ide-cmp-table.table td.dgComponentSelected .widget-panel{display:block}.ide-cmp-spreadsheet,.ide-cmp-charts{display:flex;align-items:center;justify-content:center}.ide-cmp-spreadsheet img{width:100%;height:100%;max-width:178px;max-height:132px}.ide-cmp-charts img{width:100%;height:100%;max-width:780px;max-height:271px}.f-toolbar.farris-component-ToolBar{min-height:20px}.toolbar-drag.sortable-toolbar-container .component-btn-group{display:none!important}.toolbar-drag .sortable-mirror{width:0!important}.toolbar-drag .sortable-mirror.sortable-chosen .btn.dropdown-toggle.dropdown-toggle-split{display:none}.toolbar-drag .btn-primary.disabled+.dropdown-toggle,.toolbar-drag .btn-secondary.disabled+.dropdown-toggle{color:#878d99;background:#eaecf3;border-color:#dee1ea}.ide-header-toolbar-lg .toolbar-drag .btn:not(.component-settings-button):not(.dropdown-toggle){padding:.25rem 1.125rem;font-size:.875rem;line-height:1.4286;border-radius:3px}.ide-header-toolbar-lg .toolbar-drag .btn.dropdown-toggle.dropdown-toggle-split{padding-top:.25rem;padding-bottom:.25rem;font-size:.875rem}.toolbar-drag .cascadeToolbar .btn:not(.component-settings-button){padding-right:30px}.farris-component-Tab .farris-tabs .farris-tabs-header .farris-tabs-title.scroll-tabs .nav-item{background-color:#fff}.farris-component-Tab .farris-tabs .farris-tabs-header .farris-tabs-title.scroll-tabs .nav-item.gu-mirror{position:fixed!important}.farris-component-Tab .farris-tabs .farris-tabs-header .farris-tabs-title.scroll-tabs .farris-nav-tabs.gu-unselectable .component-btn-group{display:none}.farris-component-Tab .farris-tabs .farris-tabs-header.farris-tabs-inContent.hasToolbar .farris-tabs-toolbar{width:100%}.farris-component-Tab .farris-tabs .farris-tabs-header.farris-tabs-inContent .farris-tabs-toolbar .farris-tabs-inline-flex{display:flex}.f-page.f-page-card .f-struct-like-card>.drag-container,.f-component-splitter-pane.f-page-content-main{padding-top:10px;padding-bottom:10px}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px!important}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-mainsubcard,.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-main{height:100%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section.f-section-fill>.f-section-content{flex-basis:0%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill .farris-tabs-body>.farris-component-Component{flex:1}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill .farris-tabs-body .f-section.ide-cmp-section{overflow:unset}

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

@@ -1,4 +1,4 @@
-import { ref as H, defineComponent as Be, computed as ve, createVNode as J, createTextVNode as ht, inject as ie, provide as ye, watch as Ge, onMounted as ze, onBeforeUnmount as yt, mergeProps as Ae, isVNode as Ct } from "vue";
+import { ref as H, defineComponent as Be, computed as ve, createVNode as J, createTextVNode as ht, inject as re, provide as ye, watch as Ge, onMounted as ze, onBeforeUnmount as yt, mergeProps as Ae, isVNode as Ct } from "vue";
 import { findIndex as Me, cloneDeep as Dt } from "lodash-es";
 import bt from "@farris/ui-vue/components/accordion";
 import wt from "@farris/ui-vue/components/avatar";
@@ -285,7 +285,7 @@ var Ke = { exports: {} };
                 var U = Ce(N);
                 if (U === !1)
                   return !1;
-                var re = He(N, n), ee = Xe(N, re, u, d), oe = Te(N, ee);
+                var ie = He(N, n), ee = Xe(N, ie, u, d), oe = Te(N, ee);
                 return oe ? !0 : M.accepts(k, N, E, ee);
               }
             }
@@ -295,8 +295,8 @@ var Ke = { exports: {} };
               n.preventDefault();
               var u = L("clientX", n) || 0, d = L("clientY", n) || 0;
               v.style.left = u - 2 + "px", v.style.top = d - 2 + "px";
-              var N = q || k, $ = g(v, u, d), U = qe($, u, d), re = U !== null && U !== ue;
-              (re || U === null) && (ne(), ue = U, ce()), vt($, d);
+              var N = q || k, $ = g(v, u, d), U = qe($, u, d), ie = U !== null && U !== ue;
+              (ie || U === null) && (ne(), ue = U, ce()), vt($, d);
               var ee = y(N);
               if (U === E && q && !M.copySortSource) {
                 ee && ee.removeChild(N);
@@ -311,12 +311,12 @@ var Ke = { exports: {} };
                 q && ee && ee.removeChild(N), q && O && (O.style.display = "none");
                 return;
               }
-              O.style.display = "block", rt(oe, N, re), oe ? mt(ae, oe) : dt(U);
+              O.style.display = "block", rt(oe, N, ie), oe ? mt(ae, oe) : dt(U);
               function Q(Z) {
                 G.emit(Z, N, ue, E);
               }
               function ce() {
-                re && Q("over");
+                ie && Q("over");
               }
               function ne() {
                 ue && Q("out");
@@ -362,8 +362,8 @@ var Ke = { exports: {} };
               if ($)
                 return !0;
               if (u) {
-                var U = getComputedStyle(u), re = U.getPropertyValue("display");
-                if (/flex$/.test(re)) {
+                var U = getComputedStyle(u), ie = U.getPropertyValue("display");
+                if (/flex$/.test(ie)) {
                   var ee = U.getPropertyValue("flex-direction") || "row";
                   if (ee === "row" || ee === "row-reverse")
                     return !pt(u);
@@ -424,8 +424,8 @@ var Ke = { exports: {} };
               }
             }
             function Xe(n, u, d, N) {
-              var $ = M.direction === "horizontal", U = M.direction === "mixed", re = u !== n ? oe() : ee();
-              return re;
+              var $ = M.direction === "horizontal", U = M.direction === "mixed", ie = u !== n ? oe() : ee();
+              return ie;
               function ee() {
                 var Q = n.children.length, ce, ne, Z;
                 for (ce = 0; ce < Q; ce++)
@@ -1057,7 +1057,7 @@ const Ne = /* @__PURE__ */ Be({
   props: In,
   emits: ["selectionChange"],
   setup(w, f) {
-    const t = H(`${w.modelValue.id}-component`), D = H(w.canMove), B = H(w.canDelete), l = H(!1), h = H(w.modelValue), T = H(w.componentId || ""), p = H(""), x = H(""), b = H(), C = ie("canvas-dragula"), a = H(), e = ie("design-item-context"), o = {
+    const t = H(`${w.modelValue.id}-component`), D = H(w.canMove), B = H(w.canDelete), l = H(!1), h = H(w.modelValue), T = H(w.componentId || ""), p = H(""), x = H(""), b = H(), C = re("canvas-dragula"), a = H(), e = re("design-item-context"), o = {
       designerItemElementRef: b,
       componentInstance: a,
       schema: h.value,
@@ -1065,9 +1065,11 @@ const Ne = /* @__PURE__ */ Be({
       setupContext: f
     };
     ye("design-item-context", o);
-    const c = ie("useFormSchema"), g = ve(() => {
+    const c = re("useFormSchema"), g = ve(() => {
       const s = w.modelValue.appearance && w.modelValue.appearance.class || "", v = {
         "farris-component": !0,
+        // 受position-relative影响，整个容器的高度不能被撑起
+        "flex-fill": h.value.id == "root-component",
         "position-relative": D.value && B.value,
         "farris-nested": l.value,
         "can-move": D.value,
@@ -1230,12 +1232,13 @@ const Ne = /* @__PURE__ */ Be({
       schema: D.value,
       parent: void 0
     }), ye("designer-host-service", {
-      eventsEditorUtils: ie("eventsEditorUtils"),
-      formSchemaUtils: ie("useFormSchema"),
-      formMetadataConverter: ie("formMetadataConverter"),
-      designViewModelUtils: ie("designViewModelUtils"),
-      controlCreatorUtils: ie("controlCreatorUtils"),
-      metadataService: ie("Meatdata_Http_Service_Token")
+      eventsEditorUtils: re("eventsEditorUtils"),
+      formSchemaUtils: re("useFormSchema"),
+      formMetadataConverter: re("formMetadataConverter"),
+      designViewModelUtils: re("designViewModelUtils"),
+      controlCreatorUtils: re("controlCreatorUtils"),
+      metadataService: re("Meatdata_Http_Service_Token"),
+      schemaService: re("schemaService")
     });
     const x = ve(() => ({
       "d-flex": !0,
@@ -1255,7 +1258,7 @@ const Ne = /* @__PURE__ */ Be({
     return () => J("div", {
       class: "editorDiv flex-fill h-100"
     }, [J("div", {
-      class: "editorPanel d-flex flex-fill flex-column PC f-area-response f-area-response--sm f-area-response--md f-area-response--lg"
+      class: "editorPanel d-flex flex-fill flex-column PC"
     }, [J("div", {
       ref: B,
       class: x.value
@@ -1429,8 +1432,8 @@ function Uo(w, f, t) {
   }
   function X(i) {
   }
-  function _() {
-    return t && t.getPropsConfig ? t.getPropsConfig() : [];
+  function _(...i) {
+    return t && t.getPropsConfig ? t.getPropsConfig(...i) : [];
   }
   return l.value = {
     canMove: h(),

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

@@ -1 +1 @@
-(function(g,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es"),require("@farris/ui-vue/components/accordion"),require("@farris/ui-vue/components/avatar"),require("@farris/ui-vue/components/button-edit"),require("@farris/ui-vue/components/button-group"),require("@farris/ui-vue/components/calendar"),require("@farris/ui-vue/components/capsule"),require("@farris/ui-vue/components/checkbox"),require("@farris/ui-vue/components/color-picker"),require("@farris/ui-vue/components/combo-list"),require("@farris/ui-vue/components/content-container"),require("@farris/ui-vue/components/data-grid"),require("@farris/ui-vue/components/date-picker"),require("@farris/ui-vue/components/dropdown"),require("@farris/ui-vue/components/dynamic-form"),require("@farris/ui-vue/components/external-container"),require("@farris/ui-vue/components/events-editor"),require("@farris/ui-vue/components/filter-bar"),require("@farris/ui-vue/components/image-cropper"),require("@farris/ui-vue/components/input-group"),require("@farris/ui-vue/components/layout"),require("@farris/ui-vue/components/list-nav"),require("@farris/ui-vue/components/list-view"),require("@farris/ui-vue/components/lookup"),require("@farris/ui-vue/components/nav"),require("@farris/ui-vue/components/number-spinner"),require("@farris/ui-vue/components/number-range"),require("@farris/ui-vue/components/order"),require("@farris/ui-vue/components/page-header"),require("@farris/ui-vue/components/page-footer"),require("@farris/ui-vue/components/pagination"),require("@farris/ui-vue/components/progress"),require("@farris/ui-vue/components/query-solution"),require("@farris/ui-vue/components/radio-group"),require("@farris/ui-vue/components/rate"),require("@farris/ui-vue/components/response-toolbar"),require("@farris/ui-vue/components/response-layout"),require("@farris/ui-vue/components/response-layout-editor"),require("@farris/ui-vue/components/search-box"),require("@farris/ui-vue/components/section"),require("@farris/ui-vue/components/smoke-detector"),require("@farris/ui-vue/components/splitter"),require("@farris/ui-vue/components/step"),require("@farris/ui-vue/components/switch"),require("@farris/ui-vue/components/tabs"),require("@farris/ui-vue/components/tags"),require("@farris/ui-vue/components/text"),require("@farris/ui-vue/components/time-picker"),require("@farris/ui-vue/components/transfer"),require("@farris/ui-vue/components/tree-view"),require("@farris/ui-vue/components/uploader"),require("@farris/ui-vue/components/verify-detail"),require("@farris/ui-vue/components/weather"),require("@farris/ui-vue/components/component"),require("@farris/ui-vue/components/video"),require("@farris/ui-vue/components/textarea")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","@farris/ui-vue/components/accordion","@farris/ui-vue/components/avatar","@farris/ui-vue/components/button-edit","@farris/ui-vue/components/button-group","@farris/ui-vue/components/calendar","@farris/ui-vue/components/capsule","@farris/ui-vue/components/checkbox","@farris/ui-vue/components/color-picker","@farris/ui-vue/components/combo-list","@farris/ui-vue/components/content-container","@farris/ui-vue/components/data-grid","@farris/ui-vue/components/date-picker","@farris/ui-vue/components/dropdown","@farris/ui-vue/components/dynamic-form","@farris/ui-vue/components/external-container","@farris/ui-vue/components/events-editor","@farris/ui-vue/components/filter-bar","@farris/ui-vue/components/image-cropper","@farris/ui-vue/components/input-group","@farris/ui-vue/components/layout","@farris/ui-vue/components/list-nav","@farris/ui-vue/components/list-view","@farris/ui-vue/components/lookup","@farris/ui-vue/components/nav","@farris/ui-vue/components/number-spinner","@farris/ui-vue/components/number-range","@farris/ui-vue/components/order","@farris/ui-vue/components/page-header","@farris/ui-vue/components/page-footer","@farris/ui-vue/components/pagination","@farris/ui-vue/components/progress","@farris/ui-vue/components/query-solution","@farris/ui-vue/components/radio-group","@farris/ui-vue/components/rate","@farris/ui-vue/components/response-toolbar","@farris/ui-vue/components/response-layout","@farris/ui-vue/components/response-layout-editor","@farris/ui-vue/components/search-box","@farris/ui-vue/components/section","@farris/ui-vue/components/smoke-detector","@farris/ui-vue/components/splitter","@farris/ui-vue/components/step","@farris/ui-vue/components/switch","@farris/ui-vue/components/tabs","@farris/ui-vue/components/tags","@farris/ui-vue/components/text","@farris/ui-vue/components/time-picker","@farris/ui-vue/components/transfer","@farris/ui-vue/components/tree-view","@farris/ui-vue/components/uploader","@farris/ui-vue/components/verify-detail","@farris/ui-vue/components/weather","@farris/ui-vue/components/component","@farris/ui-vue/components/video","@farris/ui-vue/components/textarea"],a):(g=typeof globalThis<"u"?globalThis:g||self,a(g["designer-canvas"]={},g.Vue,g.LodashES,g.FAccordion,g.FAvatar,g.FButtonEdit,g.FButtonGroup,g.FCalendar,g.FCapsule,g.FCheckbox,g.FColorPicker,g.FComboList,g.FContentContainer,g.FDataGrid,g.FDatePicker,g.FDropdown,g.FDynamicForm,g.FExteranlContainer,g.FEventsEditor,g.FFilterBar,g.FImageCropper,g.FInputGroup,g.FLayout,g.FListNav,g.FListView,g.FLookup,g.FNav,g.FNumberSpinner,g.FNumberRange,g.FOrder,g.FPageHeader,g.FPageFooter,g.FPagination,g.FProgress,g.FQuerySolution,g.FRadioGroup,g.FRate,g.FResponseToolbar,g.FResponseLayout,g.FResponseLayoutEditorSetting,g.FSearchBox,g.FSection,g.FSmokeDetector,g.FSplitter,g.FStep,g.FSwitch,g.FTab,g.FTags,g.FText,g.FTimePicker,g.FTransfer,g.FTreeview,g.FUploader,g.FVerifyDetail,g.FWeather,g.FComponent,g.FVideo,g.FTextArea))})(this,function(g,a,ve,Ye,Ge,ze,Je,Ke,Qe,Ze,Re,en,nn,tn,rn,on,an,cn,sn,un,ln,fn,pn,dn,mn,vn,gn,hn,yn,Cn,Dn,wn,Sn,Tn,bn,En,Nn,Fn,Pn,In,Mn,qn,An,Bn,kn,xn,Vn,On,_n,Ln,jn,$n,Un,Hn,Xn,Wn,Yn,Gn){"use strict";const fe=a.ref(0);function zn(b,p){const n=p.getBoundingClientRect(),S=b.getBoundingClientRect(),k=S.top>=n.top,u=S.top<=n.bottom;return k&&u}function Pe(b){if(!b)return;let p;if(b.className.includes("dgComponentSelected")?p=b:p=b.querySelector(".dgComponentSelected"),!p)return;const n=p.getBoundingClientRect();if(n.width===0&&n.height===0)return;const S=p.querySelector(".component-btn-group");if(S){if(!zn(p,b)){S.style.display="none";return}S.style.display="";const u=S.getBoundingClientRect(),C=S.querySelector("div");if(C){const N=C.getBoundingClientRect();C.style.top=u.top+"px",C.style.left=u.left-N.width+"px"}}}const Ie={modelValue:{type:Object,default:{}},componentId:{type:String,default:""}};var ie=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Jn(b){return b&&b.__esModule&&Object.prototype.hasOwnProperty.call(b,"default")?b.default:b}function ge(b){throw new Error('Could not dynamically require "'+b+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var Me={exports:{}};(function(b,p){(function(n){b.exports=n()})(function(){return function(){function n(S,k,u){function C(x,T){if(!k[x]){if(!S[x]){var w=typeof ge=="function"&&ge;if(!T&&w)return w(x,!0);if(N)return N(x,!0);var c=new Error("Cannot find module '"+x+"'");throw c.code="MODULE_NOT_FOUND",c}var e=k[x]={exports:{}};S[x][0].call(e.exports,function(r){var s=S[x][1][r];return C(s||r)},e,e.exports,n,S,k,u)}return k[x].exports}for(var N=typeof ge=="function"&&ge,d=0;d<u.length;d++)C(u[d]);return C}return n}()({1:[function(n,S,k){var u={},C="(?:^|\\s)",N="(?:\\s|$)";function d(w){var c=u[w];return c?c.lastIndex=0:u[w]=c=new RegExp(C+w+N,"g"),c}function x(w,c){var e=w.className;e.length?d(c).test(e)||(w.className+=" "+c):w.className=c}function T(w,c){w.className=w.className.replace(d(c)," ").trim()}S.exports={add:x,rm:T}},{}],2:[function(n,S,k){(function(u){var C=n("contra/emitter"),N=n("crossvent"),d=n("./classes"),x=document,T=x.documentElement;function w(o,$){var f=arguments.length;f===1&&Array.isArray(o)===!1&&($=o,o=[]);var h,F,V,J,G,R,ne,X,de,se=null,me,_,ue=!1,le=0,K,A=$||{};A.moves===void 0&&(A.moves=j),A.accepts===void 0&&(A.accepts=j),A.invalid===void 0&&(A.invalid=dt),A.containers===void 0&&(A.containers=o||[]),A.isContainer===void 0&&(A.isContainer=M),A.copy===void 0&&(A.copy=!1),A.copySortSource===void 0&&(A.copySortSource=!1),A.revertOnSpill===void 0&&(A.revertOnSpill=!1),A.removeOnSpill===void 0&&(A.removeOnSpill=!1),A.direction===void 0&&(A.direction="vertical"),A.ignoreInputTextSelection===void 0&&(A.ignoreInputTextSelection=!0),A.mirrorContainer===void 0&&(A.mirrorContainer=x.body);var z=C({containers:A.containers,start:pt,end:_e,cancel:Ue,remove:$e,destroy:st,canMove:ft,dragging:!1});return A.removeOnSpill===!0&&z.on("over",vt).on("out",gt),ke(),z;function ye(t){return z.containers.indexOf(t)!==-1||A.isContainer(t)}function ke(t){var l=t?"remove":"add";r(T,l,"mousedown",ut),r(T,l,"mouseup",we)}function Ce(t){var l=t?"remove":"add";r(T,l,"mousemove",lt)}function xe(t){var l=t?"remove":"add";N[l](T,"selectstart",Ve),N[l](T,"click",Ve)}function st(){ke(!0),we({})}function Ve(t){me&&t.preventDefault()}function ut(t){J=t.clientX,G=t.clientY;var l=s(t)!==1||t.metaKey||t.ctrlKey;if(!l){var v=t.target,B=De(v);B&&(me=B,Ce(),t.type==="mousedown"&&(i(v)?v.focus():t.preventDefault()))}}function lt(t){if(me){if(s(t)===0){we({});return}if(!(t.clientX!==void 0&&Math.abs(t.clientX-J)<=(A.slideFactorX||0)&&t.clientY!==void 0&&Math.abs(t.clientY-G)<=(A.slideFactorY||0))){if(A.ignoreInputTextSelection){var l=L("clientX",t)||0,v=L("clientY",t)||0,B=x.elementFromPoint(l,v);if(i(B))return}var U=me;Ce(!0),xe(),_e(),Oe(U),d.add(X||V,"gu-transit"),yt(),ht(),le=0,be(t)}}}function De(t){if(!(z.dragging&&h)&&!ye(t)){for(var l=t;D(t)&&ye(D(t))===!1;)if(A.invalid(t,l)||(t=D(t),!t))return;var v=D(t);if(v&&!A.invalid(t,l)){var B=A.moves(t,v,l,m(t));if(B)return{item:t,source:v}}}}function ft(t){return!!De(t)}function pt(t){var l=De(t);l&&Oe(l)}function Oe(t){Nt(t.item,t.source)&&(X=t.item.cloneNode(!0),z.emit("cloned",X,t.item,"copy")),F=t.source,V=t.item,R=ne=m(t.item),z.dragging=!0,z.emit("drag",V,F)}function dt(){return!1}function _e(){if(z.dragging){var t=X||V;je(t,D(t))}}function Le(){me=!1,Ce(!0),xe(!0)}function we(t){if(Le(),!!z.dragging){var l=X||V,v=L("clientX",t)||0,B=L("clientY",t)||0,U=y(h,v,B),H=He(U,v,B);H&&(X&&A.copySortSource||!X||H!==F)?je(l,H):A.removeOnSpill?$e():Ue()}}function je(t,l){var v=D(t);X&&A.copySortSource&&l===F&&v.removeChild(V),Te(l)?z.emit("cancel",t,F):z.emit("drop",t,l,F,ne),Se()}function $e(){if(z.dragging){var t=X||V,l=D(t);l&&l.removeChild(t),z.emit(X?"cancel":"remove",t,l,F),Se()}}function Ue(t){if(z.dragging){var l=arguments.length>0?t:A.revertOnSpill,v=X||V,B=D(v),U=Te(B);U===!1&&l&&(X?B&&B.removeChild(X):F.insertBefore(v,R)),U||l?z.emit("cancel",v,F,F):z.emit("drop",v,B,F,ne),Se()}}function Se(){var t=X||V;Le(),Ct(),Dt(),t&&d.rm(t,"gu-transit"),de&&clearTimeout(de),z.dragging=!1,se&&z.emit("out",t,se,F),z.emit("dragend",t,le),F=V=X=R=ne=de=se=null}function Te(t,l){var v;return l!==void 0?v=l:h?v=ne:v=m(X||V),t===F&&v===R}function He(t,l,v){for(var B=t;B&&!U();)B=D(B);return B;function U(){var H=ye(B);if(H===!1)return!1;var oe=Xe(B,t),ee=We(B,oe,l,v),re=Te(B,ee);return re?!0:A.accepts(V,B,F,ee)}}function be(t){if(!h)return;t.preventDefault();var l=L("clientX",t)||0,v=L("clientY",t)||0;h.style.left=l-2+"px",h.style.top=v-2+"px";var B=X||V,U=y(h,l,v),H=He(U,l,v),oe=H!==null&&H!==se;(oe||H===null)&&(te(),se=H,ce()),Et(U,v);var ee=D(B);if(H===F&&X&&!A.copySortSource){ee&&ee.removeChild(B);return}var re,ae=Xe(H,U);if(ue=wt(ae,H),ae!==null)re=We(H,ae,l,v);else if(A.revertOnSpill===!0&&!X)re=R,H=F;else{X&&ee&&ee.removeChild(B),X&&_&&(_.style.display="none");return}_.style.display="block",mt(re,B,oe),re?Tt(ae,re):bt(H);function Q(Z){z.emit(Z,B,se,F)}function ce(){oe&&Q("over")}function te(){se&&Q("out")}}function mt(t,l,v){(t===l||t===m(l))&&(ne=m(l)),(t===null&&v||t!==l&&t!==m(l))&&(ne=t)}function vt(t){d.rm(t,"gu-hide")}function gt(t){z.dragging&&d.add(t,"gu-hide")}function ht(){h||(h=document.createElement("div"),h.style="background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;",h.innerHTML=A.getMirrorText&&A.getMirrorText(V)||"控件",d.add(h,"gu-mirror"),A.mirrorContainer.appendChild(h),r(T,"add","mousemove",be),d.add(A.mirrorContainer,"gu-unselectable"),z.emit("cloned",h,V,"mirror"))}function yt(){if(_=document.createElement("div"),d.add(_,"gu-insertion"),V){var t=V.getBoundingClientRect();_.style.left=t.left+"px",_.style.top=t.top+"px"}ue=!1,A.mirrorContainer.appendChild(_)}function Ct(){h&&(d.rm(A.mirrorContainer,"gu-unselectable"),r(T,"remove","mousemove",be),D(h).removeChild(h),h=null)}function Dt(){_&&(D(_).removeChild(_),_=null)}function Xe(t,l){for(var v=l;v!==t&&D(v)!==t;)v=D(v);return v===T?null:v}function wt(t,l){if(!l)return ue;var v=t||l&&l.lastElementChild;if(!v)return!0;var B=getComputedStyle(t),U=/^inline/.test(B.getPropertyValue("display"))||/^(left|right)$/.test(B.getPropertyValue("float"));if(U)return!0;if(l){var H=getComputedStyle(l),oe=H.getPropertyValue("display");if(/flex$/.test(oe)){var ee=H.getPropertyValue("flex-direction")||"row";if(ee==="row"||ee==="row-reverse")return!St(l)}return!1}return!0}function St(t){if(!t.children||!t.children.length)return!1;for(const l of Array.from(t.children)){const B=(l.className&&l.className.split(" ")||[]).filter(U=>/^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(U));if(!B.length)return!1;for(const U of B){const H=U.slice(U.lastIndexOf("-")+1);if(parseInt(H,10)!==12)return!1}}return!0}function Tt(t,l){const v=l.getBoundingClientRect();if(_.style.left=v.left+"px",_.style.top=v.top+"px",ue){if(_.style.height=v.height+"px",_.style.width="4px",t){const B=t.getBoundingClientRect();B.top!==v.top&&(_.style.left=B.right+"px",_.style.top=B.top+"px",_.style.height=B.height+"px")}}else if(_.style.height="4px",_.style.width=v.width+"px",K){const B=K.getBoundingClientRect();v.top<B.top&&(_.style.display="none")}l===V&&V&&(_.style.display="none")}function bt(t){ne=null;var l=t.lastElementChild;if(l){var v=l.getBoundingClientRect();ue?(_.style.left=v.right+"px",_.style.top=v.top+"px",_.style.height=v.height+"px",_.style.width="4px"):(_.style.left=v.left+"px",_.style.top=v.bottom+"px",_.style.height="4px",_.style.width=v.width+"px"),l===V&&V&&(_.style.display="none")}else _.style.display="none"}function Et(t,l){if(!A.mirrorContainer.contains(t)||!window.scrollContainerList||!Array.from(window.scrollContainerList).length||(K=c(t),!K||!K.contains(t)))return;const v=document.querySelector(".dgComponentSelected"),B=K.getBoundingClientRect();if(l-30<B.top&&K.scrollTop>0){let U=K.scrollTop<10?K.scrollTop:10;K.scrollBy(0,-1*U),v&&K.contains(v)&&(le=le+-1*U)}if(l+30>B.bottom&&K.scrollTop<K.scrollHeight-K.clientHeight){const U=K.scrollHeight-K.clientHeight-K.scrollTop;let H=U<10?U:10;K.scrollBy(0,H),v&&K.contains(v)&&(le=le+H)}}function We(t,l,v,B){var U=A.direction==="horizontal",H=A.direction==="mixed",oe=l!==t?re():ee();return oe;function ee(){var Q=t.children.length,ce,te,Z;for(ce=0;ce<Q;ce++)if(te=t.children[ce],Z=te.getBoundingClientRect(),U&&Z.left+Z.width/2>v||!H&&!U&&Z.top+Z.height/2>B||H&&Z.left+Z.width>v&&Z.top+Z.height>B)return te;return null}function re(){var Q=l.getBoundingClientRect();if(H){var ce=B-Q.top,te=v-Q.left,Z=Q.bottom-B,Ee=Q.right-v,Ne=Math.min(te,Ee,ce,Z),Fe;return ue?Fe=Ee<te:Fe=Z===Ne||Ee===Ne||te===Ne,ae(Fe)}return ae(U?v>Q.left+W(Q)/2:B>Q.top+O(Q)/2)}function ae(Q){return Q?m(l):l}}function Nt(t,l){return typeof A.copy=="boolean"?A.copy:A.copy(t,l)}}function c(o){const $=Array.from(window.scrollContainerList);if($.length===1){const h=Array.from(window.scrollContainerList)[0];return document.getElementById(h)}const f=e($);for(const h of f)if(h.contains(o))return h;return null}function e(o){const $=[];return o.forEach(f=>{const h=document.getElementById(f);h&&$.push(h)}),$.sort((f,h)=>f.contains(h)?1:h.contains(f)?-1:0),$}function r(o,$,f,h){var F={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},V={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},J={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};u.navigator.pointerEnabled?N[$](o,V[f],h):u.navigator.msPointerEnabled?N[$](o,J[f],h):(N[$](o,F[f],h),N[$](o,f,h))}function s(o){if(o.touches!==void 0)return o.touches.length;if(o.which!==void 0&&o.which!==0)return o.which;if(o.buttons!==void 0)return o.buttons;var $=o.button;if($!==void 0)return $&1?1:$&2?3:$&4?2:0}function y(o,$,f){o=o||{};var h=o.className||"",F;return o.className+=" gu-hide",F=x.elementFromPoint($,f),o.className=h,F}function M(){return!1}function j(){return!0}function W(o){return o.width||o.right-o.left}function O(o){return o.height||o.bottom-o.top}function D(o){return o.parentNode===x?null:o.parentNode}function i(o){return o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.tagName==="SELECT"||E(o)}function E(o){return!o||o.contentEditable==="false"?!1:o.contentEditable==="true"?!0:E(D(o))}function m(o){return o.nextElementSibling||$();function $(){var f=o;do f=f.nextSibling;while(f&&f.nodeType!==1);return f}}function Y(o){return o.targetTouches&&o.targetTouches.length?o.targetTouches[0]:o.changedTouches&&o.changedTouches.length?o.changedTouches[0]:o}function L(o,$){var f=Y($),h={pageX:"clientX",pageY:"clientY"};return o in h&&!(o in f)&&h[o]in f&&(o=h[o]),f[o]}S.exports=w}).call(this,typeof ie<"u"?ie:typeof self<"u"?self:typeof window<"u"?window:{})},{"./classes":1,"contra/emitter":5,crossvent:6}],3:[function(n,S,k){S.exports=function(C,N){return Array.prototype.slice.call(C,N)}},{}],4:[function(n,S,k){var u=n("ticky");S.exports=function(N,d,x){N&&u(function(){N.apply(x||null,d||[])})}},{ticky:10}],5:[function(n,S,k){var u=n("atoa"),C=n("./debounce");S.exports=function(d,x){var T=x||{},w={};return d===void 0&&(d={}),d.on=function(c,e){return w[c]?w[c].push(e):w[c]=[e],d},d.once=function(c,e){return e._once=!0,d.on(c,e),d},d.off=function(c,e){var r=arguments.length;if(r===1)delete w[c];else if(r===0)w={};else{var s=w[c];if(!s)return d;s.splice(s.indexOf(e),1)}return d},d.emit=function(){var c=u(arguments);return d.emitterSnapshot(c.shift()).apply(this,c)},d.emitterSnapshot=function(c){var e=(w[c]||[]).slice(0);return function(){var r=u(arguments),s=this||d;if(c==="error"&&T.throws!==!1&&!e.length)throw r.length===1?r[0]:r;return e.forEach(function(M){T.async?C(M,r,s):M.apply(s,r),M._once&&d.off(c,M)}),d}},d}},{"./debounce":4,atoa:3}],6:[function(n,S,k){(function(u){var C=n("custom-event"),N=n("./eventmap"),d=u.document,x=c,T=r,w=[];u.addEventListener||(x=e,T=s),S.exports={add:x,remove:T,fabricate:y};function c(D,i,E,m){return D.addEventListener(i,E,m)}function e(D,i,E){return D.attachEvent("on"+i,j(D,i,E))}function r(D,i,E,m){return D.removeEventListener(i,E,m)}function s(D,i,E){var m=W(D,i,E);if(m)return D.detachEvent("on"+i,m)}function y(D,i,E){var m=N.indexOf(i)===-1?L():Y();D.dispatchEvent?D.dispatchEvent(m):D.fireEvent("on"+i,m);function Y(){var o;return d.createEvent?(o=d.createEvent("Event"),o.initEvent(i,!0,!0)):d.createEventObject&&(o=d.createEventObject()),o}function L(){return new C(i,{detail:E})}}function M(D,i,E){return function(Y){var L=Y||u.event;L.target=L.target||L.srcElement,L.preventDefault=L.preventDefault||function(){L.returnValue=!1},L.stopPropagation=L.stopPropagation||function(){L.cancelBubble=!0},L.which=L.which||L.keyCode,E.call(D,L)}}function j(D,i,E){var m=W(D,i,E)||M(D,i,E);return w.push({wrapper:m,element:D,type:i,fn:E}),m}function W(D,i,E){var m=O(D,i,E);if(m){var Y=w[m].wrapper;return w.splice(m,1),Y}}function O(D,i,E){var m,Y;for(m=0;m<w.length;m++)if(Y=w[m],Y.element===D&&Y.type===i&&Y.fn===E)return m}}).call(this,typeof ie<"u"?ie:typeof self<"u"?self:typeof window<"u"?window:{})},{"./eventmap":7,"custom-event":8}],7:[function(n,S,k){(function(u){var C=[],N="",d=/^on/;for(N in u)d.test(N)&&C.push(N.slice(2));S.exports=C}).call(this,typeof ie<"u"?ie:typeof self<"u"?self:typeof window<"u"?window:{})},{}],8:[function(n,S,k){(function(u){var C=u.CustomEvent;function N(){try{var d=new C("cat",{detail:{foo:"bar"}});return d.type==="cat"&&d.detail.foo==="bar"}catch{}return!1}S.exports=N()?C:typeof document<"u"&&typeof document.createEvent=="function"?function(x,T){var w=document.createEvent("CustomEvent");return T?w.initCustomEvent(x,T.bubbles,T.cancelable,T.detail):w.initCustomEvent(x,!1,!1,void 0),w}:function(x,T){var w=document.createEventObject();return w.type=x,T?(w.bubbles=!!T.bubbles,w.cancelable=!!T.cancelable,w.detail=T.detail):(w.bubbles=!1,w.cancelable=!1,w.detail=void 0),w}}).call(this,typeof ie<"u"?ie:typeof self<"u"?self:typeof window<"u"?window:{})},{}],9:[function(n,S,k){var u=S.exports={},C,N;function d(){throw new Error("setTimeout has not been defined")}function x(){throw new Error("clearTimeout has not been defined")}(function(){try{typeof setTimeout=="function"?C=setTimeout:C=d}catch{C=d}try{typeof clearTimeout=="function"?N=clearTimeout:N=x}catch{N=x}})();function T(O){if(C===setTimeout)return setTimeout(O,0);if((C===d||!C)&&setTimeout)return C=setTimeout,setTimeout(O,0);try{return C(O,0)}catch{try{return C.call(null,O,0)}catch{return C.call(this,O,0)}}}function w(O){if(N===clearTimeout)return clearTimeout(O);if((N===x||!N)&&clearTimeout)return N=clearTimeout,clearTimeout(O);try{return N(O)}catch{try{return N.call(null,O)}catch{return N.call(this,O)}}}var c=[],e=!1,r,s=-1;function y(){!e||!r||(e=!1,r.length?c=r.concat(c):s=-1,c.length&&M())}function M(){if(!e){var O=T(y);e=!0;for(var D=c.length;D;){for(r=c,c=[];++s<D;)r&&r[s].run();s=-1,D=c.length}r=null,e=!1,w(O)}}u.nextTick=function(O){var D=new Array(arguments.length-1);if(arguments.length>1)for(var i=1;i<arguments.length;i++)D[i-1]=arguments[i];c.push(new j(O,D)),c.length===1&&!e&&T(M)};function j(O,D){this.fun=O,this.array=D}j.prototype.run=function(){this.fun.apply(null,this.array)},u.title="browser",u.browser=!0,u.env={},u.argv=[],u.version="",u.versions={};function W(){}u.on=W,u.addListener=W,u.once=W,u.off=W,u.removeListener=W,u.removeAllListeners=W,u.emit=W,u.prependListener=W,u.prependOnceListener=W,u.listeners=function(O){return[]},u.binding=function(O){throw new Error("process.binding is not supported")},u.cwd=function(){return"/"},u.chdir=function(O){throw new Error("process.chdir is not supported")},u.umask=function(){return 0}},{}],10:[function(n,S,k){(function(u){var C=typeof u=="function",N;C?N=function(d){u(d)}:N=function(d){setTimeout(d,0)},S.exports=N}).call(this,n("timers").setImmediate)},{timers:11}],11:[function(n,S,k){(function(u,C){var N=n("process/browser.js").nextTick,d=Function.prototype.apply,x=Array.prototype.slice,T={},w=0;k.setTimeout=function(){return new c(d.call(setTimeout,window,arguments),clearTimeout)},k.setInterval=function(){return new c(d.call(setInterval,window,arguments),clearInterval)},k.clearTimeout=k.clearInterval=function(e){e.close()};function c(e,r){this._id=e,this._clearFn=r}c.prototype.unref=c.prototype.ref=function(){},c.prototype.close=function(){this._clearFn.call(window,this._id)},k.enroll=function(e,r){clearTimeout(e._idleTimeoutId),e._idleTimeout=r},k.unenroll=function(e){clearTimeout(e._idleTimeoutId),e._idleTimeout=-1},k._unrefActive=k.active=function(e){clearTimeout(e._idleTimeoutId);var r=e._idleTimeout;r>=0&&(e._idleTimeoutId=setTimeout(function(){e._onTimeout&&e._onTimeout()},r))},k.setImmediate=typeof u=="function"?u:function(e){var r=w++,s=arguments.length<2?!1:x.call(arguments,1);return T[r]=!0,N(function(){T[r]&&(s?e.apply(null,s):e.call(null),k.clearImmediate(r))}),r},k.clearImmediate=typeof C=="function"?C:function(e){delete T[e]}}).call(this,n("timers").setImmediate,n("timers").clearImmediate)},{"process/browser.js":9,timers:11}]},{},[2])(2)})})(Me);var Kn=Me.exports;const qe=Jn(Kn);function Qn(){let b;function p(e,r,s){const y={};return y.sourceElement=e,y.sourceContainer=s,y.targetContainer=r,y.sourceType=e.getAttribute("data-sourceType")||"move",y.controlType=e.getAttribute("data-controlType"),y.controlTypeName=e.getAttribute("data-controlTypeName"),y.controlCategory=e.getAttribute("data-category"),y.controlFeature=e.getAttribute("data-feature"),y.parentComponentInstance=r.componentInstance,y.controlCategory==="input"?y.bindingType="field":y.controlCategory==="dataCollection"&&(y.bindingType="entity"),e.componentInstance&&(y.controlType=e.componentInstance.value.schema.type,y.controlCategory=e.componentInstance.value.schema.category),y}function n(e,r,s){if(e.contains(r)||r.classList.contains("no-drop"))return!1;const y=!0;if(e.componentInstance&&e.componentInstance.value.getDragScopeElement){const M=e.componentInstance.value.getDragScopeElement();if(M&&!M.contains(r))return!1}if(r.componentInstance&&r.componentInstance.value.canAccepts){const M=p(e,r,s);return r.componentInstance.value.canAccepts(M)}return y}function S(e,r){const s=r.getBoundingClientRect(),y=e.getBoundingClientRect(),M=y.top>=s.top,j=y.top<s.bottom;return M&&j}function k(e,r){const s=e.querySelector(".dgComponentSelected");if(!(!s||r===0)&&S(s,e)){const y=s.querySelector(".component-btn-group");if(y){const M=y.querySelector("div");if(M&&M.style.top){const j=Number.parseFloat(M.style.top);M.style.top=j-r+"px"}}}}function u(e,r,s){e.componentInstance;let y=-1;if(!r)return-1;if(e.componentInstance.value.contents){if(s&&s.componentInstance){if(s.getAttribute("data-noattach"))y=Number(s.getAttribute("data-position"));else{const M=s.componentInstance.value.schema;let j={id:M.id};M.type==="Component"&&(j={component:M.id}),y=ve.findIndex(e.componentInstance.value.contents,j),y=y===-1?0:y}y!==-1&&e.componentInstance.value.contents.splice(y,0,r)}else e.componentInstance.value.contents.push(r);e.componentInstance.value.updateDragAndDropRules()}return y}function C(e,r){if(!e.componentInstance.value.contents)return-1;if(e.componentInstance.value.contents.length===0)return 0;if(!r||!r.componentInstance)return e.componentInstance.value.contents.length;if(r.getAttribute("data-noattach"))return Number(r.getAttribute("data-position"));const s=r.componentInstance.value.schema;let y;s.type==="Component"?y={component:s.id}:y={id:s.id};let M=ve.findIndex(e.componentInstance.value.contents,y);return M=M===-1?0:M,M}function N(e,r,s,y){if(r.componentInstance.value.addNewChildComponentSchema){const M=C(r,y),j=String(e.getAttribute("data-controltype")),W=e.getAttribute("data-feature"),O=String(e.innerText),D=r.componentInstance.value,i={componentType:j,label:O,parentComponentInstance:D,targetPosition:M},E=W?JSON.parse(W):{},m=Object.assign(i,E),Y=r.componentInstance.value.addNewChildComponentSchema(m);u(r,Y,y)}r.contains(e)&&r.removeChild(e)}function d(e,r,s,y){let M,j=-1;if(e.componentInstance&&e.componentInstance.value.triggerBelongedComponentToMoveWhenMoved){const D=e.componentInstance.value.getBelongedComponentInstance(e.componentInstance);D&&(e=a.ref(D.elementRef).value.parentElement,s=e.parentElement)}const W=e.componentInstance&&e.componentInstance.value.schema,O={id:W&&W.id};j=ve.findIndex(s.componentInstance.value.contents,O),j!==-1&&s.componentInstance.value.contents&&(M=s.componentInstance.value.contents.splice(j,1),M=M[0]),u(r,M,y),s.componentInstance&&s.componentInstance.value.onChildElementMovedOut&&s.componentInstance.value.onChildElementMovedOut(e),r.componentInstance&&r.componentInstance.value.onAcceptMovedChildElement&&r.componentInstance.value.onAcceptMovedChildElement(e,s)}function x(e,r,s,y){if(!r||e.contains(r))return;switch(e.getAttribute("data-sourceType")){case"control":case"field":case"entity":{N(e,r,s,y);break}default:s.componentInstance.value.contents?d(e,r,s,y):r.contains(e)&&r.removeChild(e)}fe.value++}function T(e){b&&b.destroy(),qe&&(b=qe([],{mirrorContainer:e,direction:"mixed",revertOnSpill:!0,moves(r,s,y){let M=!0;return r.classList.contains("no-drag")&&(M=!1),r.componentInstance&&(M=!!y.getAttribute("data-dragging-icon")),M},copy(r){return r.classList.contains("drag-copy")},getMirrorText(r){return r.componentInstance&&r.componentInstance.value.getDraggingDisplayText?r.componentInstance.value.getDraggingDisplayText():r.innerText||"控件"},accepts(r,s,y){const M=n(r,s,y),j=e.lastElementChild;return M?j.className=j.className.replace("undroppable",""):j.className.includes("undroppable")||(j.className+=" undroppable"),M}}).on("over",(r,s)=>{s.className+=" drag-over"}).on("out",(r,s)=>{s.className=s.className.replace("drag-over","").replace("  ","")}).on("drop",(r,s,y,M)=>{x(r,s,y,M)}).on("dragend",(r,s)=>{k(r,s)}))}function w(e,r){if(!e)return;if(r.noDragDrop)return e;const s=e.querySelector(`[data-dragref='${r.id}-container']`)||e;b&&s&&b.containers.push(s)}function c(){if(!b)return;const e=document.getElementsByClassName("controlCategory");e&&(b.containers=b.containers.filter(r=>!r.className.includes("controlCategory")),Array.from(e).forEach(r=>{b.containers.push(r)}))}return{attachComponents:w,attachToolbox:c,initializeDragula:T}}const Zn={id:{type:String,default:""},componentId:{type:String,default:""},type:{type:String,default:""},canDelete:{type:Boolean,default:!0},canMove:{type:Boolean,default:!0},canSelectParent:{type:Boolean,default:!0},customButtons:{type:Array,default:[]},customClass:{type:String,default:""},customStyle:{type:String,default:""},modelValue:{type:Object},ignore:{type:Boolean,default:!1}},P={},I={},q={};let Ae=!1;function Rn(){Ae||(Ae=!0,Ge.registerDesigner(P,I,q),Ye.registerDesigner(P,I,q),ze.registerDesigner(P,I,q),Je.registerDesigner(P,I,q),Ke.registerDesigner(P,I,q),Qe.registerDesigner(P,I,q),Ze.registerDesigner(P,I,q),Re.registerDesigner(P,I,q),en.registerDesigner(P,I,q),nn.registerDesigner(P,I,q),tn.registerDesigner(P,I,q),rn.registerDesigner(P,I,q),on.registerDesigner(P,I,q),an.registerDesigner(P,I,q),sn.registerDesigner(P,I,q),cn.registerDesigner(P,I),un.registerDesigner(P,I,q),ln.registerDesigner(P,I,q),fn.registerDesigner(P,I,q),pn.registerDesigner(P,I,q),mn.registerDesigner(P,I,q),dn.registerDesigner(P,I,q),gn.registerDesigner(P,I,q),vn.registerDesigner(P,I,q),yn.registerDesigner(P,I,q),hn.registerDesigner(P,I,q),Cn.registerDesigner(P,I,q),Dn.registerDesigner(P,I,q),wn.registerDesigner(P,I,q),Sn.registerDesigner(P,I,q),Tn.registerDesigner(P,I,q),bn.registerDesigner(P,I,q),En.registerDesigner(P,I,q),Pn.registerDesigner(P,I,q),In.registerDesigner(P,I,q),Fn.registerDesigner(P,I,q),Nn.registerDesigner(P,I,q),Mn.registerDesigner(P,I,q),qn.registerDesigner(P,I,q),An.registerDesigner(P,I,q),Bn.registerDesigner(P,I,q),kn.registerDesigner(P,I,q),xn.registerDesigner(P,I,q),Vn.registerDesigner(P,I,q),On.registerDesigner(P,I,q),_n.registerDesigner(P,I,q),Xn.registerDesigner(P,I,q),Ln.registerDesigner(P,I,q),jn.registerDesigner(P,I,q),$n.registerDesigner(P,I,q),Un.registerDesigner(P,I,q),Hn.registerDesigner(P,I,q),Wn.registerDesigner(P,I),Yn.registerDesigner(P,I,q),Gn.registerDesigner(P,I,q))}const et={id:{type:String}},nt=a.defineComponent({name:"FDesignerPlaceholder",props:et,emits:[],setup(b){const p=a.computed(()=>({"drag-and-drop-alert":!0,alert:!0,"alert-info":!0,"no-drag":!0,"w-100":!0})),n=a.computed(()=>({height:"60px",display:"flex","justify-content":"center","align-items":"center",margin:0}));return()=>a.createVNode("div",{class:p.value,style:n.value,role:"alert","data-noattach":"true","data-position":"0"},[a.createTextVNode("拖拽组件到这里")])}});function tt(b){return typeof b=="function"||Object.prototype.toString.call(b)==="[object Object]"&&!a.isVNode(b)}const he=a.defineComponent({name:"FDesignerItem",props:Zn,emits:["selectionChange"],setup(b,p){const n=a.ref(`${b.modelValue.id}-component`),S=a.ref(b.canMove),k=a.ref(b.canDelete),u=a.ref(!1),C=a.ref(b.modelValue),N=a.ref(b.componentId||""),d=a.ref(""),x=a.ref(""),T=a.ref(),w=a.inject("canvas-dragula"),c=a.ref(),e=a.inject("design-item-context"),r={designerItemElementRef:T,componentInstance:c,schema:C.value,parent:e,setupContext:p};a.provide("design-item-context",r);const s=a.inject("useFormSchema"),y=a.computed(()=>{const f=b.modelValue.appearance&&b.modelValue.appearance.class||"",h={"farris-component":!0,"position-relative":S.value&&k.value,"farris-nested":u.value,"can-move":S.value,"d-none":T.value&&T.value.classList.contains("d-none")};return h[`farris-component-${C.value.type}`]=!0,f&&f.split(" ").reduce((F,V)=>(F[V]=!0,F),h),x.value&&x.value.split(" ").reduce((F,V)=>(F[V]=!0,F),h),h}),M=a.computed(()=>{const f={},h=b.modelValue.appearance&&b.modelValue.appearance.style||"";return h&&h.split(";").reduce((F,V)=>{const[J,G]=V.split(":");return F[J]=G,F},f),d.value&&d.value.split(";").reduce((F,V)=>{const[J,G]=V.split(":");return J&&(F[J]=G),F},f),f});function j(f,h){var F,V,J;if(f&&(f.preventDefault(),f.stopPropagation()),c.value.triggerBelongedComponentToDeleteWhenDeleted){const G=c.value.getBelongedComponentInstance(c);if(G&&G.parent){const R=a.ref(G==null?void 0:G.parent),ne=R.value.contents.findIndex(X=>X.id===G.schema.id);(V=(F=R.value)==null?void 0:F.contents)==null||V.splice(ne,1),(J=R.value)==null||J.updateDragAndDropRules(),fe.value++}return}if(e&&e.schema.contents){const G=e.schema.contents.findIndex(R=>R.id===h.id);e.schema.contents.splice(G,1),e.componentInstance.value.updateDragAndDropRules(),fe.value++}}function W(f){return k.value&&a.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:h=>{j(h,f)}},[a.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function O(){return S.value&&a.createVNode("div",{role:"button",class:"btn component-settings-button",title:"移动",ref:"moveComponent"},[a.createVNode("i",{"data-dragging-icon":"true",class:"cmp_move f-icon f-icon-yxs_move"},null)])}function D(){return b.customButtons&&!!b.customButtons.length&&b.customButtons.map(f=>a.createVNode("div",{role:"button",class:`btn component-settings-button ${f.class||""}`,title:f.title,ref:f.id},[a.createVNode("i",{class:f.icon},null)]))}function i(f){return a.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[a.createVNode("div",null,[W(f),O(),D()])])}function E(f,h,F,V){p.emit("selectionChange",f,h,F,V)}function m(f){let h;const F=f.type,V=P[F],J=I[F],G=J?J(f):{};G.customClass=b.ignore?G.customClass:"",G.componentId=N.value;const R=f.contents&&f.contents.length===0;return f.contents&&!!f.contents.length&&V?a.createVNode(V,a.mergeProps({ref:c},G),tt(h=f.contents.map(X=>a.createVNode(he,{key:X.id,modelValue:X,"onUpdate:modelValue":de=>X=de,componentId:N.value,onSelectionChange:E},null)))?h:{default:()=>[h]}):V?R?a.createVNode(V,a.mergeProps({ref:c},G),{default:()=>[a.createVNode(nt,null,null)]}):a.createVNode(V,a.mergeProps({ref:c},G),null):a.createVNode("div",null,null)}function Y(f){if(f.type==="component-ref"){let F=s==null?void 0:s.getFormSchema().module.components.find(V=>V.id===f.component);if(F)return a.createVNode(he,{key:F.id,modelValue:F,"onUpdate:modelValue":V=>F=V,componentId:F.id,onSelectionChange:E},null)}}a.watch(()=>b.modelValue,f=>{C.value=f,n.value=`${f.id}-component`});function L(f){const h=f.target;Pe(h)}function o(){var f,h;(h=(f=C.value)==null?void 0:f.contents)!=null&&h.length&&T.value&&T.value.addEventListener("scroll",L)}a.onMounted(()=>{if(T.value&&c.value&&c.value.schema){const f=T.value.querySelector(`[data-dragref='${c.value.schema.id}-container']`);w&&f&&w.attachComponents(f,C.value),u.value=c.value.canNested!==void 0?c.value.canNested:u.value,k.value=c.value.canDelete!==void 0?c.value.canDelete:k.value,S.value=c.value.canMove!==void 0?c.value.canMove:S.value,d.value=c.value.styles||"",x.value=c.value.designerClass||"",T.value&&(T.value.componentInstance=c,T.value.designItemContext=r)}o(),fe.value++}),a.onBeforeUnmount(()=>{T.value&&T.value.removeEventListener("scroll",L)});function $(f){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(F=>F.classList.remove("dgComponentFocused")),f&&(f.preventDefault(),f.stopPropagation());const h=T.value;if(h){const F=document.getElementsByClassName("dgComponentSelected");if(!(F&&F.length===1&&F[0]===T.value)&&(Array.from(F).forEach(J=>J.classList.remove("dgComponentSelected")),h.classList.add("dgComponentFocused"),p.emit("selectionChange",C.value.type,C.value,N.value,c.value),c.value.getDraggableDesignItemElement)){const J=c.value.getDraggableDesignItemElement(r);J&&J.value&&J.value.classList.add("dgComponentSelected")}}L(f)}return()=>C.value.type==="component-ref"?Y(C.value):a.createVNode("div",{id:`${C.value.id}-design-item`,ref:T,class:y.value,style:M.value,onClick:$},[i(C.value),m(C.value)])}}),rt=a.defineComponent({name:"FDesignerCanvas",props:Ie,emits:["init","selectionChange","canvasChanged"],setup(b,p){const n=a.ref(),S=a.ref(),k=a.ref(),u=a.ref(),C=a.ref(),N=Qn(),d=a.ref(b.componentId);Rn(),a.provide("canvas-dragula",N),a.provide("design-item-context",{designerItemElementRef:u,componentInstance:C,schema:S.value,parent:void 0}),a.provide("designer-host-service",{eventsEditorUtils:a.inject("eventsEditorUtils"),formSchemaUtils:a.inject("useFormSchema"),formMetadataConverter:a.inject("formMetadataConverter"),designViewModelUtils:a.inject("designViewModelUtils"),controlCreatorUtils:a.inject("controlCreatorUtils"),metadataService:a.inject("Meatdata_Http_Service_Token")});const x=a.computed(()=>({"d-flex":!0,"flex-fill":!0,"flex-column":!0}));a.onMounted(()=>{k.value&&N.initializeDragula(k.value),n.value=b.modelValue,p.emit("init",N)}),a.watch(fe,()=>{Pe(k.value),p.emit("canvasChanged")},{flush:"post"});function T(w,c,e,r){p.emit("selectionChange",w,c,e,r)}return()=>a.createVNode("div",{class:"editorDiv flex-fill h-100"},[a.createVNode("div",{class:"editorPanel d-flex flex-fill flex-column PC f-area-response f-area-response--sm f-area-response--md f-area-response--lg"},[a.createVNode("div",{ref:k,class:x.value},[n.value&&a.createVNode(he,{modelValue:n.value,"onUpdate:modelValue":w=>n.value=w,onSelectionChange:T,componentId:d.value},null)])])])}}),ot={},it={};function Be(b){const{properties:p,title:n}=b,S=Object.keys(p).reduce((k,u)=>(k[u]=p[u].type==="object"&&p[u].properties?Be(p[u]):ve.cloneDeep(p[u].default),k),{});return S.id=`${n}-${Date.now()}`,S}function pe(b,p={}){const n=ot[b];if(n){let S=Be(n);const k=it[b];return S=k?k({getSchemaByType:pe},S,p):S,S}return null}function at(b,p,n){var D;function S(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}S();const k=n&&n.getStyles&&n.getStyles()||"",u=n&&n.getDesignerClass&&n.getDesignerClass()||"",C=a.ref();function N(){return(p==null?void 0:p.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function d(){return!1}function x(){return(p==null?void 0:p.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function T(){return(p==null?void 0:p.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function w(i){if(!i||!i.value)return null;if(i.value.schema&&i.value.schema.type==="component")return i.value;const E=a.ref(i==null?void 0:i.value.parent),m=w(E);return m||null}function c(i=p){const{componentInstance:E,designerItemElementRef:m}=i;return!E||!E.value?null:E.value.canMove?m:c(i.parent)}function e(i){return!!n&&n.canAccepts(i)}function r(){return(p==null?void 0:p.schema.label)||(p==null?void 0:p.schema.title)||(p==null?void 0:p.schema.name)}function s(){}function y(i,E){E&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(E)}function M(i){const{componentType:E}=i;let m=pe(E,i);n&&n.onResolveNewComponentSchema&&(m=n.onResolveNewComponentSchema(i,m));const Y=E.toLowerCase().replace("-","_");return m&&!m.id&&m.type===E&&(m.id=`${Y}_${Math.random().toString().slice(2,6)}`),m}function j(i,E){const m=String(i.getAttribute("data-controltype")),Y=i.getAttribute("data-feature"),L=Y?JSON.parse(Y):{};L.parentComponentInstance=C.value;let o=pe(m,L);n&&n.onAcceptNewChildElement&&(o=n.onAcceptNewChildElement(i,E,o));const $=m.toLowerCase().replace("-","_");return o&&!o.id&&o.type===m&&(o.id=`${$}_${Math.random().toString().slice(2,6)}`),o}function W(i){}function O(...i){if(n&&n.getPropsConfig)return n.getPropsConfig(...i)}return C.value={canMove:N(),canSelectParent:d(),canDelete:x(),canNested:!T(),contents:p==null?void 0:p.schema.contents,elementRef:b,parent:(D=p==null?void 0:p.parent)==null?void 0:D.componentInstance,schema:p==null?void 0:p.schema,styles:k,designerClass:u,canAccepts:e,getBelongedComponentInstance:w,getDraggableDesignItemElement:c,getDraggingDisplayText:r,getPropConfig:O,getDragScopeElement:s,onAcceptMovedChildElement:y,onAcceptNewChildElement:j,onChildElementMovedOut:W,addNewChildComponentSchema:M,updateDragAndDropRules:S,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||a.ref(!1)},C}function ct(b,p,n){var D;function S(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}S();const k=n&&n.getStyles&&n.getStyles()||"",u=a.ref();function C(){return n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function N(){return!1}function d(){return n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function x(){return n&&n.checkCanAddComponent?n.checkCanAddComponent():!0}function T(){return!0}function w(i){if(!i||!i.value)return null;const E=a.ref(i==null?void 0:i.value.parent),m=w(E);return m||null}function c(i=p){const{componentInstance:E,designerItemElementRef:m}=i;return!E||!E.value?null:E.value.canMove||E.value.canAdd||E.value.canDelete?m:c(i.parent)}function e(i){return!!n&&n.canAccepts(i)}function r(){return(p==null?void 0:p.schema.label)||(p==null?void 0:p.schema.title)||(p==null?void 0:p.schema.name)}function s(){}function y(i,E){E&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(E)}function M(i){const{componentType:E}=i;let m=pe(E,i);n&&n.onResolveNewComponentSchema&&(m=n.onResolveNewComponentSchema(i,m));const Y=E.toLowerCase().replace("-","_");return m&&!m.id&&m.type===E&&(m.id=`${Y}_${Math.random().toString().slice(2,6)}`),m}function j(i,E){const m=String(i.getAttribute("data-controltype")),Y=i.getAttribute("data-feature"),L=Y?JSON.parse(Y):{};L.parentComponentInstance=u.value;let o=pe(m,L);n&&n.onAcceptNewChildElement&&(o=n.onAcceptNewChildElement(i,E,o));const $=m.toLowerCase().replace("-","_");return o&&!o.id&&o.type===m&&(o.id=`${$}_${Math.random().toString().slice(2,6)}`),o}function W(i){}function O(){return n&&n.getPropsConfig?n.getPropsConfig():[]}return u.value={canMove:C(),canSelectParent:N(),canAdd:x(),canDelete:d(),canNested:!T(),contents:[],elementRef:b,parent:(D=p.parent)==null?void 0:D.componentInstance,schema:p.schema,styles:k,canAccepts:e,getBelongedComponentInstance:w,getDraggableDesignItemElement:c,getDraggingDisplayText:r,getPropConfig:O,getDragScopeElement:s,onAcceptMovedChildElement:y,onAcceptNewChildElement:j,onChildElementMovedOut:W,addNewChildComponentSchema:M,updateDragAndDropRules:S,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||a.ref(!1)},u}g.FDesignerCanvas=rt,g.FDesignerItem=he,g.designerCanvasProps=Ie,g.useDesignerComponent=at,g.useDesignerInnerComponent=ct,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
+(function(g,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es"),require("@farris/ui-vue/components/accordion"),require("@farris/ui-vue/components/avatar"),require("@farris/ui-vue/components/button-edit"),require("@farris/ui-vue/components/button-group"),require("@farris/ui-vue/components/calendar"),require("@farris/ui-vue/components/capsule"),require("@farris/ui-vue/components/checkbox"),require("@farris/ui-vue/components/color-picker"),require("@farris/ui-vue/components/combo-list"),require("@farris/ui-vue/components/content-container"),require("@farris/ui-vue/components/data-grid"),require("@farris/ui-vue/components/date-picker"),require("@farris/ui-vue/components/dropdown"),require("@farris/ui-vue/components/dynamic-form"),require("@farris/ui-vue/components/external-container"),require("@farris/ui-vue/components/events-editor"),require("@farris/ui-vue/components/filter-bar"),require("@farris/ui-vue/components/image-cropper"),require("@farris/ui-vue/components/input-group"),require("@farris/ui-vue/components/layout"),require("@farris/ui-vue/components/list-nav"),require("@farris/ui-vue/components/list-view"),require("@farris/ui-vue/components/lookup"),require("@farris/ui-vue/components/nav"),require("@farris/ui-vue/components/number-spinner"),require("@farris/ui-vue/components/number-range"),require("@farris/ui-vue/components/order"),require("@farris/ui-vue/components/page-header"),require("@farris/ui-vue/components/page-footer"),require("@farris/ui-vue/components/pagination"),require("@farris/ui-vue/components/progress"),require("@farris/ui-vue/components/query-solution"),require("@farris/ui-vue/components/radio-group"),require("@farris/ui-vue/components/rate"),require("@farris/ui-vue/components/response-toolbar"),require("@farris/ui-vue/components/response-layout"),require("@farris/ui-vue/components/response-layout-editor"),require("@farris/ui-vue/components/search-box"),require("@farris/ui-vue/components/section"),require("@farris/ui-vue/components/smoke-detector"),require("@farris/ui-vue/components/splitter"),require("@farris/ui-vue/components/step"),require("@farris/ui-vue/components/switch"),require("@farris/ui-vue/components/tabs"),require("@farris/ui-vue/components/tags"),require("@farris/ui-vue/components/text"),require("@farris/ui-vue/components/time-picker"),require("@farris/ui-vue/components/transfer"),require("@farris/ui-vue/components/tree-view"),require("@farris/ui-vue/components/uploader"),require("@farris/ui-vue/components/verify-detail"),require("@farris/ui-vue/components/weather"),require("@farris/ui-vue/components/component"),require("@farris/ui-vue/components/video"),require("@farris/ui-vue/components/textarea")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","@farris/ui-vue/components/accordion","@farris/ui-vue/components/avatar","@farris/ui-vue/components/button-edit","@farris/ui-vue/components/button-group","@farris/ui-vue/components/calendar","@farris/ui-vue/components/capsule","@farris/ui-vue/components/checkbox","@farris/ui-vue/components/color-picker","@farris/ui-vue/components/combo-list","@farris/ui-vue/components/content-container","@farris/ui-vue/components/data-grid","@farris/ui-vue/components/date-picker","@farris/ui-vue/components/dropdown","@farris/ui-vue/components/dynamic-form","@farris/ui-vue/components/external-container","@farris/ui-vue/components/events-editor","@farris/ui-vue/components/filter-bar","@farris/ui-vue/components/image-cropper","@farris/ui-vue/components/input-group","@farris/ui-vue/components/layout","@farris/ui-vue/components/list-nav","@farris/ui-vue/components/list-view","@farris/ui-vue/components/lookup","@farris/ui-vue/components/nav","@farris/ui-vue/components/number-spinner","@farris/ui-vue/components/number-range","@farris/ui-vue/components/order","@farris/ui-vue/components/page-header","@farris/ui-vue/components/page-footer","@farris/ui-vue/components/pagination","@farris/ui-vue/components/progress","@farris/ui-vue/components/query-solution","@farris/ui-vue/components/radio-group","@farris/ui-vue/components/rate","@farris/ui-vue/components/response-toolbar","@farris/ui-vue/components/response-layout","@farris/ui-vue/components/response-layout-editor","@farris/ui-vue/components/search-box","@farris/ui-vue/components/section","@farris/ui-vue/components/smoke-detector","@farris/ui-vue/components/splitter","@farris/ui-vue/components/step","@farris/ui-vue/components/switch","@farris/ui-vue/components/tabs","@farris/ui-vue/components/tags","@farris/ui-vue/components/text","@farris/ui-vue/components/time-picker","@farris/ui-vue/components/transfer","@farris/ui-vue/components/tree-view","@farris/ui-vue/components/uploader","@farris/ui-vue/components/verify-detail","@farris/ui-vue/components/weather","@farris/ui-vue/components/component","@farris/ui-vue/components/video","@farris/ui-vue/components/textarea"],a):(g=typeof globalThis<"u"?globalThis:g||self,a(g["designer-canvas"]={},g.Vue,g.LodashES,g.FAccordion,g.FAvatar,g.FButtonEdit,g.FButtonGroup,g.FCalendar,g.FCapsule,g.FCheckbox,g.FColorPicker,g.FComboList,g.FContentContainer,g.FDataGrid,g.FDatePicker,g.FDropdown,g.FDynamicForm,g.FExteranlContainer,g.FEventsEditor,g.FFilterBar,g.FImageCropper,g.FInputGroup,g.FLayout,g.FListNav,g.FListView,g.FLookup,g.FNav,g.FNumberSpinner,g.FNumberRange,g.FOrder,g.FPageHeader,g.FPageFooter,g.FPagination,g.FProgress,g.FQuerySolution,g.FRadioGroup,g.FRate,g.FResponseToolbar,g.FResponseLayout,g.FResponseLayoutEditorSetting,g.FSearchBox,g.FSection,g.FSmokeDetector,g.FSplitter,g.FStep,g.FSwitch,g.FTab,g.FTags,g.FText,g.FTimePicker,g.FTransfer,g.FTreeview,g.FUploader,g.FVerifyDetail,g.FWeather,g.FComponent,g.FVideo,g.FTextArea))})(this,function(g,a,ve,Ye,Ge,ze,Je,Ke,Qe,Ze,Re,en,nn,tn,rn,on,an,cn,sn,un,ln,fn,pn,dn,mn,vn,gn,hn,yn,Cn,Dn,wn,Sn,Tn,bn,En,Nn,Fn,Pn,In,Mn,qn,An,Bn,xn,kn,Vn,On,_n,Ln,jn,$n,Un,Hn,Xn,Wn,Yn,Gn){"use strict";const fe=a.ref(0);function zn(b,p){const n=p.getBoundingClientRect(),S=b.getBoundingClientRect(),x=S.top>=n.top,u=S.top<=n.bottom;return x&&u}function Pe(b){if(!b)return;let p;if(b.className.includes("dgComponentSelected")?p=b:p=b.querySelector(".dgComponentSelected"),!p)return;const n=p.getBoundingClientRect();if(n.width===0&&n.height===0)return;const S=p.querySelector(".component-btn-group");if(S){if(!zn(p,b)){S.style.display="none";return}S.style.display="";const u=S.getBoundingClientRect(),C=S.querySelector("div");if(C){const N=C.getBoundingClientRect();C.style.top=u.top+"px",C.style.left=u.left-N.width+"px"}}}const Ie={modelValue:{type:Object,default:{}},componentId:{type:String,default:""}};var ie=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Jn(b){return b&&b.__esModule&&Object.prototype.hasOwnProperty.call(b,"default")?b.default:b}function ge(b){throw new Error('Could not dynamically require "'+b+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var Me={exports:{}};(function(b,p){(function(n){b.exports=n()})(function(){return function(){function n(S,x,u){function C(k,T){if(!x[k]){if(!S[k]){var w=typeof ge=="function"&&ge;if(!T&&w)return w(k,!0);if(N)return N(k,!0);var c=new Error("Cannot find module '"+k+"'");throw c.code="MODULE_NOT_FOUND",c}var e=x[k]={exports:{}};S[k][0].call(e.exports,function(r){var s=S[k][1][r];return C(s||r)},e,e.exports,n,S,x,u)}return x[k].exports}for(var N=typeof ge=="function"&&ge,d=0;d<u.length;d++)C(u[d]);return C}return n}()({1:[function(n,S,x){var u={},C="(?:^|\\s)",N="(?:\\s|$)";function d(w){var c=u[w];return c?c.lastIndex=0:u[w]=c=new RegExp(C+w+N,"g"),c}function k(w,c){var e=w.className;e.length?d(c).test(e)||(w.className+=" "+c):w.className=c}function T(w,c){w.className=w.className.replace(d(c)," ").trim()}S.exports={add:k,rm:T}},{}],2:[function(n,S,x){(function(u){var C=n("contra/emitter"),N=n("crossvent"),d=n("./classes"),k=document,T=k.documentElement;function w(o,$){var f=arguments.length;f===1&&Array.isArray(o)===!1&&($=o,o=[]);var h,F,V,J,G,R,ne,X,de,se=null,me,_,ue=!1,le=0,K,A=$||{};A.moves===void 0&&(A.moves=j),A.accepts===void 0&&(A.accepts=j),A.invalid===void 0&&(A.invalid=dt),A.containers===void 0&&(A.containers=o||[]),A.isContainer===void 0&&(A.isContainer=M),A.copy===void 0&&(A.copy=!1),A.copySortSource===void 0&&(A.copySortSource=!1),A.revertOnSpill===void 0&&(A.revertOnSpill=!1),A.removeOnSpill===void 0&&(A.removeOnSpill=!1),A.direction===void 0&&(A.direction="vertical"),A.ignoreInputTextSelection===void 0&&(A.ignoreInputTextSelection=!0),A.mirrorContainer===void 0&&(A.mirrorContainer=k.body);var z=C({containers:A.containers,start:pt,end:_e,cancel:Ue,remove:$e,destroy:st,canMove:ft,dragging:!1});return A.removeOnSpill===!0&&z.on("over",vt).on("out",gt),xe(),z;function ye(t){return z.containers.indexOf(t)!==-1||A.isContainer(t)}function xe(t){var l=t?"remove":"add";r(T,l,"mousedown",ut),r(T,l,"mouseup",we)}function Ce(t){var l=t?"remove":"add";r(T,l,"mousemove",lt)}function ke(t){var l=t?"remove":"add";N[l](T,"selectstart",Ve),N[l](T,"click",Ve)}function st(){xe(!0),we({})}function Ve(t){me&&t.preventDefault()}function ut(t){J=t.clientX,G=t.clientY;var l=s(t)!==1||t.metaKey||t.ctrlKey;if(!l){var v=t.target,B=De(v);B&&(me=B,Ce(),t.type==="mousedown"&&(i(v)?v.focus():t.preventDefault()))}}function lt(t){if(me){if(s(t)===0){we({});return}if(!(t.clientX!==void 0&&Math.abs(t.clientX-J)<=(A.slideFactorX||0)&&t.clientY!==void 0&&Math.abs(t.clientY-G)<=(A.slideFactorY||0))){if(A.ignoreInputTextSelection){var l=L("clientX",t)||0,v=L("clientY",t)||0,B=k.elementFromPoint(l,v);if(i(B))return}var U=me;Ce(!0),ke(),_e(),Oe(U),d.add(X||V,"gu-transit"),yt(),ht(),le=0,be(t)}}}function De(t){if(!(z.dragging&&h)&&!ye(t)){for(var l=t;D(t)&&ye(D(t))===!1;)if(A.invalid(t,l)||(t=D(t),!t))return;var v=D(t);if(v&&!A.invalid(t,l)){var B=A.moves(t,v,l,m(t));if(B)return{item:t,source:v}}}}function ft(t){return!!De(t)}function pt(t){var l=De(t);l&&Oe(l)}function Oe(t){Nt(t.item,t.source)&&(X=t.item.cloneNode(!0),z.emit("cloned",X,t.item,"copy")),F=t.source,V=t.item,R=ne=m(t.item),z.dragging=!0,z.emit("drag",V,F)}function dt(){return!1}function _e(){if(z.dragging){var t=X||V;je(t,D(t))}}function Le(){me=!1,Ce(!0),ke(!0)}function we(t){if(Le(),!!z.dragging){var l=X||V,v=L("clientX",t)||0,B=L("clientY",t)||0,U=y(h,v,B),H=He(U,v,B);H&&(X&&A.copySortSource||!X||H!==F)?je(l,H):A.removeOnSpill?$e():Ue()}}function je(t,l){var v=D(t);X&&A.copySortSource&&l===F&&v.removeChild(V),Te(l)?z.emit("cancel",t,F):z.emit("drop",t,l,F,ne),Se()}function $e(){if(z.dragging){var t=X||V,l=D(t);l&&l.removeChild(t),z.emit(X?"cancel":"remove",t,l,F),Se()}}function Ue(t){if(z.dragging){var l=arguments.length>0?t:A.revertOnSpill,v=X||V,B=D(v),U=Te(B);U===!1&&l&&(X?B&&B.removeChild(X):F.insertBefore(v,R)),U||l?z.emit("cancel",v,F,F):z.emit("drop",v,B,F,ne),Se()}}function Se(){var t=X||V;Le(),Ct(),Dt(),t&&d.rm(t,"gu-transit"),de&&clearTimeout(de),z.dragging=!1,se&&z.emit("out",t,se,F),z.emit("dragend",t,le),F=V=X=R=ne=de=se=null}function Te(t,l){var v;return l!==void 0?v=l:h?v=ne:v=m(X||V),t===F&&v===R}function He(t,l,v){for(var B=t;B&&!U();)B=D(B);return B;function U(){var H=ye(B);if(H===!1)return!1;var oe=Xe(B,t),ee=We(B,oe,l,v),re=Te(B,ee);return re?!0:A.accepts(V,B,F,ee)}}function be(t){if(!h)return;t.preventDefault();var l=L("clientX",t)||0,v=L("clientY",t)||0;h.style.left=l-2+"px",h.style.top=v-2+"px";var B=X||V,U=y(h,l,v),H=He(U,l,v),oe=H!==null&&H!==se;(oe||H===null)&&(te(),se=H,ce()),Et(U,v);var ee=D(B);if(H===F&&X&&!A.copySortSource){ee&&ee.removeChild(B);return}var re,ae=Xe(H,U);if(ue=wt(ae,H),ae!==null)re=We(H,ae,l,v);else if(A.revertOnSpill===!0&&!X)re=R,H=F;else{X&&ee&&ee.removeChild(B),X&&_&&(_.style.display="none");return}_.style.display="block",mt(re,B,oe),re?Tt(ae,re):bt(H);function Q(Z){z.emit(Z,B,se,F)}function ce(){oe&&Q("over")}function te(){se&&Q("out")}}function mt(t,l,v){(t===l||t===m(l))&&(ne=m(l)),(t===null&&v||t!==l&&t!==m(l))&&(ne=t)}function vt(t){d.rm(t,"gu-hide")}function gt(t){z.dragging&&d.add(t,"gu-hide")}function ht(){h||(h=document.createElement("div"),h.style="background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;",h.innerHTML=A.getMirrorText&&A.getMirrorText(V)||"控件",d.add(h,"gu-mirror"),A.mirrorContainer.appendChild(h),r(T,"add","mousemove",be),d.add(A.mirrorContainer,"gu-unselectable"),z.emit("cloned",h,V,"mirror"))}function yt(){if(_=document.createElement("div"),d.add(_,"gu-insertion"),V){var t=V.getBoundingClientRect();_.style.left=t.left+"px",_.style.top=t.top+"px"}ue=!1,A.mirrorContainer.appendChild(_)}function Ct(){h&&(d.rm(A.mirrorContainer,"gu-unselectable"),r(T,"remove","mousemove",be),D(h).removeChild(h),h=null)}function Dt(){_&&(D(_).removeChild(_),_=null)}function Xe(t,l){for(var v=l;v!==t&&D(v)!==t;)v=D(v);return v===T?null:v}function wt(t,l){if(!l)return ue;var v=t||l&&l.lastElementChild;if(!v)return!0;var B=getComputedStyle(t),U=/^inline/.test(B.getPropertyValue("display"))||/^(left|right)$/.test(B.getPropertyValue("float"));if(U)return!0;if(l){var H=getComputedStyle(l),oe=H.getPropertyValue("display");if(/flex$/.test(oe)){var ee=H.getPropertyValue("flex-direction")||"row";if(ee==="row"||ee==="row-reverse")return!St(l)}return!1}return!0}function St(t){if(!t.children||!t.children.length)return!1;for(const l of Array.from(t.children)){const B=(l.className&&l.className.split(" ")||[]).filter(U=>/^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(U));if(!B.length)return!1;for(const U of B){const H=U.slice(U.lastIndexOf("-")+1);if(parseInt(H,10)!==12)return!1}}return!0}function Tt(t,l){const v=l.getBoundingClientRect();if(_.style.left=v.left+"px",_.style.top=v.top+"px",ue){if(_.style.height=v.height+"px",_.style.width="4px",t){const B=t.getBoundingClientRect();B.top!==v.top&&(_.style.left=B.right+"px",_.style.top=B.top+"px",_.style.height=B.height+"px")}}else if(_.style.height="4px",_.style.width=v.width+"px",K){const B=K.getBoundingClientRect();v.top<B.top&&(_.style.display="none")}l===V&&V&&(_.style.display="none")}function bt(t){ne=null;var l=t.lastElementChild;if(l){var v=l.getBoundingClientRect();ue?(_.style.left=v.right+"px",_.style.top=v.top+"px",_.style.height=v.height+"px",_.style.width="4px"):(_.style.left=v.left+"px",_.style.top=v.bottom+"px",_.style.height="4px",_.style.width=v.width+"px"),l===V&&V&&(_.style.display="none")}else _.style.display="none"}function Et(t,l){if(!A.mirrorContainer.contains(t)||!window.scrollContainerList||!Array.from(window.scrollContainerList).length||(K=c(t),!K||!K.contains(t)))return;const v=document.querySelector(".dgComponentSelected"),B=K.getBoundingClientRect();if(l-30<B.top&&K.scrollTop>0){let U=K.scrollTop<10?K.scrollTop:10;K.scrollBy(0,-1*U),v&&K.contains(v)&&(le=le+-1*U)}if(l+30>B.bottom&&K.scrollTop<K.scrollHeight-K.clientHeight){const U=K.scrollHeight-K.clientHeight-K.scrollTop;let H=U<10?U:10;K.scrollBy(0,H),v&&K.contains(v)&&(le=le+H)}}function We(t,l,v,B){var U=A.direction==="horizontal",H=A.direction==="mixed",oe=l!==t?re():ee();return oe;function ee(){var Q=t.children.length,ce,te,Z;for(ce=0;ce<Q;ce++)if(te=t.children[ce],Z=te.getBoundingClientRect(),U&&Z.left+Z.width/2>v||!H&&!U&&Z.top+Z.height/2>B||H&&Z.left+Z.width>v&&Z.top+Z.height>B)return te;return null}function re(){var Q=l.getBoundingClientRect();if(H){var ce=B-Q.top,te=v-Q.left,Z=Q.bottom-B,Ee=Q.right-v,Ne=Math.min(te,Ee,ce,Z),Fe;return ue?Fe=Ee<te:Fe=Z===Ne||Ee===Ne||te===Ne,ae(Fe)}return ae(U?v>Q.left+W(Q)/2:B>Q.top+O(Q)/2)}function ae(Q){return Q?m(l):l}}function Nt(t,l){return typeof A.copy=="boolean"?A.copy:A.copy(t,l)}}function c(o){const $=Array.from(window.scrollContainerList);if($.length===1){const h=Array.from(window.scrollContainerList)[0];return document.getElementById(h)}const f=e($);for(const h of f)if(h.contains(o))return h;return null}function e(o){const $=[];return o.forEach(f=>{const h=document.getElementById(f);h&&$.push(h)}),$.sort((f,h)=>f.contains(h)?1:h.contains(f)?-1:0),$}function r(o,$,f,h){var F={mouseup:"touchend",mousedown:"touchstart",mousemove:"touchmove"},V={mouseup:"pointerup",mousedown:"pointerdown",mousemove:"pointermove"},J={mouseup:"MSPointerUp",mousedown:"MSPointerDown",mousemove:"MSPointerMove"};u.navigator.pointerEnabled?N[$](o,V[f],h):u.navigator.msPointerEnabled?N[$](o,J[f],h):(N[$](o,F[f],h),N[$](o,f,h))}function s(o){if(o.touches!==void 0)return o.touches.length;if(o.which!==void 0&&o.which!==0)return o.which;if(o.buttons!==void 0)return o.buttons;var $=o.button;if($!==void 0)return $&1?1:$&2?3:$&4?2:0}function y(o,$,f){o=o||{};var h=o.className||"",F;return o.className+=" gu-hide",F=k.elementFromPoint($,f),o.className=h,F}function M(){return!1}function j(){return!0}function W(o){return o.width||o.right-o.left}function O(o){return o.height||o.bottom-o.top}function D(o){return o.parentNode===k?null:o.parentNode}function i(o){return o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.tagName==="SELECT"||E(o)}function E(o){return!o||o.contentEditable==="false"?!1:o.contentEditable==="true"?!0:E(D(o))}function m(o){return o.nextElementSibling||$();function $(){var f=o;do f=f.nextSibling;while(f&&f.nodeType!==1);return f}}function Y(o){return o.targetTouches&&o.targetTouches.length?o.targetTouches[0]:o.changedTouches&&o.changedTouches.length?o.changedTouches[0]:o}function L(o,$){var f=Y($),h={pageX:"clientX",pageY:"clientY"};return o in h&&!(o in f)&&h[o]in f&&(o=h[o]),f[o]}S.exports=w}).call(this,typeof ie<"u"?ie:typeof self<"u"?self:typeof window<"u"?window:{})},{"./classes":1,"contra/emitter":5,crossvent:6}],3:[function(n,S,x){S.exports=function(C,N){return Array.prototype.slice.call(C,N)}},{}],4:[function(n,S,x){var u=n("ticky");S.exports=function(N,d,k){N&&u(function(){N.apply(k||null,d||[])})}},{ticky:10}],5:[function(n,S,x){var u=n("atoa"),C=n("./debounce");S.exports=function(d,k){var T=k||{},w={};return d===void 0&&(d={}),d.on=function(c,e){return w[c]?w[c].push(e):w[c]=[e],d},d.once=function(c,e){return e._once=!0,d.on(c,e),d},d.off=function(c,e){var r=arguments.length;if(r===1)delete w[c];else if(r===0)w={};else{var s=w[c];if(!s)return d;s.splice(s.indexOf(e),1)}return d},d.emit=function(){var c=u(arguments);return d.emitterSnapshot(c.shift()).apply(this,c)},d.emitterSnapshot=function(c){var e=(w[c]||[]).slice(0);return function(){var r=u(arguments),s=this||d;if(c==="error"&&T.throws!==!1&&!e.length)throw r.length===1?r[0]:r;return e.forEach(function(M){T.async?C(M,r,s):M.apply(s,r),M._once&&d.off(c,M)}),d}},d}},{"./debounce":4,atoa:3}],6:[function(n,S,x){(function(u){var C=n("custom-event"),N=n("./eventmap"),d=u.document,k=c,T=r,w=[];u.addEventListener||(k=e,T=s),S.exports={add:k,remove:T,fabricate:y};function c(D,i,E,m){return D.addEventListener(i,E,m)}function e(D,i,E){return D.attachEvent("on"+i,j(D,i,E))}function r(D,i,E,m){return D.removeEventListener(i,E,m)}function s(D,i,E){var m=W(D,i,E);if(m)return D.detachEvent("on"+i,m)}function y(D,i,E){var m=N.indexOf(i)===-1?L():Y();D.dispatchEvent?D.dispatchEvent(m):D.fireEvent("on"+i,m);function Y(){var o;return d.createEvent?(o=d.createEvent("Event"),o.initEvent(i,!0,!0)):d.createEventObject&&(o=d.createEventObject()),o}function L(){return new C(i,{detail:E})}}function M(D,i,E){return function(Y){var L=Y||u.event;L.target=L.target||L.srcElement,L.preventDefault=L.preventDefault||function(){L.returnValue=!1},L.stopPropagation=L.stopPropagation||function(){L.cancelBubble=!0},L.which=L.which||L.keyCode,E.call(D,L)}}function j(D,i,E){var m=W(D,i,E)||M(D,i,E);return w.push({wrapper:m,element:D,type:i,fn:E}),m}function W(D,i,E){var m=O(D,i,E);if(m){var Y=w[m].wrapper;return w.splice(m,1),Y}}function O(D,i,E){var m,Y;for(m=0;m<w.length;m++)if(Y=w[m],Y.element===D&&Y.type===i&&Y.fn===E)return m}}).call(this,typeof ie<"u"?ie:typeof self<"u"?self:typeof window<"u"?window:{})},{"./eventmap":7,"custom-event":8}],7:[function(n,S,x){(function(u){var C=[],N="",d=/^on/;for(N in u)d.test(N)&&C.push(N.slice(2));S.exports=C}).call(this,typeof ie<"u"?ie:typeof self<"u"?self:typeof window<"u"?window:{})},{}],8:[function(n,S,x){(function(u){var C=u.CustomEvent;function N(){try{var d=new C("cat",{detail:{foo:"bar"}});return d.type==="cat"&&d.detail.foo==="bar"}catch{}return!1}S.exports=N()?C:typeof document<"u"&&typeof document.createEvent=="function"?function(k,T){var w=document.createEvent("CustomEvent");return T?w.initCustomEvent(k,T.bubbles,T.cancelable,T.detail):w.initCustomEvent(k,!1,!1,void 0),w}:function(k,T){var w=document.createEventObject();return w.type=k,T?(w.bubbles=!!T.bubbles,w.cancelable=!!T.cancelable,w.detail=T.detail):(w.bubbles=!1,w.cancelable=!1,w.detail=void 0),w}}).call(this,typeof ie<"u"?ie:typeof self<"u"?self:typeof window<"u"?window:{})},{}],9:[function(n,S,x){var u=S.exports={},C,N;function d(){throw new Error("setTimeout has not been defined")}function k(){throw new Error("clearTimeout has not been defined")}(function(){try{typeof setTimeout=="function"?C=setTimeout:C=d}catch{C=d}try{typeof clearTimeout=="function"?N=clearTimeout:N=k}catch{N=k}})();function T(O){if(C===setTimeout)return setTimeout(O,0);if((C===d||!C)&&setTimeout)return C=setTimeout,setTimeout(O,0);try{return C(O,0)}catch{try{return C.call(null,O,0)}catch{return C.call(this,O,0)}}}function w(O){if(N===clearTimeout)return clearTimeout(O);if((N===k||!N)&&clearTimeout)return N=clearTimeout,clearTimeout(O);try{return N(O)}catch{try{return N.call(null,O)}catch{return N.call(this,O)}}}var c=[],e=!1,r,s=-1;function y(){!e||!r||(e=!1,r.length?c=r.concat(c):s=-1,c.length&&M())}function M(){if(!e){var O=T(y);e=!0;for(var D=c.length;D;){for(r=c,c=[];++s<D;)r&&r[s].run();s=-1,D=c.length}r=null,e=!1,w(O)}}u.nextTick=function(O){var D=new Array(arguments.length-1);if(arguments.length>1)for(var i=1;i<arguments.length;i++)D[i-1]=arguments[i];c.push(new j(O,D)),c.length===1&&!e&&T(M)};function j(O,D){this.fun=O,this.array=D}j.prototype.run=function(){this.fun.apply(null,this.array)},u.title="browser",u.browser=!0,u.env={},u.argv=[],u.version="",u.versions={};function W(){}u.on=W,u.addListener=W,u.once=W,u.off=W,u.removeListener=W,u.removeAllListeners=W,u.emit=W,u.prependListener=W,u.prependOnceListener=W,u.listeners=function(O){return[]},u.binding=function(O){throw new Error("process.binding is not supported")},u.cwd=function(){return"/"},u.chdir=function(O){throw new Error("process.chdir is not supported")},u.umask=function(){return 0}},{}],10:[function(n,S,x){(function(u){var C=typeof u=="function",N;C?N=function(d){u(d)}:N=function(d){setTimeout(d,0)},S.exports=N}).call(this,n("timers").setImmediate)},{timers:11}],11:[function(n,S,x){(function(u,C){var N=n("process/browser.js").nextTick,d=Function.prototype.apply,k=Array.prototype.slice,T={},w=0;x.setTimeout=function(){return new c(d.call(setTimeout,window,arguments),clearTimeout)},x.setInterval=function(){return new c(d.call(setInterval,window,arguments),clearInterval)},x.clearTimeout=x.clearInterval=function(e){e.close()};function c(e,r){this._id=e,this._clearFn=r}c.prototype.unref=c.prototype.ref=function(){},c.prototype.close=function(){this._clearFn.call(window,this._id)},x.enroll=function(e,r){clearTimeout(e._idleTimeoutId),e._idleTimeout=r},x.unenroll=function(e){clearTimeout(e._idleTimeoutId),e._idleTimeout=-1},x._unrefActive=x.active=function(e){clearTimeout(e._idleTimeoutId);var r=e._idleTimeout;r>=0&&(e._idleTimeoutId=setTimeout(function(){e._onTimeout&&e._onTimeout()},r))},x.setImmediate=typeof u=="function"?u:function(e){var r=w++,s=arguments.length<2?!1:k.call(arguments,1);return T[r]=!0,N(function(){T[r]&&(s?e.apply(null,s):e.call(null),x.clearImmediate(r))}),r},x.clearImmediate=typeof C=="function"?C:function(e){delete T[e]}}).call(this,n("timers").setImmediate,n("timers").clearImmediate)},{"process/browser.js":9,timers:11}]},{},[2])(2)})})(Me);var Kn=Me.exports;const qe=Jn(Kn);function Qn(){let b;function p(e,r,s){const y={};return y.sourceElement=e,y.sourceContainer=s,y.targetContainer=r,y.sourceType=e.getAttribute("data-sourceType")||"move",y.controlType=e.getAttribute("data-controlType"),y.controlTypeName=e.getAttribute("data-controlTypeName"),y.controlCategory=e.getAttribute("data-category"),y.controlFeature=e.getAttribute("data-feature"),y.parentComponentInstance=r.componentInstance,y.controlCategory==="input"?y.bindingType="field":y.controlCategory==="dataCollection"&&(y.bindingType="entity"),e.componentInstance&&(y.controlType=e.componentInstance.value.schema.type,y.controlCategory=e.componentInstance.value.schema.category),y}function n(e,r,s){if(e.contains(r)||r.classList.contains("no-drop"))return!1;const y=!0;if(e.componentInstance&&e.componentInstance.value.getDragScopeElement){const M=e.componentInstance.value.getDragScopeElement();if(M&&!M.contains(r))return!1}if(r.componentInstance&&r.componentInstance.value.canAccepts){const M=p(e,r,s);return r.componentInstance.value.canAccepts(M)}return y}function S(e,r){const s=r.getBoundingClientRect(),y=e.getBoundingClientRect(),M=y.top>=s.top,j=y.top<s.bottom;return M&&j}function x(e,r){const s=e.querySelector(".dgComponentSelected");if(!(!s||r===0)&&S(s,e)){const y=s.querySelector(".component-btn-group");if(y){const M=y.querySelector("div");if(M&&M.style.top){const j=Number.parseFloat(M.style.top);M.style.top=j-r+"px"}}}}function u(e,r,s){e.componentInstance;let y=-1;if(!r)return-1;if(e.componentInstance.value.contents){if(s&&s.componentInstance){if(s.getAttribute("data-noattach"))y=Number(s.getAttribute("data-position"));else{const M=s.componentInstance.value.schema;let j={id:M.id};M.type==="Component"&&(j={component:M.id}),y=ve.findIndex(e.componentInstance.value.contents,j),y=y===-1?0:y}y!==-1&&e.componentInstance.value.contents.splice(y,0,r)}else e.componentInstance.value.contents.push(r);e.componentInstance.value.updateDragAndDropRules()}return y}function C(e,r){if(!e.componentInstance.value.contents)return-1;if(e.componentInstance.value.contents.length===0)return 0;if(!r||!r.componentInstance)return e.componentInstance.value.contents.length;if(r.getAttribute("data-noattach"))return Number(r.getAttribute("data-position"));const s=r.componentInstance.value.schema;let y;s.type==="Component"?y={component:s.id}:y={id:s.id};let M=ve.findIndex(e.componentInstance.value.contents,y);return M=M===-1?0:M,M}function N(e,r,s,y){if(r.componentInstance.value.addNewChildComponentSchema){const M=C(r,y),j=String(e.getAttribute("data-controltype")),W=e.getAttribute("data-feature"),O=String(e.innerText),D=r.componentInstance.value,i={componentType:j,label:O,parentComponentInstance:D,targetPosition:M},E=W?JSON.parse(W):{},m=Object.assign(i,E),Y=r.componentInstance.value.addNewChildComponentSchema(m);u(r,Y,y)}r.contains(e)&&r.removeChild(e)}function d(e,r,s,y){let M,j=-1;if(e.componentInstance&&e.componentInstance.value.triggerBelongedComponentToMoveWhenMoved){const D=e.componentInstance.value.getBelongedComponentInstance(e.componentInstance);D&&(e=a.ref(D.elementRef).value.parentElement,s=e.parentElement)}const W=e.componentInstance&&e.componentInstance.value.schema,O={id:W&&W.id};j=ve.findIndex(s.componentInstance.value.contents,O),j!==-1&&s.componentInstance.value.contents&&(M=s.componentInstance.value.contents.splice(j,1),M=M[0]),u(r,M,y),s.componentInstance&&s.componentInstance.value.onChildElementMovedOut&&s.componentInstance.value.onChildElementMovedOut(e),r.componentInstance&&r.componentInstance.value.onAcceptMovedChildElement&&r.componentInstance.value.onAcceptMovedChildElement(e,s)}function k(e,r,s,y){if(!r||e.contains(r))return;switch(e.getAttribute("data-sourceType")){case"control":case"field":case"entity":{N(e,r,s,y);break}default:s.componentInstance.value.contents?d(e,r,s,y):r.contains(e)&&r.removeChild(e)}fe.value++}function T(e){b&&b.destroy(),qe&&(b=qe([],{mirrorContainer:e,direction:"mixed",revertOnSpill:!0,moves(r,s,y){let M=!0;return r.classList.contains("no-drag")&&(M=!1),r.componentInstance&&(M=!!y.getAttribute("data-dragging-icon")),M},copy(r){return r.classList.contains("drag-copy")},getMirrorText(r){return r.componentInstance&&r.componentInstance.value.getDraggingDisplayText?r.componentInstance.value.getDraggingDisplayText():r.innerText||"控件"},accepts(r,s,y){const M=n(r,s,y),j=e.lastElementChild;return M?j.className=j.className.replace("undroppable",""):j.className.includes("undroppable")||(j.className+=" undroppable"),M}}).on("over",(r,s)=>{s.className+=" drag-over"}).on("out",(r,s)=>{s.className=s.className.replace("drag-over","").replace("  ","")}).on("drop",(r,s,y,M)=>{k(r,s,y,M)}).on("dragend",(r,s)=>{x(r,s)}))}function w(e,r){if(!e)return;if(r.noDragDrop)return e;const s=e.querySelector(`[data-dragref='${r.id}-container']`)||e;b&&s&&b.containers.push(s)}function c(){if(!b)return;const e=document.getElementsByClassName("controlCategory");e&&(b.containers=b.containers.filter(r=>!r.className.includes("controlCategory")),Array.from(e).forEach(r=>{b.containers.push(r)}))}return{attachComponents:w,attachToolbox:c,initializeDragula:T}}const Zn={id:{type:String,default:""},componentId:{type:String,default:""},type:{type:String,default:""},canDelete:{type:Boolean,default:!0},canMove:{type:Boolean,default:!0},canSelectParent:{type:Boolean,default:!0},customButtons:{type:Array,default:[]},customClass:{type:String,default:""},customStyle:{type:String,default:""},modelValue:{type:Object},ignore:{type:Boolean,default:!1}},P={},I={},q={};let Ae=!1;function Rn(){Ae||(Ae=!0,Ge.registerDesigner(P,I,q),Ye.registerDesigner(P,I,q),ze.registerDesigner(P,I,q),Je.registerDesigner(P,I,q),Ke.registerDesigner(P,I,q),Qe.registerDesigner(P,I,q),Ze.registerDesigner(P,I,q),Re.registerDesigner(P,I,q),en.registerDesigner(P,I,q),nn.registerDesigner(P,I,q),tn.registerDesigner(P,I,q),rn.registerDesigner(P,I,q),on.registerDesigner(P,I,q),an.registerDesigner(P,I,q),sn.registerDesigner(P,I,q),cn.registerDesigner(P,I),un.registerDesigner(P,I,q),ln.registerDesigner(P,I,q),fn.registerDesigner(P,I,q),pn.registerDesigner(P,I,q),mn.registerDesigner(P,I,q),dn.registerDesigner(P,I,q),gn.registerDesigner(P,I,q),vn.registerDesigner(P,I,q),yn.registerDesigner(P,I,q),hn.registerDesigner(P,I,q),Cn.registerDesigner(P,I,q),Dn.registerDesigner(P,I,q),wn.registerDesigner(P,I,q),Sn.registerDesigner(P,I,q),Tn.registerDesigner(P,I,q),bn.registerDesigner(P,I,q),En.registerDesigner(P,I,q),Pn.registerDesigner(P,I,q),In.registerDesigner(P,I,q),Fn.registerDesigner(P,I,q),Nn.registerDesigner(P,I,q),Mn.registerDesigner(P,I,q),qn.registerDesigner(P,I,q),An.registerDesigner(P,I,q),Bn.registerDesigner(P,I,q),xn.registerDesigner(P,I,q),kn.registerDesigner(P,I,q),Vn.registerDesigner(P,I,q),On.registerDesigner(P,I,q),_n.registerDesigner(P,I,q),Xn.registerDesigner(P,I,q),Ln.registerDesigner(P,I,q),jn.registerDesigner(P,I,q),$n.registerDesigner(P,I,q),Un.registerDesigner(P,I,q),Hn.registerDesigner(P,I,q),Wn.registerDesigner(P,I),Yn.registerDesigner(P,I,q),Gn.registerDesigner(P,I,q))}const et={id:{type:String}},nt=a.defineComponent({name:"FDesignerPlaceholder",props:et,emits:[],setup(b){const p=a.computed(()=>({"drag-and-drop-alert":!0,alert:!0,"alert-info":!0,"no-drag":!0,"w-100":!0})),n=a.computed(()=>({height:"60px",display:"flex","justify-content":"center","align-items":"center",margin:0}));return()=>a.createVNode("div",{class:p.value,style:n.value,role:"alert","data-noattach":"true","data-position":"0"},[a.createTextVNode("拖拽组件到这里")])}});function tt(b){return typeof b=="function"||Object.prototype.toString.call(b)==="[object Object]"&&!a.isVNode(b)}const he=a.defineComponent({name:"FDesignerItem",props:Zn,emits:["selectionChange"],setup(b,p){const n=a.ref(`${b.modelValue.id}-component`),S=a.ref(b.canMove),x=a.ref(b.canDelete),u=a.ref(!1),C=a.ref(b.modelValue),N=a.ref(b.componentId||""),d=a.ref(""),k=a.ref(""),T=a.ref(),w=a.inject("canvas-dragula"),c=a.ref(),e=a.inject("design-item-context"),r={designerItemElementRef:T,componentInstance:c,schema:C.value,parent:e,setupContext:p};a.provide("design-item-context",r);const s=a.inject("useFormSchema"),y=a.computed(()=>{const f=b.modelValue.appearance&&b.modelValue.appearance.class||"",h={"farris-component":!0,"flex-fill":C.value.id=="root-component","position-relative":S.value&&x.value,"farris-nested":u.value,"can-move":S.value,"d-none":T.value&&T.value.classList.contains("d-none")};return h[`farris-component-${C.value.type}`]=!0,f&&f.split(" ").reduce((F,V)=>(F[V]=!0,F),h),k.value&&k.value.split(" ").reduce((F,V)=>(F[V]=!0,F),h),h}),M=a.computed(()=>{const f={},h=b.modelValue.appearance&&b.modelValue.appearance.style||"";return h&&h.split(";").reduce((F,V)=>{const[J,G]=V.split(":");return F[J]=G,F},f),d.value&&d.value.split(";").reduce((F,V)=>{const[J,G]=V.split(":");return J&&(F[J]=G),F},f),f});function j(f,h){var F,V,J;if(f&&(f.preventDefault(),f.stopPropagation()),c.value.triggerBelongedComponentToDeleteWhenDeleted){const G=c.value.getBelongedComponentInstance(c);if(G&&G.parent){const R=a.ref(G==null?void 0:G.parent),ne=R.value.contents.findIndex(X=>X.id===G.schema.id);(V=(F=R.value)==null?void 0:F.contents)==null||V.splice(ne,1),(J=R.value)==null||J.updateDragAndDropRules(),fe.value++}return}if(e&&e.schema.contents){const G=e.schema.contents.findIndex(R=>R.id===h.id);e.schema.contents.splice(G,1),e.componentInstance.value.updateDragAndDropRules(),fe.value++}}function W(f){return x.value&&a.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:h=>{j(h,f)}},[a.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function O(){return S.value&&a.createVNode("div",{role:"button",class:"btn component-settings-button",title:"移动",ref:"moveComponent"},[a.createVNode("i",{"data-dragging-icon":"true",class:"cmp_move f-icon f-icon-yxs_move"},null)])}function D(){return b.customButtons&&!!b.customButtons.length&&b.customButtons.map(f=>a.createVNode("div",{role:"button",class:`btn component-settings-button ${f.class||""}`,title:f.title,ref:f.id},[a.createVNode("i",{class:f.icon},null)]))}function i(f){return a.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[a.createVNode("div",null,[W(f),O(),D()])])}function E(f,h,F,V){p.emit("selectionChange",f,h,F,V)}function m(f){let h;const F=f.type,V=P[F],J=I[F],G=J?J(f):{};G.customClass=b.ignore?G.customClass:"",G.componentId=N.value;const R=f.contents&&f.contents.length===0;return f.contents&&!!f.contents.length&&V?a.createVNode(V,a.mergeProps({ref:c},G),tt(h=f.contents.map(X=>a.createVNode(he,{key:X.id,modelValue:X,"onUpdate:modelValue":de=>X=de,componentId:N.value,onSelectionChange:E},null)))?h:{default:()=>[h]}):V?R?a.createVNode(V,a.mergeProps({ref:c},G),{default:()=>[a.createVNode(nt,null,null)]}):a.createVNode(V,a.mergeProps({ref:c},G),null):a.createVNode("div",null,null)}function Y(f){if(f.type==="component-ref"){let F=s==null?void 0:s.getFormSchema().module.components.find(V=>V.id===f.component);if(F)return a.createVNode(he,{key:F.id,modelValue:F,"onUpdate:modelValue":V=>F=V,componentId:F.id,onSelectionChange:E},null)}}a.watch(()=>b.modelValue,f=>{C.value=f,n.value=`${f.id}-component`});function L(f){const h=f.target;Pe(h)}function o(){var f,h;(h=(f=C.value)==null?void 0:f.contents)!=null&&h.length&&T.value&&T.value.addEventListener("scroll",L)}a.onMounted(()=>{if(T.value&&c.value&&c.value.schema){const f=T.value.querySelector(`[data-dragref='${c.value.schema.id}-container']`);w&&f&&w.attachComponents(f,C.value),u.value=c.value.canNested!==void 0?c.value.canNested:u.value,x.value=c.value.canDelete!==void 0?c.value.canDelete:x.value,S.value=c.value.canMove!==void 0?c.value.canMove:S.value,d.value=c.value.styles||"",k.value=c.value.designerClass||"",T.value&&(T.value.componentInstance=c,T.value.designItemContext=r)}o(),fe.value++}),a.onBeforeUnmount(()=>{T.value&&T.value.removeEventListener("scroll",L)});function $(f){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(F=>F.classList.remove("dgComponentFocused")),f&&(f.preventDefault(),f.stopPropagation());const h=T.value;if(h){const F=document.getElementsByClassName("dgComponentSelected");if(!(F&&F.length===1&&F[0]===T.value)&&(Array.from(F).forEach(J=>J.classList.remove("dgComponentSelected")),h.classList.add("dgComponentFocused"),p.emit("selectionChange",C.value.type,C.value,N.value,c.value),c.value.getDraggableDesignItemElement)){const J=c.value.getDraggableDesignItemElement(r);J&&J.value&&J.value.classList.add("dgComponentSelected")}}L(f)}return()=>C.value.type==="component-ref"?Y(C.value):a.createVNode("div",{id:`${C.value.id}-design-item`,ref:T,class:y.value,style:M.value,onClick:$},[i(C.value),m(C.value)])}}),rt=a.defineComponent({name:"FDesignerCanvas",props:Ie,emits:["init","selectionChange","canvasChanged"],setup(b,p){const n=a.ref(),S=a.ref(),x=a.ref(),u=a.ref(),C=a.ref(),N=Qn(),d=a.ref(b.componentId);Rn(),a.provide("canvas-dragula",N),a.provide("design-item-context",{designerItemElementRef:u,componentInstance:C,schema:S.value,parent:void 0}),a.provide("designer-host-service",{eventsEditorUtils:a.inject("eventsEditorUtils"),formSchemaUtils:a.inject("useFormSchema"),formMetadataConverter:a.inject("formMetadataConverter"),designViewModelUtils:a.inject("designViewModelUtils"),controlCreatorUtils:a.inject("controlCreatorUtils"),metadataService:a.inject("Meatdata_Http_Service_Token"),schemaService:a.inject("schemaService")});const k=a.computed(()=>({"d-flex":!0,"flex-fill":!0,"flex-column":!0}));a.onMounted(()=>{x.value&&N.initializeDragula(x.value),n.value=b.modelValue,p.emit("init",N)}),a.watch(fe,()=>{Pe(x.value),p.emit("canvasChanged")},{flush:"post"});function T(w,c,e,r){p.emit("selectionChange",w,c,e,r)}return()=>a.createVNode("div",{class:"editorDiv flex-fill h-100"},[a.createVNode("div",{class:"editorPanel d-flex flex-fill flex-column PC"},[a.createVNode("div",{ref:x,class:k.value},[n.value&&a.createVNode(he,{modelValue:n.value,"onUpdate:modelValue":w=>n.value=w,onSelectionChange:T,componentId:d.value},null)])])])}}),ot={},it={};function Be(b){const{properties:p,title:n}=b,S=Object.keys(p).reduce((x,u)=>(x[u]=p[u].type==="object"&&p[u].properties?Be(p[u]):ve.cloneDeep(p[u].default),x),{});return S.id=`${n}-${Date.now()}`,S}function pe(b,p={}){const n=ot[b];if(n){let S=Be(n);const x=it[b];return S=x?x({getSchemaByType:pe},S,p):S,S}return null}function at(b,p,n){var D;function S(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}S();const x=n&&n.getStyles&&n.getStyles()||"",u=n&&n.getDesignerClass&&n.getDesignerClass()||"",C=a.ref();function N(){return(p==null?void 0:p.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function d(){return!1}function k(){return(p==null?void 0:p.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function T(){return(p==null?void 0:p.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function w(i){if(!i||!i.value)return null;if(i.value.schema&&i.value.schema.type==="component")return i.value;const E=a.ref(i==null?void 0:i.value.parent),m=w(E);return m||null}function c(i=p){const{componentInstance:E,designerItemElementRef:m}=i;return!E||!E.value?null:E.value.canMove?m:c(i.parent)}function e(i){return!!n&&n.canAccepts(i)}function r(){return(p==null?void 0:p.schema.label)||(p==null?void 0:p.schema.title)||(p==null?void 0:p.schema.name)}function s(){}function y(i,E){E&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(E)}function M(i){const{componentType:E}=i;let m=pe(E,i);n&&n.onResolveNewComponentSchema&&(m=n.onResolveNewComponentSchema(i,m));const Y=E.toLowerCase().replace("-","_");return m&&!m.id&&m.type===E&&(m.id=`${Y}_${Math.random().toString().slice(2,6)}`),m}function j(i,E){const m=String(i.getAttribute("data-controltype")),Y=i.getAttribute("data-feature"),L=Y?JSON.parse(Y):{};L.parentComponentInstance=C.value;let o=pe(m,L);n&&n.onAcceptNewChildElement&&(o=n.onAcceptNewChildElement(i,E,o));const $=m.toLowerCase().replace("-","_");return o&&!o.id&&o.type===m&&(o.id=`${$}_${Math.random().toString().slice(2,6)}`),o}function W(i){}function O(...i){if(n&&n.getPropsConfig)return n.getPropsConfig(...i)}return C.value={canMove:N(),canSelectParent:d(),canDelete:k(),canNested:!T(),contents:p==null?void 0:p.schema.contents,elementRef:b,parent:(D=p==null?void 0:p.parent)==null?void 0:D.componentInstance,schema:p==null?void 0:p.schema,styles:x,designerClass:u,canAccepts:e,getBelongedComponentInstance:w,getDraggableDesignItemElement:c,getDraggingDisplayText:r,getPropConfig:O,getDragScopeElement:s,onAcceptMovedChildElement:y,onAcceptNewChildElement:j,onChildElementMovedOut:W,addNewChildComponentSchema:M,updateDragAndDropRules:S,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||a.ref(!1)},C}function ct(b,p,n){var D;function S(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}S();const x=n&&n.getStyles&&n.getStyles()||"",u=a.ref();function C(){return n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function N(){return!1}function d(){return n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function k(){return n&&n.checkCanAddComponent?n.checkCanAddComponent():!0}function T(){return!0}function w(i){if(!i||!i.value)return null;const E=a.ref(i==null?void 0:i.value.parent),m=w(E);return m||null}function c(i=p){const{componentInstance:E,designerItemElementRef:m}=i;return!E||!E.value?null:E.value.canMove||E.value.canAdd||E.value.canDelete?m:c(i.parent)}function e(i){return!!n&&n.canAccepts(i)}function r(){return(p==null?void 0:p.schema.label)||(p==null?void 0:p.schema.title)||(p==null?void 0:p.schema.name)}function s(){}function y(i,E){E&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(E)}function M(i){const{componentType:E}=i;let m=pe(E,i);n&&n.onResolveNewComponentSchema&&(m=n.onResolveNewComponentSchema(i,m));const Y=E.toLowerCase().replace("-","_");return m&&!m.id&&m.type===E&&(m.id=`${Y}_${Math.random().toString().slice(2,6)}`),m}function j(i,E){const m=String(i.getAttribute("data-controltype")),Y=i.getAttribute("data-feature"),L=Y?JSON.parse(Y):{};L.parentComponentInstance=u.value;let o=pe(m,L);n&&n.onAcceptNewChildElement&&(o=n.onAcceptNewChildElement(i,E,o));const $=m.toLowerCase().replace("-","_");return o&&!o.id&&o.type===m&&(o.id=`${$}_${Math.random().toString().slice(2,6)}`),o}function W(i){}function O(...i){return n&&n.getPropsConfig?n.getPropsConfig(...i):[]}return u.value={canMove:C(),canSelectParent:N(),canAdd:k(),canDelete:d(),canNested:!T(),contents:[],elementRef:b,parent:(D=p.parent)==null?void 0:D.componentInstance,schema:p.schema,styles:x,canAccepts:e,getBelongedComponentInstance:w,getDraggableDesignItemElement:c,getDraggingDisplayText:r,getPropConfig:O,getDragScopeElement:s,onAcceptMovedChildElement:y,onAcceptNewChildElement:j,onChildElementMovedOut:W,addNewChildComponentSchema:M,updateDragAndDropRules:S,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||a.ref(!1)},u}g.FDesignerCanvas=rt,g.FDesignerItem=he,g.designerCanvasProps=Ie,g.useDesignerComponent=at,g.useDesignerInnerComponent=ct,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});

package/components/designer-canvas/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/designer-canvas/index.d.ts"
     }

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

@@ -21,35 +21,35 @@ const x = {
   /** 单元格高度 */
   cellHeight: { type: Number, default: 28 }
 };
-var w = /* @__PURE__ */ ((a) => (a.Frame = "frame", a.dataGrid = "data-grid", a.listView = "list-view", a.form = "form", a.attachmentPanel = "attachment-panel", a.modalFrame = "modal-frame", a.table = "table", a.appointmentCalendar = "appointment-calendar", a))(w || {});
+var w = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.dataGrid = "data-grid", r.listView = "list-view", r.form = "form", r.attachmentPanel = "attachment-panel", r.modalFrame = "modal-frame", r.table = "table", r.appointmentCalendar = "appointment-calendar", r))(w || {});
 function E() {
-  function a(e) {
-    let l = "controlIcon mr-2 fd-i-Family ", n = "";
+  function r(e) {
+    let l = "controlIcon mr-2 fd-i-Family ", a = "";
     switch (e == null ? void 0 : e.type) {
       case "form-group": {
-        n = e.editor && e.editor.type ? `fd_pc-${e.editor.type}` : "";
+        a = e.editor && e.editor.type ? `fd_pc-${e.editor.type}` : "";
         break;
       }
       default:
         l += `fd_pc-${e.type}`;
     }
-    return l += n, l;
+    return l += a, l;
   }
   function v(e, l) {
     var g;
-    let n = e.id;
+    let a = e.id;
     const o = l == null ? void 0 : l.contents;
     if ((l == null ? void 0 : l.type) === "splitter" && o && o.length === 2) {
       const t = l.direction !== "column";
-      e.id === ((g = o[0]) == null ? void 0 : g.id) ? n = t ? "左侧区域" : "上方区域" : n = t ? "右侧区域" : "下方区域";
+      e.id === ((g = o[0]) == null ? void 0 : g.id) ? a = t ? "左侧区域" : "上方区域" : a = t ? "右侧区域" : "下方区域";
     }
-    return n;
+    return a;
   }
   function d(e) {
     if (e.isLikeCardContainer)
       return "区块";
-    const l = e.appearance && e.appearance.class || "", n = l.split(" ");
-    return e.id === "page-header" && l && l === "f-page-header" ? "页头" : n.includes("f-page-header-base") ? "页头容器" : n.includes("f-page-header-extend") ? "页头扩展容器" : n.includes("f-title") ? "标题容器" : n.includes("f-page") ? "根容器" : n.includes("f-page-main") ? "内容区域" : n.includes("f-scrollspy-content") && e.isScrollspyContainer ? "滚动监听容器" : n.includes("f-grid-is-sub") ? "表格容器" : n.includes("f-filter-container") ? "筛选条容器" : "容器";
+    const l = e.appearance && e.appearance.class || "", a = l.split(" ");
+    return e.id === "page-header" && l && l === "f-page-header" ? "页头" : a.includes("f-page-header-base") ? "页头容器" : a.includes("f-page-header-extend") ? "页头扩展容器" : a.includes("f-title") ? "标题容器" : a.includes("f-page") ? "根容器" : a.includes("f-page-main") ? "内容区域" : a.includes("f-scrollspy-content") && e.isScrollspyContainer ? "滚动监听容器" : a.includes("f-grid-is-sub") ? "表格容器" : a.includes("f-filter-container") ? "筛选条容器" : "容器";
   }
   function b(e) {
     const { componentType: l } = e;
@@ -75,9 +75,9 @@ function E() {
     return "组件";
   }
   function C(e, l) {
-    const n = e.name || e.text || e.label || e.title || e.mainTitle;
-    if (n && typeof n == "string")
-      return n.trim();
+    const a = e.name || e.text || e.label || e.title || e.mainTitle;
+    if (a && typeof a == "string")
+      return a.trim();
     switch (e.type) {
       case "content-container":
         return d(e);
@@ -85,55 +85,57 @@ function E() {
         return v(e, l);
       case "component":
         return b(e);
+      case "response-form":
+        return "卡片面板";
       default:
         return e.id;
     }
   }
   function S(e) {
-    const l = e.length ? e[0] : null, n = l ? `${l.originalId}-design-item` : "", o = document.getElementById(n);
+    const l = e.length ? e[0] : null, a = l ? `${l.originalId}-design-item` : "", o = document.getElementById(a);
     if (o) {
       const g = document.getElementsByClassName("dgComponentSelected");
       g && g.length === 1 && g[0] === o || o && o.click();
     }
   }
-  return { getIcon: a, getTitle: C, onChanged: S };
+  return { getIcon: r, getTitle: C, onChanged: S };
 }
-function T(a, v) {
-  const d = a.data.module ? h(a.data.module.components[0]) : h(a.data), { getIcon: b, getTitle: C } = v;
+function T(r, v) {
+  const d = r.data.module ? h(r.data.module.components[0]) : h(r.data), { getIcon: b, getTitle: C } = v;
   function S(t, i, u, c) {
     var s;
-    const r = (s = a.data.module) == null ? void 0 : s.components.find((f) => f.id === t.component);
-    r && e([r], i, u, c);
+    const n = (s = r.data.module) == null ? void 0 : s.components.find((f) => f.id === t.component);
+    n && e([n], i, u, c);
   }
   function e(t, i, u, c) {
-    return t.forEach((r) => {
-      if (r.type === "component-ref") {
-        S(r, i, u, c);
+    return t.forEach((n) => {
+      if (n.type === "component-ref") {
+        S(n, i, u, c);
         return;
       }
       const s = {
-        originalId: r.id,
+        originalId: n.id,
         layer: u,
         originalParent: c == null ? void 0 : c.id,
-        name: C(r, c),
-        type: r.type,
-        controlIcon: b(r),
-        rawSchema: r
+        name: C(n, c),
+        type: n.type,
+        controlIcon: b(n),
+        rawSchema: n
       };
-      i.push(V(s)), (r.contents || r.buttons) && e(r.contents || r.buttons, i, u + 1, r);
+      i.push(V(s)), (n.contents || n.buttons) && e(n.contents || n.buttons, i, u + 1, n);
     }), i;
   }
   function l(t) {
     const i = [], u = t.find((f) => f.layer === 0);
     t = t.filter((f) => f.layer !== 0), i.push(u);
-    let c = u.originalId, r = 0, s = 1e3;
+    let c = u.originalId, n = 0, s = 1e3;
     for (; t.length !== 0 || s === 0; ) {
       const f = t.find((y) => y.originalParent === c);
-      f ? (i.push(f), c = f.originalId, t = t.filter((y) => y.originalId !== c), r = 0) : (r -= 1, c = i.slice(r)[0].originalId), s -= 1;
+      f ? (i.push(f), c = f.originalId, t = t.filter((y) => y.originalId !== c), n = 0) : (n -= 1, c = i.slice(n)[0].originalId), s -= 1;
     }
     return i;
   }
-  function n(t) {
+  function a(t) {
     return t.forEach((i, u) => {
       i.id = (u + 1).toString();
     }), t.forEach((i) => {
@@ -150,7 +152,7 @@ function T(a, v) {
       originalParent: null,
       name: "页面",
       type: "Frame",
-      controlIcon: "fd-i-Family fd_pc-Module",
+      controlIcon: "fd-i-Family fd_pc-module",
       rawSchema: d
     };
     return t[0].originalParent = i.originalId, t.unshift(i), i;
@@ -160,10 +162,10 @@ function T(a, v) {
     if (d.value) {
       const i = [];
       i.push(d.value);
-      const r = e(i, [], 1, null);
-      o(r);
-      const s = l(r);
-      t = n(s);
+      const n = e(i, [], 1, null);
+      o(n);
+      const s = l(n);
+      t = a(s);
     }
     return t;
   }
@@ -173,14 +175,14 @@ const D = /* @__PURE__ */ k({
   name: "FDesignerOutline",
   props: x,
   emits: ["outputValue", "currentEvent", "selectionChanged"],
-  setup(a, v) {
-    const d = h(), b = h(a.selectable), C = h(a.autoCheckChildren), S = h(a.cascade), e = h(a.showTreeNodeIcons), l = h(a.showLines), n = h(a.newDataItem), o = h(a.lineColor), g = h(a.cellHeight), t = E(), {
+  setup(r, v) {
+    const d = h(), b = h(r.selectable), C = h(r.autoCheckChildren), S = h(r.cascade), e = h(r.showTreeNodeIcons), l = h(r.showLines), a = h(r.newDataItem), o = h(r.lineColor), g = h(r.cellHeight), t = E(), {
       onChanged: i
     } = t, {
       getData: u
-    } = T(a, t);
+    } = T(r, t);
     let c = u();
-    function r() {
+    function n() {
       c = u(), d.value && d.value.updateDataSource && d.value.updateDataSource(c);
     }
     function s(f) {
@@ -191,7 +193,7 @@ const D = /* @__PURE__ */ k({
     }
     return v.expose({
       selectControlTreeNode: s,
-      refreshControlTree: r
+      refreshControlTree: n
     }), () => F("div", {
       class: "designer-control-tree"
     }, [F(P, {
@@ -202,7 +204,7 @@ const D = /* @__PURE__ */ k({
       cascade: S.value,
       showTreeNodeIcons: e.value,
       showLines: l.value,
-      newDataItem: n.value,
+      newDataItem: a.value,
       lineColor: o.value,
       cellHeight: g.value,
       iconField: "controlIcon",