@farris/ui-vue 1.7.3 → 1.7.5

package/components/splitter/index.esm.js

@@ -1,85 +1,258 @@
-import { ref as z, computed as R, defineComponent as w, provide as k, createVNode as b, inject as x } from "vue";
-import { getCustomClass as E, getCustomStyle as j } from "../common/index.esm.js";
-const L = {
+var X = Object.defineProperty;
+var Y = (r, e, t) => e in r ? X(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var b = (r, e, t) => Y(r, typeof e != "symbol" ? e + "" : e, t);
+import { ref as S, computed as w, defineComponent as M, provide as F, createVNode as x, inject as R, onMounted as N } from "vue";
+import { resolveAppearance as U, createPropsResolver as $ } from "../dynamic-resolver/index.esm.js";
+import { getCustomClass as I, getCustomStyle as H } from "../common/index.esm.js";
+import { DgControl as T, canvasChanged as G, refreshCanvas as J, UseTemplateDragAndDropRules as j, useDesignerComponent as A, useDragulaCommonRule as K } from "../designer-canvas/index.esm.js";
+import { cloneDeep as Q } from "lodash-es";
+import { FNotifyService as Z } from "../notify/index.esm.js";
+const ee = /* @__PURE__ */ new Map([
+  ["appearance", U]
+]);
+function te(r, e, t) {
+  const i = r.getSchemaByType("splitter-pane");
+  return i.appearance = {
+    class: "f-col-w6 f-page-content-nav"
+  }, i.position = "left", e.contents.unshift(i), e;
+}
+function ie(r, e, t) {
+  const i = r.getSchemaByType("splitter-pane");
+  return i.appearance = {
+    class: "f-page-content-main"
+  }, i.position = "main", e.contents.push(i), e;
+}
+function se(r, e, t) {
+  const i = t.parentComponentInstance;
+  return String(i.schema.appearance.class || "").split(" ").includes("f-page-main") && (e.appearance = { class: "f-page-content" }), te(r, e), ie(r, e), e;
+}
+function ne(r, e, t) {
+  return e;
+}
+const re = "https://json-schema.org/draft/2020-12/schema", oe = "https://farris-design.gitee.io/splitter.schema.json", le = "splitter", ae = "A Farris Container Component", ce = "object", de = {
+  id: {
+    description: "The unique identifier for a splitter",
+    type: "string"
+  },
+  type: {
+    description: "The type string of splitter component",
+    type: "string",
+    default: "splitter"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  contents: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  direction: {
+    description: "",
+    type: "string",
+    default: "row",
+    enum: [
+      "column",
+      "row"
+    ]
+  }
+}, ue = [
+  "id",
+  "type",
+  "contents"
+], pe = {
+  $schema: re,
+  $id: oe,
+  title: le,
+  description: ae,
+  type: ce,
+  properties: de,
+  required: ue
+}, O = {
   customStyle: { type: String, default: "" },
   customClass: { type: String, default: "" },
   direction: { Type: String, default: "row" }
-};
-function N(e) {
-  const g = z(-1), f = z(-1), d = z(0), u = z(0), p = z(!1), r = z(!1), v = R(() => ({
-    display: p.value ? "block" : "none",
-    left: `${d.value}px`
-  })), h = R(() => ({
-    display: r.value ? "block" : "none",
-    top: `${u.value}px`
-  })), y = R(() => ({
-    display: r.value || p.value ? "block" : "none"
+}, W = $(O, pe, ee, se);
+function q(r) {
+  const e = S(-1), t = S(-1), i = S(0), s = S(0), o = S(!1), n = S(!1), a = w(() => ({
+    display: o.value ? "block" : "none",
+    left: `${i.value}px`
+  })), l = w(() => ({
+    display: n.value ? "block" : "none",
+    top: `${s.value}px`
+  })), c = w(() => ({
+    display: n.value || o.value ? "block" : "none"
   }));
-  function i(n) {
-    const o = e.value;
-    if (o) {
-      const { left: s } = o.getBoundingClientRect();
-      d.value = n.clientX - s;
+  function d(u) {
+    const h = r.value;
+    if (h) {
+      const { left: g } = h.getBoundingClientRect();
+      i.value = u.clientX - g;
     }
   }
-  function H(n) {
-    const o = e.value;
-    if (o) {
-      const { top: s } = o.getBoundingClientRect();
-      u.value = n.clientY - s;
+  function f(u) {
+    const h = r.value;
+    if (h) {
+      const { top: g } = h.getBoundingClientRect();
+      s.value = u.clientY - g;
     }
   }
   return {
-    horizontalResizeHandleStyle: v,
-    verticalResizeHandleStyle: h,
-    resizeOverlayStyle: y,
-    showHorizontalResizeHandle: p,
-    showVerticalResizeHandle: r,
-    horizontalResizeBarPosition: g,
-    verticalResizeBarPosition: f,
-    verticalResizeHandleOffset: u,
-    horizontalResizeHandleOffset: d,
-    draggingHorizontalResizeHandle: i,
-    draggingVerticalResizeHandle: H
+    horizontalResizeHandleStyle: a,
+    verticalResizeHandleStyle: l,
+    resizeOverlayStyle: c,
+    showHorizontalResizeHandle: o,
+    showVerticalResizeHandle: n,
+    horizontalResizeBarPosition: e,
+    verticalResizeBarPosition: t,
+    verticalResizeHandleOffset: s,
+    horizontalResizeHandleOffset: i,
+    draggingHorizontalResizeHandle: d,
+    draggingVerticalResizeHandle: f
   };
 }
-const O = /* @__PURE__ */ w({
+const E = /* @__PURE__ */ M({
   name: "FSplitter",
-  props: L,
+  props: O,
   emits: [],
-  setup(e, g) {
-    const f = z(), d = N(f), {
-      horizontalResizeHandleStyle: u,
-      verticalResizeHandleStyle: p,
-      resizeOverlayStyle: r
-    } = d;
-    k("splitter", {
-      useResizeHandleComposition: d
+  setup(r, e) {
+    const t = S(), i = q(t), {
+      horizontalResizeHandleStyle: s,
+      verticalResizeHandleStyle: o,
+      resizeOverlayStyle: n
+    } = i;
+    F("splitter", {
+      useResizeHandleComposition: i
     });
-    const v = R(() => E({
+    const a = w(() => I({
       "f-splitter": !0
-    }, e == null ? void 0 : e.customClass)), h = R(() => {
-      const y = {
-        "flex-direction": e.direction === "row" ? "row" : "column"
+    }, r == null ? void 0 : r.customClass)), l = w(() => {
+      const c = {
+        "flex-direction": r.direction === "row" ? "row" : "column"
       };
-      return j(y, e == null ? void 0 : e.customStyle);
+      return H(c, r == null ? void 0 : r.customStyle);
     });
-    return () => b("div", {
-      class: v.value,
-      ref: f,
-      style: h.value
-    }, [g.slots.default && g.slots.default(), b("div", {
+    return () => x("div", {
+      class: a.value,
+      ref: t,
+      style: l.value
+    }, [e.slots.default && e.slots.default(), x("div", {
       class: "f-splitter-resize-overlay",
-      style: r.value
-    }, null), b("div", {
+      style: n.value
+    }, null), x("div", {
       class: "f-splitter-horizontal-resize-proxy",
-      style: u.value
-    }, null), b("div", {
+      style: s.value
+    }, null), x("div", {
       class: "f-splitter-vertical-resize-proxy",
-      style: p.value
+      style: o.value
     }, null)]);
   }
-}), V = {
+}), fe = /* @__PURE__ */ new Map([
+  ["appearance", U]
+]), ge = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-design.gitee.io/splitter-pane.schema.json", he = "splitter-pane", ve = "A Farris Container Component", be = "object", ye = {
+  id: {
+    description: "The unique identifier for a splitter",
+    type: "string"
+  },
+  type: {
+    description: "The type string of splitter component",
+    type: "string",
+    default: "splitter-pane"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  size: {
+    description: "",
+    type: "object",
+    properties: {
+      width: {
+        type: "number"
+      },
+      height: {
+        type: "strnumbering"
+      }
+    },
+    default: {}
+  },
+  collapsable: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  contents: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  minHeight: {
+    description: "",
+    type: "number"
+  },
+  minWidth: {
+    description: "",
+    type: "number"
+  },
+  position: {
+    description: "",
+    type: "string",
+    default: "left",
+    enum: [
+      "left",
+      "center",
+      "right",
+      "top",
+      "bottom"
+    ]
+  },
+  resizable: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  resizeHandle: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  visible: {
+    description: "",
+    type: "number",
+    default: !0
+  }
+}, Ce = [
+  "id",
+  "type",
+  "contents"
+], we = {
+  $schema: ge,
+  $id: me,
+  title: he,
+  description: ve,
+  type: be,
+  properties: ye,
+  required: Ce
+}, k = {
   customClass: { type: String, defaut: "" },
   customStyle: { type: String, default: "" },
   width: { type: Number },
@@ -101,117 +274,974 @@ const O = /* @__PURE__ */ w({
   minWidth: { type: Number, default: 0 },
   /** 面板最小高度 */
   minHeight: { type: Number, default: 0 }
-};
-function W(e, g) {
-  const f = z(e.width), d = z(e.height), {
-    horizontalResizeBarPosition: u,
-    horizontalResizeHandleOffset: p,
-    showHorizontalResizeHandle: r,
-    showVerticalResizeHandle: v,
-    verticalResizeBarPosition: h,
-    verticalResizeHandleOffset: y,
-    draggingHorizontalResizeHandle: i,
-    draggingVerticalResizeHandle: H
-  } = g;
-  let n = "", o, s;
-  function S(c) {
-    if ((n === "left" || n === "right") && s) {
-      const { left: l } = s.getBoundingClientRect(), { width: t } = o.getBoundingClientRect(), m = c.clientX - l, a = n === "left" ? (t || 0) + (m - u.value) : (t || 0) - (m - u.value);
-      f.value = e.minWidth > 0 ? Math.max(e.minWidth, a) : a;
+}, D = $(
+  k,
+  we,
+  fe,
+  ne
+);
+function L(r, e) {
+  const t = S(r.width), i = S(r.height), {
+    horizontalResizeBarPosition: s,
+    horizontalResizeHandleOffset: o,
+    showHorizontalResizeHandle: n,
+    showVerticalResizeHandle: a,
+    verticalResizeBarPosition: l,
+    verticalResizeHandleOffset: c,
+    draggingHorizontalResizeHandle: d,
+    draggingVerticalResizeHandle: f
+  } = e;
+  let u = "", h, g;
+  function y(v) {
+    if ((u === "left" || u === "right") && g) {
+      const { left: p } = g.getBoundingClientRect(), { width: m } = h.getBoundingClientRect(), P = v.clientX - p, C = u === "left" ? (m || 0) + (P - s.value) : (m || 0) - (P - s.value);
+      t.value = r.minWidth > 0 ? Math.max(r.minWidth, C) : C;
     }
-    if ((n === "top" || n === "bottom") && s) {
-      const { top: l } = s.getBoundingClientRect(), { height: t } = o.getBoundingClientRect(), m = c.clientY - l, a = n === "top" ? (t || 0) + (m - h.value) : (t || 0) - (m - h.value);
-      d.value = e.minHeight > 0 ? Math.max(e.minHeight, a) : a;
+    if ((u === "top" || u === "bottom") && g) {
+      const { top: p } = g.getBoundingClientRect(), { height: m } = h.getBoundingClientRect(), P = v.clientY - p, C = u === "top" ? (m || 0) + (P - l.value) : (m || 0) - (P - l.value);
+      i.value = r.minHeight > 0 ? Math.max(r.minHeight, C) : C;
     }
-    p.value = 0, y.value = 0, u.value = -1, h.value = -1, r.value = !1, v.value = !1, document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", S), document.body.style.userSelect = "", n = "", o = null, s = null;
+    o.value = 0, c.value = 0, s.value = -1, l.value = -1, n.value = !1, a.value = !1, document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", y), document.body.style.userSelect = "", u = "", h = null, g = null;
   }
-  function C(c, l, t) {
-    if (n = l, o = t, r.value = !0, s = c.composedPath().find((a) => a.className.split(" ")[0] === "f-splitter"), s) {
-      const { left: a } = s.getBoundingClientRect();
-      p.value = c.clientX - a, u.value = c.clientX - a, document.addEventListener("mousemove", i), document.addEventListener("mouseup", S), document.body.style.userSelect = "none";
+  function z(v, p, m) {
+    if (u = p, h = m, n.value = !0, g = v.composedPath().find((C) => C.className.split(" ")[0] === "f-splitter"), g) {
+      const { left: C } = g.getBoundingClientRect();
+      o.value = v.clientX - C, s.value = v.clientX - C, document.addEventListener("mousemove", d), document.addEventListener("mouseup", y), document.body.style.userSelect = "none";
     }
   }
-  function P(c, l, t) {
-    if (n = l, o = t, v.value = !0, s = c.composedPath().find((a) => a.className.split(" ")[0] === "f-splitter"), s) {
-      const { top: a } = s.getBoundingClientRect();
-      y.value = c.clientY - a, h.value = c.clientY - a, document.addEventListener("mousemove", H), document.addEventListener("mouseup", S), document.body.style.userSelect = "none";
+  function V(v, p, m) {
+    if (u = p, h = m, a.value = !0, g = v.composedPath().find((C) => C.className.split(" ")[0] === "f-splitter"), g) {
+      const { top: C } = g.getBoundingClientRect();
+      c.value = v.clientY - C, l.value = v.clientY - C, document.addEventListener("mousemove", f), document.addEventListener("mouseup", y), document.body.style.userSelect = "none";
     }
   }
   return {
-    actualWidth: f,
-    actualHeight: d,
-    onClickSplitterHorizontalResizeBar: C,
-    onClickSplitterVerticalResizeBar: P
+    actualWidth: t,
+    actualHeight: i,
+    onClickSplitterHorizontalResizeBar: z,
+    onClickSplitterVerticalResizeBar: V
   };
 }
-const B = /* @__PURE__ */ w({
+const B = /* @__PURE__ */ M({
   name: "FSplitterPane",
-  props: V,
+  props: k,
   emits: [],
-  setup(e, g) {
-    const f = z(), d = x("splitter"), {
-      useResizeHandleComposition: u
-    } = d, p = W(e, u), {
-      actualHeight: r,
-      actualWidth: v,
-      onClickSplitterHorizontalResizeBar: h,
-      onClickSplitterVerticalResizeBar: y
-    } = p, i = z(e.position), H = R(() => {
-      const l = {
+  setup(r, e) {
+    const t = S(), i = R("splitter"), {
+      useResizeHandleComposition: s
+    } = i, o = L(r, s), {
+      actualHeight: n,
+      actualWidth: a,
+      onClickSplitterHorizontalResizeBar: l,
+      onClickSplitterVerticalResizeBar: c
+    } = o, d = S(r.position), f = w(() => {
+      const p = {
         "f-splitter-pane": !0,
-        "f-splitter-pane-main": i.value === "center",
-        "has-resize-bar": e.resizable
+        "f-splitter-pane-main": d.value === "center",
+        "has-resize-bar": r.resizable
       };
-      return l["f-splitter-pane-" + i.value] = !0, E(l, e == null ? void 0 : e.customClass);
-    }), n = R(() => e.resizeHandle ? e.resizeHandle.split(",").filter((l) => ["e", "n", "s", "w"].find((t) => t === l)) : []), o = R(() => {
-      const l = {};
-      return (v.value || v.value === 0) && (i.value === "left" || i.value === "right" || n.value.find((t) => t === "e") || n.value.find((t) => t === "w")) && (l.width = `${v.value}px`), (r.value || r.value === 0) && (i.value === "bottom" || i.value === "top" || n.value.find((t) => t === "s") || n.value.find((t) => t === "n")) && (l.height = `${r.value}px`), j(l, e == null ? void 0 : e.customStyle);
-    }), s = R(() => ({
+      return p["f-splitter-pane-" + d.value] = !0, I(p, r == null ? void 0 : r.customClass);
+    }), u = w(() => r.resizeHandle ? r.resizeHandle.split(",").filter((p) => ["e", "n", "s", "w"].find((m) => m === p)) : []), h = w(() => {
+      const p = {};
+      return (a.value || a.value === 0) && (d.value === "left" || d.value === "right" || u.value.find((m) => m === "e") || u.value.find((m) => m === "w")) && (p.width = `${a.value}px`), (n.value || n.value === 0) && (d.value === "bottom" || d.value === "top" || u.value.find((m) => m === "s") || u.value.find((m) => m === "n")) && (p.height = `${n.value}px`), H(p, r == null ? void 0 : r.customStyle);
+    }), g = w(() => ({
       "f-splitter-resize-bar": !0,
-      "f-splitter-resize-bar-e": i.value === "left",
-      "f-splitter-resize-bar-n": i.value === "bottom",
-      "f-splitter-resize-bar-s": i.value === "top",
-      "f-splitter-resize-bar-w": i.value === "right"
+      "f-splitter-resize-bar-e": d.value === "left",
+      "f-splitter-resize-bar-n": d.value === "bottom",
+      "f-splitter-resize-bar-s": d.value === "top",
+      "f-splitter-resize-bar-w": d.value === "right"
     }));
-    function S(l) {
+    function y(p) {
       return {
         e: "left",
         w: "right",
         s: "top",
         n: "bottom"
-      }[l] || l;
+      }[p] || p;
     }
-    function C(l, t) {
-      t = S(t), ["left", "right"].find((m) => m === t) && h(l, t, f.value), ["top", "bottom"].find((m) => m === t) && y(l, t, f.value);
+    function z(p, m) {
+      m = y(m), ["left", "right"].find((P) => P === m) && l(p, m, t.value), ["top", "bottom"].find((P) => P === m) && c(p, m, t.value);
     }
-    function P() {
-      return n.value.length > 0 ? n.value.map((l) => b("span", {
-        class: "f-splitter-resize-bar f-splitter-resize-bar-" + l,
-        onMousedown: (t) => C(t, l)
-      }, null)) : b("span", {
-        class: s.value,
-        onMousedown: (l) => C(l, i.value)
+    function V() {
+      return u.value.length > 0 ? u.value.map((p) => x("span", {
+        class: "f-splitter-resize-bar f-splitter-resize-bar-" + p,
+        onMousedown: (m) => z(m, p)
+      }, null)) : x("span", {
+        class: g.value,
+        onMousedown: (p) => z(p, d.value)
       }, null);
     }
-    function c() {
-      v.value = e.width, r.value = e.height, o.value;
+    function v() {
+      a.value = r.width, n.value = r.height, h.value;
     }
-    return g.expose({
-      reset: c
-    }), () => b("div", {
-      ref: f,
-      class: H.value,
-      style: o.value
-    }, [g.slots.default && g.slots.default(), e.resizable && P()]);
+    return e.expose({
+      reset: v
+    }), () => x("div", {
+      ref: t,
+      class: f.value,
+      style: h.value
+    }, [e.slots.default && e.slots.default(), r.resizable && V()]);
+  }
+});
+function Se(r) {
+  const { formSchemaUtils: e, formStateMachineUtils: t } = r;
+  function i(l, c = "") {
+    return {
+      path: c + l.code,
+      field: l.id,
+      fullPath: l.code
+    };
+  }
+  function s(l, c = "") {
+    const d = e.getViewModelById(l);
+    return d ? d.states.map((f) => i(f, c)) : [];
+  }
+  function o(l) {
+    const c = e.getRootViewModelId(), d = s(l);
+    if (l === c)
+      return d;
+    const f = s(c, "root-component.");
+    return [...d, ...f];
+  }
+  function n(l) {
+    return l.binding && l.binding.path || l.id || "";
+  }
+  function a() {
+    return t && t.getRenderStates() || [];
+  }
+  return { getVariables: o, getControlName: n, getStateMachines: a };
+}
+class xe {
+  constructor(e) {
+    b(this, "sessionVariables", [
+      {
+        key: "CurrentSysOrgName",
+        name: "当前组织Name",
+        description: "当前组织Name"
+      },
+      //   {
+      //     key: "CurrentSysOrgCode",
+      //     name: "当前组织Code",
+      //     description: "当前组织Code"
+      //   },
+      {
+        key: "CurrentSysOrgId",
+        name: "当前组织Id",
+        description: "当前组织Id"
+      },
+      {
+        key: "CurrentUserName",
+        name: "当前用户Name",
+        description: "当前用户Name"
+      },
+      {
+        key: "CurrentUserCode",
+        name: "当前用户Code",
+        description: "当前用户Code"
+      },
+      {
+        key: "CurrentUserId",
+        name: "当前用户Id",
+        description: "当前用户Id"
+      },
+      {
+        key: "CurrentLanguage",
+        name: "当前语言编号",
+        description: "当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"
+      }
+    ]);
+    b(this, "expressionNames", {
+      compute: "计算表达式",
+      dependency: "依赖表达式",
+      validate: "验证表达式",
+      dataPicking: "帮助前表达式",
+      visible: "可见表达式",
+      readonly: "只读表达式",
+      required: "必填表达式"
+    });
+    b(this, "getExpressionConverter", (e, t) => ({
+      convertFrom: (i, s, o, n) => {
+        const a = o.getExpressionRuleValue(e, t || s);
+        return a && a.value || "";
+      },
+      convertTo: (i, s, o, n, a) => {
+        var l;
+        if (s === "dataPicking" && (o != null && o.target)) {
+          const c = `${o.target}_dataPicking`;
+          ((l = o.rules) == null ? void 0 : l.some(
+            (f) => f.id === c && f.value
+          )) ? i.dictPickingExpressionId = c : delete i.dictPickingExpressionId;
+        }
+        n.updateExpression(o);
+      }
+    }));
+    this.formSchemaService = e;
+  }
+  getExpressionRule(e, t) {
+    const i = this.formSchemaService.getExpressions();
+    if (!i)
+      return "";
+    const s = i.find((n) => n.target === e);
+    if (!s)
+      return "";
+    const o = s.rules.find((n) => n.type === t);
+    return o || "";
+  }
+  // 获取上下文表单变量
+  getContextFormVariables() {
+    const { module: e } = this.formSchemaService.getFormSchema();
+    if (!e.viewmodels || e.viewmodels.length === 0)
+      return [];
+    const t = this.formSchemaService.getRootViewModelId(), i = this.formSchemaService.getViewModelById(t);
+    if (!i || !i.states || i.states.length === 0)
+      return [];
+    const s = [];
+    return i.states.filter((o) => o.category === "remote").forEach((o) => {
+      s.push({
+        key: o.code,
+        name: o.name,
+        description: o.name,
+        category: o.category
+      });
+    }), s;
+  }
+  createTreeNode(e, t, i = "label") {
+    return {
+      id: e.id,
+      name: e.name,
+      bindingPath: e[i],
+      parents: t,
+      type: "field"
+    };
+  }
+  buildEntityFieldsTreeData(e = null, t) {
+    const i = [];
+    return e == null || e.forEach((s) => {
+      var a;
+      const o = this.createTreeNode(s, t);
+      let n = [];
+      (a = s.type) != null && a.fields && (n = this.buildEntityFieldsTreeData(s.type.fields, [...t, s.label])), i.push({
+        data: o,
+        children: n,
+        expanded: !0
+      });
+    }), i;
+  }
+  buildChildEntityTreeData(e = null, t) {
+    const i = [];
+    return e == null || e.forEach((s) => {
+      var l, c;
+      const o = this.createTreeNode(s, t);
+      o.type = "entity";
+      const n = this.buildEntityFieldsTreeData((l = s.type) == null ? void 0 : l.fields, [...t, s.label]), a = this.buildChildEntityTreeData((c = s.type) == null ? void 0 : c.entities, [...t, s.label]);
+      a != null && a.length && (n == null || n.push(...a)), i.push({
+        data: o,
+        children: n || [],
+        // 空值回退
+        expanded: !0
+      });
+    }), i;
+  }
+  getEntitiesTreeData() {
+    const e = this.formSchemaService.getSchemaEntities();
+    if (!(e != null && e.length))
+      return [];
+    const t = e[0];
+    if (!(t != null && t.type))
+      return [];
+    const i = this.buildEntityFieldsTreeData(t.type.fields, [t.code]), s = this.buildChildEntityTreeData(t.type.entities, [t.code]);
+    return s != null && s.length && (i == null || i.push(...s)), {
+      entityCode: t.code,
+      fields: [{
+        data: this.createTreeNode(t, [], "code"),
+        children: i || []
+      }]
+    };
+  }
+  getEntitiesAndVariables() {
+    return {
+      entities: this.getEntitiesTreeData(),
+      variables: {
+        session: {
+          name: "系统变量",
+          items: this.sessionVariables,
+          visible: !1
+        },
+        forms: {
+          name: "表单变量",
+          items: this.getContextFormVariables(),
+          visible: !0
+        }
+      }
+    };
+  }
+  onBeforeOpenExpression(e, t, i) {
+    const s = i === "Field" ? e.binding.field : e.id, o = this.getExpressionRule(s, t), n = this.getEntitiesAndVariables(), a = {
+      message: ["validate", "required", "dataPicking"].includes(t) && o ? o.message : "",
+      ...n
+    };
+    return o.messageType != null && (a.messageType = o.messageType), a;
+  }
+  buildRule(e, t, i, s) {
+    const { expression: o, message: n, messageType: a } = t, l = {
+      id: `${e}_${i}`,
+      type: i,
+      value: o
+    };
+    return (i === "validate" || i === "dataPicking" || i === "required") && (l.message = n), i === "dataPicking" && (l.messageType = a), i === "validate" && s && (l.elementId = s), l;
+  }
+  getExpressionData() {
+    const { expressions: e } = this.formSchemaService.getFormSchema().module;
+    return e || [];
+  }
+  updateExpression(e, t, i, s) {
+    const o = t === "Field" ? e.binding.field : e.id, n = this.buildRule(o, i, s, e.type === "form-group" ? e.id : "");
+    let l = this.getExpressionData().find((d) => d.targetType === t && d.target === o);
+    const c = (d) => d.value.trim() === "";
+    if (l) {
+      const d = l.rules.find((f) => f.id === n.id);
+      if (d)
+        c(n) ? l.rules = l.rules.filter((f) => f.id !== n.id) : (Object.assign(d, n), s === "validate" && e.type === "form-group" && (d.elementId = e.id));
+      else {
+        if (c(n))
+          return null;
+        l.rules = l.rules || [], l.rules.push(n);
+      }
+    } else {
+      if (c(n))
+        return null;
+      l = {
+        target: `${o}`,
+        rules: [n],
+        targetType: t
+      };
+    }
+    return l;
+  }
+  getExpressionEditorOptions(e, t, i, s) {
+    return i.reduce((o, n) => {
+      var l, c;
+      const a = t === "Field" ? (l = e == null ? void 0 : e.binding) == null ? void 0 : l.field : e.id;
+      return o[n] = {
+        hide: t === "Field" ? !!((c = e == null ? void 0 : e.binding) != null && c.field) : !1,
+        description: "",
+        title: this.expressionNames[n],
+        type: "string",
+        $converter: this.getExpressionConverter(a),
+        refreshPanelAfterChanged: !0,
+        editor: {
+          type: "expression-editor",
+          singleExpand: !1,
+          dialogTitle: `${this.expressionNames[n]}编辑器`,
+          showMessage: n === "validate" || n === "dataPicking" || n === "required",
+          showMessageType: n === "dataPicking",
+          beforeOpen: () => this.onBeforeOpenExpression(e, n, t),
+          onSubmitModal: (d) => {
+            const f = this.updateExpression(e, t, d, n);
+            if (s) {
+              const u = this.buildRule(a, d, n);
+              s(u);
+            }
+            return f;
+          }
+        }
+      }, o;
+    }, {});
+  }
+  getExpressionInfo(e, t, i) {
+    const s = t === "Field" ? e.binding.field : e.id, o = this.getExpressionRule(s, i), n = {
+      value: o && o.value,
+      targetId: s,
+      targetType: t,
+      expressionType: i
+    };
+    return o && o.message && (n.message = o.message), n;
+  }
+  getExpressionConfig(e, t, i = ["compute", "dependency", "validate"], s) {
+    return {
+      description: "表达式",
+      title: "表达式",
+      hide: !e.binding,
+      properties: {
+        ...this.getExpressionEditorOptions(e, t, i, s)
+      }
+    };
+  }
+  getExpressionOptions(e, t, i) {
+    const s = this.getExpressionInfo(e, t, i);
+    return {
+      dialogTitle: `${this.expressionNames[i]}编辑器`,
+      singleExpand: !1,
+      showMessage: i === "required",
+      beforeOpen: () => this.onBeforeOpenExpression(e, i, t),
+      expressionInfo: s
+    };
+  }
+}
+class _ {
+  constructor(e, t) {
+    b(this, "componentId");
+    b(this, "viewModelId");
+    b(this, "eventsEditorUtils");
+    b(this, "formSchemaUtils");
+    b(this, "formMetadataConverter");
+    b(this, "designViewModelUtils");
+    b(this, "designViewModelField");
+    b(this, "controlCreatorUtils");
+    b(this, "designerHostService");
+    b(this, "designerContext");
+    b(this, "schemaService", null);
+    b(this, "metadataService", null);
+    b(this, "propertyConfig", {
+      type: "object",
+      categories: {}
+    });
+    var i;
+    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((i = this.formSchemaUtils) == null ? void 0 : i.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService, this.designerContext = t.designerContext;
+  }
+  getFormDesignerInstance() {
+    var e, t;
+    return (t = (e = this.designerContext) == null ? void 0 : e.instances) == null ? void 0 : t.formDesigner.value;
+  }
+  getTableInfo() {
+    var e;
+    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
+  }
+  setDesignViewModelField(e) {
+    var i;
+    const t = e.binding && e.binding.type === "Form" && e.binding.field;
+    if (t) {
+      if (!this.designViewModelField) {
+        const s = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = s.fields.find((o) => o.id === t);
+      }
+      e.updateOn = (i = this.designViewModelField) == null ? void 0 : i.updateOn;
+    }
+  }
+  getBasicPropConfig(e) {
+    return {
+      description: "Basic Information",
+      title: "基本信息",
+      properties: {
+        id: {
+          description: "组件标识",
+          title: "标识",
+          type: "string",
+          readonly: !0
+        },
+        type: {
+          description: "组件类型",
+          title: "控件类型",
+          type: "select",
+          editor: {
+            type: "combo-list",
+            textField: "name",
+            valueField: "value",
+            idField: "value",
+            editable: !1,
+            data: [{ value: e.type, name: T[e.type] && T[e.type].name }]
+          }
+        }
+      }
+    };
+  }
+  getAppearanceConfig(e = null, t = {}, i) {
+    const s = {
+      title: "外观",
+      description: "Appearance"
+    }, o = {
+      class: {
+        title: "class样式",
+        type: "string",
+        description: "组件的CSS样式",
+        $converter: "/converter/appearance.converter",
+        parentPropertyID: "appearance"
+      },
+      style: {
+        title: "style样式",
+        type: "string",
+        description: "组件的样式",
+        $converter: "/converter/appearance.converter",
+        parentPropertyID: "appearance"
+      }
+    };
+    for (const n in t)
+      o[n] = Object.assign(o[n] || {}, t[n]);
+    return {
+      ...s,
+      properties: { ...o },
+      setPropertyRelates(n, a) {
+        if (n) {
+          switch (n && n.propertyID) {
+            case "class":
+            case "style": {
+              G.value++;
+              break;
+            }
+          }
+          i && i(n, e, a);
+        }
+      }
+    };
+  }
+  /**
+   * 
+   * @param propertyData 
+   * @param propertyTypes 
+   * @param propertyName 
+   * @param constInfos 
+   * @param variableInfos 
+   * @param expressionType 指定表达式类型，存在属性和表达式类型不一致的情况
+   * @returns 
+   */
+  getPropertyEditorParams(e, t = [], i = "visible", s = {}, o = {}, n = "") {
+    const { getVariables: a, getControlName: l, getStateMachines: c } = Se(this.designerHostService), d = this.getRealTargetType(e), f = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], u = {
+      type: "property-editor",
+      propertyTypes: f
+    };
+    return f.map((h) => {
+      switch (h) {
+        case "Const":
+          Object.assign(u, {
+            constType: "enum",
+            constEnums: [{ id: !0, name: "是" }, { id: !1, name: "否" }]
+          }, s);
+          break;
+        case "Expression":
+          u.expressionConfig = this.getExpressionOptions(e, d, n || i);
+          break;
+        case "StateMachine":
+          u.stateMachines = c();
+          break;
+        case "Variable":
+          Object.assign(u, {
+            controlName: l(e),
+            newVariablePrefix: "is",
+            newVariableType: "Boolean",
+            variables: a(this.viewModelId),
+            parentComponentId: this.componentId === "root-component" ? "" : "root-component",
+            onBeforeOpenVariables: (g) => {
+              g.value = a(this.viewModelId);
+            }
+          }, o), this.designerContext.designerMode === "PC_RTC" && (u.newVariablePrefix = "ext_" + u.newVariablePrefix);
+          break;
+      }
+    }), u;
+  }
+  getVisibleProperty(e, t = "") {
+    var o;
+    let i = ["Const", "Variable", "StateMachine", "Expression"];
+    return t === "gridFieldEditor" ? i = ["Const", "Expression"] : t === "form-group" && !((o = e.binding) != null && o.field) && (i = ["Const", "Variable", "StateMachine"]), {
+      visible: {
+        title: "是否可见",
+        type: "boolean",
+        description: "运行时组件是否可见",
+        editor: this.getPropertyEditorParams(e, i, "visible")
+      }
+    };
+  }
+  /**
+   * 获取行为
+   * @param propertyData 
+   * @param viewModelId 
+   * @returns 
+   */
+  getBehaviorConfig(e, t = "", i = {}, s) {
+    const o = {
+      title: "行为",
+      description: ""
+    }, n = this.getVisibleProperty(e, t);
+    for (const l in i)
+      n[l] = Object.assign(n[l] || {}, i[l]);
+    const a = this;
+    return {
+      ...o,
+      properties: { ...n },
+      setPropertyRelates(l, c) {
+        if (l) {
+          switch (l.propertyID) {
+            case "disabled":
+            case "readonly":
+            case "visible":
+              a.afterMutilEditorChanged(e, l);
+              break;
+          }
+          s && s(l, c);
+        }
+      }
+    };
+  }
+  /**
+   * 当多值编辑器变更时
+   * @param propertyData 
+   * @param changeObject 
+   */
+  afterMutilEditorChanged(e, t) {
+    this.addNewVariableToViewModel(t, this.viewModelId), this.updateExpressionValue(t), this.clearExpression(t, e);
+  }
+  /**
+   * 
+   * @param propertyId 
+   * @param componentInstance 
+   * @returns 
+   */
+  updateElementByParentContainer(e, t) {
+    const i = t && t.parent && t.parent.schema;
+    if (!i)
+      return;
+    const s = i.contents.findIndex((n) => n.id === e), o = Q(i.contents[s]);
+    i.contents.splice(s, 1), i.contents.splice(s, 0, o), J();
+  }
+  /**
+   * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
+   * @param changeObject 
+   * @param viewModelId 
+   * @returns 
+   */
+  addNewVariableToViewModel(e, t) {
+    const i = e.propertyValue;
+    if (!(i && typeof i == "object") || !(i.type === "Variable" && i.isNewVariable))
+      return;
+    const n = {
+      id: i.field,
+      category: "locale",
+      code: i.fullPath,
+      name: i.fullPath,
+      type: i.newVariableType || "String",
+      isRtcVariable: this.designerContext.designerMode === "PC_RTC" ? !0 : void 0
+    };
+    delete i.newVariableType, delete i.isNewVariable, this.formSchemaUtils.getVariableByCode(n.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(n);
+  }
+  /**
+   * 更新表达式到expressions节点
+   * @param changeObject 
+   */
+  updateExpressionValue(e) {
+    const t = e.propertyValue;
+    if (!((t && t.type) === "Expression" && t.expressionInfo))
+      return;
+    const { expressionId: o, expressionInfo: n } = t, { targetId: a, targetType: l, expressionType: c, value: d, message: f } = n, u = this.formSchemaUtils.getModule();
+    u.expressions = u.expressions || [];
+    const { expressions: h } = u;
+    let g = h.find((z) => z.target === a);
+    g || (g = { target: a, rules: [], targetType: l }, h.push(g));
+    const y = g.rules.find((z) => z.type === c);
+    if (y)
+      y.value = d, y.message = f;
+    else {
+      const z = { id: o, type: c, value: d, message: f };
+      g.rules.push(z);
+    }
+    delete t.expressionInfo;
+  }
+  /**
+   * 属性类型切换为非表达式后，清除原表达式
+   * @param changeObject 
+   * @param propertyData 
+   * @returns 
+   */
+  clearExpression(e, t) {
+    const i = e.propertyValue;
+    if (i && i.type === "Expression")
+      return;
+    const o = e.propertyID, n = this.formSchemaUtils.getExpressions(), a = t.binding ? t.binding.field : t.id, l = n.find((c) => c.target === a);
+    !l || !l.rules || (l.rules = l.rules.filter((c) => c.type !== o));
+  }
+  getExpressionOptions(e, t, i) {
+    return new xe(this.formSchemaUtils).getExpressionOptions(e, t, i);
+  }
+  getRealTargetType(e) {
+    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(e.type) > -1 ? "Button" : e.binding && e.binding.field ? "Field" : "Container";
+  }
+  createBaseEventProperty(e) {
+    const t = {};
+    return t[this.viewModelId] = {
+      type: "events-editor",
+      editor: {
+        initialData: e,
+        viewSourceHandle: (i) => {
+          var s;
+          ((s = i.controller) == null ? void 0 : s.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(i);
+        }
+      }
+    }, t;
+  }
+}
+class ze extends _ {
+  constructor(e, t) {
+    super(e, t);
+  }
+  getPropertyConfig(e) {
+    return this.propertyConfig.categories.basic = this.getBasicPropConfig(e), this.propertyConfig.categories.appearance = this.getAppearanceConfig(e), this.propertyConfig;
+  }
+  getBehaviorProperties(e) {
+    return {
+      description: "",
+      title: "行为",
+      properties: {
+        direction: {
+          title: "布局方向",
+          description: "指定内部分栏面板的布局方向",
+          type: "string",
+          editor: {
+            type: "combo-list",
+            data: [
+              {
+                id: "row",
+                name: "横向排列"
+              },
+              {
+                id: "column",
+                name: "上下排列"
+              }
+            ]
+          }
+        }
+      },
+      setPropertyRelates(t, i) {
+        if (t && t.propertyID === "direction") {
+          const s = t.propertyValue !== "column", o = s ? "f-col-h" : "f-col-w", n = s ? "f-col-w" : "f-col-h", a = s ? ["s", "n"] : ["e", "w"];
+          e == null || e.contents.forEach((l, c) => {
+            var d;
+            (d = l.appearance) != null && d.class && (l.appearance.class = l.appearance.class.replaceAll(o, n)), l.resizable === !0 && l.resizeHandle && a.findIndex((f) => f === l.resizeHandle) > -1 && c === 0 && (l.resizeHandle = s ? "e" : "s"), s && l.minHeight && (l.minHeight = null), !s && l.minWidth && (l.minWidth = null);
+          });
+        }
+      }
+    };
+  }
+}
+function Pe(r, e) {
+  const t = new j(), { canMove: i, canDelete: s } = t.getTemplateRule(r, e), o = r.schema;
+  function n() {
+    return !1;
+  }
+  function a() {
+    return s;
+  }
+  function l() {
+    return i;
+  }
+  function c() {
+    return !0;
+  }
+  function d(f) {
+    return new ze(f, e).getPropertyConfig(o);
+  }
+  return { canAccepts: n, checkCanDeleteComponent: a, checkCanMoveComponent: l, hideNestedPaddingInDesginerView: c, getPropsConfig: d };
+}
+const Re = /* @__PURE__ */ M({
+  name: "FSplitterDesign",
+  props: O,
+  emits: [],
+  setup(r, e) {
+    const t = S(), i = R("designer-host-service"), s = R("design-item-context"), o = Pe(s, i), n = A(t, s, o);
+    n.value.canNested = !1;
+    const a = q(t), {
+      horizontalResizeHandleStyle: l,
+      verticalResizeHandleStyle: c,
+      resizeOverlayStyle: d
+    } = a;
+    F("splitter", {
+      useResizeHandleComposition: a
+    });
+    const f = w(() => I({
+      "f-splitter": !0
+    }, r == null ? void 0 : r.customClass)), u = w(() => {
+      const h = {
+        "flex-direction": r.direction === "row" ? "row" : "column"
+      };
+      return H(h, r == null ? void 0 : r.customStyle);
+    });
+    return N(() => {
+      t.value.componentInstance = n;
+    }), e.expose(n.value), () => x("div", {
+      class: f.value,
+      ref: t,
+      style: u.value
+    }, [e.slots.default && e.slots.default(), x("div", {
+      class: "f-splitter-resize-overlay",
+      style: d.value
+    }, null), x("div", {
+      class: "f-splitter-horizontal-resize-proxy",
+      style: l.value
+    }, null), x("div", {
+      class: "f-splitter-vertical-resize-proxy",
+      style: c.value
+    }, null)]);
+  }
+});
+class Ee extends _ {
+  constructor(t, i) {
+    super(t, i);
+    //  父级指定的方向是否是横向
+    b(this, "parentSplitterDirectionIsRow", !0);
+    // 记录在父中位置
+    b(this, "positionIndex", -1);
+    b(this, "notifyService");
+    b(this, "designItemContext", null);
+    this.notifyService = new Z();
+  }
+  // parentSplitterDirectionIsRow
+  getPropertyConfig(t, i, s = !0, o = 0) {
+    return this.parentSplitterDirectionIsRow = s, this.designItemContext = i, this.positionIndex = o, this.propertyConfig.categories.basic = this.getBasicPropConfig(t), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t), this.propertyConfig;
+  }
+  getAppearanceProperties(t) {
+    const i = this, s = i.parentSplitterDirectionIsRow && t.resizable === !0, o = !i.parentSplitterDirectionIsRow && t.resizable === !0;
+    return {
+      description: "",
+      title: "外观",
+      properties: {
+        class: {
+          description: "组件的CSS样式",
+          title: "class样式"
+        },
+        style: {
+          description: "组件的内容样式",
+          title: "style样式"
+        },
+        minWidth: {
+          description: "面板最小宽度",
+          title: "最小宽度（px）",
+          type: "number",
+          editor: {
+            nullable: !0
+          },
+          visible: s
+        },
+        minHeight: {
+          description: "面板最小高度",
+          title: "最小高度（px）",
+          type: "number",
+          editor: {
+            nullable: !0
+          },
+          visible: o
+        }
+      }
+    };
+  }
+  getBehaviorProperties(t) {
+    const i = [{ id: "e", name: "左侧" }, { id: "w", name: "右侧" }], s = [{ id: "n", name: "上方" }, { id: "s", name: "下方" }], o = this;
+    return {
+      description: "",
+      title: "行为",
+      properties: {
+        resizable: {
+          description: "规则：两列布局只有一个元素启用拖拽，多列布局可以有多个元素启用拖拽。",
+          title: "允许拖拽",
+          type: "boolean",
+          refreshPanelAfterChanged: !0
+        },
+        resizeHandle: {
+          description: "指定拖拽条的位置",
+          title: "指定拖拽条的位置",
+          type: "string",
+          visible: t.resizable === !0,
+          defaultValue: t.resizeHandle || "",
+          editor: {
+            type: "combo-list",
+            data: this.parentSplitterDirectionIsRow ? i : s
+          }
+        }
+      },
+      setPropertyRelates(n, a) {
+        var l, c, d;
+        if (n)
+          switch (n && n.propertyID) {
+            case "resizable": {
+              n.propertyValue && (((d = (c = (l = o.designItemContext) == null ? void 0 : l.parent) == null ? void 0 : c.schema) == null ? void 0 : d.contents) || []).find((u) => u.id !== t.id && t.resizable) && o.notifyService.warning({ message: "相邻元素已启用拖拽功能", position: "top-center" });
+              break;
+            }
+          }
+      }
+    };
+  }
+}
+function Ve(r, e) {
+  const t = new j(), i = r.schema, { canAccept: s } = t.getTemplateRule(r, e);
+  function o(c) {
+    return K().basalDragulaRuleForContainer(c, e) ? s : !1;
+  }
+  function n(c) {
+    var h, g;
+    const d = new Ee(c, e), f = (((h = r == null ? void 0 : r.parent) == null ? void 0 : h.schema.direction) || "row") === "row", u = (((g = r == null ? void 0 : r.parent) == null ? void 0 : g.schema.contents) || []).findIndex((y) => i.id === (y == null ? void 0 : y.id));
+    return u === 0 && !i.resizeHandle && i.resizable && (i.resizeHandle = f ? "e" : "s"), d.getPropertyConfig(i, r, f, u);
+  }
+  function a() {
+    return !1;
+  }
+  function l() {
+    return !1;
+  }
+  return {
+    canAccepts: o,
+    getPropsConfig: n,
+    checkCanMoveComponent: a,
+    checkCanDeleteComponent: l
+  };
+}
+const Me = /* @__PURE__ */ M({
+  name: "FSplitterPaneDesign",
+  props: k,
+  emits: [],
+  setup(r, e) {
+    const t = S(), i = R("designer-host-service"), s = R("design-item-context"), o = Ve(s, i), n = A(t, s, o);
+    n.value.styles = "padding:0;box-shadow:none;", n.value.canNested = !1, n.value.canMove = !1, n.value.canDelete = !1, N(() => {
+      t.value.componentInstance = n;
+    }), e.expose(n.value);
+    const a = R("splitter"), {
+      useResizeHandleComposition: l
+    } = a, c = L(r, l), {
+      actualHeight: d,
+      actualWidth: f
+    } = c, u = S(r.position), h = w(() => {
+      const v = {
+        "f-splitter-pane": !0,
+        "f-splitter-pane-main": u.value === "center",
+        "has-resize-bar": r.resizable,
+        "f-component-splitter-pane": !0,
+        "drag-container": !0
+      };
+      return v["f-splitter-pane-" + u.value] = !0, I(v, r == null ? void 0 : r.customClass);
+    }), g = w(() => r.resizeHandle ? r.resizeHandle.split(",").filter((v) => ["e", "n", "s", "w"].find((p) => p === v)) : []), y = w(() => {
+      const v = {};
+      return (f.value && u.value === "left" || u.value === "right" || g.value.find((p) => p === "e") || g.value.find((p) => p === "w")) && (v.width = `${f.value}px`), (d.value && u.value === "bottom" || u.value === "top" || g.value.find((p) => p === "s") || g.value.find((p) => p === "n")) && (v.height = `${d.value}px`), H(v, r == null ? void 0 : r.customStyle);
+    }), z = w(() => ({
+      "no-drag": !0,
+      "f-splitter-resize-bar": !0,
+      "f-splitter-resize-bar-e": u.value === "left",
+      "f-splitter-resize-bar-n": u.value === "bottom",
+      "f-splitter-resize-bar-s": u.value === "top",
+      "f-splitter-resize-bar-w": u.value === "right"
+    }));
+    function V() {
+      return g.value.length > 0 ? g.value.map((v) => x("span", {
+        class: "f-splitter-resize-bar f-splitter-resize-bar-" + v
+      }, null)) : x("span", {
+        class: z.value
+      }, null);
+    }
+    return () => x("div", {
+      ref: t,
+      "data-dragref": `${s.schema.id}-container`,
+      class: h.value,
+      style: y.value
+    }, [e.slots.default && e.slots.default(), r.resizable && V()]);
   }
 });
-O.install = (e) => {
-  e.component(O.name, O), e.component(B.name, B);
+E.install = (r) => {
+  r.component(E.name, E), r.component(B.name, B);
+};
+E.register = (r, e, t, i) => {
+  r.splitter = E, e.splitter = W, r["splitter-pane"] = B, e["splitter-pane"] = D;
+};
+E.registerDesigner = (r, e, t) => {
+  r.splitter = Re, e.splitter = W, r["splitter-pane"] = Me, e["splitter-pane"] = D;
 };
 export {
-  O as FSplitter,
+  E as FSplitter,
   B as FSplitterPane,
-  O as default,
-  V as splitterPaneProps,
-  L as splitterProps
+  E as default,
+  O as splitterProps,
+  W as splitterPropsResolver
 };