@farris/ui-vue 1.2.9 → 1.3.0

package/components/splitter/index.esm.js

@@ -1,25 +1,25 @@
-import { ref as P, computed as S, defineComponent as M, provide as X, createVNode as T, inject as R, onMounted as Y } from "vue";
-import { cloneDeep as ee } from "lodash-es";
+import { ref as P, computed as S, defineComponent as M, provide as Y, createVNode as T, inject as R, onMounted as _ } from "vue";
+import { isPlainObject as x, cloneDeep as te } from "lodash-es";
 import "bignumber.js";
-const _ = {}, J = {};
+const J = {}, G = {};
 function L(t) {
-  const { properties: e, title: n, ignore: o } = t, r = o && Array.isArray(o), d = Object.keys(e).reduce((c, m) => ((!r || !o.find((j) => j == m)) && (c[m] = e[m].type === "object" && e[m].properties ? L(e[m]) : ee(e[m].default)), c), {});
+  const { properties: e, title: n, ignore: o } = t, r = o && Array.isArray(o), d = Object.keys(e).reduce((c, m) => ((!r || !o.find((j) => j == m)) && (c[m] = e[m].type === "object" && e[m].properties ? L(e[m]) : te(e[m].default)), c), {});
   return (!r || !o.find((c) => c == "id")) && (d.id = `${n}-${Date.now()}`), d;
 }
 function $(t, e = {}, n) {
-  const o = _[t];
+  const o = J[t];
   if (o) {
     let r = L(o);
-    const d = J[t];
+    const d = G[t];
     return r = d ? d({ getSchemaByType: $ }, r, e, n) : r, r;
   }
   return null;
 }
-function te(t, e) {
+function ne(t, e) {
   const n = L(e);
-  return Object.keys(t).reduce((o, r) => (o[r] && typeof o[r] == "object" ? Object.assign(o[r], t[r]) : o[r] = t[r], o), n), n;
+  return Object.keys(t).reduce((o, r) => (o[r] && x(o[r]) && x(t[r]) ? Object.assign(o[r], t[r]) : o[r] = t[r], o), n), n;
 }
-function ne(t, e) {
+function oe(t, e) {
   return Object.keys(t).filter((o) => t[o] != null).reduce((o, r) => {
     if (e.has(r)) {
       const d = e.get(r);
@@ -34,11 +34,11 @@ function ne(t, e) {
     return o;
   }, {});
 }
-function oe(t, e, n = /* @__PURE__ */ new Map()) {
-  const o = te(t, e);
-  return ne(o, n);
+function se(t, e, n = /* @__PURE__ */ new Map()) {
+  const o = ne(t, e);
+  return oe(o, n);
 }
-function se(t = {}) {
+function re(t = {}) {
   function e(p, i, l, u) {
     if (typeof l == "number")
       return u[p].length === l;
@@ -92,37 +92,37 @@ function se(t = {}) {
   }
   return { parseValueSchema: j };
 }
-const re = {}, ie = {};
-se();
-function G(t, e, n = /* @__PURE__ */ new Map(), o = (c, m, j) => m, r = {}, d = (c) => c) {
-  return _[e.title] = e, J[e.title] = o, re[e.title] = r, ie[e.title] = d, (c = {}) => {
-    const m = oe(c, e, n), j = Object.keys(t).reduce((p, i) => (p[i] = t[i].default, p), {});
+const ie = {}, ae = {};
+re();
+function Q(t, e, n = /* @__PURE__ */ new Map(), o = (c, m, j) => m, r = {}, d = (c) => c) {
+  return J[e.title] = e, G[e.title] = o, ie[e.title] = r, ae[e.title] = d, (c = {}) => {
+    const m = se(c, e, n), j = Object.keys(t).reduce((p, i) => (p[i] = t[i].default, p), {});
     return Object.assign(j, m);
   };
 }
-function Q(t, e) {
+function U(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const ae = /* @__PURE__ */ new Map([
-  ["appearance", Q]
+const ce = /* @__PURE__ */ new Map([
+  ["appearance", U]
 ]);
-function ce(t, e, n) {
+function le(t, e, n) {
   const o = t.getSchemaByType("splitter-pane");
   return o.appearance = {
     class: "f-col-w6 f-page-content-nav"
   }, o.position = "left", e.contents.unshift(o), e;
 }
-function le(t, e, n) {
+function pe(t, e, n) {
   const o = t.getSchemaByType("splitter-pane");
   return o.appearance = {
     class: "f-page-content-main"
   }, o.position = "main", e.contents.push(o), e;
 }
-function pe(t, e, n) {
+function ue(t, e, n) {
   const o = n.parentComponentInstance;
-  return String(o.schema.appearance.class || "").split(" ").includes("f-page-main") && (e.appearance = { class: "f-page-content" }), ce(t, e), le(t, e), e;
+  return String(o.schema.appearance.class || "").split(" ").includes("f-page-main") && (e.appearance = { class: "f-page-content" }), le(t, e), pe(t, e), e;
 }
-const ue = "https://json-schema.org/draft/2020-12/schema", fe = "https://farris-design.gitee.io/splitter.schema.json", de = "splitter", ye = "A Farris Container Component", be = "object", me = {
+const fe = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-design.gitee.io/splitter.schema.json", ye = "splitter", be = "A Farris Container Component", me = "object", he = {
   id: {
     description: "The unique identifier for a splitter",
     type: "string"
@@ -159,14 +159,14 @@ const ue = "https://json-schema.org/draft/2020-12/schema", fe = "https://farris-
       "row"
     ]
   }
-}, he = {
-  $schema: ue,
-  $id: fe,
-  title: de,
-  description: ye,
-  type: be,
-  properties: me
-}, ge = "splitter", ve = "A Farris Container Component", je = "object", Ce = {
+}, ge = {
+  $schema: fe,
+  $id: de,
+  title: ye,
+  description: be,
+  type: me,
+  properties: he
+}, ve = "splitter", je = "A Farris Container Component", Ce = "object", Pe = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -220,17 +220,17 @@ const ue = "https://json-schema.org/draft/2020-12/schema", fe = "https://farris-
       }
     }
   }
-}, Pe = {
-  title: ge,
-  description: ve,
-  type: je,
-  categories: Ce
+}, we = {
+  title: ve,
+  description: je,
+  type: Ce,
+  categories: Pe
 }, V = {
   customStyle: { type: String, default: "" },
   customClass: { type: String, default: "" },
   direction: { Type: String, default: "column" }
-}, x = G(V, he, ae, pe, Pe);
-function U(t) {
+}, q = Q(V, ge, ce, ue, we);
+function Z(t) {
   const e = P(-1), n = P(-1), o = P(0), r = P(0), d = P(!1), c = P(!1), m = S(() => ({
     display: d.value ? "block" : "none",
     left: `${o.value}px`
@@ -268,8 +268,8 @@ function U(t) {
     draggingVerticalResizeHandle: l
   };
 }
-const we = ["moz", "ms", "webkit"];
-function ze() {
+const ze = ["moz", "ms", "webkit"];
+function Oe() {
   let t = 0;
   return (e) => {
     const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - t)), r = setTimeout(() => {
@@ -278,15 +278,15 @@ function ze() {
     return t = n + o, r;
   };
 }
-function Oe() {
+function Ae() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const t = we.filter((e) => `${e}RequestAnimationFrame` in window)[0];
-  return t ? window[`${t}RequestAnimationFrame`] : ze();
+  const t = ze.filter((e) => `${e}RequestAnimationFrame` in window)[0];
+  return t ? window[`${t}RequestAnimationFrame`] : Oe();
 }
-Oe();
+Ae();
 function H(t, e) {
   return ((e == null ? void 0 : e.split(" ")) || []).reduce((o, r) => (r && (o[r] = !0), o), t), t;
 }
@@ -304,12 +304,12 @@ const N = /* @__PURE__ */ M({
   props: V,
   emits: [],
   setup(t, e) {
-    const n = P(), o = U(n), {
+    const n = P(), o = Z(n), {
       horizontalResizeHandleStyle: r,
       verticalResizeHandleStyle: d,
       resizeOverlayStyle: c
     } = o;
-    X("splitter", {
+    Y("splitter", {
       useResizeHandleComposition: o
     });
     const m = S(() => H({
@@ -335,9 +335,9 @@ const N = /* @__PURE__ */ M({
       style: d.value
     }, null)]);
   }
-}), Ae = /* @__PURE__ */ new Map([
-  ["appearance", Q]
-]), Se = "https://json-schema.org/draft/2020-12/schema", Te = "https://farris-design.gitee.io/splitter-pane.schema.json", Ee = "splitter-pane", $e = "A Farris Container Component", De = "object", Re = {
+}), Se = /* @__PURE__ */ new Map([
+  ["appearance", U]
+]), Te = "https://json-schema.org/draft/2020-12/schema", Ee = "https://farris-design.gitee.io/splitter-pane.schema.json", $e = "splitter-pane", De = "A Farris Container Component", Re = "object", Me = {
   id: {
     description: "The unique identifier for a splitter",
     type: "string"
@@ -413,14 +413,14 @@ const N = /* @__PURE__ */ M({
     type: "number",
     default: !0
   }
-}, Me = {
-  $schema: Se,
-  $id: Te,
-  title: Ee,
-  description: $e,
-  type: De,
-  properties: Re
-}, He = "splitter-pane", Be = "A Farris Container Component", Ne = "object", ke = {
+}, He = {
+  $schema: Te,
+  $id: Ee,
+  title: $e,
+  description: De,
+  type: Re,
+  properties: Me
+}, Be = "splitter-pane", Ne = "A Farris Container Component", ke = "object", Fe = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -516,11 +516,11 @@ const N = /* @__PURE__ */ M({
       }
     }
   }
-}, Fe = {
-  title: He,
-  description: Be,
-  type: Ne,
-  categories: ke
+}, Le = {
+  title: Be,
+  description: Ne,
+  type: ke,
+  categories: Fe
 }, W = {
   customClass: { type: String, defaut: "" },
   customStyle: { type: String, default: "" },
@@ -540,14 +540,14 @@ const N = /* @__PURE__ */ M({
   minWidth: { type: Number, default: 200 },
   /** 面板最小高度 */
   minHeight: { type: Number, default: 200 }
-}, q = G(
+}, X = Q(
   W,
-  Me,
-  Ae,
+  He,
+  Se,
   void 0,
-  Fe
+  Le
 );
-function Z(t, e) {
+function K(t, e) {
   const n = P(t.width), o = P(t.height), {
     horizontalResizeBarPosition: r,
     horizontalResizeHandleOffset: d,
@@ -596,7 +596,7 @@ const k = /* @__PURE__ */ M({
   setup(t, e) {
     const n = P(), o = R("splitter"), {
       useResizeHandleComposition: r
-    } = o, d = Z(t, r), {
+    } = o, d = K(t, r), {
       actualHeight: c,
       actualWidth: m,
       onClickSplitterHorizontalResizeBar: j,
@@ -632,7 +632,7 @@ const k = /* @__PURE__ */ M({
     }, null)]);
   }
 });
-function K(t, e, n) {
+function I(t, e, n) {
   var O;
   function o() {
     n != null && n.resolveComponentContext && n.resolveComponentContext();
@@ -686,8 +686,8 @@ function K(t, e, n) {
     D.parentComponentInstance = c.value;
     let E = $(z, D);
     n && n.onAcceptNewChildElement && (E = n.onAcceptNewChildElement(y, w, E));
-    const I = z.toLowerCase().replace("-", "_");
-    return E && !E.id && E.type === z && (E.id = `${I}_${Math.random().toString().slice(2, 6)}`), E;
+    const ee = z.toLowerCase().replace("-", "_");
+    return E && !E.id && E.type === z && (E.id = `${ee}_${Math.random().toString().slice(2, 6)}`), E;
   }
   function g(y) {
   }
@@ -721,7 +721,7 @@ function K(t, e, n) {
     triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || P(!1)
   }, c;
 }
-const Le = "https://json-schema.org/draft/2020-12/schema", Ve = "https://farris-design.gitee.io/dragging-rules.schema.json", We = "Dragging Rules", xe = "The rules of designer canvas", qe = "object", Xe = {
+const Ve = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-design.gitee.io/dragging-rules.schema.json", xe = "Dragging Rules", qe = "The rules of designer canvas", Xe = "object", Ye = {
   "f-page": {
     description: "The root class of page designed by farris.",
     type: "object",
@@ -1359,15 +1359,15 @@ const Le = "https://json-schema.org/draft/2020-12/schema", Ve = "https://farris-
     description: "",
     type: "object"
   }
-}, Ye = {
-  $schema: Le,
-  $id: Ve,
-  title: We,
-  description: xe,
-  type: qe,
-  properties: Xe
+}, _e = {
+  $schema: Ve,
+  $id: We,
+  title: xe,
+  description: qe,
+  type: Xe,
+  properties: Ye
 }, F = /* @__PURE__ */ new Map();
-function _e() {
+function Je() {
   function t(s, a, f, h) {
     var v;
     if (typeof f == "number")
@@ -1446,7 +1446,7 @@ function _e() {
     }
   }
   function u() {
-    const { properties: s } = Ye;
+    const { properties: s } = _e;
     Object.keys(s).forEach((a) => {
       l(a, s[a], F);
     });
@@ -1457,8 +1457,8 @@ function _e() {
   }
   return u(), { getRuleValue: b };
 }
-function Je(t, e) {
-  const n = _e();
+function Ge(t, e) {
+  const n = Je();
   let o, r = !1;
   function d() {
     return !1;
@@ -1496,20 +1496,20 @@ function Je(t, e) {
   }
   return { canAccepts: d, checkCanDeleteComponent: c, checkCanMoveComponent: m, resolveComponentContext: j, hideNestedPaddingInDesginerView: p };
 }
-const Ge = /* @__PURE__ */ M({
+const Qe = /* @__PURE__ */ M({
   name: "FSplitterDesign",
   props: V,
   emits: [],
   setup(t, e) {
     var u;
-    const n = P(), o = R("design-item-context"), r = Je(o.schema, (u = o.parent) == null ? void 0 : u.schema), d = K(n, o, r);
+    const n = P(), o = R("design-item-context"), r = Ge(o.schema, (u = o.parent) == null ? void 0 : u.schema), d = I(n, o, r);
     d.value.canNested = !1;
-    const c = U(n), {
+    const c = Z(n), {
       horizontalResizeHandleStyle: m,
       verticalResizeHandleStyle: j,
       resizeOverlayStyle: p
     } = c;
-    X("splitter", {
+    Y("splitter", {
       useResizeHandleComposition: c
     });
     const i = S(() => H({
@@ -1520,7 +1520,7 @@ const Ge = /* @__PURE__ */ M({
       };
       return B(b, t == null ? void 0 : t.customStyle);
     });
-    return Y(() => {
+    return _(() => {
       n.value.componentInstance = d;
     }), e.expose(d.value), () => T("div", {
       class: i.value,
@@ -1538,7 +1538,7 @@ const Ge = /* @__PURE__ */ M({
     }, null)]);
   }
 });
-function Qe() {
+function Ue() {
   function t(e) {
     var r, d;
     if (!e)
@@ -1558,10 +1558,10 @@ function Qe() {
     basalDragulaRuleForContainer: t
   };
 }
-function Ue(t, e) {
+function Ze(t, e) {
   function n(r) {
     var j;
-    if (!Qe().basalDragulaRuleForContainer(r))
+    if (!Ue().basalDragulaRuleForContainer(r))
       return !1;
     if (((((j = t.appearance) == null ? void 0 : j.class) || "").split(" ") || []).includes("f-page-content-nav")) {
       const p = t.contents && t.contents[0];
@@ -1591,19 +1591,19 @@ function Ue(t, e) {
   }
   return { canAccepts: n, onAcceptNewChildElement: o };
 }
-const Ze = /* @__PURE__ */ M({
+const Ke = /* @__PURE__ */ M({
   name: "FSplitterPaneDesign",
   props: W,
   emits: [],
   setup(t, e) {
     var s;
-    const n = P(), o = R("design-item-context"), r = Ue(o.schema, (s = o.parent) == null ? void 0 : s.schema), d = K(n, o, r);
-    d.value.styles = "padding:0;box-shadow:none;", d.value.canNested = !1, d.value.canMove = !1, d.value.canDelete = !1, Y(() => {
+    const n = P(), o = R("design-item-context"), r = Ze(o.schema, (s = o.parent) == null ? void 0 : s.schema), d = I(n, o, r);
+    d.value.styles = "padding:0;box-shadow:none;", d.value.canNested = !1, d.value.canMove = !1, d.value.canDelete = !1, _(() => {
       n.value.componentInstance = d;
     }), e.expose(d.value);
     const c = R("splitter"), {
       useResizeHandleComposition: m
-    } = c, j = Z(t, m), {
+    } = c, j = K(t, m), {
       actualHeight: p,
       actualWidth: i
     } = j, l = P(t.position), u = S(() => {
@@ -1627,21 +1627,21 @@ const Ze = /* @__PURE__ */ M({
       style: b.value
     }, [e.slots.default && e.slots.default()]);
   }
-}), tt = {
+}), nt = {
   install(t) {
     t.component(N.name, N), t.component(k.name, k);
   },
   register(t, e, n, o) {
-    t.splitter = N, e.splitter = x, t["splitter-pane"] = k, e["splitter-pane"] = q;
+    t.splitter = N, e.splitter = q, t["splitter-pane"] = k, e["splitter-pane"] = X;
   },
   registerDesigner(t, e, n) {
-    t.splitter = Ge, e.splitter = x, t["splitter-pane"] = Ze, e["splitter-pane"] = q;
+    t.splitter = Qe, e.splitter = q, t["splitter-pane"] = Ke, e["splitter-pane"] = X;
   }
 };
 export {
   N as FSplitter,
   k as FSplitterPane,
-  tt as default,
+  nt as default,
   V as splitterProps,
-  x as splitterPropsResolver
+  q as splitterPropsResolver
 };

package/components/splitter/index.umd.cjs

@@ -1 +1 @@
-(function(O,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("vue"),require("lodash-es"),require("bignumber.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js"],f):(O=typeof globalThis<"u"?globalThis:O||self,f(O.splitter={},O.Vue,O.LodashES))})(this,function(O,f,G){"use strict";const L={},W={};function B(t){const{properties:e,title:n,ignore:o}=t,r=o&&Array.isArray(o),y=Object.keys(e).reduce((c,h)=>((!r||!o.find(C=>C==h))&&(c[h]=e[h].type==="object"&&e[h].properties?B(e[h]):G.cloneDeep(e[h].default)),c),{});return(!r||!o.find(c=>c=="id"))&&(y.id=`${n}-${Date.now()}`),y}function T(t,e={},n){const o=L[t];if(o){let r=B(o);const y=W[t];return r=y?y({getSchemaByType:T},r,e,n):r,r}return null}function Q(t,e){const n=B(e);return Object.keys(t).reduce((o,r)=>(o[r]&&typeof o[r]=="object"?Object.assign(o[r],t[r]):o[r]=t[r],o),n),n}function U(t,e){return Object.keys(t).filter(o=>t[o]!=null).reduce((o,r)=>{if(e.has(r)){const y=e.get(r);if(typeof y=="string")o[y]=t[r];else{const c=y(r,t[r],t);Object.assign(o,c)}}else o[r]=t[r];return o},{})}function Z(t,e,n=new Map){const o=Q(t,e);return U(o,n)}function K(t={}){function e(p,i,l,u){if(typeof l=="number")return u[p].length===l;if(typeof l=="object"){const m=Object.keys(l)[0],s=l[m];if(m==="not")return Number(u[p].length)!==Number(s);if(m==="moreThan")return Number(u[p].length)>=Number(s);if(m==="lessThan")return Number(u[p].length)<=Number(s)}return!1}function n(p,i,l,u){return u[p]&&u[p].propertyValue&&String(u[p].propertyValue.value)===String(l)}const o=new Map([["length",e],["getProperty",n]]);Object.keys(t).reduce((p,i)=>(p.set(i,t[i]),p),o);function r(p,i){const l=p;return typeof i=="number"?[{target:l,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:l,operator:"getProperty",param:p,value:!!i}]:typeof i=="object"?Object.keys(i).map(u=>{if(u==="length")return{target:l,operator:"length",param:null,value:i[u]};const m=u,s=i[u];return{target:l,operator:"getProperty",param:m,value:s}}):[]}function y(p){return Object.keys(p).reduce((l,u)=>{const m=r(u,p[u]);return l.push(...m),l},[])}function c(p,i){if(o.has(p.operator)){const l=o.get(p.operator);return l&&l(p.target,p.param,p.value,i)||!1}return!1}function h(p,i){return y(p).reduce((m,s)=>m&&c(s,i),!0)}function C(p,i){const l=Object.keys(p),u=l.includes("allOf"),m=l.includes("anyOf"),s=u||m,g=(s?p[s?u?"allOf":"anyOf":"allOf"]:[p]).map(j=>h(j,i));return u?!g.includes(!1):g.includes(!0)}return{parseValueSchema:C}}const I={},ee={};K();function q(t,e,n=new Map,o=(c,h,C)=>h,r={},y=c=>c){return L[e.title]=e,W[e.title]=o,I[e.title]=r,ee[e.title]=y,(c={})=>{const h=Z(c,e,n),C=Object.keys(t).reduce((p,i)=>(p[i]=t[i].default,p),{});return Object.assign(C,h)}}function x(t,e){return{customClass:e.class,customStyle:e.style}}const te=new Map([["appearance",x]]);function ne(t,e,n){const o=t.getSchemaByType("splitter-pane");return o.appearance={class:"f-col-w6 f-page-content-nav"},o.position="left",e.contents.unshift(o),e}function oe(t,e,n){const o=t.getSchemaByType("splitter-pane");return o.appearance={class:"f-page-content-main"},o.position="main",e.contents.push(o),e}function se(t,e,n){const o=n.parentComponentInstance;return String(o.schema.appearance.class||"").split(" ").includes("f-page-main")&&(e.appearance={class:"f-page-content"}),ne(t,e),oe(t,e),e}const re={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/splitter.schema.json",title:"splitter",description:"A Farris Container Component",type:"object",properties:{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:"column",enum:["column","row"]}}},ie={title:"splitter",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"splitter",value:"分栏面板"}]}}}},appearance:{description:"",title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"}}}}},E={customStyle:{type:String,default:""},customClass:{type:String,default:""},direction:{Type:String,default:"column"}},V=q(E,re,te,se,ie);function _(t){const e=f.ref(-1),n=f.ref(-1),o=f.ref(0),r=f.ref(0),y=f.ref(!1),c=f.ref(!1),h=f.computed(()=>({display:y.value?"block":"none",left:`${o.value}px`})),C=f.computed(()=>({display:c.value?"block":"none",top:`${r.value}px`})),p=f.computed(()=>({display:c.value||y.value?"block":"none"}));function i(u){const m=t.value;if(m){const{left:s}=m.getBoundingClientRect();o.value=u.clientX-s}}function l(u){const m=t.value;if(m){const{top:s}=m.getBoundingClientRect();r.value=u.clientY-s}}return{horizontalResizeHandleStyle:h,verticalResizeHandleStyle:C,resizeOverlayStyle:p,showHorizontalResizeHandle:y,showVerticalResizeHandle:c,horizontalResizeBarPosition:e,verticalResizeBarPosition:n,verticalResizeHandleOffset:r,horizontalResizeHandleOffset:o,draggingHorizontalResizeHandle:i,draggingVerticalResizeHandle:l}}const ae=["moz","ms","webkit"];function ce(){let t=0;return e=>{const n=new Date().getTime(),o=Math.max(0,16-(n-t)),r=setTimeout(()=>{e(n+o)},o);return t=n+o,r}}function le(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const t=ae.filter(e=>`${e}RequestAnimationFrame`in window)[0];return t?window[`${t}RequestAnimationFrame`]:ce()}le();function N(t,e){return((e==null?void 0:e.split(" "))||[]).reduce((o,r)=>(r&&(o[r]=!0),o),t),t}function D(t,e){return((e==null?void 0:e.split(";"))||[]).reduce((o,r)=>{if(r){const y=r.split(":");o[y[0]]=y[1]}return o},t),t}const R=f.defineComponent({name:"FSplitter",props:E,emits:[],setup(t,e){const n=f.ref(),o=_(n),{horizontalResizeHandleStyle:r,verticalResizeHandleStyle:y,resizeOverlayStyle:c}=o;f.provide("splitter",{useResizeHandleComposition:o});const h=f.computed(()=>N({"f-splitter":!0},t==null?void 0:t.customClass)),C=f.computed(()=>{const p={"flex-direction":t.direction==="row"?"column":"row"};return D(p,t==null?void 0:t.customStyle)});return()=>f.createVNode("div",{class:h.value,ref:n,style:C.value},[e.slots.default&&e.slots.default(),f.createVNode("div",{class:"f-splitter-resize-overlay",style:c.value},null),f.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:r.value},null),f.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:y.value},null)])}}),pe=new Map([["appearance",x]]),ue={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/splitter-pane.schema.json",title:"splitter-pane",description:"A Farris Container Component",type:"object",properties:{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:[]},"min-height":{description:"",type:"number"},"min-width":{description:"",type:"number"},position:{description:"",type:"string",default:"left",enum:["left","center","right","top","bottom"]},resizeable:{description:"",type:"boolean",default:!0},visible:{description:"",type:"number",default:!0}}},fe={title:"splitter-pane",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"Splitter",enum:[]}}}},appearance:{description:"",title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},width:{description:"组件的宽度",title:"宽度（px）",type:"number"},height:{description:"组件的高度",title:"高度（px）",type:"number"},"min-width":{description:"面板最小宽度",title:"最小宽度（px）",type:"number"},"min-height":{description:"面板最小高度",title:"最小高度（px）",type:"number"}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"},position:{description:"",title:"位置",editor:{type:"combo-list",data:[{value:"left",name:"左侧"},{value:"center",name:"居中"},{value:"right",name:"右侧"},{value:"top",name:"顶部"},{value:"bottom",name:"底部"}]}}}}}},k={customClass:{type:String,defaut:""},customStyle:{type:String,default:""},width:{type:Number},height:{type:Number},position:{type:String,default:"left"},visible:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:200},minHeight:{type:Number,default:200}},X=q(k,ue,pe,void 0,fe);function Y(t,e){const n=f.ref(t.width),o=f.ref(t.height),{horizontalResizeBarPosition:r,horizontalResizeHandleOffset:y,showHorizontalResizeHandle:c,showVerticalResizeHandle:h,verticalResizeBarPosition:C,verticalResizeHandleOffset:p,draggingHorizontalResizeHandle:i,draggingVerticalResizeHandle:l}=e;let u="",m,s;function a(v){if((u==="left"||u==="right")&&s){const{left:j}=s.getBoundingClientRect(),{width:P}=m.getBoundingClientRect(),z=v.clientX-j,b=u==="left"?(P||0)+(z-r.value):(P||0)-(z-r.value);n.value=t.minWidth>0?Math.max(t.minWidth,b):b}if((u==="top"||u==="bottom")&&s){const{top:j}=s.getBoundingClientRect(),{height:P}=m.getBoundingClientRect(),z=v.clientY-j,b=u==="top"?(P||0)+(z-C.value):(P||0)-(z-C.value);o.value=t.minHeight>0?Math.max(t.minHeight,b):b}y.value=0,p.value=0,r.value=-1,C.value=-1,c.value=!1,h.value=!1,document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",a),document.body.style.userSelect="",u="",m=null,s=null}function d(v,j,P){if(u=j,m=P,c.value=!0,s=v.composedPath().find(b=>b.className.split(" ")[0]==="f-splitter"),s){const{left:b}=s.getBoundingClientRect();y.value=v.clientX-b,r.value=v.clientX-b,document.addEventListener("mousemove",i),document.addEventListener("mouseup",a),document.body.style.userSelect="none"}}function g(v,j,P){if(u=j,m=P,h.value=!0,s=v.composedPath().find(b=>b.className.split(" ")[0]==="f-splitter"),s){const{top:b}=s.getBoundingClientRect();p.value=v.clientY-b,C.value=v.clientY-b,document.addEventListener("mousemove",l),document.addEventListener("mouseup",a),document.body.style.userSelect="none"}}return{actualWidth:n,actualHeight:o,onClickSplitterHorizontalResizeBar:d,onClickSplitterVerticalResizeBar:g}}const M=f.defineComponent({name:"FSplitterPane",props:k,emits:[],setup(t,e){const n=f.ref(),o=f.inject("splitter"),{useResizeHandleComposition:r}=o,y=Y(t,r),{actualHeight:c,actualWidth:h,onClickSplitterHorizontalResizeBar:C,onClickSplitterVerticalResizeBar:p}=y,i=f.ref(t.position),l=f.computed(()=>{const a={"f-splitter-pane":!0,"f-splitter-pane-column":i.value==="left"||i.value==="right","f-splitter-pane-row":i.value==="bottom"||i.value==="top","f-splitter-pane-main":i.value==="center"};return N(a,t==null?void 0:t.customClass)}),u=f.computed(()=>{const a={};return(h.value&&i.value==="left"||i.value==="right")&&(a.width=`${h.value}px`),(c.value&&i.value==="bottom"||i.value==="top")&&(a.height=`${c.value}px`),D(a,t==null?void 0:t.customStyle)}),m=f.computed(()=>({"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"}));function s(a,d){(d==="left"||d==="right")&&C(a,d,n.value),(d==="top"||d==="bottom")&&p(a,d,n.value)}return()=>f.createVNode("div",{ref:n,class:l.value,style:u.value},[e.slots.default&&e.slots.default(),f.createVNode("span",{class:m.value,onMousedown:a=>s(a,i.value)},null)])}});function J(t,e,n){var z;function o(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}o();const r=n&&n.getStyles&&n.getStyles()||"",y=n&&n.getDesignerClass&&n.getDesignerClass()||"",c=f.ref();function h(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function C(){return!1}function p(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function i(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function l(b){if(!b||!b.value)return null;if(b.value.schema&&b.value.schema.type==="component")return b.value;const w=f.ref(b==null?void 0:b.value.parent),$=l(w);return $||null}function u(b=e){const{componentInstance:w,designerItemElementRef:$}=b;return!w||!w.value?null:w.value.canMove?$:u(b.parent)}function m(b){return!!n&&n.canAccepts(b)}function s(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function a(){}function d(b,w){w&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(w)}function g(b,w){const{componentType:$}=b;let S=T($,b,w);n&&n.onResolveNewComponentSchema&&(S=n.onResolveNewComponentSchema(b,S));const H=$.toLowerCase().replace("-","_");return S&&!S.id&&S.type===$&&(S.id=`${H}_${Math.random().toString().slice(2,6)}`),S}function v(b,w){const $=String(b.getAttribute("data-controltype")),S=b.getAttribute("data-feature"),H=S?JSON.parse(S):{};H.parentComponentInstance=c.value;let A=T($,H);n&&n.onAcceptNewChildElement&&(A=n.onAcceptNewChildElement(b,w,A));const Ce=$.toLowerCase().replace("-","_");return A&&!A.id&&A.type===$&&(A.id=`${Ce}_${Math.random().toString().slice(2,6)}`),A}function j(b){}function P(...b){if(n&&n.getPropsConfig)return n.getPropsConfig(...b)}return c.value={canMove:h(),canSelectParent:C(),canDelete:p(),canNested:!i(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(z=e==null?void 0:e.parent)==null?void 0:z.componentInstance,schema:e==null?void 0:e.schema,styles:r,designerClass:y,canAccepts:m,getBelongedComponentInstance:l,getDraggableDesignItemElement:u,getDraggingDisplayText:s,getPropConfig:P,getDragScopeElement:a,onAcceptMovedChildElement:d,onAcceptNewChildElement:v,onChildElementMovedOut:j,addNewChildComponentSchema:g,updateDragAndDropRules:o,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||f.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||f.ref(!1)},c}const de={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dragging-rules.schema.json",title:"Dragging Rules",description:"The rules of designer canvas",type:"object",properties:{"f-page":{description:"The root class of page designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-page-header":{description:"The class of page header designed by farris.",type:"string"},"f-page-main":{description:"The class of page body designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-like-card":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-form":{description:"The class of form component which has a hierarchical structure of component -> section -> respnse-form.",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{contents:{type:"object",properties:{"f-form-layout":{description:"The class of reponse form",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}},"f-struct-wrapper":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-tabs":{description:"The class of section which has wrapped sub-grid tabs.",type:"object",properties:{contents:{type:"object",properties:{"f-tabs-in-card":{description:"The class of tabs which contains sub-grid.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-card":{description:"The class of sub-grid component",type:"object",properties:{contents:{type:"object",properties:{"f-grid-is-sub":{description:"The class of sub-grid",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-in-main":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"object",const:{allOf:[{sibling:0,parent:{"f-page-main":!0}}]}}}}}},"f-struct-data-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"object",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-main-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav-extend":{description:"",type:"object"},"f-section-in-nav":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}}}},"f-page-content-main":{description:"",type:"object",properties:{}}}}}},"f-page-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-list-nav":{description:"",type:"object"},"f-list-nav-left":{description:"",type:"object"},"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}},"f-page-content-main":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"object",const:{anyOf:[{children:0},{children:{length:{not:1},"f-struct-like-card":!0}},{children:{"scroll-spy":!1,"f-page-content":!1,"f-struct-like-card":!1}}]}},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-footer":{description:"The class of page footer designed by farris.",type:"string"}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-is-managelist":{description:"The root class of mangement list page.",type:"string"},"f-page-card":{description:"",type:"object"},"f-page-is-mainsubcard":{description:"",type:"object"}}},F=new Map;function ye(){function t(s,a,d,g){var v;if(typeof d=="number")return((v=g[s])==null?void 0:v.length)===d;if(typeof d=="object"){const j=Object.keys(d)[0],P=d[j];if(j==="not")return Number(g[s].length)!==Number(P);if(j==="moreThan")return Number(g[s].length)>=Number(P);if(j==="lessThan")return Number(g[s].length)<=Number(P)}return!1}function e(s,a,d,g){return typeof d=="boolean"?g.childrenClassList.includes(a)===!!d:!1}function n(s,a,d,g){return typeof d=="boolean"?g.parentClassList.includes(a)===!!d:!1}function o(s,a,d,g){return typeof d=="boolean"?g.parentClassList.includes(a)===!!d:!1}const r=new Map([["length",t],["hasChildren",e],["hasSibling",o],["hasParent",n]]);function y(s,a){const d=s;return typeof a=="number"?[{target:d,operator:"length",param:null,value:Number(a)}]:typeof a=="object"?Object.keys(a).map(g=>{if(g==="length")return{target:d,operator:"length",param:null,value:a[g]};const v=g,j=a[g];return{target:d,operator:s==="children"?"hasChildren":s==="parent"?"hasParent":"hasSibling",param:v,value:j}}):[]}function c(s,a){if(r.has(s.operator)){const d=r.get(s.operator);return d&&d(s.target,s.param,s.value,a)||!1}return!1}function h(s,a){return Object.keys(s).reduce((j,P)=>{const z=y(P,s[P]);return j.push(...z),j},[]).reduce((j,P)=>j&&c(P,a),!0)}function C(s,a){const d=Object.keys(s),g=d.includes("allOf"),v=d.includes("anyOf"),j=g||v,b=(j?s[j?g?"allOf":"anyOf":"allOf"]:[s]).map($=>h($,a));return g?!b.includes(!1):b.includes(!0)}function p(s,a){const d=s.const;return d?typeof d=="boolean"?d:typeof d=="object"?C(d,a):!1:!1}function i(s){return a=>{const d={canAccept:!0,fixed:!1,hidePadding:!1};return s&&s.properties&&Object.keys(s.properties).reduce((g,v)=>{const j=s.properties[v];return g[v]=p(j,a),g},d),d}}function l(s,a,d){if(a.type==="object"&&a.properties){const{rules:g,contents:v}=a.properties;d.set(s,i(g)),v&&Object.keys(v.properties).forEach(j=>l(j,v.properties[j],d))}}function u(){const{properties:s}=de;Object.keys(s).forEach(a=>{l(a,s[a],F)})}function m(s,a){const d={canAccept:!0,fixed:!1,hidePadding:!0};return F.has(s)?F.get(s)(a):d}return u(),{getRuleValue:m}}function be(t,e){const n=ye();let o,r=!1;function y(){return!1}function c(){return!r}function h(){return!r}function C(){r=!1;const i=t,l=i.appearance&&i.appearance.class||"",u=l.split(" "),m=i.contents||[],s=m.length?m[0]:null,a=s&&s.appearance?s.appearance.class:"",d=a?a.split(" "):[],g=m.length?m.reduce((b,w)=>{const $=w&&w.appearance?w.appearance.class:"",S=$?$.split(" "):[];return b.push(...S),b},[]):[],v=e,j=v&&v.appearance&&v.appearance.class||"",P=j?j.split(" "):[];o={componentClass:l,componentClassList:u,childContents:m,firstChildContent:s,firstChildClass:a,firstChildClassList:d,parent:v,parentClass:j,parentClassList:P,children:m,childrenClassList:g};const{fixed:z}=n.getRuleValue(u[0],o);return r=z,!0}function p(){return!0}return{canAccepts:y,checkCanDeleteComponent:c,checkCanMoveComponent:h,resolveComponentContext:C,hideNestedPaddingInDesginerView:p}}const me=f.defineComponent({name:"FSplitterDesign",props:E,emits:[],setup(t,e){var u;const n=f.ref(),o=f.inject("design-item-context"),r=be(o.schema,(u=o.parent)==null?void 0:u.schema),y=J(n,o,r);y.value.canNested=!1;const c=_(n),{horizontalResizeHandleStyle:h,verticalResizeHandleStyle:C,resizeOverlayStyle:p}=c;f.provide("splitter",{useResizeHandleComposition:c});const i=f.computed(()=>N({"f-splitter":!0},t==null?void 0:t.customClass)),l=f.computed(()=>{const m={"flex-direction":t.direction==="row"?"column":"row"};return D(m,t==null?void 0:t.customStyle)});return f.onMounted(()=>{n.value.componentInstance=y}),e.expose(y.value),()=>f.createVNode("div",{class:i.value,ref:n,style:l.value},[e.slots.default&&e.slots.default(),f.createVNode("div",{class:"f-splitter-resize-overlay",style:p.value},null),f.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:h.value},null),f.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:C.value},null)])}});function he(){function t(e){var r,y;if(!e)return!1;const n=((r=e.targetContainer)==null?void 0:r.componentInstance)&&e.targetContainer.componentInstance.value;if(!n)return!1;const o=(y=n.schema.appearance)==null?void 0:y.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const c=n.schema.type,h=(c==="response-form"||c==="content-container")&&o&&o.includes("farris-form");if(n.schema.type!=="response-layout-item"&&!h)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:t}}function ge(t,e){function n(r){var C;if(!he().basalDragulaRuleForContainer(r))return!1;if(((((C=t.appearance)==null?void 0:C.class)||"").split(" ")||[]).includes("f-page-content-nav")){const p=t.contents&&t.contents[0];return!(p&&p.type==="component")}return!0}function o(r,y,c){const h=t,p=(h.appearance&&h.appearance.class||"").split(" ");if(h.position==="main"&&p.includes("f-page-content-main")){if(c.type==="tabs"){const i=c.appearance&&c.appearance.class?String(c.appearance.class).split(" "):[];i.unshift("f-tabs-in-card"),c.appearance={class:i.join(" ")};const l=T("section");l.id=`${c.id}-section`,l.appearance={class:"f-section-tabs f-section-in-mainsubcard"},l.contents=[c];const u=T("content-container");return u.id=`${c.id}-struct-wrapper`,u.appearance={class:"f-struct-wrapper"},u.contents=[l],u}if(c.type==="section"){const i=c.appearance&&c.appearance.class?String(c.appearance.class).split(" "):[];i.unshift("f-section-in-main"),c.appearance={class:i.join(" ")},c.title=String(r.innerText);const l=T("content-container");return l.id=`${c.id}-struct-wrapper`,l.appearance={class:"f-struct-wrapper"},l.contents=[c],l}}return c}return{canAccepts:n,onAcceptNewChildElement:o}}const je=f.defineComponent({name:"FSplitterPaneDesign",props:k,emits:[],setup(t,e){var s;const n=f.ref(),o=f.inject("design-item-context"),r=ge(o.schema,(s=o.parent)==null?void 0:s.schema),y=J(n,o,r);y.value.styles="padding:0;box-shadow:none;",y.value.canNested=!1,y.value.canMove=!1,y.value.canDelete=!1,f.onMounted(()=>{n.value.componentInstance=y}),e.expose(y.value);const c=f.inject("splitter"),{useResizeHandleComposition:h}=c,C=Y(t,h),{actualHeight:p,actualWidth:i}=C,l=f.ref(t.position),u=f.computed(()=>{const a={"f-splitter-pane":!0,"f-splitter-pane-column":l.value==="left"||l.value==="right","f-splitter-pane-row":l.value==="bottom"||l.value==="top","f-splitter-pane-main":l.value==="center","f-component-splitter-pane":!0,"drag-container":!0};return N(a,t==null?void 0:t.customClass)}),m=f.computed(()=>{const a={};return(i.value&&l.value==="left"||l.value==="right")&&(a.width=`${i.value}px`),(p.value&&l.value==="bottom"||l.value==="top")&&(a.height=`${p.value}px`),D(a,t==null?void 0:t.customStyle)});return()=>f.createVNode("div",{ref:n,"data-dragref":`${o.schema.id}-container`,class:u.value,style:m.value},[e.slots.default&&e.slots.default()])}}),ve={install(t){t.component(R.name,R),t.component(M.name,M)},register(t,e,n,o){t.splitter=R,e.splitter=V,t["splitter-pane"]=M,e["splitter-pane"]=X},registerDesigner(t,e,n){t.splitter=me,e.splitter=V,t["splitter-pane"]=je,e["splitter-pane"]=X}};O.FSplitter=R,O.FSplitterPane=M,O.default=ve,O.splitterProps=E,O.splitterPropsResolver=V,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(O,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("vue"),require("lodash-es"),require("bignumber.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js"],f):(O=typeof globalThis<"u"?globalThis:O||self,f(O.splitter={},O.Vue,O.LodashES))})(this,function(O,f,B){"use strict";const W={},q={};function V(t){const{properties:e,title:n,ignore:o}=t,s=o&&Array.isArray(o),y=Object.keys(e).reduce((c,h)=>((!s||!o.find(C=>C==h))&&(c[h]=e[h].type==="object"&&e[h].properties?V(e[h]):B.cloneDeep(e[h].default)),c),{});return(!s||!o.find(c=>c=="id"))&&(y.id=`${n}-${Date.now()}`),y}function T(t,e={},n){const o=W[t];if(o){let s=V(o);const y=q[t];return s=y?y({getSchemaByType:T},s,e,n):s,s}return null}function Q(t,e){const n=V(e);return Object.keys(t).reduce((o,s)=>(o[s]&&B.isPlainObject(o[s])&&B.isPlainObject(t[s])?Object.assign(o[s],t[s]):o[s]=t[s],o),n),n}function U(t,e){return Object.keys(t).filter(o=>t[o]!=null).reduce((o,s)=>{if(e.has(s)){const y=e.get(s);if(typeof y=="string")o[y]=t[s];else{const c=y(s,t[s],t);Object.assign(o,c)}}else o[s]=t[s];return o},{})}function Z(t,e,n=new Map){const o=Q(t,e);return U(o,n)}function K(t={}){function e(p,i,l,u){if(typeof l=="number")return u[p].length===l;if(typeof l=="object"){const m=Object.keys(l)[0],r=l[m];if(m==="not")return Number(u[p].length)!==Number(r);if(m==="moreThan")return Number(u[p].length)>=Number(r);if(m==="lessThan")return Number(u[p].length)<=Number(r)}return!1}function n(p,i,l,u){return u[p]&&u[p].propertyValue&&String(u[p].propertyValue.value)===String(l)}const o=new Map([["length",e],["getProperty",n]]);Object.keys(t).reduce((p,i)=>(p.set(i,t[i]),p),o);function s(p,i){const l=p;return typeof i=="number"?[{target:l,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:l,operator:"getProperty",param:p,value:!!i}]:typeof i=="object"?Object.keys(i).map(u=>{if(u==="length")return{target:l,operator:"length",param:null,value:i[u]};const m=u,r=i[u];return{target:l,operator:"getProperty",param:m,value:r}}):[]}function y(p){return Object.keys(p).reduce((l,u)=>{const m=s(u,p[u]);return l.push(...m),l},[])}function c(p,i){if(o.has(p.operator)){const l=o.get(p.operator);return l&&l(p.target,p.param,p.value,i)||!1}return!1}function h(p,i){return y(p).reduce((m,r)=>m&&c(r,i),!0)}function C(p,i){const l=Object.keys(p),u=l.includes("allOf"),m=l.includes("anyOf"),r=u||m,g=(r?p[r?u?"allOf":"anyOf":"allOf"]:[p]).map(j=>h(j,i));return u?!g.includes(!1):g.includes(!0)}return{parseValueSchema:C}}const I={},ee={};K();function x(t,e,n=new Map,o=(c,h,C)=>h,s={},y=c=>c){return W[e.title]=e,q[e.title]=o,I[e.title]=s,ee[e.title]=y,(c={})=>{const h=Z(c,e,n),C=Object.keys(t).reduce((p,i)=>(p[i]=t[i].default,p),{});return Object.assign(C,h)}}function _(t,e){return{customClass:e.class,customStyle:e.style}}const te=new Map([["appearance",_]]);function ne(t,e,n){const o=t.getSchemaByType("splitter-pane");return o.appearance={class:"f-col-w6 f-page-content-nav"},o.position="left",e.contents.unshift(o),e}function oe(t,e,n){const o=t.getSchemaByType("splitter-pane");return o.appearance={class:"f-page-content-main"},o.position="main",e.contents.push(o),e}function re(t,e,n){const o=n.parentComponentInstance;return String(o.schema.appearance.class||"").split(" ").includes("f-page-main")&&(e.appearance={class:"f-page-content"}),ne(t,e),oe(t,e),e}const se={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/splitter.schema.json",title:"splitter",description:"A Farris Container Component",type:"object",properties:{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:"column",enum:["column","row"]}}},ie={title:"splitter",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"splitter",value:"分栏面板"}]}}}},appearance:{description:"",title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"}}}}},N={customStyle:{type:String,default:""},customClass:{type:String,default:""},direction:{Type:String,default:"column"}},k=x(N,se,te,re,ie);function X(t){const e=f.ref(-1),n=f.ref(-1),o=f.ref(0),s=f.ref(0),y=f.ref(!1),c=f.ref(!1),h=f.computed(()=>({display:y.value?"block":"none",left:`${o.value}px`})),C=f.computed(()=>({display:c.value?"block":"none",top:`${s.value}px`})),p=f.computed(()=>({display:c.value||y.value?"block":"none"}));function i(u){const m=t.value;if(m){const{left:r}=m.getBoundingClientRect();o.value=u.clientX-r}}function l(u){const m=t.value;if(m){const{top:r}=m.getBoundingClientRect();s.value=u.clientY-r}}return{horizontalResizeHandleStyle:h,verticalResizeHandleStyle:C,resizeOverlayStyle:p,showHorizontalResizeHandle:y,showVerticalResizeHandle:c,horizontalResizeBarPosition:e,verticalResizeBarPosition:n,verticalResizeHandleOffset:s,horizontalResizeHandleOffset:o,draggingHorizontalResizeHandle:i,draggingVerticalResizeHandle:l}}const ae=["moz","ms","webkit"];function ce(){let t=0;return e=>{const n=new Date().getTime(),o=Math.max(0,16-(n-t)),s=setTimeout(()=>{e(n+o)},o);return t=n+o,s}}function le(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const t=ae.filter(e=>`${e}RequestAnimationFrame`in window)[0];return t?window[`${t}RequestAnimationFrame`]:ce()}le();function E(t,e){return((e==null?void 0:e.split(" "))||[]).reduce((o,s)=>(s&&(o[s]=!0),o),t),t}function D(t,e){return((e==null?void 0:e.split(";"))||[]).reduce((o,s)=>{if(s){const y=s.split(":");o[y[0]]=y[1]}return o},t),t}const R=f.defineComponent({name:"FSplitter",props:N,emits:[],setup(t,e){const n=f.ref(),o=X(n),{horizontalResizeHandleStyle:s,verticalResizeHandleStyle:y,resizeOverlayStyle:c}=o;f.provide("splitter",{useResizeHandleComposition:o});const h=f.computed(()=>E({"f-splitter":!0},t==null?void 0:t.customClass)),C=f.computed(()=>{const p={"flex-direction":t.direction==="row"?"column":"row"};return D(p,t==null?void 0:t.customStyle)});return()=>f.createVNode("div",{class:h.value,ref:n,style:C.value},[e.slots.default&&e.slots.default(),f.createVNode("div",{class:"f-splitter-resize-overlay",style:c.value},null),f.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:s.value},null),f.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:y.value},null)])}}),pe=new Map([["appearance",_]]),ue={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/splitter-pane.schema.json",title:"splitter-pane",description:"A Farris Container Component",type:"object",properties:{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:[]},"min-height":{description:"",type:"number"},"min-width":{description:"",type:"number"},position:{description:"",type:"string",default:"left",enum:["left","center","right","top","bottom"]},resizeable:{description:"",type:"boolean",default:!0},visible:{description:"",type:"number",default:!0}}},fe={title:"splitter-pane",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"Splitter",enum:[]}}}},appearance:{description:"",title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"},width:{description:"组件的宽度",title:"宽度（px）",type:"number"},height:{description:"组件的高度",title:"高度（px）",type:"number"},"min-width":{description:"面板最小宽度",title:"最小宽度（px）",type:"number"},"min-height":{description:"面板最小高度",title:"最小高度（px）",type:"number"}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"},position:{description:"",title:"位置",editor:{type:"combo-list",data:[{value:"left",name:"左侧"},{value:"center",name:"居中"},{value:"right",name:"右侧"},{value:"top",name:"顶部"},{value:"bottom",name:"底部"}]}}}}}},F={customClass:{type:String,defaut:""},customStyle:{type:String,default:""},width:{type:Number},height:{type:Number},position:{type:String,default:"left"},visible:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},collapsable:{type:Boolean,default:!1},minWidth:{type:Number,default:200},minHeight:{type:Number,default:200}},Y=x(F,ue,pe,void 0,fe);function J(t,e){const n=f.ref(t.width),o=f.ref(t.height),{horizontalResizeBarPosition:s,horizontalResizeHandleOffset:y,showHorizontalResizeHandle:c,showVerticalResizeHandle:h,verticalResizeBarPosition:C,verticalResizeHandleOffset:p,draggingHorizontalResizeHandle:i,draggingVerticalResizeHandle:l}=e;let u="",m,r;function a(v){if((u==="left"||u==="right")&&r){const{left:j}=r.getBoundingClientRect(),{width:P}=m.getBoundingClientRect(),z=v.clientX-j,b=u==="left"?(P||0)+(z-s.value):(P||0)-(z-s.value);n.value=t.minWidth>0?Math.max(t.minWidth,b):b}if((u==="top"||u==="bottom")&&r){const{top:j}=r.getBoundingClientRect(),{height:P}=m.getBoundingClientRect(),z=v.clientY-j,b=u==="top"?(P||0)+(z-C.value):(P||0)-(z-C.value);o.value=t.minHeight>0?Math.max(t.minHeight,b):b}y.value=0,p.value=0,s.value=-1,C.value=-1,c.value=!1,h.value=!1,document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",a),document.body.style.userSelect="",u="",m=null,r=null}function d(v,j,P){if(u=j,m=P,c.value=!0,r=v.composedPath().find(b=>b.className.split(" ")[0]==="f-splitter"),r){const{left:b}=r.getBoundingClientRect();y.value=v.clientX-b,s.value=v.clientX-b,document.addEventListener("mousemove",i),document.addEventListener("mouseup",a),document.body.style.userSelect="none"}}function g(v,j,P){if(u=j,m=P,h.value=!0,r=v.composedPath().find(b=>b.className.split(" ")[0]==="f-splitter"),r){const{top:b}=r.getBoundingClientRect();p.value=v.clientY-b,C.value=v.clientY-b,document.addEventListener("mousemove",l),document.addEventListener("mouseup",a),document.body.style.userSelect="none"}}return{actualWidth:n,actualHeight:o,onClickSplitterHorizontalResizeBar:d,onClickSplitterVerticalResizeBar:g}}const M=f.defineComponent({name:"FSplitterPane",props:F,emits:[],setup(t,e){const n=f.ref(),o=f.inject("splitter"),{useResizeHandleComposition:s}=o,y=J(t,s),{actualHeight:c,actualWidth:h,onClickSplitterHorizontalResizeBar:C,onClickSplitterVerticalResizeBar:p}=y,i=f.ref(t.position),l=f.computed(()=>{const a={"f-splitter-pane":!0,"f-splitter-pane-column":i.value==="left"||i.value==="right","f-splitter-pane-row":i.value==="bottom"||i.value==="top","f-splitter-pane-main":i.value==="center"};return E(a,t==null?void 0:t.customClass)}),u=f.computed(()=>{const a={};return(h.value&&i.value==="left"||i.value==="right")&&(a.width=`${h.value}px`),(c.value&&i.value==="bottom"||i.value==="top")&&(a.height=`${c.value}px`),D(a,t==null?void 0:t.customStyle)}),m=f.computed(()=>({"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"}));function r(a,d){(d==="left"||d==="right")&&C(a,d,n.value),(d==="top"||d==="bottom")&&p(a,d,n.value)}return()=>f.createVNode("div",{ref:n,class:l.value,style:u.value},[e.slots.default&&e.slots.default(),f.createVNode("span",{class:m.value,onMousedown:a=>r(a,i.value)},null)])}});function G(t,e,n){var z;function o(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}o();const s=n&&n.getStyles&&n.getStyles()||"",y=n&&n.getDesignerClass&&n.getDesignerClass()||"",c=f.ref();function h(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function C(){return!1}function p(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function i(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function l(b){if(!b||!b.value)return null;if(b.value.schema&&b.value.schema.type==="component")return b.value;const w=f.ref(b==null?void 0:b.value.parent),$=l(w);return $||null}function u(b=e){const{componentInstance:w,designerItemElementRef:$}=b;return!w||!w.value?null:w.value.canMove?$:u(b.parent)}function m(b){return!!n&&n.canAccepts(b)}function r(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function a(){}function d(b,w){w&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(w)}function g(b,w){const{componentType:$}=b;let S=T($,b,w);n&&n.onResolveNewComponentSchema&&(S=n.onResolveNewComponentSchema(b,S));const H=$.toLowerCase().replace("-","_");return S&&!S.id&&S.type===$&&(S.id=`${H}_${Math.random().toString().slice(2,6)}`),S}function v(b,w){const $=String(b.getAttribute("data-controltype")),S=b.getAttribute("data-feature"),H=S?JSON.parse(S):{};H.parentComponentInstance=c.value;let A=T($,H);n&&n.onAcceptNewChildElement&&(A=n.onAcceptNewChildElement(b,w,A));const Ce=$.toLowerCase().replace("-","_");return A&&!A.id&&A.type===$&&(A.id=`${Ce}_${Math.random().toString().slice(2,6)}`),A}function j(b){}function P(...b){if(n&&n.getPropsConfig)return n.getPropsConfig(...b)}return c.value={canMove:h(),canSelectParent:C(),canDelete:p(),canNested:!i(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(z=e==null?void 0:e.parent)==null?void 0:z.componentInstance,schema:e==null?void 0:e.schema,styles:s,designerClass:y,canAccepts:m,getBelongedComponentInstance:l,getDraggableDesignItemElement:u,getDraggingDisplayText:r,getPropConfig:P,getDragScopeElement:a,onAcceptMovedChildElement:d,onAcceptNewChildElement:v,onChildElementMovedOut:j,addNewChildComponentSchema:g,updateDragAndDropRules:o,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||f.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||f.ref(!1)},c}const de={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dragging-rules.schema.json",title:"Dragging Rules",description:"The rules of designer canvas",type:"object",properties:{"f-page":{description:"The root class of page designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-page-header":{description:"The class of page header designed by farris.",type:"string"},"f-page-main":{description:"The class of page body designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-like-card":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-form":{description:"The class of form component which has a hierarchical structure of component -> section -> respnse-form.",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{contents:{type:"object",properties:{"f-form-layout":{description:"The class of reponse form",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}},"f-struct-wrapper":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-tabs":{description:"The class of section which has wrapped sub-grid tabs.",type:"object",properties:{contents:{type:"object",properties:{"f-tabs-in-card":{description:"The class of tabs which contains sub-grid.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-card":{description:"The class of sub-grid component",type:"object",properties:{contents:{type:"object",properties:{"f-grid-is-sub":{description:"The class of sub-grid",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-in-main":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"object",const:{allOf:[{sibling:0,parent:{"f-page-main":!0}}]}}}}}},"f-struct-data-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"object",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-main-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav-extend":{description:"",type:"object"},"f-section-in-nav":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}}}},"f-page-content-main":{description:"",type:"object",properties:{}}}}}},"f-page-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-list-nav":{description:"",type:"object"},"f-list-nav-left":{description:"",type:"object"},"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}},"f-page-content-main":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"object",const:{anyOf:[{children:0},{children:{length:{not:1},"f-struct-like-card":!0}},{children:{"scroll-spy":!1,"f-page-content":!1,"f-struct-like-card":!1}}]}},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-footer":{description:"The class of page footer designed by farris.",type:"string"}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-is-managelist":{description:"The root class of mangement list page.",type:"string"},"f-page-card":{description:"",type:"object"},"f-page-is-mainsubcard":{description:"",type:"object"}}},L=new Map;function ye(){function t(r,a,d,g){var v;if(typeof d=="number")return((v=g[r])==null?void 0:v.length)===d;if(typeof d=="object"){const j=Object.keys(d)[0],P=d[j];if(j==="not")return Number(g[r].length)!==Number(P);if(j==="moreThan")return Number(g[r].length)>=Number(P);if(j==="lessThan")return Number(g[r].length)<=Number(P)}return!1}function e(r,a,d,g){return typeof d=="boolean"?g.childrenClassList.includes(a)===!!d:!1}function n(r,a,d,g){return typeof d=="boolean"?g.parentClassList.includes(a)===!!d:!1}function o(r,a,d,g){return typeof d=="boolean"?g.parentClassList.includes(a)===!!d:!1}const s=new Map([["length",t],["hasChildren",e],["hasSibling",o],["hasParent",n]]);function y(r,a){const d=r;return typeof a=="number"?[{target:d,operator:"length",param:null,value:Number(a)}]:typeof a=="object"?Object.keys(a).map(g=>{if(g==="length")return{target:d,operator:"length",param:null,value:a[g]};const v=g,j=a[g];return{target:d,operator:r==="children"?"hasChildren":r==="parent"?"hasParent":"hasSibling",param:v,value:j}}):[]}function c(r,a){if(s.has(r.operator)){const d=s.get(r.operator);return d&&d(r.target,r.param,r.value,a)||!1}return!1}function h(r,a){return Object.keys(r).reduce((j,P)=>{const z=y(P,r[P]);return j.push(...z),j},[]).reduce((j,P)=>j&&c(P,a),!0)}function C(r,a){const d=Object.keys(r),g=d.includes("allOf"),v=d.includes("anyOf"),j=g||v,b=(j?r[j?g?"allOf":"anyOf":"allOf"]:[r]).map($=>h($,a));return g?!b.includes(!1):b.includes(!0)}function p(r,a){const d=r.const;return d?typeof d=="boolean"?d:typeof d=="object"?C(d,a):!1:!1}function i(r){return a=>{const d={canAccept:!0,fixed:!1,hidePadding:!1};return r&&r.properties&&Object.keys(r.properties).reduce((g,v)=>{const j=r.properties[v];return g[v]=p(j,a),g},d),d}}function l(r,a,d){if(a.type==="object"&&a.properties){const{rules:g,contents:v}=a.properties;d.set(r,i(g)),v&&Object.keys(v.properties).forEach(j=>l(j,v.properties[j],d))}}function u(){const{properties:r}=de;Object.keys(r).forEach(a=>{l(a,r[a],L)})}function m(r,a){const d={canAccept:!0,fixed:!1,hidePadding:!0};return L.has(r)?L.get(r)(a):d}return u(),{getRuleValue:m}}function be(t,e){const n=ye();let o,s=!1;function y(){return!1}function c(){return!s}function h(){return!s}function C(){s=!1;const i=t,l=i.appearance&&i.appearance.class||"",u=l.split(" "),m=i.contents||[],r=m.length?m[0]:null,a=r&&r.appearance?r.appearance.class:"",d=a?a.split(" "):[],g=m.length?m.reduce((b,w)=>{const $=w&&w.appearance?w.appearance.class:"",S=$?$.split(" "):[];return b.push(...S),b},[]):[],v=e,j=v&&v.appearance&&v.appearance.class||"",P=j?j.split(" "):[];o={componentClass:l,componentClassList:u,childContents:m,firstChildContent:r,firstChildClass:a,firstChildClassList:d,parent:v,parentClass:j,parentClassList:P,children:m,childrenClassList:g};const{fixed:z}=n.getRuleValue(u[0],o);return s=z,!0}function p(){return!0}return{canAccepts:y,checkCanDeleteComponent:c,checkCanMoveComponent:h,resolveComponentContext:C,hideNestedPaddingInDesginerView:p}}const me=f.defineComponent({name:"FSplitterDesign",props:N,emits:[],setup(t,e){var u;const n=f.ref(),o=f.inject("design-item-context"),s=be(o.schema,(u=o.parent)==null?void 0:u.schema),y=G(n,o,s);y.value.canNested=!1;const c=X(n),{horizontalResizeHandleStyle:h,verticalResizeHandleStyle:C,resizeOverlayStyle:p}=c;f.provide("splitter",{useResizeHandleComposition:c});const i=f.computed(()=>E({"f-splitter":!0},t==null?void 0:t.customClass)),l=f.computed(()=>{const m={"flex-direction":t.direction==="row"?"column":"row"};return D(m,t==null?void 0:t.customStyle)});return f.onMounted(()=>{n.value.componentInstance=y}),e.expose(y.value),()=>f.createVNode("div",{class:i.value,ref:n,style:l.value},[e.slots.default&&e.slots.default(),f.createVNode("div",{class:"f-splitter-resize-overlay",style:p.value},null),f.createVNode("div",{class:"f-splitter-horizontal-resize-proxy",style:h.value},null),f.createVNode("div",{class:"f-splitter-vertical-resize-proxy",style:C.value},null)])}});function he(){function t(e){var s,y;if(!e)return!1;const n=((s=e.targetContainer)==null?void 0:s.componentInstance)&&e.targetContainer.componentInstance.value;if(!n)return!1;const o=(y=n.schema.appearance)==null?void 0:y.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const c=n.schema.type,h=(c==="response-form"||c==="content-container")&&o&&o.includes("farris-form");if(n.schema.type!=="response-layout-item"&&!h)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:t}}function ge(t,e){function n(s){var C;if(!he().basalDragulaRuleForContainer(s))return!1;if(((((C=t.appearance)==null?void 0:C.class)||"").split(" ")||[]).includes("f-page-content-nav")){const p=t.contents&&t.contents[0];return!(p&&p.type==="component")}return!0}function o(s,y,c){const h=t,p=(h.appearance&&h.appearance.class||"").split(" ");if(h.position==="main"&&p.includes("f-page-content-main")){if(c.type==="tabs"){const i=c.appearance&&c.appearance.class?String(c.appearance.class).split(" "):[];i.unshift("f-tabs-in-card"),c.appearance={class:i.join(" ")};const l=T("section");l.id=`${c.id}-section`,l.appearance={class:"f-section-tabs f-section-in-mainsubcard"},l.contents=[c];const u=T("content-container");return u.id=`${c.id}-struct-wrapper`,u.appearance={class:"f-struct-wrapper"},u.contents=[l],u}if(c.type==="section"){const i=c.appearance&&c.appearance.class?String(c.appearance.class).split(" "):[];i.unshift("f-section-in-main"),c.appearance={class:i.join(" ")},c.title=String(s.innerText);const l=T("content-container");return l.id=`${c.id}-struct-wrapper`,l.appearance={class:"f-struct-wrapper"},l.contents=[c],l}}return c}return{canAccepts:n,onAcceptNewChildElement:o}}const je=f.defineComponent({name:"FSplitterPaneDesign",props:F,emits:[],setup(t,e){var r;const n=f.ref(),o=f.inject("design-item-context"),s=ge(o.schema,(r=o.parent)==null?void 0:r.schema),y=G(n,o,s);y.value.styles="padding:0;box-shadow:none;",y.value.canNested=!1,y.value.canMove=!1,y.value.canDelete=!1,f.onMounted(()=>{n.value.componentInstance=y}),e.expose(y.value);const c=f.inject("splitter"),{useResizeHandleComposition:h}=c,C=J(t,h),{actualHeight:p,actualWidth:i}=C,l=f.ref(t.position),u=f.computed(()=>{const a={"f-splitter-pane":!0,"f-splitter-pane-column":l.value==="left"||l.value==="right","f-splitter-pane-row":l.value==="bottom"||l.value==="top","f-splitter-pane-main":l.value==="center","f-component-splitter-pane":!0,"drag-container":!0};return E(a,t==null?void 0:t.customClass)}),m=f.computed(()=>{const a={};return(i.value&&l.value==="left"||l.value==="right")&&(a.width=`${i.value}px`),(p.value&&l.value==="bottom"||l.value==="top")&&(a.height=`${p.value}px`),D(a,t==null?void 0:t.customStyle)});return()=>f.createVNode("div",{ref:n,"data-dragref":`${o.schema.id}-container`,class:u.value,style:m.value},[e.slots.default&&e.slots.default()])}}),ve={install(t){t.component(R.name,R),t.component(M.name,M)},register(t,e,n,o){t.splitter=R,e.splitter=k,t["splitter-pane"]=M,e["splitter-pane"]=Y},registerDesigner(t,e,n){t.splitter=me,e.splitter=k,t["splitter-pane"]=je,e["splitter-pane"]=Y}};O.FSplitter=R,O.FSplitterPane=M,O.default=ve,O.splitterProps=N,O.splitterPropsResolver=k,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});