@farris/ui-vue 1.7.0-beta.3 → 1.7.0-beta.4

package/designer/section/index.esm.js

@@ -1,12 +1,12 @@
-import U, { sectionToolbarItemProps as V, sectionProps as N } from "../../components/section/index.esm.js";
-import { getCustomClass as R, withInstall as O } from "../../components/common/index.esm.js";
-import _, { schemaResolver as K, FResponseToolbarDesign as Z } from "../response-toolbar/index.esm.js";
-import { createPropsResolver as D, resolveAppearance as J, createSectionEventHandlerResolver as Q, getSchemaByType as W } from "../../components/dynamic-resolver/index.esm.js";
-import { responseToolbarProps as X } from "../../components/response-toolbar/index.esm.js";
-import { DgControl as A, canvasChanged as Y, UseTemplateDragAndDropRules as ee, useDragulaCommonRule as te, FDesignerInnerItem as ne, setPositionOfSelectedComponentBtnGroup as oe, useDesignerComponent as ie } from "../../components/designer-canvas/index.esm.js";
-import { computed as g, ref as P, createVNode as p, nextTick as se, defineComponent as re, inject as L, onMounted as ae } from "vue";
-import { BaseControlProperty as le } from "../../components/property-panel/index.esm.js";
-const ce = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-design.gitee.io/section-toolbar-item.schema.json", ue = "section-toolbar-item", pe = "A Farris Toolbar Item Component", fe = "object", me = {
+import O, { sectionToolbarItemProps as _, sectionProps as z } from "../../components/section/index.esm.js";
+import { getCustomClass as H, withInstall as K } from "../../components/common/index.esm.js";
+import Z, { schemaResolver as J, FResponseToolbarDesign as Q } from "../response-toolbar/index.esm.js";
+import { createPropsResolver as k, resolveAppearance as W, createSectionEventHandlerResolver as X, getSchemaByType as Y } from "../../components/dynamic-resolver/index.esm.js";
+import { responseToolbarProps as ee } from "../../components/response-toolbar/index.esm.js";
+import { DgControl as A, canvasChanged as te, UseTemplateDragAndDropRules as ne, useDragulaCommonRule as oe, FDesignerInnerItem as ie, setPositionOfSelectedComponentBtnGroup as se, useDesignerComponent as re } from "../../components/designer-canvas/index.esm.js";
+import { computed as g, ref as P, createVNode as p, nextTick as ae, defineComponent as le, inject as N, onMounted as ce } from "vue";
+import { BaseControlProperty as de } from "../../components/property-panel/index.esm.js";
+const ue = "https://json-schema.org/draft/2020-12/schema", pe = "https://farris-design.gitee.io/section-toolbar-item.schema.json", fe = "section-toolbar-item", me = "A Farris Toolbar Item Component", he = "object", be = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -74,26 +74,26 @@ const ce = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-
     type: "boolean",
     default: !1
   }
-}, he = [
+}, ye = [
   "id",
   "type",
   "text"
-], be = {
+], ge = {
   onClick: "点击事件"
-}, ye = {
-  $schema: ce,
-  $id: de,
-  title: ue,
-  description: pe,
-  type: fe,
-  properties: me,
-  required: he,
-  events: be
-}, ge = D(V, ye);
-function ve(t, e, n) {
+}, ve = {
+  $schema: ue,
+  $id: pe,
+  title: fe,
+  description: me,
+  type: he,
+  properties: be,
+  required: ye,
+  events: ge
+}, Ce = k(_, ve);
+function Te(t, e, n) {
   return e ? { enableAccordion: n.accordionMode } : { enableAccordion: "" };
 }
-function Ce(t, e) {
+function Se(t, e) {
   var n;
   return {
     buttons: e.buttons,
@@ -102,20 +102,20 @@ function Ce(t, e) {
     buttonsVisible: e.visible
   };
 }
-const z = /* @__PURE__ */ new Map([
-  ["appearance", J],
+const j = /* @__PURE__ */ new Map([
+  ["appearance", W],
   ["expanded", "expandStatus"],
-  ["enableAccordion", ve],
-  ["toolbar", Ce]
+  ["enableAccordion", Te],
+  ["toolbar", Se]
 ]);
-function Te(t, e) {
+function we(t, e) {
   var l, d;
   if (!(e != null && e.schema))
     return;
   const n = ((d = (l = e.schema) == null ? void 0 : l.appearance) == null ? void 0 : d.class) || "", a = e.elementRef, r = window.getComputedStyle(a);
   r && r.display === "flex" && !n.includes("f-page-child-fill") && (t.appearance.class += " d-block");
 }
-function we(t, e) {
+function xe(t, e) {
   var f;
   const n = Math.random().toString().slice(2, 6), a = e.parentComponentInstance, r = t.getSchemaByType("section");
   Object.assign(r, {
@@ -133,21 +133,21 @@ function we(t, e) {
     },
     contents: [r]
   });
-  const d = a.schema, w = ((f = d.appearance) == null ? void 0 : f.class) || "";
+  const d = a.schema, S = ((f = d.appearance) == null ? void 0 : f.class) || "";
   switch (d && d.type) {
     case A["splitter-pane"].type: {
-      r.appearance.class = "f-section-in-main", w.includes("f-page-child-fill") && (l.appearance.class += " f-struct-wrapper-child", r.fill = !0);
+      r.appearance.class = "f-section-in-main", S.includes("f-page-child-fill") && (l.appearance.class += " f-struct-wrapper-child", r.fill = !0);
       break;
     }
     case A["content-container"].type:
-      d.isLikeCardContainer && w.includes("f-struct-like-card-child-fill") && (l.appearance.class += " f-struct-wrapper-child", r.fill = !0), Te(l, a);
+      d.isLikeCardContainer && S.includes("f-struct-like-card-child-fill") && (l.appearance.class += " f-struct-wrapper-child", r.fill = !0), we(l, a);
   }
   return l;
 }
-function xe(t, e, n) {
-  return n.parentComponentInstance ? we(t, n) : e;
+function q(t, e, n) {
+  return n.parentComponentInstance ? xe(t, n) : e;
 }
-const Se = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-design.gitee.io/section.schema.json", Pe = "section", $e = "A Farris Container Component", Ae = "object", Ie = {
+const Me = "https://json-schema.org/draft/2020-12/schema", Pe = "https://farris-design.gitee.io/section.schema.json", $e = "section", Ae = "A Farris Container Component", Re = "object", He = {
   id: {
     description: "The unique identifier for a Section",
     type: "string"
@@ -327,19 +327,19 @@ const Se = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-
     type: "function",
     default: null
   }
-}, Re = [
+}, Ie = [
   "id",
   "type",
   "contents"
-], Fe = {
-  $schema: Se,
-  $id: Me,
-  title: Pe,
-  description: $e,
-  type: Ae,
-  properties: Ie,
-  required: Re
-}, ke = "https://json-schema.org/draft/2020-12/schema", He = "https://farris-design.gitee.io/section-toolbar.schema.json", De = "section-toolbar", je = "A Farris Toolbar Component", Be = "object", Ee = {
+], G = {
+  $schema: Me,
+  $id: Pe,
+  title: $e,
+  description: Ae,
+  type: Re,
+  properties: He,
+  required: Ie
+}, Fe = "https://json-schema.org/draft/2020-12/schema", ke = "https://farris-design.gitee.io/section-toolbar.schema.json", De = "section-toolbar", je = "A Farris Toolbar Component", Be = "object", Ee = {
   id: {
     description: "The unique identifier for a Section Toolbar",
     type: "string"
@@ -385,21 +385,31 @@ const Se = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-
 ], Ne = {
   onClick: "点击事件"
 }, ze = {
-  $schema: ke,
-  $id: He,
+  $schema: Fe,
+  $id: ke,
   title: De,
   description: je,
   type: Be,
   properties: Ee,
   required: Le,
   events: Ne
-}, q = D(N, Fe, z, xe), qe = Q(), Ge = Object.assign({}, N, { componentId: { type: String, default: "" } }), Ue = D(
-  X,
-  ze,
+}, qe = k(z, G, j, q), Ge = X(), U = Object.assign(
+  {},
   z,
-  K
-);
-class Ve extends le {
+  {
+    componentId: { type: String, default: "" },
+    headerTitleHtml: { type: String, default: "" },
+    headerHtml: { type: String, default: "" },
+    headerContentHtml: { type: String, default: "" },
+    toolbarHtml: { type: String, default: "" }
+  }
+), Ue = k(
+  ee,
+  ze,
+  j,
+  J
+), Ve = k(U, G, j, q);
+class Oe extends de {
   constructor(e, n) {
     super(e, n);
   }
@@ -508,7 +518,7 @@ class Ve extends le {
             }
             case "showHeader": {
               const r = document.getElementsByClassName("dgComponentFocused");
-              Array.from(r).forEach((l) => l.classList.remove("dgComponentFocused")), Y.value++;
+              Array.from(r).forEach((l) => l.classList.remove("dgComponentFocused")), te.value++;
               break;
             }
           }
@@ -578,10 +588,10 @@ class Ve extends le {
     };
   }
 }
-function Oe(t, e) {
-  const n = new ee(), a = t.schema;
+function _e(t, e) {
+  const n = new ne(), a = t.schema;
   function r(o) {
-    return new Ve(o, e).getPropertyConfig(a);
+    return new Oe(o, e).getPropertyConfig(a);
   }
   function l(o) {
     var u;
@@ -592,47 +602,47 @@ function Oe(t, e) {
     var u, m;
     const c = (e == null ? void 0 : e.schemaService).getTreeGridUdtFields(o);
     if (c) {
-      const C = c.find((I) => I.key === i), T = C && C.field;
+      const C = c.find((R) => R.key === i), T = C && C.field;
       if ((m = (u = T == null ? void 0 : T.type) == null ? void 0 : u.name) != null && m.includes("PathHierarchyInfo"))
         return !0;
     }
   }
-  function w(o) {
-    var I;
+  function S(o) {
+    var R;
     if (!e)
       return !1;
-    const i = (I = a.appearance) == null ? void 0 : I.class, { sourceType: s } = o, { formSchemaUtils: c } = e;
+    const i = (R = a.appearance) == null ? void 0 : R.class, { sourceType: s } = o, { formSchemaUtils: c } = e;
     if (!(i && i.includes("f-section-grid")))
       return !1;
     const m = c.getViewModelIdByComponentId(t.componentInstance.value.belongedComponentId), C = c.getViewModelById(m);
     if (C && C.bindTo !== "/")
       return !1;
-    const T = c.selectNode(a, (j) => j.type === "tree-grid");
+    const T = c.selectNode(a, (B) => B.type === "tree-grid");
     if (T && !d(m, T.udtField))
       return !1;
     if (s === "move")
       return !0;
     if (s === "control") {
-      if (a.contents && a.contents.find((H) => {
-        var F, E;
-        return H.type === A["content-container"].type && ((E = (F = H.appearance) == null ? void 0 : F.class) == null ? void 0 : E.includes("f-filter-container"));
+      if (a.contents && a.contents.find((D) => {
+        var I, L;
+        return D.type === A["content-container"].type && ((L = (I = D.appearance) == null ? void 0 : I.class) == null ? void 0 : L.includes("f-filter-container"));
       }))
         return !1;
-      const B = c.getComponentById("root-component");
-      if (B && c.selectNode(B, (F) => F.type === A["query-solution"].type))
+      const E = c.getComponentById("root-component");
+      if (E && c.selectNode(E, (I) => I.type === A["query-solution"].type))
         return !1;
     }
     return !0;
   }
   function f(o) {
     if (l(o))
-      return w(o);
-    if (!te().basalDragulaRuleForContainer(o, e))
+      return S(o);
+    if (!oe().basalDragulaRuleForContainer(o, e))
       return !1;
     const { canAccept: s } = n.getTemplateRule(t, e);
     return s;
   }
-  function S() {
+  function x() {
     const { canDelete: o } = n.getTemplateRule(t, e);
     return o;
   }
@@ -648,7 +658,7 @@ function Oe(t, e) {
     o && (o.stopPropagation(), o.preventDefault());
     const { schema: i } = t;
     (!i.toolbar || !i.toolbar.buttons) && (i.toolbar = { id: `${i.id}_toolbar`, type: "section-toolbar", buttons: [] });
-    const s = W("section-toolbar-item");
+    const s = Y("section-toolbar-item");
     s.id = `section_toolbar_item_${Math.random().toString().slice(2, 6)}`, i.toolbar.buttons.push(s);
   }
   function v() {
@@ -665,7 +675,7 @@ function Oe(t, e) {
         onClick: (m) => b(m)
       }];
   }
-  function x() {
+  function w() {
     var c, u;
     if (!e)
       return;
@@ -677,14 +687,14 @@ function Oe(t, e) {
       return;
     const s = (m) => {
       m.forEach((C) => {
-        const T = o.findIndex((I) => I.target === C.id);
+        const T = o.findIndex((R) => R.target === C.id);
         T > -1 && o.splice(T, 1), C.children && C.children.length && s(C.children);
       });
     };
     s(i.toolbar.buttons);
   }
   function $() {
-    x();
+    w();
   }
   function M() {
     var o, i;
@@ -709,7 +719,7 @@ function Oe(t, e) {
   }
   return {
     canAccepts: f,
-    checkCanDeleteComponent: S,
+    checkCanDeleteComponent: x,
     checkCanMoveComponent: y,
     hideNestedPaddingInDesginerView: h,
     getPropsConfig: r,
@@ -718,10 +728,10 @@ function Oe(t, e) {
     setComponentBasicInfoMap: M
   };
 }
-function _e(t, e, n) {
+function Ke(t, e, n) {
   let a;
   function r(f = 1) {
-    const S = [
+    const x = [
       "body>.f-datagrid-settings-simple-host",
       "body>div",
       "body>farris-dialog>.farris-modal.show",
@@ -731,9 +741,9 @@ function _e(t, e, n) {
       "body>.popover.show",
       "body>filter-row-panel>.f-datagrid-filter-panel",
       "body>.f-section-maximize"
-    ], y = Array.from(document.body.querySelectorAll(S.join(","))).filter((b) => b).map((b) => {
-      const { display: v, zIndex: x } = window.getComputedStyle(b);
-      return v === "none" ? 0 : parseInt(x, 10);
+    ], y = Array.from(document.body.querySelectorAll(x.join(","))).filter((b) => b).map((b) => {
+      const { display: v, zIndex: w } = window.getComputedStyle(b);
+      return v === "none" ? 0 : parseInt(w, 10);
     }).filter((b) => b);
     let h = Math.max(...y);
     return h < 1040 && (h = 1040), h + f;
@@ -749,30 +759,30 @@ function _e(t, e, n) {
       a
     ) : e.value.appendChild(t.value), t.value.style.zIndex = null;
   }
-  function w() {
+  function S() {
     !t || !e.value || (n.value = !n.value, n.value ? l() : d());
   }
-  return { onClickMaxMinIcon: w };
+  return { onClickMaxMinIcon: S };
 }
-function G(t, e) {
+function V(t, e) {
   var h;
   const n = g(() => "f-section-toolbar col-6" + (t.buttonPosition === "inHead" ? " f-toolbar f-section-header--toolbar" : " f-section-content--toolbar") + (t.buttonsClass ? " " + t.buttonsClass : "")), a = P(t.buttons), r = P(e.schema.toolbar);
   r.value && !r.value.type && (r.value.type = "section-toolbar");
-  const l = t.componentId, d = `${l}-toolbar`, w = g(() => t.buttonPosition === "inHead" ? "right" : "left");
-  function f(b, v, x, $) {
+  const l = t.componentId, d = `${l}-toolbar`, S = g(() => t.buttonPosition === "inHead" ? "right" : "left");
+  function f(b, v, w, $) {
     var M;
-    (M = e.setupContext) == null || M.emit("selectionChange", b, v, x, $);
+    (M = e.setupContext) == null || M.emit("selectionChange", b, v, w, $);
   }
-  function S() {
+  function x() {
     var b, v;
     return (v = (b = r.value) == null ? void 0 : b.buttons) != null && v.length ? p("div", {
       class: n.value
     }, [p("div", {
       class: "w-100",
       style: "flex:1"
-    }, [p(ne, {
+    }, [p(ie, {
       modelValue: r.value,
-      "onUpdate:modelValue": (x) => r.value = x,
+      "onUpdate:modelValue": (w) => r.value = w,
       class: "w-100 position-relative",
       canAdd: !1,
       childType: "section-toolbar-item",
@@ -782,10 +792,10 @@ function G(t, e) {
       onSelectionChange: f,
       componentId: l
     }, {
-      default: () => [p(_, {
+      default: () => [p(Z, {
         customClass: "d-block text-right",
         items: a.value,
-        alignment: w.value,
+        alignment: S.value,
         componentId: l
       }, null)]
     })])]) : null;
@@ -799,20 +809,20 @@ function G(t, e) {
       innerHTML: t.toolbarHtml.trim()
     }, null)]);
   }
-  return (h = t.toolbarHtml) != null && h.trim() ? y() : S();
+  return (h = t.toolbarHtml) != null && h.trim() ? y() : x();
 }
-function Ke(t, e, n, a, r, l, d) {
-  const w = g(() => t.buttonPosition), {
+function Ze(t, e, n, a, r, l, d) {
+  const S = g(() => t.buttonPosition), {
     onClickMaxMinIcon: f
-  } = _e(a, r, l), S = g(() => t.enableMaximize), y = g(() => t.enableAccordion !== ""), h = g(() => {
+  } = Ke(a, r, l), x = g(() => t.enableMaximize), y = g(() => t.enableAccordion !== ""), h = g(() => {
     let s = {
       "f-section-header": !0
     };
-    return e.slots.header && (s = R(s, t.headerClass)), s;
+    return e.slots.header && (s = H(s, t.headerClass)), s;
   });
   function b(s) {
-    s.stopPropagation(), t.enableAccordion !== "" && (n.value = !n.value, se(() => {
-      oe(d.designerItemElementRef.value);
+    s.stopPropagation(), t.enableAccordion !== "" && (n.value = !n.value, ae(() => {
+      se(d.designerItemElementRef.value);
     }));
   }
   function v() {
@@ -828,7 +838,7 @@ function Ke(t, e, n, a, r, l, d) {
     }));
     return p("div", {
       class: "f-max-accordion"
-    }, [S.value ? p("span", {
+    }, [x.value ? p("span", {
       class: c.value,
       onClick: f
     }, null) : "", y.value ? p("button", {
@@ -836,7 +846,7 @@ function Ke(t, e, n, a, r, l, d) {
       onClick: b
     }, [p("span", null, [n.value ? t.collapseLabel : t.expandLabel])]) : ""]);
   }
-  function x() {
+  function w() {
     return p("div", {
       class: "f-title"
     }, [p("h4", {
@@ -844,7 +854,7 @@ function Ke(t, e, n, a, r, l, d) {
     }, [t.mainTitle]), t.subTitle && p("span", null, [t.subTitle])]);
   }
   function $() {
-    const s = g(() => R({
+    const s = g(() => H({
       "f-content": !0
     }, t.headerContentClass));
     return e.slots.headerContent ? p("div", {
@@ -857,12 +867,12 @@ function Ke(t, e, n, a, r, l, d) {
   function M() {
     return e.slots.headerTitle ? e.slots.headerTitle() : t.headerTitleHtml ? p("div", {
       innerHTML: t.headerTitleHtml
-    }, null) : x();
+    }, null) : w();
   }
   function o() {
     return p("div", {
       class: h.value
-    }, [M(), $(), w.value === "inHead" && G(t, d), (S.value || y.value) && v()]);
+    }, [M(), $(), S.value === "inHead" && V(t, d), (x.value || y.value) && v()]);
   }
   function i() {
     return e.slots.header ? p("div", {
@@ -874,16 +884,16 @@ function Ke(t, e, n, a, r, l, d) {
   }
   return () => t.showHeader && i();
 }
-const k = /* @__PURE__ */ re({
+const F = /* @__PURE__ */ le({
   name: "FSectionDesign",
-  props: Ge,
+  props: U,
   emits: [],
   setup(t, e) {
-    const n = P(), a = P(), r = P(), l = L("designer-host-service"), d = L("design-item-context"), w = Oe(d, l), f = ie(n, d, w);
-    f.value.styles = "display: inherit;", ae(() => {
+    const n = P(), a = P(), r = P(), l = N("designer-host-service"), d = N("design-item-context"), S = _e(d, l), f = re(n, d, S);
+    f.value.styles = "display: inherit;", ce(() => {
       n.value.componentInstance = f;
     }), e.expose(f.value);
-    const S = P(t.customClass), y = g(() => t.enableAccordion), h = P(!0), b = g(() => t.buttonPosition), v = P(!1), x = Ke(t, e, h, a, r, v, d), $ = g(() => {
+    const x = P(t.customClass), y = g(() => t.enableAccordion), h = P(!0), b = g(() => t.buttonPosition), v = P(!1), w = Ze(t, e, h, a, r, v, d), $ = g(() => {
       const u = {
         "f-section": !0,
         "f-section-accordion": y.value === "default",
@@ -894,13 +904,13 @@ const k = /* @__PURE__ */ re({
         "f-utils-fill": !0,
         "p-0": !0
       };
-      return R(u, S.value);
-    }), M = g(() => R({
+      return H(u, x.value);
+    }), M = g(() => H({
       "f-section-content": !0,
       "drag-container": !0
     }, t.contentClass)), o = g(() => ({
       visibility: (y.value === "default" || y.value === "custom") && !h.value ? "hidden" : "visible"
-    })), i = g(() => R({
+    })), i = g(() => H({
       "f-section-extend": !0
     }, i.value));
     function s() {
@@ -914,22 +924,22 @@ const k = /* @__PURE__ */ re({
         ref: n,
         "data-dragref": `${d.schema.id}-container`,
         style: o.value
-      }, [b.value === "inContent" && G(t, d), e.slots.default && e.slots.default()]);
+      }, [b.value === "inContent" && V(t, d), e.slots.default && e.slots.default()]);
     }
     return () => p("div", {
       class: $.value,
       ref: a,
       style: t.customStyle
-    }, [x(), s(), c()]);
+    }, [w(), s(), c()]);
   }
 });
-k.register = (t, e, n, a) => {
-  t.section = U, e.section = q, a.section = { eventHandlerResolver: qe };
+F.register = (t, e, n, a) => {
+  t.section = O, e.section = qe, a.section = { eventHandlerResolver: Ge };
 };
-k.registerDesigner = (t, e, n) => {
-  t.section = k, e.section = q, e["section-toolbar-item"] = ge, t["section-toolbar"] = Z, e["section-toolbar"] = Ue;
+F.registerDesigner = (t, e, n) => {
+  t.section = F, e.section = Ve, e["section-toolbar-item"] = Ce, t["section-toolbar"] = Q, e["section-toolbar"] = Ue;
 };
-const nt = O(k);
+const ot = K(F);
 export {
-  nt as default
+  ot as default
 };

package/designer/section/index.umd.cjs

@@ -1 +1 @@
-(function(h,w){typeof exports=="object"&&typeof module<"u"?module.exports=w(require("../../components/section/index.umd.js"),require("../../components/common/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/response-toolbar/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("vue"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["../../components/section/index.umd.js","../../components/common/index.umd.js","../response-toolbar/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/response-toolbar/index.umd.js","../../components/designer-canvas/index.umd.js","vue","../../components/property-panel/index.umd.js"],w):(h=typeof globalThis<"u"?globalThis:h||self,h.section=w(h.Section,h.common,h.FResponseToolbarDesign,h.dynamicResolver,h.responseToolbar,h.designerCanvas,h.Vue,h.propertyPanel))})(this,function(h,w,V,N,L,C,n,z){"use strict";const G={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section-toolbar-item.schema.json",title:"section-toolbar-item",description:"A Farris Toolbar Item Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"section-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},text:{description:"按钮",type:"string",default:"按钮"},icon:{description:"图标",type:"string",default:""},disabled:{description:"禁用",type:"boolean",default:!1},visible:{description:"是否可见",type:"boolean",default:!0},onClick:{description:"点击事件",type:"string",default:""},tipsEnable:{description:"",type:"boolean",default:!1},tipsText:{description:"",type:"string",default:""},dropdownClass:{description:"处于下拉菜单时的样式",type:"string",default:""},split:{description:"",type:"boolean",default:!1}},required:["id","type","text"],events:{onClick:"点击事件"}},U=N.createPropsResolver(h.sectionToolbarItemProps,G);function _(t,e,o){return e?{enableAccordion:o.accordionMode}:{enableAccordion:""}}function O(t,e){var o;return{buttons:e.buttons,buttonPosition:e.position,buttonsClass:(o=e.appearance)==null?void 0:o.class,buttonsVisible:e.visible}}const H=new Map([["appearance",N.resolveAppearance],["expanded","expandStatus"],["enableAccordion",_],["toolbar",O]]);function K(t,e){var d,p;if(!(e!=null&&e.schema))return;const o=((p=(d=e.schema)==null?void 0:d.appearance)==null?void 0:p.class)||"",l=e.elementRef,a=window.getComputedStyle(l);a&&a.display==="flex"&&!o.includes("f-page-child-fill")&&(t.appearance.class+=" d-block")}function Z(t,e){var f;const o=Math.random().toString().slice(2,6),l=e.parentComponentInstance,a=t.getSchemaByType("section");Object.assign(a,{id:`section-${o}`,appearance:{class:"f-section-in-mainsubcard"},mainTitle:e.mainTitle||a.mainTitle||"标题"});const d=t.getSchemaByType("content-container");Object.assign(d,{id:`container-${o}`,appearance:{class:"f-struct-wrapper"},contents:[a]});const p=l.schema,x=((f=p.appearance)==null?void 0:f.class)||"";switch(p&&p.type){case C.DgControl["splitter-pane"].type:{a.appearance.class="f-section-in-main",x.includes("f-page-child-fill")&&(d.appearance.class+=" f-struct-wrapper-child",a.fill=!0);break}case C.DgControl["content-container"].type:p.isLikeCardContainer&&x.includes("f-struct-like-card-child-fill")&&(d.appearance.class+=" f-struct-wrapper-child",a.fill=!0),K(d,l)}return d}function J(t,e,o){return o.parentComponentInstance?Z(t,o):e}const Q={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section.schema.json",title:"section",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"section"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contentClass:{description:"",type:"string",default:""},contents:{description:"",type:"array",default:[]},enableAccordion:{description:"",type:"string",default:""},accordionMode:{description:"",type:"string",default:"default"},enableMaximize:{description:"",type:"boolean",default:!1},expanded:{description:"",type:"boolean",default:!0},fill:{description:"",type:"boolean",default:!1},headerClass:{description:"",type:"string",default:""},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},showHeader:{description:"",type:"string",default:!0},mainTitle:{description:"",type:"string",default:""},subTitle:{description:"",type:"string",default:""},headerContentClass:{description:"",type:"string",default:""},extendClass:{description:"",type:"string",default:""},visible:{description:"",type:"boolean",default:!0},expandStatus:{description:"",type:"boolean",default:!0},toolbar:{description:"",type:"object",properties:{type:{type:"string",default:"section-toolbar"},position:{type:"string",default:"inHead"},buttons:{type:"array",default:[]},appearance:{description:"",type:"object",properties:{class:{type:"string",default:""}}}},default:null},headerTitleHtml:{description:"",type:"string",default:""},headerTitleRenderFunction:{description:"",type:"function",default:null},headerHtml:{description:"",type:"string",default:""},headerRenderFunction:{description:"",type:"function",default:null},headerContentHtml:{description:"",type:"string",default:""},headerContentRenderFunction:{description:"",type:"function",default:null},toolbarHtml:{description:"",type:"string",default:""},toolbarRenderFunction:{description:"",type:"function",default:null}},required:["id","type","contents"]},W={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section-toolbar.schema.json",title:"section-toolbar",description:"A Farris Toolbar Component",type:"object",properties:{id:{description:"The unique identifier for a Section Toolbar",type:"string"},type:{description:"The type string of Section Toolbar",type:"string",default:"section-toolbar"},appearance:{description:"",type:"object",properties:{class:{type:"string",default:""}}},alignment:{description:"The alignment of Section Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Section Toolbar.",type:"array",default:[]},buttonSize:{type:"string",default:""},visible:{description:"",type:"boolean",default:!0}},required:["id","type","buttons"],events:{onClick:"点击事件"}},F=N.createPropsResolver(h.sectionProps,Q,H,J),X=N.createSectionEventHandlerResolver(),Y=Object.assign({},h.sectionProps,{componentId:{type:String,default:""}}),ee=N.createPropsResolver(L.responseToolbarProps,W,H,V.schemaResolver);class te extends z.BaseControlProperty{constructor(e,o){super(e,o)}getPropertyConfig(e){const o=this.getBasicPropConfig(e),l=this.getAppearanceProperties(e),a=this.getBehaviorConfig(e,""),d=this.getExtendConfig(e),p=this.getHeaderTemplateConfig(e);return this.propertyConfig.categories={basic:o,appearance:l,behavior:a,headerTemplate:p,extend:d},this.propertyConfig}getAppearanceProperties(e){return{title:"外观",description:"Appearance",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},fill:{title:"填充内容区域",type:"boolean",description:""},showHeader:{title:"显示标题栏区域",type:"boolean",description:"",refreshPanelAfterChanged:!0},mainTitle:{title:"主标题",type:"string",description:"",visible:{showHeader:!0}},subTitle:{title:"副标题",type:"string",description:"",visible:{showHeader:!0}},enableAccordion:{title:"面板收折",type:"enum",description:"是否启用分组面板的收折特性",editor:{type:"combo-list",textField:"value",valueField:"key",idField:"key",editable:!1,data:[{key:"",value:"不启用"},{key:"default",value:"启用默认收折"}]},refreshPanelAfterChanged:!0},expandStatus:{title:"默认状态",type:"boolean",description:"默认面板是展开还是收起",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{name:"展开",value:!0},{name:"收起",value:!1}],enableClear:!1},visible:e.enableAccordion==="default"}},setPropertyRelates(o,l){if(o)switch(o&&o.propertyID){case"mainTitle":{o.needRefreshControlTree=!0;break}case"showHeader":{const a=document.getElementsByClassName("dgComponentFocused");Array.from(a).forEach(d=>d.classList.remove("dgComponentFocused")),C.canvasChanged.value++;break}}}}}getExtendConfig(e){return{title:"扩展",description:"",properties:{contentClass:{title:"内容区域class",type:"string",description:"指定内容区域class样式"}}}}getHeaderTemplateConfig(e){return{title:"标题栏模板配置",description:"",hide:e.showHeader===!1,properties:{headerHtml:{title:"标题栏模板",type:"string",description:"设置标题栏HTML模板，会影响收折、最大化这些展示，其他自定义模版指定失效。",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},headerTitleHtml:{title:"标题模板",type:"string",description:"设置头部HTML模板，会影响收折、最大化这些展示，其他自定义模版指定失效。",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},headerContentHtml:{title:"内容模板",type:"string",description:"为跟在标题后面的内容，指定HTML模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},toolbarHtml:{title:"工具栏模板",type:"string",description:"为工具栏区域指定HTML模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}}}}}}function ne(t,e){const o=new C.UseTemplateDragAndDropRules,l=t.schema;function a(i){return new te(i,e).getPropertyConfig(l)}function d(i){var u;const{componentType:r,sourceType:s,sourceElement:c}=i;return!!(s==="control"&&r===C.DgControl["filter-bar"].type||s==="move"&&r===C.DgControl["content-container"].type&&((u=c==null?void 0:c.className)!=null&&u.includes("f-filter-container")))}function p(i,r){var u,m;const c=(e==null?void 0:e.schemaService).getTreeGridUdtFields(i);if(c){const v=c.find(j=>j.key===r),$=v&&v.field;if((m=(u=$==null?void 0:$.type)==null?void 0:u.name)!=null&&m.includes("PathHierarchyInfo"))return!0}}function x(i){var j;if(!e)return!1;const r=(j=l.appearance)==null?void 0:j.class,{sourceType:s}=i,{formSchemaUtils:c}=e;if(!(r&&r.includes("f-section-grid")))return!1;const m=c.getViewModelIdByComponentId(t.componentInstance.value.belongedComponentId),v=c.getViewModelById(m);if(v&&v.bindTo!=="/")return!1;const $=c.selectNode(l,q=>q.type==="tree-grid");if($&&!p(m,$.udtField))return!1;if(s==="move")return!0;if(s==="control"){if(l.contents&&l.contents.find(D=>{var k,E;return D.type===C.DgControl["content-container"].type&&((E=(k=D.appearance)==null?void 0:k.class)==null?void 0:E.includes("f-filter-container"))}))return!1;const B=c.getComponentById("root-component");if(B&&c.selectNode(B,k=>k.type===C.DgControl["query-solution"].type))return!1}return!0}function f(i){if(d(i))return x(i);if(!C.useDragulaCommonRule().basalDragulaRuleForContainer(i,e))return!1;const{canAccept:s}=o.getTemplateRule(t,e);return s}function M(){const{canDelete:i}=o.getTemplateRule(t,e);return i}function g(){const{canMove:i}=o.getTemplateRule(t,e);return i}function y(){const{canMove:i,canDelete:r}=o.getTemplateRule(t,e);return!i&&!r}function b(i){i&&(i.stopPropagation(),i.preventDefault());const{schema:r}=t;(!r.toolbar||!r.toolbar.buttons)&&(r.toolbar={id:`${r.id}_toolbar`,type:"section-toolbar",buttons:[]});const s=N.getSchemaByType("section-toolbar-item");s.id=`section_toolbar_item_${Math.random().toString().slice(2,6)}`,r.toolbar.buttons.push(s)}function T(){var u;const{schema:i}=t,r=e==null?void 0:e.formSchemaUtils;if(i.showHeader===!1||!r)return;const s=r.selectNode(i,m=>m.type===C.DgControl["response-form"].type),c=((u=i.toolbar)==null?void 0:u.buttons)||[];if(!s&&c.length===0)return[{id:"appendToolbar",title:"新增按钮",icon:"f-icon f-icon-plus-circle text-white",onClick:m=>b(m)}]}function P(){var c,u;if(!e)return;const i=e.formSchemaUtils.getExpressions();if(!i||!i.length)return;const{schema:r}=t;if(!((u=(c=r.toolbar)==null?void 0:c.buttons)!=null&&u.length))return;const s=m=>{m.forEach(v=>{const $=i.findIndex(j=>j.target===v.id);$>-1&&i.splice($,1),v.children&&v.children.length&&s(v.children)})};s(r.toolbar.buttons)}function A(){P()}function S(){var i,r;if(t&&e){const{formSchemaUtils:s}=e,c=s.getControlBasicInfoMap(),{schema:u}=t;c.set(u.id,{componentTitle:u.mainTitle,parentPathName:u.mainTitle}),(r=(i=u.toolbar)==null?void 0:i.buttons)!=null&&r.length&&u.toolbar.buttons.map(m=>{var v;c.set(m.id,{componentTitle:m.text,parentPathName:`${u.mainTitle} > ${m.text}`}),(v=m.children)!=null&&v.length&&m.children.map($=>{c.set($.id,{componentTitle:$.text,parentPathName:`${u.mainTitle} > ${$.text}`})})})}}return{canAccepts:f,checkCanDeleteComponent:M,checkCanMoveComponent:g,hideNestedPaddingInDesginerView:y,getPropsConfig:a,getCustomButtons:T,onRemoveComponent:A,setComponentBasicInfoMap:S}}function oe(t,e,o){let l;function a(f=1){const M=["body>.f-datagrid-settings-simple-host","body>div","body>farris-dialog>.farris-modal.show","body>.farris-modal.show","body>farris-filter-panel>.f-filter-panel-wrapper","body .f-sidebar-show>.f-sidebar-main","body>.popover.show","body>filter-row-panel>.f-datagrid-filter-panel","body>.f-section-maximize"],g=Array.from(document.body.querySelectorAll(M.join(","))).filter(b=>b).map(b=>{const{display:T,zIndex:P}=window.getComputedStyle(b);return T==="none"?0:parseInt(P,10)}).filter(b=>b);let y=Math.max(...g);return y<1040&&(y=1040),y+f}function d(){l=t.value.nextElementSibling;const f=document&&document.querySelector("body");f&&(f.appendChild(t.value),t.value.style.zIndex=a())}function p(){l?e.value.insertBefore(t.value,l):e.value.appendChild(t.value),t.value.style.zIndex=null}function x(){!t||!e.value||(o.value=!o.value,o.value?d():p())}return{onClickMaxMinIcon:x}}function R(t,e){var y;const o=n.computed(()=>"f-section-toolbar col-6"+(t.buttonPosition==="inHead"?" f-toolbar f-section-header--toolbar":" f-section-content--toolbar")+(t.buttonsClass?" "+t.buttonsClass:"")),l=n.ref(t.buttons),a=n.ref(e.schema.toolbar);a.value&&!a.value.type&&(a.value.type="section-toolbar");const d=t.componentId,p=`${d}-toolbar`,x=n.computed(()=>t.buttonPosition==="inHead"?"right":"left");function f(b,T,P,A){var S;(S=e.setupContext)==null||S.emit("selectionChange",b,T,P,A)}function M(){var b,T;return(T=(b=a.value)==null?void 0:b.buttons)!=null&&T.length?n.createVNode("div",{class:o.value},[n.createVNode("div",{class:"w-100",style:"flex:1"},[n.createVNode(C.FDesignerInnerItem,{modelValue:a.value,"onUpdate:modelValue":P=>a.value=P,class:"w-100 position-relative",canAdd:!1,childType:"section-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:p,onSelectionChange:f,componentId:d},{default:()=>[n.createVNode(V,{customClass:"d-block text-right",items:l.value,alignment:x.value,componentId:d},null)]})])]):null}function g(){return n.createVNode("div",{class:o.value},[n.createVNode("div",{class:"w-100",style:"flex:1",innerHTML:t.toolbarHtml.trim()},null)])}return(y=t.toolbarHtml)!=null&&y.trim()?g():M()}function ie(t,e,o,l,a,d,p){const x=n.computed(()=>t.buttonPosition),{onClickMaxMinIcon:f}=oe(l,a,d),M=n.computed(()=>t.enableMaximize),g=n.computed(()=>t.enableAccordion!==""),y=n.computed(()=>{let s={"f-section-header":!0};return e.slots.header&&(s=w.getCustomClass(s,t.headerClass)),s});function b(s){s.stopPropagation(),t.enableAccordion!==""&&(o.value=!o.value,n.nextTick(()=>{C.setPositionOfSelectedComponentBtnGroup(p.designerItemElementRef.value)}))}function T(){const s=n.computed(()=>({btn:!0,"f-btn-collapse-expand":!0,"f-btn-mx":!0,"f-state-expand":o.value})),c=n.computed(()=>({"f-icon":!0,"f-icon-maximize":!d.value,"f-icon-minimize":d.value}));return n.createVNode("div",{class:"f-max-accordion"},[M.value?n.createVNode("span",{class:c.value,onClick:f},null):"",g.value?n.createVNode("button",{class:s.value,onClick:b},[n.createVNode("span",null,[o.value?t.collapseLabel:t.expandLabel])]):""])}function P(){return n.createVNode("div",{class:"f-title"},[n.createVNode("h4",{class:"f-title-text"},[t.mainTitle]),t.subTitle&&n.createVNode("span",null,[t.subTitle])])}function A(){const s=n.computed(()=>{const c={"f-content":!0};return w.getCustomClass(c,t.headerContentClass)});return e.slots.headerContent?n.createVNode("div",{class:s.value},[e.slots.headerContent()]):t.headerContentHtml?n.createVNode("div",{class:s.value,innerHTML:t.headerContentHtml},null):null}function S(){return e.slots.headerTitle?e.slots.headerTitle():t.headerTitleHtml?n.createVNode("div",{innerHTML:t.headerTitleHtml},null):P()}function i(){return n.createVNode("div",{class:y.value},[S(),A(),x.value==="inHead"&&R(t,p),(M.value||g.value)&&T()])}function r(){return e.slots.header?n.createVNode("div",{class:y.value},[e.slots.header()]):t.headerHtml?n.createVNode("div",{class:y.value,innerHTML:t.headerHtml},null):i()}return()=>t.showHeader&&r()}const I=n.defineComponent({name:"FSectionDesign",props:Y,emits:[],setup(t,e){const o=n.ref(),l=n.ref(),a=n.ref(),d=n.inject("designer-host-service"),p=n.inject("design-item-context"),x=ne(p,d),f=C.useDesignerComponent(o,p,x);f.value.styles="display: inherit;",n.onMounted(()=>{o.value.componentInstance=f}),e.expose(f.value);const M=n.ref(t.customClass),g=n.computed(()=>t.enableAccordion),y=n.ref(!0),b=n.computed(()=>t.buttonPosition),T=n.ref(!1),P=ie(t,e,y,l,a,T,p),A=n.computed(()=>{const u={"f-section":!0,"f-section-accordion":g.value==="default","f-state-collapse":(g.value==="default"||g.value==="custom")&&!y.value,"f-section-custom-accordion":g.value==="custom","f-section-fill":t.fill,"f-section-maximize":T.value,"f-utils-fill":!0,"p-0":!0};return w.getCustomClass(u,M.value)}),S=n.computed(()=>{const u={"f-section-content":!0,"drag-container":!0};return w.getCustomClass(u,t.contentClass)}),i=n.computed(()=>({visibility:(g.value==="default"||g.value==="custom")&&!y.value?"hidden":"visible"})),r=n.computed(()=>{const u={"f-section-extend":!0};return w.getCustomClass(u,r.value)});function s(){return e.slots.extend&&n.createVNode("div",{class:r.value},[e.slots.extend()])}function c(){return n.createVNode("div",{class:S.value,ref:o,"data-dragref":`${p.schema.id}-container`,style:i.value},[b.value==="inContent"&&R(t,p),e.slots.default&&e.slots.default()])}return()=>n.createVNode("div",{class:A.value,ref:l,style:t.customStyle},[P(),s(),c()])}});return I.register=(t,e,o,l)=>{t.section=h,e.section=F,l.section={eventHandlerResolver:X}},I.registerDesigner=(t,e,o)=>{t.section=I,e.section=F,e["section-toolbar-item"]=U,t["section-toolbar"]=V.FResponseToolbarDesign,e["section-toolbar"]=ee},w.withInstall(I)});
+(function(h,S){typeof exports=="object"&&typeof module<"u"?module.exports=S(require("../../components/section/index.umd.js"),require("../../components/common/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/response-toolbar/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("vue"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["../../components/section/index.umd.js","../../components/common/index.umd.js","../response-toolbar/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/response-toolbar/index.umd.js","../../components/designer-canvas/index.umd.js","vue","../../components/property-panel/index.umd.js"],S):(h=typeof globalThis<"u"?globalThis:h||self,h.section=S(h.Section,h.common,h.FResponseToolbarDesign,h.dynamicResolver,h.responseToolbar,h.designerCanvas,h.Vue,h.propertyPanel))})(this,function(h,S,k,A,G,C,n,U){"use strict";const _={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section-toolbar-item.schema.json",title:"section-toolbar-item",description:"A Farris Toolbar Item Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"section-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},text:{description:"按钮",type:"string",default:"按钮"},icon:{description:"图标",type:"string",default:""},disabled:{description:"禁用",type:"boolean",default:!1},visible:{description:"是否可见",type:"boolean",default:!0},onClick:{description:"点击事件",type:"string",default:""},tipsEnable:{description:"",type:"boolean",default:!1},tipsText:{description:"",type:"string",default:""},dropdownClass:{description:"处于下拉菜单时的样式",type:"string",default:""},split:{description:"",type:"boolean",default:!1}},required:["id","type","text"],events:{onClick:"点击事件"}},O=A.createPropsResolver(h.sectionToolbarItemProps,_);function K(t,e,o){return e?{enableAccordion:o.accordionMode}:{enableAccordion:""}}function Z(t,e){var o;return{buttons:e.buttons,buttonPosition:e.position,buttonsClass:(o=e.appearance)==null?void 0:o.class,buttonsVisible:e.visible}}const D=new Map([["appearance",A.resolveAppearance],["expanded","expandStatus"],["enableAccordion",K],["toolbar",Z]]);function J(t,e){var d,p;if(!(e!=null&&e.schema))return;const o=((p=(d=e.schema)==null?void 0:d.appearance)==null?void 0:p.class)||"",l=e.elementRef,a=window.getComputedStyle(l);a&&a.display==="flex"&&!o.includes("f-page-child-fill")&&(t.appearance.class+=" d-block")}function Q(t,e){var f;const o=Math.random().toString().slice(2,6),l=e.parentComponentInstance,a=t.getSchemaByType("section");Object.assign(a,{id:`section-${o}`,appearance:{class:"f-section-in-mainsubcard"},mainTitle:e.mainTitle||a.mainTitle||"标题"});const d=t.getSchemaByType("content-container");Object.assign(d,{id:`container-${o}`,appearance:{class:"f-struct-wrapper"},contents:[a]});const p=l.schema,x=((f=p.appearance)==null?void 0:f.class)||"";switch(p&&p.type){case C.DgControl["splitter-pane"].type:{a.appearance.class="f-section-in-main",x.includes("f-page-child-fill")&&(d.appearance.class+=" f-struct-wrapper-child",a.fill=!0);break}case C.DgControl["content-container"].type:p.isLikeCardContainer&&x.includes("f-struct-like-card-child-fill")&&(d.appearance.class+=" f-struct-wrapper-child",a.fill=!0),J(d,l)}return d}function F(t,e,o){return o.parentComponentInstance?Q(t,o):e}const R={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section.schema.json",title:"section",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"section"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contentClass:{description:"",type:"string",default:""},contents:{description:"",type:"array",default:[]},enableAccordion:{description:"",type:"string",default:""},accordionMode:{description:"",type:"string",default:"default"},enableMaximize:{description:"",type:"boolean",default:!1},expanded:{description:"",type:"boolean",default:!0},fill:{description:"",type:"boolean",default:!1},headerClass:{description:"",type:"string",default:""},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},showHeader:{description:"",type:"string",default:!0},mainTitle:{description:"",type:"string",default:""},subTitle:{description:"",type:"string",default:""},headerContentClass:{description:"",type:"string",default:""},extendClass:{description:"",type:"string",default:""},visible:{description:"",type:"boolean",default:!0},expandStatus:{description:"",type:"boolean",default:!0},toolbar:{description:"",type:"object",properties:{type:{type:"string",default:"section-toolbar"},position:{type:"string",default:"inHead"},buttons:{type:"array",default:[]},appearance:{description:"",type:"object",properties:{class:{type:"string",default:""}}}},default:null},headerTitleHtml:{description:"",type:"string",default:""},headerTitleRenderFunction:{description:"",type:"function",default:null},headerHtml:{description:"",type:"string",default:""},headerRenderFunction:{description:"",type:"function",default:null},headerContentHtml:{description:"",type:"string",default:""},headerContentRenderFunction:{description:"",type:"function",default:null},toolbarHtml:{description:"",type:"string",default:""},toolbarRenderFunction:{description:"",type:"function",default:null}},required:["id","type","contents"]},W={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section-toolbar.schema.json",title:"section-toolbar",description:"A Farris Toolbar Component",type:"object",properties:{id:{description:"The unique identifier for a Section Toolbar",type:"string"},type:{description:"The type string of Section Toolbar",type:"string",default:"section-toolbar"},appearance:{description:"",type:"object",properties:{class:{type:"string",default:""}}},alignment:{description:"The alignment of Section Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Section Toolbar.",type:"array",default:[]},buttonSize:{type:"string",default:""},visible:{description:"",type:"boolean",default:!0}},required:["id","type","buttons"],events:{onClick:"点击事件"}},X=A.createPropsResolver(h.sectionProps,R,D,F),Y=A.createSectionEventHandlerResolver(),q=Object.assign({},h.sectionProps,{componentId:{type:String,default:""},headerTitleHtml:{type:String,default:""},headerHtml:{type:String,default:""},headerContentHtml:{type:String,default:""},toolbarHtml:{type:String,default:""}}),ee=A.createPropsResolver(G.responseToolbarProps,W,D,k.schemaResolver),te=A.createPropsResolver(q,R,D,F);class ne extends U.BaseControlProperty{constructor(e,o){super(e,o)}getPropertyConfig(e){const o=this.getBasicPropConfig(e),l=this.getAppearanceProperties(e),a=this.getBehaviorConfig(e,""),d=this.getExtendConfig(e),p=this.getHeaderTemplateConfig(e);return this.propertyConfig.categories={basic:o,appearance:l,behavior:a,headerTemplate:p,extend:d},this.propertyConfig}getAppearanceProperties(e){return{title:"外观",description:"Appearance",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},fill:{title:"填充内容区域",type:"boolean",description:""},showHeader:{title:"显示标题栏区域",type:"boolean",description:"",refreshPanelAfterChanged:!0},mainTitle:{title:"主标题",type:"string",description:"",visible:{showHeader:!0}},subTitle:{title:"副标题",type:"string",description:"",visible:{showHeader:!0}},enableAccordion:{title:"面板收折",type:"enum",description:"是否启用分组面板的收折特性",editor:{type:"combo-list",textField:"value",valueField:"key",idField:"key",editable:!1,data:[{key:"",value:"不启用"},{key:"default",value:"启用默认收折"}]},refreshPanelAfterChanged:!0},expandStatus:{title:"默认状态",type:"boolean",description:"默认面板是展开还是收起",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{name:"展开",value:!0},{name:"收起",value:!1}],enableClear:!1},visible:e.enableAccordion==="default"}},setPropertyRelates(o,l){if(o)switch(o&&o.propertyID){case"mainTitle":{o.needRefreshControlTree=!0;break}case"showHeader":{const a=document.getElementsByClassName("dgComponentFocused");Array.from(a).forEach(d=>d.classList.remove("dgComponentFocused")),C.canvasChanged.value++;break}}}}}getExtendConfig(e){return{title:"扩展",description:"",properties:{contentClass:{title:"内容区域class",type:"string",description:"指定内容区域class样式"}}}}getHeaderTemplateConfig(e){return{title:"标题栏模板配置",description:"",hide:e.showHeader===!1,properties:{headerHtml:{title:"标题栏模板",type:"string",description:"设置标题栏HTML模板，会影响收折、最大化这些展示，其他自定义模版指定失效。",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},headerTitleHtml:{title:"标题模板",type:"string",description:"设置头部HTML模板，会影响收折、最大化这些展示，其他自定义模版指定失效。",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},headerContentHtml:{title:"内容模板",type:"string",description:"为跟在标题后面的内容，指定HTML模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}},toolbarHtml:{title:"工具栏模板",type:"string",description:"为工具栏区域指定HTML模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}}}}}}function oe(t,e){const o=new C.UseTemplateDragAndDropRules,l=t.schema;function a(i){return new ne(i,e).getPropertyConfig(l)}function d(i){var u;const{componentType:r,sourceType:s,sourceElement:c}=i;return!!(s==="control"&&r===C.DgControl["filter-bar"].type||s==="move"&&r===C.DgControl["content-container"].type&&((u=c==null?void 0:c.className)!=null&&u.includes("f-filter-container")))}function p(i,r){var u,m;const c=(e==null?void 0:e.schemaService).getTreeGridUdtFields(i);if(c){const v=c.find(j=>j.key===r),$=v&&v.field;if((m=(u=$==null?void 0:$.type)==null?void 0:u.name)!=null&&m.includes("PathHierarchyInfo"))return!0}}function x(i){var j;if(!e)return!1;const r=(j=l.appearance)==null?void 0:j.class,{sourceType:s}=i,{formSchemaUtils:c}=e;if(!(r&&r.includes("f-section-grid")))return!1;const m=c.getViewModelIdByComponentId(t.componentInstance.value.belongedComponentId),v=c.getViewModelById(m);if(v&&v.bindTo!=="/")return!1;const $=c.selectNode(l,E=>E.type==="tree-grid");if($&&!p(m,$.udtField))return!1;if(s==="move")return!0;if(s==="control"){if(l.contents&&l.contents.find(V=>{var I,z;return V.type===C.DgControl["content-container"].type&&((z=(I=V.appearance)==null?void 0:I.class)==null?void 0:z.includes("f-filter-container"))}))return!1;const L=c.getComponentById("root-component");if(L&&c.selectNode(L,I=>I.type===C.DgControl["query-solution"].type))return!1}return!0}function f(i){if(d(i))return x(i);if(!C.useDragulaCommonRule().basalDragulaRuleForContainer(i,e))return!1;const{canAccept:s}=o.getTemplateRule(t,e);return s}function w(){const{canDelete:i}=o.getTemplateRule(t,e);return i}function g(){const{canMove:i}=o.getTemplateRule(t,e);return i}function y(){const{canMove:i,canDelete:r}=o.getTemplateRule(t,e);return!i&&!r}function b(i){i&&(i.stopPropagation(),i.preventDefault());const{schema:r}=t;(!r.toolbar||!r.toolbar.buttons)&&(r.toolbar={id:`${r.id}_toolbar`,type:"section-toolbar",buttons:[]});const s=A.getSchemaByType("section-toolbar-item");s.id=`section_toolbar_item_${Math.random().toString().slice(2,6)}`,r.toolbar.buttons.push(s)}function T(){var u;const{schema:i}=t,r=e==null?void 0:e.formSchemaUtils;if(i.showHeader===!1||!r)return;const s=r.selectNode(i,m=>m.type===C.DgControl["response-form"].type),c=((u=i.toolbar)==null?void 0:u.buttons)||[];if(!s&&c.length===0)return[{id:"appendToolbar",title:"新增按钮",icon:"f-icon f-icon-plus-circle text-white",onClick:m=>b(m)}]}function P(){var c,u;if(!e)return;const i=e.formSchemaUtils.getExpressions();if(!i||!i.length)return;const{schema:r}=t;if(!((u=(c=r.toolbar)==null?void 0:c.buttons)!=null&&u.length))return;const s=m=>{m.forEach(v=>{const $=i.findIndex(j=>j.target===v.id);$>-1&&i.splice($,1),v.children&&v.children.length&&s(v.children)})};s(r.toolbar.buttons)}function N(){P()}function M(){var i,r;if(t&&e){const{formSchemaUtils:s}=e,c=s.getControlBasicInfoMap(),{schema:u}=t;c.set(u.id,{componentTitle:u.mainTitle,parentPathName:u.mainTitle}),(r=(i=u.toolbar)==null?void 0:i.buttons)!=null&&r.length&&u.toolbar.buttons.map(m=>{var v;c.set(m.id,{componentTitle:m.text,parentPathName:`${u.mainTitle} > ${m.text}`}),(v=m.children)!=null&&v.length&&m.children.map($=>{c.set($.id,{componentTitle:$.text,parentPathName:`${u.mainTitle} > ${$.text}`})})})}}return{canAccepts:f,checkCanDeleteComponent:w,checkCanMoveComponent:g,hideNestedPaddingInDesginerView:y,getPropsConfig:a,getCustomButtons:T,onRemoveComponent:N,setComponentBasicInfoMap:M}}function ie(t,e,o){let l;function a(f=1){const w=["body>.f-datagrid-settings-simple-host","body>div","body>farris-dialog>.farris-modal.show","body>.farris-modal.show","body>farris-filter-panel>.f-filter-panel-wrapper","body .f-sidebar-show>.f-sidebar-main","body>.popover.show","body>filter-row-panel>.f-datagrid-filter-panel","body>.f-section-maximize"],g=Array.from(document.body.querySelectorAll(w.join(","))).filter(b=>b).map(b=>{const{display:T,zIndex:P}=window.getComputedStyle(b);return T==="none"?0:parseInt(P,10)}).filter(b=>b);let y=Math.max(...g);return y<1040&&(y=1040),y+f}function d(){l=t.value.nextElementSibling;const f=document&&document.querySelector("body");f&&(f.appendChild(t.value),t.value.style.zIndex=a())}function p(){l?e.value.insertBefore(t.value,l):e.value.appendChild(t.value),t.value.style.zIndex=null}function x(){!t||!e.value||(o.value=!o.value,o.value?d():p())}return{onClickMaxMinIcon:x}}function B(t,e){var y;const o=n.computed(()=>"f-section-toolbar col-6"+(t.buttonPosition==="inHead"?" f-toolbar f-section-header--toolbar":" f-section-content--toolbar")+(t.buttonsClass?" "+t.buttonsClass:"")),l=n.ref(t.buttons),a=n.ref(e.schema.toolbar);a.value&&!a.value.type&&(a.value.type="section-toolbar");const d=t.componentId,p=`${d}-toolbar`,x=n.computed(()=>t.buttonPosition==="inHead"?"right":"left");function f(b,T,P,N){var M;(M=e.setupContext)==null||M.emit("selectionChange",b,T,P,N)}function w(){var b,T;return(T=(b=a.value)==null?void 0:b.buttons)!=null&&T.length?n.createVNode("div",{class:o.value},[n.createVNode("div",{class:"w-100",style:"flex:1"},[n.createVNode(C.FDesignerInnerItem,{modelValue:a.value,"onUpdate:modelValue":P=>a.value=P,class:"w-100 position-relative",canAdd:!1,childType:"section-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:p,onSelectionChange:f,componentId:d},{default:()=>[n.createVNode(k,{customClass:"d-block text-right",items:l.value,alignment:x.value,componentId:d},null)]})])]):null}function g(){return n.createVNode("div",{class:o.value},[n.createVNode("div",{class:"w-100",style:"flex:1",innerHTML:t.toolbarHtml.trim()},null)])}return(y=t.toolbarHtml)!=null&&y.trim()?g():w()}function re(t,e,o,l,a,d,p){const x=n.computed(()=>t.buttonPosition),{onClickMaxMinIcon:f}=ie(l,a,d),w=n.computed(()=>t.enableMaximize),g=n.computed(()=>t.enableAccordion!==""),y=n.computed(()=>{let s={"f-section-header":!0};return e.slots.header&&(s=S.getCustomClass(s,t.headerClass)),s});function b(s){s.stopPropagation(),t.enableAccordion!==""&&(o.value=!o.value,n.nextTick(()=>{C.setPositionOfSelectedComponentBtnGroup(p.designerItemElementRef.value)}))}function T(){const s=n.computed(()=>({btn:!0,"f-btn-collapse-expand":!0,"f-btn-mx":!0,"f-state-expand":o.value})),c=n.computed(()=>({"f-icon":!0,"f-icon-maximize":!d.value,"f-icon-minimize":d.value}));return n.createVNode("div",{class:"f-max-accordion"},[w.value?n.createVNode("span",{class:c.value,onClick:f},null):"",g.value?n.createVNode("button",{class:s.value,onClick:b},[n.createVNode("span",null,[o.value?t.collapseLabel:t.expandLabel])]):""])}function P(){return n.createVNode("div",{class:"f-title"},[n.createVNode("h4",{class:"f-title-text"},[t.mainTitle]),t.subTitle&&n.createVNode("span",null,[t.subTitle])])}function N(){const s=n.computed(()=>{const c={"f-content":!0};return S.getCustomClass(c,t.headerContentClass)});return e.slots.headerContent?n.createVNode("div",{class:s.value},[e.slots.headerContent()]):t.headerContentHtml?n.createVNode("div",{class:s.value,innerHTML:t.headerContentHtml},null):null}function M(){return e.slots.headerTitle?e.slots.headerTitle():t.headerTitleHtml?n.createVNode("div",{innerHTML:t.headerTitleHtml},null):P()}function i(){return n.createVNode("div",{class:y.value},[M(),N(),x.value==="inHead"&&B(t,p),(w.value||g.value)&&T()])}function r(){return e.slots.header?n.createVNode("div",{class:y.value},[e.slots.header()]):t.headerHtml?n.createVNode("div",{class:y.value,innerHTML:t.headerHtml},null):i()}return()=>t.showHeader&&r()}const H=n.defineComponent({name:"FSectionDesign",props:q,emits:[],setup(t,e){const o=n.ref(),l=n.ref(),a=n.ref(),d=n.inject("designer-host-service"),p=n.inject("design-item-context"),x=oe(p,d),f=C.useDesignerComponent(o,p,x);f.value.styles="display: inherit;",n.onMounted(()=>{o.value.componentInstance=f}),e.expose(f.value);const w=n.ref(t.customClass),g=n.computed(()=>t.enableAccordion),y=n.ref(!0),b=n.computed(()=>t.buttonPosition),T=n.ref(!1),P=re(t,e,y,l,a,T,p),N=n.computed(()=>{const u={"f-section":!0,"f-section-accordion":g.value==="default","f-state-collapse":(g.value==="default"||g.value==="custom")&&!y.value,"f-section-custom-accordion":g.value==="custom","f-section-fill":t.fill,"f-section-maximize":T.value,"f-utils-fill":!0,"p-0":!0};return S.getCustomClass(u,w.value)}),M=n.computed(()=>{const u={"f-section-content":!0,"drag-container":!0};return S.getCustomClass(u,t.contentClass)}),i=n.computed(()=>({visibility:(g.value==="default"||g.value==="custom")&&!y.value?"hidden":"visible"})),r=n.computed(()=>{const u={"f-section-extend":!0};return S.getCustomClass(u,r.value)});function s(){return e.slots.extend&&n.createVNode("div",{class:r.value},[e.slots.extend()])}function c(){return n.createVNode("div",{class:M.value,ref:o,"data-dragref":`${p.schema.id}-container`,style:i.value},[b.value==="inContent"&&B(t,p),e.slots.default&&e.slots.default()])}return()=>n.createVNode("div",{class:N.value,ref:l,style:t.customStyle},[P(),s(),c()])}});return H.register=(t,e,o,l)=>{t.section=h,e.section=X,l.section={eventHandlerResolver:Y}},H.registerDesigner=(t,e,o)=>{t.section=H,e.section=te,e["section-toolbar-item"]=O,t["section-toolbar"]=k.FResponseToolbarDesign,e["section-toolbar"]=ee},S.withInstall(H)});