@farris/ui-vue 1.1.0 → 1.1.1

package/section/index.esm.js

@@ -1,2201 +0,0 @@
-var ie = Object.defineProperty;
-var ce = (n, e, t) => e in n ? ie(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var P = (n, e, t) => (ce(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { computed as x, getCurrentInstance as le, createVNode as j, ref as M, defineComponent as q, onMounted as J, onUnmounted as pe, watch as ue, inject as de } from "vue";
-import { cloneDeep as fe } from "lodash-es";
-const U = {}, ee = {};
-function Z(n) {
-  const { properties: e, title: t } = n, a = Object.keys(e).reduce((u, f) => (u[f] = e[f].type === "object" && e[f].properties ? Z(e[f]) : fe(e[f].default), u), {});
-  return a.id = `${t}-${Date.now()}`, a;
-}
-function V(n, e = {}) {
-  const t = U[n];
-  if (t) {
-    let a = Z(t);
-    const u = ee[n];
-    return a = u ? u({ getSchemaByType: V }, a, e) : a, a;
-  }
-  return null;
-}
-function be(n, e) {
-  const t = Z(e);
-  return Object.keys(n).reduce((a, u) => (a[u] = n[u], a), t), t;
-}
-function he(n, e) {
-  return Object.keys(n).filter((a) => n[a] != null).reduce((a, u) => {
-    if (e.has(u)) {
-      const f = e.get(u);
-      if (typeof f == "string")
-        a[f] = n[u];
-      else {
-        const m = f(u, n[u], n);
-        Object.assign(a, m);
-      }
-    } else
-      a[u] = n[u];
-    return a;
-  }, {});
-}
-function ye(n, e, t = /* @__PURE__ */ new Map()) {
-  const a = be(n, e);
-  return he(a, t);
-}
-function ge(n = {}) {
-  function e(h, d, s, o) {
-    if (typeof s == "number")
-      return o[h].length === s;
-    if (typeof s == "object") {
-      const p = Object.keys(s)[0], r = s[p];
-      if (p === "not")
-        return Number(o[h].length) !== Number(r);
-      if (p === "moreThan")
-        return Number(o[h].length) >= Number(r);
-      if (p === "lessThan")
-        return Number(o[h].length) <= Number(r);
-    }
-    return !1;
-  }
-  function t(h, d, s, o) {
-    return o[d] && o[d].propertyValue && String(o[d].propertyValue.value) === String(s);
-  }
-  const a = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", t]
-  ]);
-  Object.keys(n).reduce((h, d) => (h.set(d, n[d]), h), a);
-  function u(h, d) {
-    const s = h;
-    return typeof d == "number" ? [{ target: s, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: s, operator: "getProperty", param: h, value: !!d }] : typeof d == "object" ? Object.keys(d).map((o) => {
-      if (o === "length")
-        return { target: s, operator: "length", param: null, value: d[o] };
-      const p = o, r = d[o];
-      return { target: s, operator: h, param: p, value: r };
-    }) : [];
-  }
-  function f(h) {
-    return Object.keys(h).reduce((s, o) => {
-      const p = u(o, h[o]);
-      return s.push(...p), s;
-    }, []);
-  }
-  function m(h, d) {
-    if (a.has(h.operator)) {
-      const s = a.get(h.operator);
-      return s && s(h.target, h.param, h.value, d) || !1;
-    }
-    return !1;
-  }
-  function T(h, d) {
-    return f(h).reduce((p, r) => p && m(r, d), !0);
-  }
-  function w(h, d) {
-    const s = Object.keys(h), o = s.includes("allOf"), p = s.includes("anyOf"), r = o || p, b = (r ? h[r ? o ? "allOf" : "anyOf" : "allOf"] : [h]).map((C) => T(C, d));
-    return o ? !b.includes(!1) : b.includes(!0);
-  }
-  return { parseValueSchema: w };
-}
-const te = {}, me = {};
-ge();
-function ne(n, e, t = /* @__PURE__ */ new Map(), a = (m, T, w) => T, u = {}, f = (m) => m) {
-  return U[e.title] = e, ee[e.title] = a, te[e.title] = u, me[e.title] = f, (m = {}) => {
-    const T = ye(m, e, t), w = Object.keys(n).reduce((h, d) => (h[d] = n[d].default, h), {});
-    return Object.assign(w, T);
-  };
-}
-function ve(n, e) {
-  return { customClass: e.class };
-}
-function Ce(n, e, t) {
-  return e ? { enableAccordion: t.accordionMode } : { enableAccordion: "" };
-}
-function we(n, e) {
-  return {
-    buttons: e.contents,
-    buttonPosition: e.position
-  };
-}
-const je = /* @__PURE__ */ new Map([
-  ["appearance", ve],
-  ["expanded", "expandStatus"],
-  ["enableAccordion", Ce],
-  ["toolbar", we]
-]);
-function Te(n, e, t) {
-  return e;
-}
-const Se = "https://json-schema.org/draft/2020-12/schema", Ae = "https://farris-design.gitee.io/section.schema.json", De = "section", Me = "A Farris Container Component", xe = "object", Pe = {
-  id: {
-    description: "The unique identifier for a Section",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Section component",
-    type: "string",
-    default: "section"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  contentClass: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  contents: {
-    description: "",
-    type: "array",
-    default: []
-  },
-  enableAccordion: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  accordionMode: {
-    description: "",
-    type: "string",
-    default: "default"
-  },
-  enableMaximize: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  expanded: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  fill: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  headerClass: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  size: {
-    description: "",
-    type: "object",
-    properties: {
-      width: {
-        type: "number"
-      },
-      height: {
-        type: "number"
-      }
-    },
-    default: null
-  },
-  showHeader: {
-    description: "",
-    type: "string",
-    default: !0
-  },
-  mainTitle: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  subTitle: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  headerContentClass: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  extendClass: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  toolbar: {
-    description: "",
-    type: "object",
-    properties: {
-      type: {
-        type: "string",
-        default: "SectionToolbar"
-      },
-      position: {
-        type: "string",
-        default: "inHead"
-      },
-      contents: {
-        type: "array",
-        default: []
-      }
-    },
-    default: null
-  }
-}, $e = [
-  "id",
-  "type",
-  "contents"
-], Ee = {
-  $schema: Se,
-  $id: Ae,
-  title: De,
-  description: Me,
-  type: xe,
-  properties: Pe,
-  required: $e
-}, Oe = "section", ke = "A Farris Container Component", Ne = "object", Be = {
-  basic: {
-    title: "基本信息",
-    description: "Basic Infomation",
-    properties: {
-      id: {
-        title: "标识",
-        type: "string",
-        description: "The identifier of a component.",
-        readonly: !0
-      },
-      type: {
-        title: "类型",
-        type: "enum",
-        description: "The type of a component.",
-        editor: {
-          type: "combo-list",
-          data: []
-        }
-      },
-      mainTitle: {
-        title: "主标题",
-        type: "string",
-        description: ""
-      },
-      subTitle: {
-        title: "副标题",
-        type: "string",
-        description: ""
-      }
-    }
-  },
-  appearance: {
-    title: "样式",
-    description: "Appearance",
-    properties: {
-      class: {
-        title: "class",
-        type: "string",
-        description: ""
-      },
-      style: {
-        title: "style",
-        type: "string",
-        description: ""
-      }
-    }
-  },
-  behavior: {
-    title: "行为",
-    description: "",
-    properties: {
-      visible: {
-        title: "可见",
-        type: "boolean",
-        description: ""
-      },
-      fill: {
-        title: "填充",
-        type: "boolean",
-        description: "To fill the space of parent container in flex layout."
-      },
-      showHeader: {
-        title: "显示标题区域",
-        type: "boolean",
-        description: ""
-      },
-      enableMaximize: {
-        title: "显示最大化",
-        type: "boolean",
-        description: "",
-        visible: {
-          showHeader: !0
-        }
-      },
-      enableCollapse: {
-        title: "显示收折",
-        type: "boolean",
-        description: "",
-        editor: {
-          type: "combo-list",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: !0,
-              name: "是"
-            },
-            {
-              value: !1,
-              name: "否"
-            }
-          ]
-        },
-        visible: {
-          showHeader: !0
-        }
-      },
-      expanded: {
-        title: "展开",
-        type: "boolean",
-        description: "",
-        readonly: {
-          enableCollapse: !1
-        },
-        editor: {
-          type: "combo-list",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: !0,
-              name: "是"
-            },
-            {
-              value: !1,
-              name: "否"
-            }
-          ]
-        },
-        visible: {
-          showHeader: !0
-        }
-      },
-      enableAccordion: {
-        title: "允许收折",
-        type: "boolean",
-        description: "",
-        visible: {
-          showHeader: !0
-        }
-      },
-      accordionMode: {
-        title: "收折模式",
-        type: "enum",
-        description: "",
-        readonly: {
-          enableAccordion: !1
-        },
-        visible: {
-          showHeader: !0
-        },
-        editor: {
-          type: "combo-list",
-          data: [
-            {
-              value: "default",
-              name: "默认"
-            }
-          ]
-        }
-      }
-    }
-  },
-  toolbar: {
-    title: "工具栏",
-    description: "",
-    properties: {
-      buttonSize: {
-        title: "按钮尺寸",
-        type: "enum",
-        description: "",
-        editor: {
-          type: "combo-list",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "default",
-              name: "标准"
-            },
-            {
-              value: "large",
-              name: "大尺寸"
-            }
-          ]
-        }
-      },
-      popupDirection: {
-        title: "弹出方向",
-        type: "enum",
-        description: "",
-        editor: {
-          type: "combo-list",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "default",
-              name: "自适应"
-            },
-            {
-              value: "top",
-              name: "向上"
-            },
-            {
-              value: "bottom",
-              name: "向下"
-            }
-          ]
-        }
-      }
-    }
-  },
-  extends: {
-    title: "扩展样式",
-    description: "",
-    properties: {
-      headerClass: {
-        title: "标题区",
-        type: "string",
-        description: ""
-      },
-      titleClass: {
-        title: "主标题",
-        type: "string",
-        description: ""
-      },
-      contentClass: {
-        title: "内容区",
-        type: "string",
-        description: ""
-      },
-      toolbarClass: {
-        type: "string",
-        title: "工具栏",
-        description: ""
-      }
-    }
-  }
-}, Fe = {
-  title: Oe,
-  description: ke,
-  type: Ne,
-  categories: Be
-}, G = {
-  /** 设置内容区域样式 */
-  contentClass: { type: String, default: "" },
-  /** 自定义样式 */
-  customClass: { type: String, default: "" },
-  /** 设置是否启用収折功能。支持：空字符串，不启用収折 | default 默认収折方式 || custom自定义収折方式 */
-  enableAccordion: { type: String, default: "" },
-  /** 设置初始是否处于展开状态，支持：true 内容区域被展开|false 内容区域被収折 */
-  expandStatus: { type: Boolean, default: !0 },
-  /** 设置Section的主标题 */
-  mainTitle: { type: String, default: "" },
-  /** 设置是否显示头部区域 */
-  showHeader: { type: Boolean, default: !0 },
-  /** 设置Section的副标题 */
-  subTitle: { type: String, default: "" },
-  /** 展开文本 */
-  expandLabel: { type: String, default: "展开" },
-  /** 收起文本 */
-  collapseLabel: { type: String, default: "收起" },
-  /** 头部区域的自定义样式。配置头部自定义模板后，此属性有效。 */
-  headerClass: { type: String, default: "" },
-  /** 设置是否启用最大化 */
-  enableMaximize: { type: Boolean, default: !1 },
-  /** 头部扩展区域的自定义样式。配置头部扩展区域模板后，此属性有效。 */
-  headerContentClass: { type: String, default: "" },
-  /** 扩展区域的自定义样式。配置扩展区域模板后，此属性有效。 */
-  extendClass: { type: String, default: "" },
-  /** 按钮组 */
-  buttons: { type: Array, default: [] },
-  /** 按钮组的位置，inHead:头部区域| inContent:内容区域 */
-  buttonPosition: { type: String, default: "inHead" },
-  /** 设置是否铺满剩余空间，支持：false按照内容自动高度|true 铺满剩余空间 */
-  fill: { type: Boolean, default: !1 }
-  // 暂未使用该属性
-  // clickThrottleTime: { type: Number, default: 350 },
-  // context: { type: Object },
-  // 暂未使用该属性
-  // index: { type: Number },
-  // maxStatus: { type: Boolean, default: false },
-  // showToolbarMoreButton: { type: Boolean, default: true },
-  // 暂未使用该属性
-  // toolbarPosition: { type: String, default: '' },
-  // toolbarButtons: { type: Array<object>, default: [] },
-  // toolbar: { type: Object as PropType<ToolbarConfig>, default: {} }
-}, X = ne(G, Ee, je, Te, Fe);
-function _e(n, e, t) {
-  let a;
-  function u() {
-    !n || !e.value || (t.value = !t.value, t.value ? f() : m());
-  }
-  function f() {
-    a = n.value.nextElementSibling;
-    const w = document && document.querySelector("body");
-    w && (w.appendChild(n.value), n.value.style.zIndex = T());
-  }
-  function m() {
-    a ? e.value.insertBefore(
-      n.value,
-      a
-    ) : e.value.appendChild(n.value), n.value.style.zIndex = null;
-  }
-  function T(w = 1) {
-    const h = [
-      "body>.f-datagrid-settings-simple-host",
-      "body>div",
-      "body>farris-dialog>.farris-modal.show",
-      "body>.farris-modal.show",
-      "body>farris-filter-panel>.f-filter-panel-wrapper",
-      "body .f-sidebar-show>.f-sidebar-main",
-      "body>.popover.show",
-      "body>filter-row-panel>.f-datagrid-filter-panel",
-      "body>.f-section-maximize"
-    ], d = Array.from(document.body.querySelectorAll(h.join(","))).filter((o) => o).map((o) => {
-      const { display: p, zIndex: r } = window.getComputedStyle(o);
-      return p === "none" ? 0 : parseInt(r, 10);
-    }).filter((o) => o);
-    let s = Math.max(...d);
-    return s < 1040 && (s = 1040), s + w;
-  }
-  return { onClickMaxMinIcon: u };
-}
-const He = /* @__PURE__ */ new Map([
-  ["buttons", "items"]
-]);
-function Le(n, e, t) {
-  return e;
-}
-const ze = "https://json-schema.org/draft/2020-12/schema", Re = "https://farris-design.gitee.io/response-toolbar.schema.json", Ve = "response-toolbar", We = "A Farris Toolbar Component", qe = "object", Je = {
-  id: {
-    description: "The unique identifier for a Response Toolbar",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Response Toolbar",
-    type: "string",
-    default: "response-toolbar"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  alignment: {
-    description: "The alignment of Response Toolbar Button.",
-    type: "string",
-    default: "right"
-  },
-  buttons: {
-    description: "The items of Response Toolbar.",
-    type: "array",
-    default: []
-  }
-}, Ue = [
-  "id",
-  "type",
-  "buttons"
-], Ze = {
-  $schema: ze,
-  $id: Re,
-  title: Ve,
-  description: We,
-  type: qe,
-  properties: Je,
-  required: Ue
-}, Ge = "https://json-schema.org/draft/2020-12/schema", Qe = "https://farris-design.gitee.io/response-toolbar-item.schema.json", Xe = "response-toolbar-item", Ye = "A Farris Toolbar Item Component", Ie = "object", Ke = {
-  id: {
-    description: "The unique identifier for a Response Toolbar",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Response Toolbar",
-    type: "string",
-    default: "response-toolbar-item"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  text: {
-    description: "The items of Response Toolbar.",
-    type: "string",
-    default: ""
-  },
-  icon: {
-    description: "The icon of response toolbar item.",
-    type: "string",
-    default: ""
-  }
-}, et = [
-  "id",
-  "type",
-  "text"
-], Y = {
-  $schema: Ge,
-  $id: Qe,
-  title: Xe,
-  description: Ye,
-  type: Ie,
-  properties: Ke,
-  required: et
-}, tt = "response-toolbar", nt = "A Farris Component", ot = "object", rt = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        title: "类型",
-        type: "enum",
-        description: "The type of a component.",
-        editor: {
-          type: "combo-list",
-          data: []
-        }
-      }
-    }
-  },
-  behavior: {
-    title: "行为",
-    description: "",
-    properties: {
-      alignment: {
-        title: "对齐方式",
-        description: "The alignment of Response Toolbar Button.",
-        type: "enum",
-        editor: {
-          type: "combo-list",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "right",
-              name: "右对齐"
-            },
-            {
-              value: "left",
-              name: "左对齐"
-            }
-          ]
-        }
-      },
-      buttons: {
-        title: "按钮",
-        description: "The items of Response Toolbar.",
-        type: "array",
-        default: [],
-        $converter: "/converter/buttons.converter"
-      }
-    }
-  }
-}, st = {
-  title: tt,
-  description: nt,
-  type: ot,
-  categories: rt
-}, at = "response-toolbar-item", it = "A Farris Container Component", ct = "object", lt = {
-  basic: {
-    title: "基本信息",
-    description: "Basic Infomation",
-    properties: {
-      id: {
-        title: "标识",
-        type: "string",
-        description: "The identifier of a component.",
-        readonly: !0
-      },
-      type: {
-        title: "类型",
-        type: "enum",
-        description: "The type of a component.",
-        editor: {
-          type: "combo-list",
-          data: []
-        }
-      },
-      text: {
-        title: "文本",
-        type: "string",
-        description: ""
-      },
-      icon: {
-        title: "图标",
-        type: "string",
-        description: ""
-      }
-    }
-  }
-}, I = {
-  title: at,
-  description: it,
-  type: ct,
-  categories: lt
-}, oe = {
-  /**  组件自定义样式 */
-  customClass: { type: String, default: "" },
-  alignment: { Type: String, default: "right" },
-  items: {
-    Type: Array,
-    default: []
-  }
-};
-U[Y.title] = Y;
-te[I.title] = I;
-ne(
-  oe,
-  Ze,
-  He,
-  Le,
-  st
-);
-class re {
-  constructor(e) {
-    /** 工具栏项标识 */
-    P(this, "id", "");
-    /** 工具栏项自定义样式 */
-    P(this, "class", "btn-secondary");
-    /** 图标 */
-    P(this, "icon", "");
-    /** 所属分组 */
-    P(this, "groupId", "");
-    /** 收藏顺序 */
-    P(this, "order", -1);
-    /** 是否作为下拉菜单的顶层按钮 */
-    P(this, "asDropDownTop", !1);
-    /** 文本 */
-    P(this, "text", "");
-    /** 是否可见 */
-    P(this, "visible", !0);
-    P(this, "responsed", !1);
-    /** 是否启用提示消息 */
-    P(this, "tipsEnable", !1);
-    /** 提示消息内容 */
-    P(this, "tipsText", "");
-    /** 记录宽度 */
-    P(this, "width", 0);
-    P(this, "onClick", () => {
-    });
-    P(this, "options");
-    this.options = e;
-    const t = [
-      "id",
-      "class",
-      "icon",
-      "groupId",
-      "order",
-      "asDropDownTop",
-      "text",
-      "isDP",
-      "visible",
-      "responsed",
-      "width",
-      "tipsEnable",
-      "tipsText",
-      "onClick"
-    ];
-    Object.keys(e).filter((a) => t.indexOf(a) > -1).forEach((a) => {
-      this[a] = e[a];
-    });
-  }
-  /** 是否可用 */
-  get enable() {
-    return Object.keys(this.options).indexOf("enable") > -1 ? this.options.enable : x(() => !0);
-  }
-  /** 设置宽度 */
-  setWidth(e) {
-    this.width = parseInt(e, 10);
-  }
-  /** 获取宽度 */
-  getWidth() {
-    return this.visible ? this.width : !1;
-  }
-}
-class pt extends re {
-  constructor(e) {
-    super(e);
-  }
-}
-function se() {
-  function n(e) {
-    const t = [];
-    return e.reduce((a, u) => (u.children && u.children.length > 0 ? a.push(new W(u)) : a.push(new pt(u)), a), t), t;
-  }
-  return { buildResponseToolbarItems: n };
-}
-const { buildResponseToolbarItems: ut } = se();
-class W extends re {
-  constructor(t) {
-    super(t);
-    P(this, "placement", "");
-    // 下拉位置
-    /** 下拉class */
-    P(this, "dropdownClass", "");
-    /** 下拉菜单class */
-    P(this, "menuClass", "");
-    /** 是否用分开的下拉按钮 */
-    P(this, "split", !1);
-    P(this, "children", []);
-    P(this, "expanded", !1);
-    const a = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
-    Object.keys(t).filter((u) => a.indexOf(u) > -1).forEach((u) => {
-      this[u] = t[u];
-    }), t.children && t.children.length && (this.children = ut(t.children));
-  }
-}
-function dt() {
-  function n(t) {
-    const a = {
-      "f-icon": !0
-    };
-    if (t.icon) {
-      const u = t.icon.trim().split(" ");
-      u && u.length && u.reduce((f, m) => (f[m] = !0, f), a);
-    }
-    return a;
-  }
-  function e(t) {
-    return !!(t.icon && t.icon.trim());
-  }
-  return { iconClass: n, shouldShowIcon: e };
-}
-function ft(n) {
-  function e(s) {
-    const o = {
-      "dropdown-menu": !0
-    };
-    if (s.class) {
-      const p = s.menuClass.split(" ");
-      p && p.length && p.reduce((r, l) => (r[l] = !0, r), o);
-    }
-    return o;
-  }
-  function t(s) {
-    const o = {
-      disabled: !s.enable,
-      "dropdown-submenu": !0,
-      "f-rt-dropdown": !0
-    }, p = s.dropdownClass.split(" ");
-    return p && p.length && p.reduce((r, l) => (r[l] = !0, r), o), o;
-  }
-  function a(s) {
-    const o = {
-      disabled: !s.enable,
-      "dropdown-item": !0,
-      "f-rt-btn": !0
-    }, p = s.class.split(" ");
-    return p && p.length && p.reduce((r, l) => (r[l] = !0, r), o), o;
-  }
-  let u;
-  const f = /* @__PURE__ */ new Map();
-  function m(s, o, p) {
-    var l;
-    ((l = s.target) == null ? void 0 : l.id) === o.id && s.stopPropagation();
-    const r = p ? p.id : "__top_item__";
-    if (o.children && o.children.length && (o.expanded = !o.expanded, o.expanded ? f.set(r, o) : f.delete(r)), f.has(r) && f.get(r) !== o) {
-      const c = f.get(r);
-      c && (c.expanded = !1);
-    }
-  }
-  function T(s, o) {
-    document.body.click(), o.enable && o.onClick(s, o.id);
-  }
-  function w(s) {
-    return s.children.map((o) => o.children && o.children.length ? j("li", {
-      class: t(o),
-      id: o.id,
-      onClick: (p) => o.enable && m(p, o, s)
-    }, [j("span", {
-      id: o.id,
-      class: a(o),
-      onMouseover: (p) => o.enable && m(p, o, s)
-    }, [o.text, j("i", {
-      class: "f-icon f-icon-arrow-chevron-right",
-      style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), u(o, o)]) : j("li", {
-      class: a(o),
-      id: o.id,
-      onClick: (p) => T(p, o),
-      onMouseover: (p) => o.enable && m(p, o, s)
-    }, [n.shouldShowIcon(o) && j("i", {
-      class: n.iconClass(o)
-    }, null), o.text]));
-  }
-  function h(s, o, p) {
-    const r = {
-      display: s.expanded ? "block" : "none",
-      position: "fixed",
-      maxWidth: "300px",
-      width: "auto",
-      minWidth: "120px"
-    }, l = document.getElementsByTagName("body")[0].getClientRects()[0].width, c = o, b = c == null ? void 0 : c.getClientRects();
-    if (c && b && b.length) {
-      const {
-        top: v,
-        width: C,
-        left: S,
-        right: D,
-        height: y
-      } = b[0], i = Math.ceil(y + v);
-      r.top = `${i}px`, r.left = `${S}px`;
-      const g = s.id + "_menu", A = o ? o.querySelector("#" + g) : null;
-      if (A) {
-        r.display === "block" && (A.style.display = "block");
-        const O = A.getBoundingClientRect();
-        if (p) {
-          r.top = `${v - 6}px`;
-          const $ = Math.ceil(C + S);
-          r.left = `${$}px`;
-        }
-        l - S - C < O.width && (r.left = `${(p ? S : D) - O.width}px`);
-      }
-    }
-    return r;
-  }
-  u = function(s, o) {
-    var c, b;
-    const p = le(), r = o ? o.id : s.id, l = (b = (c = p == null ? void 0 : p.exposed) == null ? void 0 : c.elementRef.value) == null ? void 0 : b.querySelector("#" + r);
-    return j("ul", {
-      class: e(s),
-      style: h(s, l, o),
-      id: s.id + "_menu"
-    }, [w(s)]);
-  };
-  function d() {
-    f.forEach((s) => {
-      s.expanded = !1;
-    }), f.clear();
-  }
-  return {
-    renderDropdownMenu: u,
-    clearAllDropDownMenu: d
-  };
-}
-function bt(n, e) {
-  const t = M(n.alignment), {
-    renderDropdownMenu: a,
-    clearAllDropDownMenu: u
-  } = ft(e);
-  function f(d) {
-    const s = {
-      "btn-group": !0,
-      "f-rt-dropdown": !0,
-      "f-btn-ml": t.value === "right",
-      "f-btn-mr": t.value === "left"
-    }, o = d.dropdownClass.split(" ");
-    return o && o.length && o.reduce((p, r) => (p[r] = !0, p), s), s;
-  }
-  function m(d) {
-    const s = {
-      btn: !0,
-      disabled: !d.enable,
-      "f-rt-btn": !0,
-      "btn-icontext": !!(d.icon && d.icon.trim())
-    };
-    if (d.class) {
-      const o = d.class.split(" ");
-      o && o.length && o.reduce((p, r) => (p[r] = !0, p), s);
-    }
-    return s;
-  }
-  function T(d, s) {
-    d.stopPropagation();
-    const o = s.expanded;
-    document.body.click(), s.expanded = !o;
-  }
-  function w(d) {
-    return j("div", {
-      id: d.id,
-      class: f(d)
-    }, [j("div", {
-      class: m(d),
-      style: "display: flex;padding-right: 0.1rem;",
-      onClick: (s) => d.enable && T(s, d)
-    }, [e.shouldShowIcon(d) && j("i", {
-      class: e.iconClass(d)
-    }, null), j("span", null, [d.text]), j("i", {
-      class: "f-icon f-icon-arrow-chevron-down",
-      style: "display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"
-    }, null)]), a(d)]);
-  }
-  function h() {
-    u();
-  }
-  return {
-    renderToolbarDropdown: w,
-    clearAllDropDown: h
-  };
-}
-const {
-  buildResponseToolbarItems: K
-} = se(), ht = /* @__PURE__ */ q({
-  name: "FResponseToolbar",
-  props: oe,
-  emits: [],
-  setup(n, e) {
-    const t = M(K(n.items)), a = M(), u = M(), f = M(), m = M(n.alignment), T = {
-      id: "__more_buttons__",
-      text: "更多"
-    }, w = M(new W(T)), h = dt(), d = x(() => w.value.children.length > 0), s = x(() => {
-      const i = {
-        "f-toolbar": !0,
-        "f-response-toolbar": !0,
-        "position-relative": !0
-      };
-      if (n.customClass) {
-        const g = n.customClass.split(" ");
-        g && g.length && g.reduce((A, O) => (A[O] = !0, A), i);
-      }
-      return i;
-    }), o = x(() => ({
-      "d-flex": !0,
-      "flex-nowrap": !0,
-      "justify-content-end": m.value === "right",
-      "justify-content-start": m.value === "left"
-    })), {
-      renderToolbarDropdown: p,
-      clearAllDropDown: r
-    } = bt(n, h);
-    function l() {
-      t.value.filter((i) => i.children && i.children.length > 0).forEach((i) => {
-        i.expanded = !1;
-      }), w.value.expanded = !1, r();
-    }
-    function c(i) {
-      const g = {
-        btn: !0,
-        "f-rt-btn": !0,
-        "f-btn-ml": m.value === "right",
-        "f-btn-mr": m.value === "left",
-        "btn-icontext": !!(i.icon && i.icon.trim())
-      };
-      if (i.class) {
-        const A = i.class.split(" ");
-        A && A.length && A.reduce((O, $) => (O[$] = !0, O), g);
-      }
-      return g;
-    }
-    function b(i, g) {
-      document.body.click(), g.onClick(i, g.id);
-    }
-    function v(i) {
-      return j("button", {
-        type: "button",
-        class: c(i),
-        id: i.id,
-        disabled: !i.enable,
-        onClick: (g) => b(g, i)
-      }, [h.shouldShowIcon(i) && j("i", {
-        class: h.iconClass(i)
-      }, null), i.text]);
-    }
-    const C = /* @__PURE__ */ new Map(), S = [];
-    function D(i) {
-      const g = f.value;
-      let A = i;
-      const O = Array.from(g.children), $ = O[O.length - 1].id === "__more_buttons__" ? O[O.length - 1] : null;
-      if ($) {
-        const E = $.computedStyleMap().get("margin-left"), k = $.computedStyleMap().get("margin-right"), H = (E ? E.value : 0) + $.getBoundingClientRect().width + (k ? k.value : 0);
-        A -= H;
-      }
-      const B = O.filter((E) => E.id !== "__more_buttons__");
-      for (const E of B) {
-        const k = E.computedStyleMap().get("margin-left"), H = E.computedStyleMap().get("margin-right"), L = (k ? k.value : 0) + E.getBoundingClientRect().width + (H ? H.value : 0);
-        A < L ? (C.set(E.id, !0), S.push({
-          id: E.id,
-          width: L
-        })) : A -= L;
-      }
-      if (S.length)
-        for (let E = S.length - 1; E >= 0; E--) {
-          const k = S[E].width;
-          if (A >= k)
-            A -= k, C.delete(S[E].id), S.pop();
-          else
-            break;
-        }
-      const F = Object.assign({}, w.value);
-      F.children = [];
-      const N = new W(F), _ = t.value.reduce((E, k) => (C.has(k.id) && N.children.push(k), k.visible = !C.has(k.id), E.push(k), E), []);
-      w.value = N, t.value = _;
-    }
-    const y = new ResizeObserver((i) => {
-      if (i.length) {
-        const A = i[0].contentRect.width, $ = f.value.getBoundingClientRect().width;
-        (A < $ || S.length) && (D(A), l());
-      }
-    });
-    return J(() => {
-      const i = u.value;
-      y.observe(i), document.body.addEventListener("click", l), document.body.addEventListener("wheel", l);
-    }), pe(() => {
-      y.disconnect(), document.body.removeEventListener("click", l), document.body.removeEventListener("wheel", l);
-    }), ue(() => n.items, () => {
-      t.value = K(n.items);
-    }), e.expose({
-      elementRef: a
-    }), () => j("div", {
-      class: s.value,
-      ref: a
-    }, [j("div", {
-      ref: u,
-      class: o.value
-    }, [j("div", {
-      ref: f,
-      class: "d-inline-block f-response-content",
-      style: "white-space: nowrap;"
-    }, [t.value.filter((i) => i.visible).map((i) => i.children && i.children.length > 0 ? p(i) : v(i)), d.value && p(w.value)])])]);
-  }
-});
-function Q(n, e) {
-  const t = M(n.buttons), a = x(() => n.buttonPosition === "inHead" ? "right" : "left"), u = x(() => "f-section-toolbar" + (n.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), f = x(() => {
-    n.buttons && n.buttons.length > 0 && n.buttonPosition;
-  });
-  function m(T) {
-    e.emit("Click", T);
-  }
-  return () => f && j(ht, {
-    customClass: u.value,
-    items: t.value,
-    onClick: m,
-    alignment: a.value
-  }, null);
-}
-function ae(n, e, t, a, u, f) {
-  const m = M(n.mainTitle), T = M(n.subTitle), w = x(() => n.buttonPosition), h = Q(n, e), {
-    onClickMaxMinIcon: d
-  } = _e(a, u, f), s = x(() => !!n.subTitle), o = x(() => n.enableMaximize), p = x(() => n.enableAccordion != ""), r = x(() => {
-    const D = {
-      "f-section-header": !0
-    };
-    return e.slots.header && n.headerClass.split(" ").reduce((i, g) => (i[g] = !0, i), D), D;
-  });
-  function l(D) {
-    D.stopPropagation(), n.enableAccordion !== "" && (t.value = !t.value);
-  }
-  function c() {
-    const D = x(() => ({
-      btn: !0,
-      "f-btn-collapse-expand": !0,
-      "f-btn-mx": !0,
-      "f-state-expand": t.value
-    })), y = x(() => ({
-      "f-icon": !0,
-      "f-icon-maximize": !f.value,
-      "f-icon-minimize": f.value
-    }));
-    return j("div", {
-      class: "f-max-accordion"
-    }, [o.value ? j("span", {
-      class: y.value,
-      onClick: d
-    }, null) : "", p.value ? j("button", {
-      class: D.value,
-      onClick: l
-    }, [j("span", null, [t.value ? n.collapseLabel : n.expandLabel])]) : ""]);
-  }
-  function b() {
-    return e.slots.header ? j("div", {
-      class: r.value
-    }, [e.slots.header()]) : "";
-  }
-  function v() {
-    return j("div", {
-      class: "f-title",
-      onClick: l
-    }, [j("h4", {
-      class: "f-title-text"
-    }, [m.value]), s.value && j("span", null, [T.value])]);
-  }
-  function C() {
-    const D = x(() => {
-      const y = {
-        "f-content": !0
-      };
-      return n.headerContentClass && n.headerContentClass.split(" ").reduce((g, A) => (g[A] = !0, g), y), y;
-    });
-    return e.slots.headerContent ? j("div", {
-      class: D.value
-    }, [e.slots.headerContent()]) : "";
-  }
-  function S() {
-    return j("div", {
-      class: r.value
-    }, [e.slots.headerTitle ? e.slots.headerTitle() : v(), C(), w.value === "inHead" && h(), (o.value || p.value) && c()]);
-  }
-  return () => n.showHeader && (e.slots.header ? b() : S());
-}
-const z = /* @__PURE__ */ q({
-  name: "FSection",
-  props: G,
-  emits: [],
-  setup(n, e) {
-    const t = M();
-    let a = M();
-    const u = M(n.customClass), f = x(() => n.enableAccordion), m = M(n.expandStatus), T = x(() => n.buttonPosition), w = M(!1), h = ae(n, e, m, t, a, w), d = Q(n, e), s = x(() => {
-      const c = {
-        "f-section": !0,
-        "f-section-accordion": f.value === "default",
-        "f-state-collapse": (f.value === "default" || f.value === "custom") && !m.value,
-        "f-section-custom-accordion": f.value === "custom",
-        "f-section-fill": n.fill,
-        "f-section-maximize": w.value
-      };
-      return u.value && u.value.split(" ").reduce((b, v) => (b[v] = !0, b), c), c;
-    }), o = x(() => {
-      const c = n.contentClass.split(" "), b = {
-        "f-section-content": !0
-      };
-      return c.reduce((v, C) => (v[C] = !0, v), b), b;
-    }), p = x(() => {
-      const c = n.extendClass.split(" "), b = {
-        "f-section-extend": !0
-      };
-      return c.reduce((v, C) => (v[C] = !0, v), b), b;
-    });
-    function r() {
-      return e.slots.extend && j("div", {
-        class: p.value
-      }, [e.slots.extend()]);
-    }
-    function l() {
-      return j("div", {
-        class: o.value
-      }, [T.value === "inContent" && d(), e.slots.default && e.slots.default()]);
-    }
-    return J(() => {
-      t && t.value && (a.value = t.value.parentElement);
-    }), () => j("div", {
-      class: s.value,
-      ref: t
-    }, [h(), r(), l()]);
-  }
-});
-function yt() {
-  function n(e) {
-    var u, f;
-    if (!e)
-      return !1;
-    const t = ((u = e.targetContainer) == null ? void 0 : u.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!t)
-      return !1;
-    const a = (f = t.schema.appearance) == null ? void 0 : f.class;
-    if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const m = t.schema.type, T = (m === "response-form" || m === "content-container") && a && a.includes("farris-form");
-      if (t.schema.type !== "response-layout-item" && !T)
-        return !1;
-    }
-    return e.controlType !== "field-set";
-  }
-  return {
-    basalDragulaRuleForContainer: n
-  };
-}
-const gt = "https://json-schema.org/draft/2020-12/schema", mt = "https://farris-design.gitee.io/dragging-rules.schema.json", vt = "Dragging Rules", Ct = "The rules of designer canvas", wt = "object", jt = {
-  "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"
-                                  }
-                                }
-                              }
-                            },
-                            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"
-  }
-}, Tt = [], St = {
-  $schema: gt,
-  $id: mt,
-  title: vt,
-  description: Ct,
-  type: wt,
-  properties: jt,
-  required: Tt
-}, R = /* @__PURE__ */ new Map();
-function At() {
-  function n(r, l, c, b) {
-    if (typeof c == "number")
-      return b[r].length === c;
-    if (typeof c == "object") {
-      const v = Object.keys(c)[0], C = c[v];
-      if (v === "not")
-        return Number(b[r].length) !== Number(C);
-      if (v === "moreThan")
-        return Number(b[r].length) >= Number(C);
-      if (v === "lessThan")
-        return Number(b[r].length) <= Number(C);
-    }
-    return !1;
-  }
-  function e(r, l, c, b) {
-    return typeof c == "boolean" ? b.childrenClassList.includes(l) === !!c : !1;
-  }
-  function t(r, l, c, b) {
-    return typeof c == "boolean" ? b.parentClassList.includes(l) === !!c : !1;
-  }
-  function a(r, l, c, b) {
-    return typeof c == "boolean" ? b.parentClassList.includes(l) === !!c : !1;
-  }
-  const u = /* @__PURE__ */ new Map([
-    ["length", n],
-    ["hasChildren", e],
-    ["hasSibling", a],
-    ["hasParent", t]
-  ]);
-  function f(r, l) {
-    const c = r;
-    return typeof l == "number" ? [{ target: c, operator: "length", param: null, value: Number(l) }] : typeof l == "object" ? Object.keys(l).map((b) => {
-      if (b === "length")
-        return { target: c, operator: "length", param: null, value: l[b] };
-      const v = b, C = l[b];
-      return { target: c, operator: r === "children" ? "hasChildren" : r === "parent" ? "hasParent" : "hasSibling", param: v, value: C };
-    }) : [];
-  }
-  function m(r, l) {
-    if (u.has(r.operator)) {
-      const c = u.get(r.operator);
-      return c && c(r.target, r.param, r.value, l) || !1;
-    }
-    return !1;
-  }
-  function T(r, l) {
-    return Object.keys(r).reduce((C, S) => {
-      const D = f(S, r[S]);
-      return C.push(...D), C;
-    }, []).reduce((C, S) => C && m(S, l), !0);
-  }
-  function w(r, l) {
-    const c = Object.keys(r), b = c.includes("allOf"), v = c.includes("anyOf"), C = b || v, y = (C ? r[C ? b ? "allOf" : "anyOf" : "allOf"] : [r]).map((g) => T(g, l));
-    return b ? !y.includes(!1) : y.includes(!0);
-  }
-  function h(r, l) {
-    const c = r.const;
-    return c ? typeof c == "boolean" ? c : typeof c == "object" ? w(c, l) : !1 : !1;
-  }
-  function d(r) {
-    return (l) => {
-      const c = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return r && r.properties && Object.keys(r.properties).reduce((b, v) => {
-        const C = r.properties[v];
-        return b[v] = h(C, l), b;
-      }, c), c;
-    };
-  }
-  function s(r, l, c) {
-    if (l.type === "object" && l.properties) {
-      const { rules: b, contents: v } = l.properties;
-      c.set(r, d(b)), v && Object.keys(v.properties).forEach(
-        (C) => s(C, v.properties[C], c)
-      );
-    }
-  }
-  function o() {
-    const { properties: r } = St;
-    Object.keys(r).forEach((l) => {
-      s(l, r[l], R);
-    });
-  }
-  function p(r, l) {
-    const c = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return R.has(r) ? R.get(r)(l) : c;
-  }
-  return o(), { getRuleValue: p };
-}
-function Dt(n, e) {
-  const t = M(!1), a = M(!1), u = At();
-  let f = !0, m = !1, T, w = !1;
-  function h(l) {
-    return !(!yt().basalDragulaRuleForContainer(l) || !f);
-  }
-  function d() {
-    return !w;
-  }
-  function s() {
-    return !w;
-  }
-  function o() {
-    return m;
-  }
-  function p(l) {
-  }
-  function r() {
-    t.value = !1, a.value = !1, w = !1, f = !0;
-    const l = n, c = l.appearance && l.appearance.class || "", b = c ? c.split(" ") : [], v = l.contents || [], C = v.length ? v[0] : null, S = C && C.appearance && C.appearance.class || "", D = S ? S.split(" ") : [], y = v.length ? v.reduce((F, N) => {
-      const _ = N && N.appearance ? N.appearance.class : "", E = _ ? _.split(" ") : [];
-      return F.push(...E), F;
-    }, []) : [], i = e, g = i && i.appearance && i.appearance.class || "", A = g ? g.split(" ") : [];
-    T = {
-      componentClass: c,
-      componentClassList: b,
-      childContents: v,
-      firstChildContent: C,
-      firstChildClass: S,
-      firstChildClassList: D,
-      parent: i,
-      parentClass: g,
-      parentClassList: A,
-      children: v,
-      childrenClassList: y
-    };
-    const { canAccept: O, fixed: $, hidePadding: B } = u.getRuleValue(b[0], T);
-    return f = O, m = B, w = $, !0;
-  }
-  return {
-    canAccepts: h,
-    checkCanDeleteComponent: d,
-    checkCanMoveComponent: s,
-    hideNestedPaddingInDesginerView: o,
-    onAcceptMovedChildElement: p,
-    resolveComponentContext: r,
-    triggerBelongedComponentToMoveWhenMoved: t,
-    triggerBelongedComponentToDeleteWhenDeleted: a
-  };
-}
-function Mt(n, e, t) {
-  var D;
-  function a() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  a();
-  const u = t && t.getStyles && t.getStyles() || "", f = t && t.getDesignerClass && t.getDesignerClass() || "", m = M();
-  function T() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
-  }
-  function w() {
-    return !1;
-  }
-  function h() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
-  }
-  function d() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
-  }
-  function s(y) {
-    if (!y || !y.value)
-      return null;
-    if (y.value.schema && y.value.schema.type === "component")
-      return y.value;
-    const i = M(y == null ? void 0 : y.value.parent), g = s(i);
-    return g || null;
-  }
-  function o(y = e) {
-    const { componentInstance: i, designerItemElementRef: g } = y;
-    return !i || !i.value ? null : i.value.canMove ? g : o(y.parent);
-  }
-  function p(y) {
-    return !!t && t.canAccepts(y);
-  }
-  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 l() {
-  }
-  function c(y, i) {
-    i && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(i);
-  }
-  function b(y) {
-    const { componentType: i } = y;
-    let g = V(i, y);
-    t && t.onResolveNewComponentSchema && (g = t.onResolveNewComponentSchema(y, g));
-    const A = i.toLowerCase().replace("-", "_");
-    return g && !g.id && g.type === i && (g.id = `${A}_${Math.random().toString().slice(2, 6)}`), g;
-  }
-  function v(y, i) {
-    const g = String(y.getAttribute("data-controltype")), A = y.getAttribute("data-feature"), O = A ? JSON.parse(A) : {};
-    O.parentComponentInstance = m.value;
-    let $ = V(g, O);
-    t && t.onAcceptNewChildElement && ($ = t.onAcceptNewChildElement(y, i, $));
-    const B = g.toLowerCase().replace("-", "_");
-    return $ && !$.id && $.type === g && ($.id = `${B}_${Math.random().toString().slice(2, 6)}`), $;
-  }
-  function C(y) {
-  }
-  function S() {
-    return t && t.getPropsConfig ? t.getPropsConfig() : [];
-  }
-  return m.value = {
-    canMove: T(),
-    canSelectParent: w(),
-    canDelete: h(),
-    canNested: !d(),
-    contents: e == null ? void 0 : e.schema.contents,
-    elementRef: n,
-    parent: (D = e == null ? void 0 : e.parent) == null ? void 0 : D.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: u,
-    designerClass: f,
-    canAccepts: p,
-    getBelongedComponentInstance: s,
-    getDraggableDesignItemElement: o,
-    getDraggingDisplayText: r,
-    getPropConfig: S,
-    getDragScopeElement: l,
-    onAcceptMovedChildElement: c,
-    onAcceptNewChildElement: v,
-    onChildElementMovedOut: C,
-    addNewChildComponentSchema: b,
-    updateDragAndDropRules: a,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || M(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || M(!1)
-  }, m;
-}
-const xt = /* @__PURE__ */ q({
-  name: "FSectionDesign",
-  props: G,
-  emits: [],
-  setup(n, e) {
-    var S;
-    const t = M(), a = M();
-    let u = M();
-    const f = de("design-item-context"), m = Dt(f.schema, (S = f.parent) == null ? void 0 : S.schema), T = Mt(t, f, m);
-    T.value.styles = "display: inherit;", J(() => {
-      t.value.componentInstance = T;
-    }), e.expose(T.value);
-    const w = M(n.customClass), h = x(() => n.enableAccordion), d = M(n.expandStatus), s = x(() => n.buttonPosition), o = M(!1), p = ae(n, e, d, a, u, o), r = Q(n, e), l = x(() => {
-      const D = {
-        "f-section": !0,
-        "f-section-accordion": h.value === "default",
-        "f-state-collapse": (h.value === "default" || h.value === "custom") && !d.value,
-        "f-section-custom-accordion": h.value === "custom",
-        "f-section-fill": n.fill,
-        "f-section-maximize": o.value,
-        "f-utils-fill": !0,
-        "p-0": !0
-      };
-      return w.value && w.value.split(" ").reduce((y, i) => (y[i] = !0, y), D), D;
-    }), c = x(() => {
-      const D = n.contentClass.split(" "), y = {
-        "f-section-content": !0,
-        "drag-container": !0
-      };
-      return D.reduce((i, g) => (i[g] = !0, i), y), y;
-    }), b = x(() => {
-      const D = n.extendClass.split(" "), y = {
-        "f-section-extend": !0
-      };
-      return D.reduce((i, g) => (i[g] = !0, i), y), y;
-    });
-    function v() {
-      return e.slots.extend && j("div", {
-        class: b.value
-      }, [e.slots.extend()]);
-    }
-    function C() {
-      return j("div", {
-        class: c.value,
-        ref: t,
-        "data-dragref": `${f.schema.id}-container`
-      }, [s.value === "inContent" && r(), e.slots.default && e.slots.default()]);
-    }
-    return () => j("div", {
-      class: l.value,
-      ref: a
-    }, [p(), v(), C()]);
-  }
-}), Ot = {
-  install(n) {
-    n.component(z.name, z);
-  },
-  register(n, e, t) {
-    n.section = z, e.section = X;
-  },
-  registerDesigner(n, e, t) {
-    n.section = xt, e.section = X;
-  }
-};
-export {
-  z as Section,
-  Ot as default,
-  X as propsResolver,
-  G as sectionProps
-};