@farris/ui-vue 1.1.0 → 1.1.1

package/page-header/index.esm.js

@@ -1,2141 +0,0 @@
-var je = Object.defineProperty;
-var Ae = (s, n, e) => n in s ? je(s, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[n] = e;
-var R = (s, n, e) => (Ae(s, typeof n != "symbol" ? n + "" : n, e), e);
-import { computed as V, getCurrentInstance as Se, createVNode as a, ref as P, defineComponent as te, onMounted as ne, onUnmounted as De, watch as re, createTextVNode as ee, inject as J, provide as $e, onBeforeUnmount as Ne } from "vue";
-import { cloneDeep as _e } from "lodash-es";
-const de = {}, Ee = {};
-function pe(s) {
-  const { properties: n, title: e } = s, i = Object.keys(n).reduce((f, v) => (f[v] = n[v].type === "object" && n[v].properties ? pe(n[v]) : _e(n[v].default), f), {});
-  return i.id = `${e}-${Date.now()}`, i;
-}
-function Y(s, n = {}) {
-  const e = de[s];
-  if (e) {
-    let i = pe(e);
-    const f = Ee[s];
-    return i = f ? f({ getSchemaByType: Y }, i, n) : i, i;
-  }
-  return null;
-}
-function Ie(s, n) {
-  const e = pe(n);
-  return Object.keys(s).reduce((i, f) => (i[f] = s[f], i), e), e;
-}
-function Le(s, n) {
-  return Object.keys(s).filter((i) => s[i] != null).reduce((i, f) => {
-    if (n.has(f)) {
-      const v = n.get(f);
-      if (typeof v == "string")
-        i[v] = s[f];
-      else {
-        const y = v(f, s[f], s);
-        Object.assign(i, y);
-      }
-    } else
-      i[f] = s[f];
-    return i;
-  }, {});
-}
-function Fe(s, n, e = /* @__PURE__ */ new Map()) {
-  const i = Ie(s, n);
-  return Le(i, e);
-}
-function Re(s = {}) {
-  function n(h, m, c, r) {
-    if (typeof c == "number")
-      return r[h].length === c;
-    if (typeof c == "object") {
-      const p = Object.keys(c)[0], C = c[p];
-      if (p === "not")
-        return Number(r[h].length) !== Number(C);
-      if (p === "moreThan")
-        return Number(r[h].length) >= Number(C);
-      if (p === "lessThan")
-        return Number(r[h].length) <= Number(C);
-    }
-    return !1;
-  }
-  function e(h, m, c, r) {
-    return r[m] && r[m].propertyValue && String(r[m].propertyValue.value) === String(c);
-  }
-  const i = /* @__PURE__ */ new Map([
-    ["length", n],
-    ["getProperty", e]
-  ]);
-  Object.keys(s).reduce((h, m) => (h.set(m, s[m]), h), i);
-  function f(h, m) {
-    const c = h;
-    return typeof m == "number" ? [{ target: c, operator: "length", param: null, value: Number(m) }] : typeof m == "boolean" ? [{ target: c, operator: "getProperty", param: h, value: !!m }] : typeof m == "object" ? Object.keys(m).map((r) => {
-      if (r === "length")
-        return { target: c, operator: "length", param: null, value: m[r] };
-      const p = r, C = m[r];
-      return { target: c, operator: h, param: p, value: C };
-    }) : [];
-  }
-  function v(h) {
-    return Object.keys(h).reduce((c, r) => {
-      const p = f(r, h[r]);
-      return c.push(...p), c;
-    }, []);
-  }
-  function y(h, m) {
-    if (i.has(h.operator)) {
-      const c = i.get(h.operator);
-      return c && c(h.target, h.param, h.value, m) || !1;
-    }
-    return !1;
-  }
-  function x(h, m) {
-    return v(h).reduce((p, C) => p && y(C, m), !0);
-  }
-  function A(h, m) {
-    const c = Object.keys(h), r = c.includes("allOf"), p = c.includes("anyOf"), C = r || p, L = (C ? h[C ? r ? "allOf" : "anyOf" : "allOf"] : [h]).map((T) => x(T, m));
-    return r ? !L.includes(!1) : L.includes(!0);
-  }
-  return { parseValueSchema: A };
-}
-const xe = {}, We = {};
-Re();
-function ke(s, n, e = /* @__PURE__ */ new Map(), i = (y, x, A) => x, f = {}, v = (y) => y) {
-  return de[n.title] = n, Ee[n.title] = i, xe[n.title] = f, We[n.title] = v, (y = {}) => {
-    const x = Fe(y, n, e), A = Object.keys(s).reduce((h, m) => (h[m] = s[m].default, h), {});
-    return Object.assign(A, x);
-  };
-}
-function Ve(s, n) {
-  return { customClass: n.class };
-}
-function qe(s, n) {
-  return { buttons: n.buttons };
-}
-const He = /* @__PURE__ */ new Map([
-  ["appearance", Ve],
-  ["toolbar", qe]
-]), ze = "https://json-schema.org/draft/2020-12/schema", Ue = "https://farris-design.gitee.io/page-header.schema.json", Ge = "page-header", Je = "A Farris Container Component", Qe = "object", Xe = {
-  id: {
-    description: "The unique identifier for a Page Header",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Page Header component",
-    type: "string",
-    default: "page-header"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  showIcon: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  icon: {
-    description: "",
-    type: "string",
-    default: "f-icon-page-title-record"
-  },
-  iconClass: {
-    description: "",
-    type: "string",
-    default: "f-text-orna-bill"
-  },
-  title: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  subTitle: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  toolbar: {
-    description: "",
-    type: "object",
-    properties: {
-      id: {
-        description: "The unique identifier for a Response Toolbar",
-        type: "string"
-      },
-      type: {
-        description: "The type string of Response Toolbar",
-        type: "string",
-        default: "response-toolbar"
-      },
-      alignment: {
-        description: "The alignment of Response Toolbar Button.",
-        type: "string",
-        default: "right"
-      },
-      buttons: {
-        description: "The items of Response Toolbar.",
-        type: "array",
-        default: []
-      }
-    }
-  },
-  buttonClass: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  titleContentClass: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  contentClass: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  downContentClass: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  showPagination: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  prePaginationDisabled: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  nextPaginationDisabled: {
-    description: "",
-    type: "boolean",
-    default: !1
-  }
-}, Ye = {
-  $schema: ze,
-  $id: Ue,
-  title: Ge,
-  description: Je,
-  type: Qe,
-  properties: Xe
-}, Ze = "page-header", Ke = "A Farris Container Component", et = "object", tt = {
-  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: []
-        }
-      },
-      icon: {
-        title: "图标",
-        type: "string",
-        description: "图标"
-      },
-      title: {
-        title: "标题",
-        type: "string",
-        description: "标题"
-      }
-    }
-  },
-  appearance: {
-    title: "样式",
-    description: "Appearance",
-    properties: {
-      class: {
-        title: "class",
-        type: "string",
-        description: ""
-      },
-      style: {
-        title: "style",
-        type: "string",
-        description: ""
-      }
-    }
-  }
-}, nt = {
-  title: Ze,
-  description: Ke,
-  type: et,
-  categories: tt
-};
-function ot(s, n, e) {
-  return n.title = "标题", n;
-}
-const fe = {
-  /** 组件自定义样式 */
-  customClass: { type: String, default: "" },
-  /** 是否显示图标 */
-  showIcon: { type: Boolean, default: !0 },
-  /** 图标的名称 */
-  icon: { type: String, default: "f-icon-page-title-record" },
-  /** 图标自定义样式，比如颜色、背景 */
-  iconClass: { type: String, default: "f-text-orna-bill" },
-  /** 主标题 */
-  title: { type: String, default: "" },
-  /** 副标题 */
-  subTitle: { type: String, default: "" },
-  /** 按钮组的样式 */
-  buttonClass: { type: String, default: "col-6" },
-  /** 按钮组 */
-  buttons: { type: Array, default: [] },
-  /** 标题区域模板自定义样式 */
-  titleContentClass: { type: String, default: "" },
-  /** 内容区域模板自定义样式 */
-  contentClass: { type: String, default: "" },
-  /** 下方扩展区域模板自定义样式 */
-  downContentClass: { type: String, default: "" },
-  /** 是否显示翻页图标 */
-  showPagination: { type: Boolean, default: !1 },
-  /** 向前翻页是否禁用 */
-  prePaginationDisabled: { type: Boolean, default: !0 },
-  /** 向后翻页是否禁用 */
-  nextPaginationDisabled: { type: Boolean, default: !1 }
-}, ge = ke(fe, Ye, He, ot, nt), st = /* @__PURE__ */ new Map([
-  ["buttons", "items"]
-]);
-function ct(s, n, e) {
-  return n;
-}
-const rt = "https://json-schema.org/draft/2020-12/schema", lt = "https://farris-design.gitee.io/response-toolbar.schema.json", at = "response-toolbar", it = "A Farris Toolbar Component", ut = "object", dt = {
-  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: []
-  }
-}, pt = [
-  "id",
-  "type",
-  "buttons"
-], ft = {
-  $schema: rt,
-  $id: lt,
-  title: at,
-  description: it,
-  type: ut,
-  properties: dt,
-  required: pt
-}, mt = "https://json-schema.org/draft/2020-12/schema", ht = "https://farris-design.gitee.io/response-toolbar-item.schema.json", gt = "response-toolbar-item", bt = "A Farris Toolbar Item Component", yt = "object", vt = {
-  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: ""
-  }
-}, Ct = [
-  "id",
-  "type",
-  "text"
-], be = {
-  $schema: mt,
-  $id: ht,
-  title: gt,
-  description: bt,
-  type: yt,
-  properties: vt,
-  required: Ct
-}, wt = "response-toolbar", Tt = "A Farris Component", St = "object", Dt = {
-  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"
-      }
-    }
-  }
-}, Et = {
-  title: wt,
-  description: Tt,
-  type: St,
-  categories: Dt
-}, xt = "response-toolbar-item", kt = "A Farris Container Component", Mt = "object", Bt = {
-  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: ""
-      }
-    }
-  }
-}, ye = {
-  title: xt,
-  description: kt,
-  type: Mt,
-  categories: Bt
-}, me = {
-  /**  组件自定义样式 */
-  customClass: { type: String, default: "" },
-  alignment: { Type: String, default: "right" },
-  items: {
-    Type: Array,
-    default: []
-  }
-};
-de[be.title] = be;
-xe[ye.title] = ye;
-const Pt = ke(
-  me,
-  ft,
-  st,
-  ct,
-  Et
-);
-class Me {
-  constructor(n) {
-    /** 工具栏项标识 */
-    R(this, "id", "");
-    /** 工具栏项自定义样式 */
-    R(this, "class", "btn-secondary");
-    /** 图标 */
-    R(this, "icon", "");
-    /** 所属分组 */
-    R(this, "groupId", "");
-    /** 收藏顺序 */
-    R(this, "order", -1);
-    /** 是否作为下拉菜单的顶层按钮 */
-    R(this, "asDropDownTop", !1);
-    /** 文本 */
-    R(this, "text", "");
-    /** 是否可见 */
-    R(this, "visible", !0);
-    R(this, "responsed", !1);
-    /** 是否启用提示消息 */
-    R(this, "tipsEnable", !1);
-    /** 提示消息内容 */
-    R(this, "tipsText", "");
-    /** 记录宽度 */
-    R(this, "width", 0);
-    R(this, "onClick", () => {
-    });
-    R(this, "options");
-    this.options = n;
-    const e = [
-      "id",
-      "class",
-      "icon",
-      "groupId",
-      "order",
-      "asDropDownTop",
-      "text",
-      "isDP",
-      "visible",
-      "responsed",
-      "width",
-      "tipsEnable",
-      "tipsText",
-      "onClick"
-    ];
-    Object.keys(n).filter((i) => e.indexOf(i) > -1).forEach((i) => {
-      this[i] = n[i];
-    });
-  }
-  /** 是否可用 */
-  get enable() {
-    return Object.keys(this.options).indexOf("enable") > -1 ? this.options.enable : V(() => !0);
-  }
-  /** 设置宽度 */
-  setWidth(n) {
-    this.width = parseInt(n, 10);
-  }
-  /** 获取宽度 */
-  getWidth() {
-    return this.visible ? this.width : !1;
-  }
-}
-class Ot extends Me {
-  constructor(n) {
-    super(n);
-  }
-}
-function he() {
-  function s(n) {
-    const e = [];
-    return n.reduce((i, f) => (f.children && f.children.length > 0 ? i.push(new oe(f)) : i.push(new Ot(f)), i), e), e;
-  }
-  return { buildResponseToolbarItems: s };
-}
-const { buildResponseToolbarItems: jt } = he();
-class oe extends Me {
-  constructor(e) {
-    super(e);
-    R(this, "placement", "");
-    // 下拉位置
-    /** 下拉class */
-    R(this, "dropdownClass", "");
-    /** 下拉菜单class */
-    R(this, "menuClass", "");
-    /** 是否用分开的下拉按钮 */
-    R(this, "split", !1);
-    R(this, "children", []);
-    R(this, "expanded", !1);
-    const i = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
-    Object.keys(e).filter((f) => i.indexOf(f) > -1).forEach((f) => {
-      this[f] = e[f];
-    }), e.children && e.children.length && (this.children = jt(e.children));
-  }
-}
-function Be() {
-  function s(e) {
-    const i = {
-      "f-icon": !0
-    };
-    if (e.icon) {
-      const f = e.icon.trim().split(" ");
-      f && f.length && f.reduce((v, y) => (v[y] = !0, v), i);
-    }
-    return i;
-  }
-  function n(e) {
-    return !!(e.icon && e.icon.trim());
-  }
-  return { iconClass: s, shouldShowIcon: n };
-}
-function At(s) {
-  function n(c) {
-    const r = {
-      "dropdown-menu": !0
-    };
-    if (c.class) {
-      const p = c.menuClass.split(" ");
-      p && p.length && p.reduce((C, M) => (C[M] = !0, C), r);
-    }
-    return r;
-  }
-  function e(c) {
-    const r = {
-      disabled: !c.enable,
-      "dropdown-submenu": !0,
-      "f-rt-dropdown": !0
-    }, p = c.dropdownClass.split(" ");
-    return p && p.length && p.reduce((C, M) => (C[M] = !0, C), r), r;
-  }
-  function i(c) {
-    const r = {
-      disabled: !c.enable,
-      "dropdown-item": !0,
-      "f-rt-btn": !0
-    }, p = c.class.split(" ");
-    return p && p.length && p.reduce((C, M) => (C[M] = !0, C), r), r;
-  }
-  let f;
-  const v = /* @__PURE__ */ new Map();
-  function y(c, r, p) {
-    var M;
-    ((M = c.target) == null ? void 0 : M.id) === r.id && c.stopPropagation();
-    const C = p ? p.id : "__top_item__";
-    if (r.children && r.children.length && (r.expanded = !r.expanded, r.expanded ? v.set(C, r) : v.delete(C)), v.has(C) && v.get(C) !== r) {
-      const _ = v.get(C);
-      _ && (_.expanded = !1);
-    }
-  }
-  function x(c, r) {
-    document.body.click(), r.enable && r.onClick(c, r.id);
-  }
-  function A(c) {
-    return c.children.map((r) => r.children && r.children.length ? a("li", {
-      class: e(r),
-      id: r.id,
-      onClick: (p) => r.enable && y(p, r, c)
-    }, [a("span", {
-      id: r.id,
-      class: i(r),
-      onMouseover: (p) => r.enable && y(p, r, c)
-    }, [r.text, a("i", {
-      class: "f-icon f-icon-arrow-chevron-right",
-      style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), f(r, r)]) : a("li", {
-      class: i(r),
-      id: r.id,
-      onClick: (p) => x(p, r),
-      onMouseover: (p) => r.enable && y(p, r, c)
-    }, [s.shouldShowIcon(r) && a("i", {
-      class: s.iconClass(r)
-    }, null), r.text]));
-  }
-  function h(c, r, p) {
-    const C = {
-      display: c.expanded ? "block" : "none",
-      position: "fixed",
-      maxWidth: "300px",
-      width: "auto",
-      minWidth: "120px"
-    }, M = document.getElementsByTagName("body")[0].getClientRects()[0].width, _ = r, L = _ == null ? void 0 : _.getClientRects();
-    if (_ && L && L.length) {
-      const {
-        top: W,
-        width: T,
-        left: N,
-        right: O,
-        height: w
-      } = L[0], u = Math.ceil(w + W);
-      C.top = `${u}px`, C.left = `${N}px`;
-      const E = c.id + "_menu", $ = r ? r.querySelector("#" + E) : null;
-      if ($) {
-        C.display === "block" && ($.style.display = "block");
-        const d = $.getBoundingClientRect();
-        if (p) {
-          C.top = `${W - 6}px`;
-          const t = Math.ceil(T + N);
-          C.left = `${t}px`;
-        }
-        M - N - T < d.width && (C.left = `${(p ? N : O) - d.width}px`);
-      }
-    }
-    return C;
-  }
-  f = function(c, r) {
-    var _, L;
-    const p = Se(), C = r ? r.id : c.id, M = (L = (_ = p == null ? void 0 : p.exposed) == null ? void 0 : _.elementRef.value) == null ? void 0 : L.querySelector("#" + C);
-    return a("ul", {
-      class: n(c),
-      style: h(c, M, r),
-      id: c.id + "_menu"
-    }, [A(c)]);
-  };
-  function m() {
-    v.forEach((c) => {
-      c.expanded = !1;
-    }), v.clear();
-  }
-  return {
-    renderDropdownMenu: f,
-    clearAllDropDownMenu: m
-  };
-}
-function $t(s, n) {
-  const e = P(s.alignment), {
-    renderDropdownMenu: i,
-    clearAllDropDownMenu: f
-  } = At(n);
-  function v(m) {
-    const c = {
-      "btn-group": !0,
-      "f-rt-dropdown": !0,
-      "f-btn-ml": e.value === "right",
-      "f-btn-mr": e.value === "left"
-    }, r = m.dropdownClass.split(" ");
-    return r && r.length && r.reduce((p, C) => (p[C] = !0, p), c), c;
-  }
-  function y(m) {
-    const c = {
-      btn: !0,
-      disabled: !m.enable,
-      "f-rt-btn": !0,
-      "btn-icontext": !!(m.icon && m.icon.trim())
-    };
-    if (m.class) {
-      const r = m.class.split(" ");
-      r && r.length && r.reduce((p, C) => (p[C] = !0, p), c);
-    }
-    return c;
-  }
-  function x(m, c) {
-    m.stopPropagation();
-    const r = c.expanded;
-    document.body.click(), c.expanded = !r;
-  }
-  function A(m) {
-    return a("div", {
-      id: m.id,
-      class: v(m)
-    }, [a("div", {
-      class: y(m),
-      style: "display: flex;padding-right: 0.1rem;",
-      onClick: (c) => m.enable && x(c, m)
-    }, [n.shouldShowIcon(m) && a("i", {
-      class: n.iconClass(m)
-    }, null), a("span", null, [m.text]), a("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)]), i(m)]);
-  }
-  function h() {
-    f();
-  }
-  return {
-    renderToolbarDropdown: A,
-    clearAllDropDown: h
-  };
-}
-const {
-  buildResponseToolbarItems: ve
-} = he(), Nt = /* @__PURE__ */ te({
-  name: "FResponseToolbar",
-  props: me,
-  emits: [],
-  setup(s, n) {
-    const e = P(ve(s.items)), i = P(), f = P(), v = P(), y = P(s.alignment), x = {
-      id: "__more_buttons__",
-      text: "更多"
-    }, A = P(new oe(x)), h = Be(), m = V(() => A.value.children.length > 0), c = V(() => {
-      const u = {
-        "f-toolbar": !0,
-        "f-response-toolbar": !0,
-        "position-relative": !0
-      };
-      if (s.customClass) {
-        const E = s.customClass.split(" ");
-        E && E.length && E.reduce(($, d) => ($[d] = !0, $), u);
-      }
-      return u;
-    }), r = V(() => ({
-      "d-flex": !0,
-      "flex-nowrap": !0,
-      "justify-content-end": y.value === "right",
-      "justify-content-start": y.value === "left"
-    })), {
-      renderToolbarDropdown: p,
-      clearAllDropDown: C
-    } = $t(s, h);
-    function M() {
-      e.value.filter((u) => u.children && u.children.length > 0).forEach((u) => {
-        u.expanded = !1;
-      }), A.value.expanded = !1, C();
-    }
-    function _(u) {
-      const E = {
-        btn: !0,
-        "f-rt-btn": !0,
-        "f-btn-ml": y.value === "right",
-        "f-btn-mr": y.value === "left",
-        "btn-icontext": !!(u.icon && u.icon.trim())
-      };
-      if (u.class) {
-        const $ = u.class.split(" ");
-        $ && $.length && $.reduce((d, t) => (d[t] = !0, d), E);
-      }
-      return E;
-    }
-    function L(u, E) {
-      document.body.click(), E.onClick(u, E.id);
-    }
-    function W(u) {
-      return a("button", {
-        type: "button",
-        class: _(u),
-        id: u.id,
-        disabled: !u.enable,
-        onClick: (E) => L(E, u)
-      }, [h.shouldShowIcon(u) && a("i", {
-        class: h.iconClass(u)
-      }, null), u.text]);
-    }
-    const T = /* @__PURE__ */ new Map(), N = [];
-    function O(u) {
-      const E = v.value;
-      let $ = u;
-      const d = Array.from(E.children), t = d[d.length - 1].id === "__more_buttons__" ? d[d.length - 1] : null;
-      if (t) {
-        const S = t.computedStyleMap().get("margin-left"), j = t.computedStyleMap().get("margin-right"), H = (S ? S.value : 0) + t.getBoundingClientRect().width + (j ? j.value : 0);
-        $ -= H;
-      }
-      const o = d.filter((S) => S.id !== "__more_buttons__");
-      for (const S of o) {
-        const j = S.computedStyleMap().get("margin-left"), H = S.computedStyleMap().get("margin-right"), Q = (j ? j.value : 0) + S.getBoundingClientRect().width + (H ? H.value : 0);
-        $ < Q ? (T.set(S.id, !0), N.push({
-          id: S.id,
-          width: Q
-        })) : $ -= Q;
-      }
-      if (N.length)
-        for (let S = N.length - 1; S >= 0; S--) {
-          const j = N[S].width;
-          if ($ >= j)
-            $ -= j, T.delete(N[S].id), N.pop();
-          else
-            break;
-        }
-      const l = Object.assign({}, A.value);
-      l.children = [];
-      const g = new oe(l), B = e.value.reduce((S, j) => (T.has(j.id) && g.children.push(j), j.visible = !T.has(j.id), S.push(j), S), []);
-      A.value = g, e.value = B;
-    }
-    const w = new ResizeObserver((u) => {
-      if (u.length) {
-        const $ = u[0].contentRect.width, t = v.value.getBoundingClientRect().width;
-        ($ < t || N.length) && (O($), M());
-      }
-    });
-    return ne(() => {
-      const u = f.value;
-      w.observe(u), document.body.addEventListener("click", M), document.body.addEventListener("wheel", M);
-    }), De(() => {
-      w.disconnect(), document.body.removeEventListener("click", M), document.body.removeEventListener("wheel", M);
-    }), re(() => s.items, () => {
-      e.value = ve(s.items);
-    }), n.expose({
-      elementRef: i
-    }), () => a("div", {
-      class: c.value,
-      ref: i
-    }, [a("div", {
-      ref: f,
-      class: r.value
-    }, [a("div", {
-      ref: v,
-      class: "d-inline-block f-response-content",
-      style: "white-space: nowrap;"
-    }, [e.value.filter((u) => u.visible).map((u) => u.children && u.children.length > 0 ? p(u) : W(u)), m.value && p(A.value)])])]);
-  }
-}), ie = /* @__PURE__ */ te({
-  name: "FPageHeader",
-  props: fe,
-  emits: ["Click", "PrePaginationClick", "NextPaginationClick"],
-  setup(s, n) {
-    const e = P(s.buttons), i = (T) => {
-      n.emit("Click", T);
-    };
-    function f(T, N) {
-      T && N && N.split(" ").reduce((w, u) => (w[u] = !0, w), T);
-    }
-    const v = V(() => {
-      const T = {
-        "f-page-header": !0
-      };
-      return f(T, s.customClass), T;
-    }), y = V(() => {
-      const T = {
-        "f-title-icon": !0
-      };
-      return f(T, s.iconClass), T;
-    }), x = V(() => {
-      const T = {
-        "f-icon": !0
-      };
-      return f(T, s.icon), T;
-    }), A = V(() => {
-      const T = {
-        "f-title": !0
-      };
-      return f(T, s.titleContentClass), T;
-    }), h = V(() => {
-      const T = {
-        "f-content": !0
-      };
-      return f(T, s.contentClass), T;
-    }), m = V(() => {
-      const T = {
-        "f-content": !0
-      };
-      return f(T, s.downContentClass), T;
-    }), c = V(() => ({
-      "f-icon f-icon-arrow-w": !0,
-      "f-state-disabled": s.prePaginationDisabled
-    })), r = V(() => ({
-      "f-icon f-icon-arrow-e": !0,
-      "f-state-disabled": s.nextPaginationDisabled
-    }));
-    function p(T) {
-      s.prePaginationDisabled || n.emit("PrePaginationClick", T);
-    }
-    function C(T) {
-      s.nextPaginationDisabled || n.emit("NextPaginationClick", T);
-    }
-    function M() {
-      return n.slots.titleContent ? a("div", {
-        class: A.value
-      }, [ee(" "), n.slots.titleContent()]) : a("div", {
-        class: "f-title"
-      }, [s.showIcon && s.icon ? a("span", {
-        class: y.value
-      }, [a("i", {
-        class: x.value
-      }, null)]) : "", a("h4", {
-        class: "f-title-text"
-      }, [s.title]), s.subTitle ? a("h5", {
-        class: "f-title-subtitle"
-      }, [s.subTitle]) : "", s.showPagination ? a("div", {
-        class: "f-title-pagination"
-      }, [a("span", {
-        class: c.value,
-        onClick: p
-      }, null), a("span", {
-        class: r.value,
-        onClick: C
-      }, null)]) : ""]);
-    }
-    function _() {
-      return n.slots.content ? a("div", {
-        class: h.value
-      }, [ee(" "), n.slots.content()]) : "";
-    }
-    function L() {
-      if (s.buttons && s.buttons.length > 0)
-        return a(Nt, {
-          customClass: s.buttonClass,
-          items: e.value,
-          onClick: i
-        }, null);
-    }
-    function W() {
-      return n.slots.downContent ? a("div", {
-        class: m.value
-      }, [ee(" "), n.slots.downContent()]) : "";
-    }
-    return () => a("div", {
-      class: v.value
-    }, [a("nav", {
-      class: "f-page-header-base"
-    }, [M(), _(), L()]), W()]);
-  }
-});
-function Pe(s, n, e) {
-  var O;
-  function i() {
-    e != null && e.resolveComponentContext && e.resolveComponentContext();
-  }
-  i();
-  const f = e && e.getStyles && e.getStyles() || "", v = e && e.getDesignerClass && e.getDesignerClass() || "", y = P();
-  function x() {
-    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
-  }
-  function A() {
-    return !1;
-  }
-  function h() {
-    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !1 : e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
-  }
-  function m() {
-    return (n == null ? void 0 : n.schema.componentType) === "frame" ? !0 : e && e.hideNestedPaddingInDesginerView ? e.hideNestedPaddingInDesginerView() : !1;
-  }
-  function c(w) {
-    if (!w || !w.value)
-      return null;
-    if (w.value.schema && w.value.schema.type === "component")
-      return w.value;
-    const u = P(w == null ? void 0 : w.value.parent), E = c(u);
-    return E || null;
-  }
-  function r(w = n) {
-    const { componentInstance: u, designerItemElementRef: E } = w;
-    return !u || !u.value ? null : u.value.canMove ? E : r(w.parent);
-  }
-  function p(w) {
-    return !!e && e.canAccepts(w);
-  }
-  function C() {
-    return (n == null ? void 0 : n.schema.label) || (n == null ? void 0 : n.schema.title) || (n == null ? void 0 : n.schema.name);
-  }
-  function M() {
-  }
-  function _(w, u) {
-    u && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(u);
-  }
-  function L(w) {
-    const { componentType: u } = w;
-    let E = Y(u, w);
-    e && e.onResolveNewComponentSchema && (E = e.onResolveNewComponentSchema(w, E));
-    const $ = u.toLowerCase().replace("-", "_");
-    return E && !E.id && E.type === u && (E.id = `${$}_${Math.random().toString().slice(2, 6)}`), E;
-  }
-  function W(w, u) {
-    const E = String(w.getAttribute("data-controltype")), $ = w.getAttribute("data-feature"), d = $ ? JSON.parse($) : {};
-    d.parentComponentInstance = y.value;
-    let t = Y(E, d);
-    e && e.onAcceptNewChildElement && (t = e.onAcceptNewChildElement(w, u, t));
-    const o = E.toLowerCase().replace("-", "_");
-    return t && !t.id && t.type === E && (t.id = `${o}_${Math.random().toString().slice(2, 6)}`), t;
-  }
-  function T(w) {
-  }
-  function N() {
-    return e && e.getPropsConfig ? e.getPropsConfig() : [];
-  }
-  return y.value = {
-    canMove: x(),
-    canSelectParent: A(),
-    canDelete: h(),
-    canNested: !m(),
-    contents: n == null ? void 0 : n.schema.contents,
-    elementRef: s,
-    parent: (O = n == null ? void 0 : n.parent) == null ? void 0 : O.componentInstance,
-    schema: n == null ? void 0 : n.schema,
-    styles: f,
-    designerClass: v,
-    canAccepts: p,
-    getBelongedComponentInstance: c,
-    getDraggableDesignItemElement: r,
-    getDraggingDisplayText: C,
-    getPropConfig: N,
-    getDragScopeElement: M,
-    onAcceptMovedChildElement: _,
-    onAcceptNewChildElement: W,
-    onChildElementMovedOut: T,
-    addNewChildComponentSchema: L,
-    updateDragAndDropRules: i,
-    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || P(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || P(!1)
-  }, y;
-}
-function _t(s, n) {
-  function e(f) {
-    return !1;
-  }
-  function i() {
-    return !0;
-  }
-  return {
-    canAccepts: e,
-    hideNestedPaddingInDesginerView: i
-  };
-}
-function It(s, n) {
-  const e = J("design-item-context"), i = J("toolbar-item-handler", null);
-  function f() {
-    i && i();
-  }
-  function v(t) {
-    const o = {
-      "dropdown-menu": !0
-    };
-    if (t.class) {
-      const l = t.menuClass.split(" ");
-      l && l.length && l.reduce((g, B) => (g[B] = !0, g), o);
-    }
-    return o;
-  }
-  function y(t) {
-    const o = {
-      disabled: !t.enable,
-      "dropdown-submenu": !0,
-      "f-rt-dropdown": !0
-    }, l = t.dropdownClass.split(" ");
-    return l && l.length && l.reduce((g, B) => (g[B] = !0, g), o), o;
-  }
-  function x(t) {
-    const o = {
-      disabled: !t.enable,
-      "dropdown-item": !0,
-      "f-rt-btn": !0,
-      "position-relative": !0,
-      "farris-component": !0
-    }, l = t.class.split(" ");
-    return l && l.length && l.reduce((g, B) => (g[B] = !0, g), o), o;
-  }
-  let A;
-  const h = /* @__PURE__ */ new Map();
-  function m(t, o, l) {
-    var B;
-    ((B = t.target) == null ? void 0 : B.id) === o.id && t.stopPropagation();
-    const g = l ? l.id : "__top_item__";
-    if (o.children && o.children.length && (o.expanded = !o.expanded, o.expanded ? h.set(g, o) : h.delete(g)), h.has(g) && h.get(g) !== o) {
-      const S = h.get(g);
-      S && (S.expanded = !1);
-    }
-  }
-  function c(t) {
-    t && (t.stopPropagation(), t.preventDefault());
-  }
-  function r() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((o) => o.classList.remove("dgComponentFocused"));
-    const t = document.getElementsByClassName("dgComponentSelected");
-    Array.from(t).forEach((o) => o.classList.remove("dgComponentSelected"));
-  }
-  function p(t) {
-    t.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
-  }
-  function C(t) {
-    const {
-      buttons: o = []
-    } = e.schema;
-    let l = [];
-    o.forEach((S) => {
-      l = l.concat(S.children || []);
-    });
-    const g = l.findIndex((S) => S.id === t), B = g === -1 ? null : l[g];
-    return {
-      index: g,
-      item: B
-    };
-  }
-  function M(t) {
-    const {
-      buttons: o = []
-    } = e.schema, l = o.findIndex((B) => B.id === t), g = l === -1 ? null : o[l];
-    return {
-      index: l,
-      item: g
-    };
-  }
-  function _(t) {
-    var g;
-    e.schema;
-    const {
-      index: o,
-      item: l
-    } = C(t);
-    (g = e == null ? void 0 : e.setupContext) == null || g.emit("selectionChange", l == null ? void 0 : l.type, l);
-  }
-  const L = function(t) {
-    const {
-      componentType: o
-    } = t, l = Y(o, t), g = o.toLowerCase().replace("-", "_");
-    return l && !l.id && l.type === o && (l.id = `${g}_${Math.random().toString().slice(2, 6)}`), l;
-  }, W = function() {
-    const t = {
-      componentType: "response-toolbar-item",
-      parentComponentInstance: n.value,
-      targetPosition: -1
-    };
-    return L(t);
-  };
-  function T(t, o) {
-    c(t), r(), p(t), _(o.id);
-  }
-  function N(t, o, l) {
-    c(t);
-    const g = o.id, B = l && l.id, {
-      buttons: S = []
-    } = e.schema;
-    if (!B)
-      return;
-    const {
-      index: j
-    } = M(B);
-    if (j === -1)
-      return;
-    const {
-      index: H
-    } = C(g);
-    H !== -1 && (S[j].children.splice(H, 1), f());
-  }
-  function O(t, o, l) {
-    c(t);
-    const g = l && l.id, {
-      buttons: B = []
-    } = e.schema;
-    if (!g)
-      return;
-    const {
-      index: S
-    } = M(g);
-    if (S === -1)
-      return;
-    const j = W(), H = Object.assign({}, j, {
-      text: o.text
-    });
-    B[S].children.push(H), f();
-  }
-  function w(t, o, l) {
-    c(t);
-    const g = l && l.id, {
-      buttons: B = []
-    } = e.schema;
-    if (!g)
-      return;
-    const {
-      index: S
-    } = M(g);
-    if (S === -1)
-      return;
-    const j = W(), H = Object.assign({}, j, {
-      text: "按钮"
-    });
-    B[S].children.push(H), f();
-  }
-  function u(t, o) {
-    return a("div", {
-      class: "component-btn-group"
-    }, [a("div", null, [a("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "删除",
-      ref: "removeButton",
-      style: "position:static;",
-      onClick: (l) => N(l, t, o)
-    }, [a("i", {
-      class: "f-icon f-icon-yxs_delete"
-    }, null)]), a("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "复制",
-      ref: "copyButton",
-      style: "position:static;",
-      onClick: (l) => O(l, t, o)
-    }, [a("i", {
-      class: "f-icon f-icon-yxs_copy"
-    }, null)]), a("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "新增同级",
-      ref: "appendSame",
-      style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (l) => w(l, t, o)
-    }, [a("i", {
-      class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), a("span", {
-      style: "font-size:13px;margin:auto"
-    }, [ee("新增同级")])])])]);
-  }
-  function E(t) {
-    return t.children.map((o) => o.children && o.children.length ? a("li", {
-      class: y(o),
-      id: o.id,
-      onClick: (l) => o.enable && m(l, o, t)
-    }, [a("span", {
-      id: o.id,
-      class: x(o),
-      onMouseover: (l) => o.enable && m(l, o, t)
-    }, [o.text, a("i", {
-      class: "f-icon f-icon-arrow-chevron-right",
-      style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), A(o, o)]) : a("li", {
-      class: x(o),
-      id: o.id,
-      onClick: (l) => T(l, o)
-    }, [u(o, t), s.shouldShowIcon(o) && a("i", {
-      class: s.iconClass(o)
-    }, null), o.text]));
-  }
-  function $(t, o, l) {
-    const g = {
-      display: t.expanded ? "block" : "none",
-      position: "fixed",
-      maxWidth: "300px",
-      width: "auto",
-      minWidth: "120px"
-    }, B = document.getElementsByTagName("body")[0].getClientRects()[0].width, S = o, j = S == null ? void 0 : S.getClientRects();
-    if (S && j && j.length) {
-      const {
-        top: H,
-        width: Q,
-        left: U,
-        right: G,
-        height: le
-      } = j[0], se = Math.ceil(le + H);
-      g.top = `${se}px`, g.left = `${U}px`;
-      const b = t.id + "_menu", D = o ? o.querySelector("#" + b) : null;
-      if (D) {
-        g.display === "block" && (D.style.display = "block");
-        const k = D.getBoundingClientRect();
-        if (l) {
-          g.top = `${H - 6}px`;
-          const I = Math.ceil(Q + U);
-          g.left = `${I}px`;
-        }
-        B - U - Q < k.width && (g.left = `${(l ? U : G) - k.width}px`);
-      }
-    }
-    return g;
-  }
-  A = function(t, o) {
-    var S, j;
-    const l = Se(), g = o ? o.id : t.id, B = (j = (S = l == null ? void 0 : l.exposed) == null ? void 0 : S.elementRef.value) == null ? void 0 : j.querySelector("#" + g);
-    return a("ul", {
-      class: v(t),
-      style: $(t, B, o),
-      id: t.id + "_menu"
-    }, [E(t)]);
-  };
-  function d() {
-    h.forEach((t) => {
-      t.expanded = !1;
-    }), h.clear();
-  }
-  return {
-    renderDropdownMenu: A,
-    clearAllDropDownMenu: d
-  };
-}
-function Lt(s, n, e) {
-  const i = P(s.alignment), {
-    renderDropdownMenu: f,
-    clearAllDropDownMenu: v
-  } = It(n, e), y = J("design-item-context"), x = J("toolbar-item-handler", null);
-  function A() {
-    x && x();
-  }
-  function h(d) {
-    const t = {
-      "btn-group": !0,
-      "f-rt-dropdown": !0,
-      "f-btn-ml": i.value === "right",
-      "f-btn-mr": i.value === "left"
-    }, o = d.dropdownClass.split(" ");
-    return o && o.length && o.reduce((l, g) => (l[g] = !0, l), t), t;
-  }
-  function m(d) {
-    const t = {
-      btn: !0,
-      disabled: !d.enable,
-      "position-relative": !0,
-      "farris-component": !0,
-      "f-rt-btn": !0,
-      "btn-icontext": !!(d.icon && d.icon.trim())
-    };
-    if (d.class) {
-      const o = d.class.split(" ");
-      o && o.length && o.reduce((l, g) => (l[g] = !0, l), t);
-    }
-    return t;
-  }
-  function c(d) {
-    d && (d.stopPropagation(), d.preventDefault());
-  }
-  function r(d, t) {
-    c(d);
-    const o = t.expanded;
-    document.body.click(), t.expanded = !o;
-  }
-  const p = function(d) {
-    const {
-      componentType: t
-    } = d, o = Y(t, d), l = t.toLowerCase().replace("-", "_");
-    return o && !o.id && o.type === t && (o.id = `${l}_${Math.random().toString().slice(2, 6)}`), o;
-  }, C = function() {
-    const d = {
-      componentType: "response-toolbar-item",
-      parentComponentInstance: e.value,
-      targetPosition: -1
-    };
-    return p(d);
-  };
-  function M(d) {
-    const t = y.schema.buttons || y.schema.contents, o = t == null ? void 0 : t.findIndex((g) => g.id === d), l = o === -1 ? null : t[o];
-    return {
-      index: o,
-      toolbarItem: l
-    };
-  }
-  function _(d, t) {
-    var j;
-    const {
-      index: o,
-      toolbarItem: l
-    } = M(t);
-    if (o === -1)
-      return;
-    const g = l.text || "按钮", B = C(), S = Object.assign({}, B, {
-      text: g
-    });
-    (j = y.schema.buttons) == null || j.push(S), A();
-  }
-  function L(d, t) {
-    const {
-      index: o,
-      toolbarItem: l
-    } = M(t);
-    if (o === -1)
-      return;
-    const g = l.text || "按钮", B = C(), S = Object.assign({}, B, {
-      text: g
-    }), j = y.schema.buttons[o].children || [];
-    j.push(S), y.schema.buttons[o].children = j, A();
-  }
-  function W(d, t) {
-    const o = y.schema.buttons || y.schema.contents, l = o == null ? void 0 : o.findIndex((g) => g.id === t);
-    l !== -1 && (o.splice(l, 1), A());
-  }
-  function T(d) {
-    return a("div", {
-      class: "component-btn-group"
-    }, [a("div", null, [a("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "删除",
-      ref: "removeButton",
-      style: "position:static;",
-      onClick: (t) => W(t, d)
-    }, [a("i", {
-      class: "f-icon f-icon-yxs_delete"
-    }, null)]), a("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "复制",
-      ref: "copyButton",
-      style: "position:static;",
-      onClick: (t) => _(t, d)
-    }, [a("i", {
-      class: "f-icon f-icon-yxs_copy"
-    }, null)]), a("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "新增子级",
-      ref: "appendChildButton",
-      style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (t) => L(t, d)
-    }, [a("i", {
-      class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), a("span", {
-      style: "font-size:13px;margin:auto"
-    }, [ee("新增子级")])])])]);
-  }
-  function N() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((t) => t.classList.remove("dgComponentFocused"));
-    const d = document.getElementsByClassName("dgComponentSelected");
-    Array.from(d).forEach((t) => t.classList.remove("dgComponentSelected"));
-  }
-  function O(d) {
-    d.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
-  }
-  function w(d) {
-    var g;
-    const t = y.schema.buttons || y.schema.contents, o = t == null ? void 0 : t.findIndex((B) => B.id === d);
-    if (o === -1)
-      return;
-    const l = t[o];
-    (g = y == null ? void 0 : y.setupContext) == null || g.emit("selectionChange", "response-toolbar-item", l);
-  }
-  function u(d, t) {
-    c(d), N(), O(d), c(d), r(d, t), w(t.id);
-  }
-  function E(d) {
-    return a("div", {
-      id: d.id,
-      class: h(d)
-    }, [a("div", {
-      class: m(d),
-      style: "display: flex;padding-right: 0.1rem;",
-      onClick: (t) => d.enable && u(t, d)
-    }, [T(d.id), n.shouldShowIcon(d) && a("i", {
-      class: n.iconClass(d)
-    }, null), a("span", null, [d.text]), a("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)]), f(d)]);
-  }
-  function $() {
-    v();
-  }
-  return {
-    renderToolbarDropdown: E,
-    clearAllDropDown: $
-  };
-}
-const {
-  buildResponseToolbarItems: Ce
-} = he(), Ft = /* @__PURE__ */ te({
-  name: "FResponseToolbarDesign",
-  props: me,
-  emits: ["Click"],
-  setup(s, n) {
-    const e = P(Ce(s.items)), i = P(), f = P(), v = P(s.alignment), y = {
-      id: "__more_buttons__",
-      text: "More"
-    }, x = P(new oe(y)), A = Be(), h = V(() => x.value.children.length > 0), m = P(), c = J("design-item-context"), r = Pe(m, c), p = J("toolbar-item-handler", null);
-    ne(() => {
-      m.value.componentInstance = r;
-    }), n.expose({
-      elementRef: m
-    });
-    function C() {
-      p && p();
-    }
-    const M = V(() => ({
-      "f-toolbar": !0,
-      "f-response-toolbar": !0,
-      "position-relative": !0
-    })), _ = V(() => ({
-      "d-flex": !0,
-      "flex-nowrap": !0,
-      "justify-content-end": v.value === "right",
-      "justify-content-start": v.value === "left"
-    })), {
-      renderToolbarDropdown: L,
-      clearAllDropDown: W
-    } = Lt(s, A, r);
-    function T() {
-      e.value.filter((b) => b.children && b.children.length > 0).forEach((b) => {
-        b.expanded = !1;
-      }), x.value.expanded = !1, W();
-    }
-    function N(b) {
-      const D = {
-        "f-icon": !0
-      };
-      if (b.icon) {
-        const k = b.icon.trim().split(" ");
-        k && k.length && k.reduce((I, F) => (I[F] = !0, I), D);
-      }
-      return D;
-    }
-    function O(b) {
-      return !!(b.icon && b.icon.trim());
-    }
-    function w(b) {
-      const D = {
-        btn: !0,
-        "f-rt-btn": !0,
-        "f-btn-ml": v.value === "right",
-        "f-btn-mr": v.value === "left",
-        "btn-icontext": !!(b.icon && b.icon.trim())
-      };
-      if (b.class) {
-        const k = b.class.split(" ");
-        k && k.length && k.reduce((I, F) => (I[F] = !0, I), D);
-      }
-      return D;
-    }
-    function u(b) {
-      b && (b.stopPropagation(), b.preventDefault());
-    }
-    function E() {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((D) => D.classList.remove("dgComponentFocused"));
-      const b = document.getElementsByClassName("dgComponentSelected");
-      Array.from(b).forEach((D) => D.classList.remove("dgComponentSelected"));
-    }
-    function $(b) {
-      b.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
-    }
-    function d(b) {
-      var F;
-      const D = c.schema.buttons || c.schema.contents, k = D == null ? void 0 : D.findIndex((Z) => Z.id === b);
-      if (k === -1)
-        return;
-      const I = D[k];
-      (F = c == null ? void 0 : c.setupContext) == null || F.emit("selectionChange", "response-toolbar-item", I);
-    }
-    const t = function(b) {
-      const {
-        componentType: D
-      } = b, k = Y(D, b), I = D.toLowerCase().replace("-", "_");
-      return k && !k.id && k.type === D && (k.id = `${I}_${Math.random().toString().slice(2, 6)}`), k;
-    }, o = function() {
-      const b = {
-        componentType: "response-toolbar-item",
-        parentComponentInstance: r.value,
-        targetPosition: -1
-      };
-      return t(b);
-    };
-    function l(b, D) {
-      E(), $(b), u(b), d(D);
-    }
-    function g(b, D) {
-      const k = c.schema.buttons || c.schema.contents, I = k == null ? void 0 : k.findIndex((F) => F.id === D);
-      I !== -1 && (k.splice(I, 1), C());
-    }
-    function B(b) {
-      const D = c.schema.buttons || c.schema.contents, k = D == null ? void 0 : D.findIndex((F) => F.id === b), I = k === -1 ? null : D[k];
-      return {
-        index: k,
-        toolbarItem: I
-      };
-    }
-    function S(b, D) {
-      var X;
-      const {
-        index: k,
-        toolbarItem: I
-      } = B(D);
-      if (k === -1)
-        return;
-      const F = I.text || "按钮", Z = o(), K = Object.assign({}, Z, {
-        text: F
-      });
-      (X = c.schema.buttons) == null || X.push(K), C();
-    }
-    function j(b, D) {
-      const {
-        index: k,
-        toolbarItem: I
-      } = B(D);
-      if (k === -1)
-        return;
-      const F = I.text || "按钮", Z = o(), K = Object.assign({}, Z, {
-        text: F
-      }), X = c.schema.buttons[k].items || [];
-      X.push(K), c.schema.buttons[k].children = X, C();
-    }
-    function H(b) {
-      return a("div", {
-        class: "component-btn-group"
-      }, [a("div", null, [a("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "删除",
-        ref: "removeButton",
-        style: "position:static;",
-        onClick: (D) => g(D, b)
-      }, [a("i", {
-        class: "f-icon f-icon-yxs_delete"
-      }, null)]), a("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "复制",
-        ref: "copyButton",
-        style: "position:static;",
-        onClick: (D) => S(D, b)
-      }, [a("i", {
-        class: "f-icon f-icon-yxs_copy"
-      }, null)]), a("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "新增子级",
-        ref: "appendChildButton",
-        style: "width:85px!important;padding:0 5px;position:static;",
-        onClick: (D) => j(D, b)
-      }, [a("i", {
-        class: "f-icon f-icon-plus-circle text-white mr-1"
-      }, null), a("span", {
-        style: "font-size:13px;margin:auto"
-      }, [ee("新增子级")])])])]);
-    }
-    function Q(b) {
-      return a("div", {
-        class: "farris-component position-relative",
-        style: "display:inline-block!important;",
-        onClick: (D) => l(D, b.id)
-      }, [H(b.id), a("button", {
-        type: "button",
-        class: w(b),
-        id: b.id,
-        disabled: !b.enable
-      }, [O(b) && a("i", {
-        class: N(b)
-      }, null), b.text])]);
-    }
-    const U = /* @__PURE__ */ new Map(), G = [];
-    function le(b) {
-      const D = f.value;
-      let k = b;
-      const I = Array.from(D.children), F = I[I.length - 1].id === "__more_buttons__" ? I[I.length - 1] : null;
-      if (F) {
-        const q = F.computedStyleMap().get("margin-left"), z = F.computedStyleMap().get("margin-right"), ce = (q ? q.value : 0) + F.getBoundingClientRect().width + (z ? z.value : 0);
-        k -= ce;
-      }
-      const Z = I.filter((q) => q.id !== "__more_buttons__");
-      for (const q of Z) {
-        const z = q.computedStyleMap().get("margin-left"), ce = q.computedStyleMap().get("margin-right"), ae = (z ? z.value : 0) + q.getBoundingClientRect().width + (ce ? ce.value : 0);
-        k < ae ? (U.set(q.id, !0), G.push({
-          id: q.id,
-          width: ae
-        })) : k -= ae;
-      }
-      if (G.length)
-        for (let q = G.length - 1; q >= 0; q--) {
-          const z = G[q].width;
-          if (k >= z)
-            k -= z, U.delete(G[q].id), G.pop();
-          else
-            break;
-        }
-      const K = Object.assign({}, x.value);
-      K.children = [];
-      const X = new oe(K), Oe = e.value.reduce((q, z) => (U.has(z.id) && X.children.push(z), z.visible = !U.has(z.id), q.push(z), q), []);
-      x.value = X, e.value = Oe;
-    }
-    const se = new ResizeObserver((b) => {
-      if (b.length) {
-        const k = b[0].contentRect.width, F = f.value.getBoundingClientRect().width;
-        (k < F || G.length) && le(k);
-      }
-    });
-    return ne(() => {
-      const b = i.value;
-      se.observe(b), document.body.addEventListener("click", T);
-    }), De(() => {
-      se.disconnect(), document.body.removeEventListener("click", T);
-    }), re(() => s.items, () => {
-      e.value = Ce(s.items);
-    }), () => a("div", {
-      ref: m,
-      class: M.value
-    }, [a("div", {
-      ref: i,
-      class: _.value
-    }, [a("div", {
-      ref: f,
-      class: "d-inline-block f-response-content",
-      style: "white-space: nowrap;"
-    }, [e.value.filter((b) => b.visible).map((b) => b.children && b.children.length > 0 ? L(b) : Q(b)), h.value && L(x.value)])])]);
-  }
-}), we = Pt, Rt = {
-  id: { type: String, default: "" },
-  canAdd: { type: Boolean, default: !1 },
-  canDelete: { type: Boolean, default: !1 },
-  canMove: { type: Boolean, default: !1 },
-  contentKey: { type: String, default: "contents" },
-  childLabel: { type: String, default: "" },
-  childType: { type: String, default: "" },
-  /**
-   * 组件值
-   */
-  modelValue: { type: Object }
-}, ue = P(0);
-function Wt(s, n) {
-  const e = n.getBoundingClientRect(), i = s.getBoundingClientRect(), f = i.top >= e.top, v = i.top <= e.bottom;
-  return f && v;
-}
-function Vt(s) {
-  if (!s)
-    return;
-  let n;
-  if (s.className.includes("dgComponentSelected") ? n = s : n = s.querySelector(".dgComponentSelected"), !n)
-    return;
-  const e = n.getBoundingClientRect();
-  if (e.width === 0 && e.height === 0)
-    return;
-  const i = n.querySelector(".component-btn-group");
-  if (i) {
-    if (!Wt(n, s)) {
-      i.style.display = "none";
-      return;
-    }
-    i.style.display = "";
-    const v = i.getBoundingClientRect(), y = i.querySelector("div");
-    if (y) {
-      const x = y.getBoundingClientRect();
-      y.style.top = v.top + "px", y.style.left = v.left - x.width + "px";
-    }
-  }
-}
-function qt(s, n, e) {
-  var N;
-  function i() {
-    e != null && e.resolveComponentContext && e.resolveComponentContext();
-  }
-  i();
-  const f = e && e.getStyles && e.getStyles() || "", v = P();
-  function y() {
-    return e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
-  }
-  function x() {
-    return !1;
-  }
-  function A() {
-    return e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
-  }
-  function h() {
-    return !0;
-  }
-  function m(O) {
-    if (!O || !O.value)
-      return null;
-    const w = P(O == null ? void 0 : O.value.parent), u = m(w);
-    return u || null;
-  }
-  function c(O = n) {
-    const { componentInstance: w, designerItemElementRef: u } = O;
-    return !w || !w.value ? null : w.value.canMove ? u : c(O.parent);
-  }
-  function r(O) {
-    return !!e && e.canAccepts(O);
-  }
-  function p() {
-    return (n == null ? void 0 : n.schema.label) || (n == null ? void 0 : n.schema.title) || (n == null ? void 0 : n.schema.name);
-  }
-  function C() {
-  }
-  function M(O, w) {
-    w && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(w);
-  }
-  function _(O) {
-    const { componentType: w } = O;
-    let u = Y(w, O);
-    e && e.onResolveNewComponentSchema && (u = e.onResolveNewComponentSchema(O, u));
-    const E = w.toLowerCase().replace("-", "_");
-    return u && !u.id && u.type === w && (u.id = `${E}_${Math.random().toString().slice(2, 6)}`), u;
-  }
-  function L(O, w) {
-    const u = String(O.getAttribute("data-controltype")), E = O.getAttribute("data-feature"), $ = E ? JSON.parse(E) : {};
-    $.parentComponentInstance = v.value;
-    let d = Y(u, $);
-    e && e.onAcceptNewChildElement && (d = e.onAcceptNewChildElement(O, w, d));
-    const t = u.toLowerCase().replace("-", "_");
-    return d && !d.id && d.type === u && (d.id = `${t}_${Math.random().toString().slice(2, 6)}`), d;
-  }
-  function W(O) {
-  }
-  function T() {
-    return e && e.getPropsConfig ? e.getPropsConfig() : [];
-  }
-  return v.value = {
-    canMove: y(),
-    canSelectParent: x(),
-    canDelete: A(),
-    canNested: !h(),
-    contents: [],
-    elementRef: s,
-    parent: (N = n.parent) == null ? void 0 : N.componentInstance,
-    schema: n.schema,
-    styles: f,
-    canAccepts: r,
-    getBelongedComponentInstance: m,
-    getDraggableDesignItemElement: c,
-    getDraggingDisplayText: p,
-    getPropConfig: T,
-    getDragScopeElement: C,
-    onAcceptMovedChildElement: M,
-    onAcceptNewChildElement: L,
-    onChildElementMovedOut: W,
-    addNewChildComponentSchema: _,
-    updateDragAndDropRules: i,
-    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || P(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || P(!1)
-  }, v;
-}
-const Ht = /* @__PURE__ */ te({
-  name: "FDesignerInnerItem",
-  props: Rt,
-  emits: ["selectionChange", "addComponent"],
-  setup(s, n) {
-    const e = P(s.canMove), i = P(s.canAdd), f = P(s.canDelete), v = P(!1), y = P(s.contentKey), x = P(s.childType), A = P(s.childLabel), h = P(s.modelValue), m = P(""), c = P(), r = J("canvas-dragula"), p = P(), C = J("design-item-context"), M = {
-      designerItemElementRef: c,
-      componentInstance: p,
-      schema: h.value,
-      parent: C,
-      setupContext: n
-    };
-    $e("design-item-context", M);
-    const _ = V(() => ({
-      "farris-component": !0,
-      "position-relative": e.value && f.value,
-      "farris-nested": v.value,
-      "can-move": e.value,
-      "d-none": c.value && c.value.classList.contains("d-none")
-    })), L = V(() => {
-      const t = {};
-      return m.value && m.value.split(";").reduce((o, l) => {
-        const [g, B] = l.split(":");
-        return g && (o[g] = B), o;
-      }, t), t;
-    });
-    function W(t, o) {
-      if (C && C.schema[y.value]) {
-        const l = C.schema[y.value].findIndex((g) => g.id === o.id);
-        C.schema[y.value].splice(l, 1), C.componentInstance.value.updateDragAndDropRules();
-      }
-    }
-    function T(t) {
-      if (p.value.addNewChildComponentSchema) {
-        const o = {
-          componentType: x.value,
-          label: A.value,
-          parentComponentInstance: p.value,
-          targetPosition: -1
-        }, l = p.value.addNewChildComponentSchema(o);
-        h.value[y.value].push(l), n.emit("addComponent");
-      }
-    }
-    function N() {
-      return i.value && a("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "新增",
-        ref: "removeComponent",
-        onClick: (t) => {
-          T();
-        }
-      }, [a("i", {
-        class: "f-icon f-icon-plus-circle"
-      }, null)]);
-    }
-    function O(t) {
-      return f.value && a("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "删除",
-        ref: "removeComponent",
-        onClick: (o) => {
-          W(o, t);
-        }
-      }, [a("i", {
-        class: "f-icon f-icon-yxs_delete"
-      }, null)]);
-    }
-    function w(t) {
-      return a("div", {
-        class: "component-btn-group",
-        "data-noattach": "true"
-      }, [a("div", null, [N(), O(t)])]);
-    }
-    re(() => s.modelValue, (t) => {
-      h.value = t, M.schema = t;
-    });
-    function u(t) {
-      const o = t.target;
-      Vt(o);
-    }
-    function E() {
-      var t, o;
-      (o = (t = h.value) == null ? void 0 : t.contents) != null && o.length && c.value && c.value.addEventListener("scroll", u);
-    }
-    function $() {
-      const t = c.value, o = P(t.children[1]);
-      return qt(o, M).value;
-    }
-    ne(() => {
-      if (c.value) {
-        const t = c.value.querySelector(`[data-dragref='${h.value.id}-container']`);
-        p.value = t && t.componentInstance ? t.componentInstance.value : $(), r && t && r.attachComponents(t, h.value), v.value = p.value.canNested !== void 0 ? p.value.canNested : v.value, e.value = p.value.canMove !== void 0 ? p.value.canMove : e.value, m.value = p.value.styles || "", c.value && (c.value.componentInstance = p, c.value.designItemContext = M);
-      }
-      E(), ue.value++;
-    }), Ne(() => {
-      c.value && c.value.removeEventListener("scroll", u);
-    });
-    function d(t) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((l) => l.classList.remove("dgComponentFocused")), t && (t.preventDefault(), t.stopPropagation());
-      const o = c.value;
-      if (o) {
-        const l = document.getElementsByClassName("dgComponentSelected");
-        if (!(l && l.length === 1 && l[0] === c.value)) {
-          Array.from(l).forEach((S) => S.classList.remove("dgComponentSelected")), o.classList.add("dgComponentFocused"), n.emit("selectionChange", h.value.type, h.value);
-          const B = p.value.getDraggableDesignItemElement(M);
-          B && B.value && B.value.classList.add("dgComponentSelected");
-        }
-      }
-      ue.value++;
-    }
-    return () => a("div", {
-      id: `${s.id}-design-item`,
-      ref: c,
-      class: _.value,
-      style: L.value,
-      onClick: d
-    }, [w(h.value), n.slots.default && n.slots.default()]);
-  }
-}), zt = {
-  id: { type: String, default: "" },
-  componentId: { type: String, default: "" },
-  type: { type: String, default: "" },
-  canDelete: { type: Boolean, default: !0 },
-  canMove: { type: Boolean, default: !0 },
-  canSelectParent: { type: Boolean, default: !0 },
-  customButtons: { type: Array, default: [] },
-  customClass: { type: String, default: "" },
-  customStyle: { type: String, default: "" },
-  /**
-   * 组件值
-   */
-  modelValue: { type: Object },
-  ignore: { type: Boolean, default: !1 }
-}, Te = /* @__PURE__ */ te({
-  name: "FDesignerTemplateItem",
-  props: zt,
-  emits: ["selectionChange"],
-  setup(s, n) {
-    const e = P(), i = V(() => ({
-      "farris-component": !0
-    }));
-    function f(v) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((x) => x.classList.remove("dgComponentFocused")), v && (v.preventDefault(), v.stopPropagation());
-      const y = e.value;
-      if (y) {
-        const x = document.getElementsByClassName("dgComponentSelected");
-        x && x.length === 1 && x[0] === e.value || (Array.from(x).forEach((h) => h.classList.remove("dgComponentSelected")), y.classList.add("dgComponentFocused"));
-      }
-      ue.value++;
-    }
-    return () => a("div", {
-      id: `${s.id}-design-item`,
-      ref: e,
-      class: i.value,
-      onClick: f
-    }, [n.slots.default && n.slots.default()]);
-  }
-}), Ut = /* @__PURE__ */ te({
-  name: "FPageHeaderDesign",
-  props: fe,
-  emits: ["Click"],
-  setup(s, n) {
-    var m;
-    const e = P(), i = J("design-item-context"), f = _t(i.schema, (m = i.parent) == null ? void 0 : m.schema), v = Pe(e, i, f), y = P(i.schema.toolbar || {
-      type: "response-toolbar",
-      buttons: []
-    }), x = P(we(y.value));
-    ne(() => {
-      e.value.componentInstance = v;
-    }), re(() => i.schema.toolbar, () => {
-      y.value = i.schema.toolbar || {
-        type: "response-toolbar",
-        buttons: []
-      }, x.value = we(y.value);
-    }, {
-      deep: !0
-    });
-    const A = V(() => [...x.value.items]);
-    function h(c, r) {
-      i.setupContext.emit("selectionChange", c, r);
-    }
-    return n.expose(v.value), () => a("div", {
-      ref: e
-    }, [a("nav", {
-      class: "f-page-header-base"
-    }, [a("div", {
-      class: "f-title"
-    }, [a(Te, null, {
-      default: () => [a("span", {
-        class: "f-title-icon f-text-orna-manage"
-      }, [a("i", {
-        class: s.icon
-      }, null)])]
-    }), a(Te, null, {
-      default: () => [a("h4", {
-        class: "f-title-text"
-      }, [s.title])]
-    })]), a(Ht, {
-      class: "col-5",
-      modelValue: y.value,
-      "onUpdate:modelValue": (c) => y.value = c,
-      canAdd: !0,
-      childType: "response-toolbar-item",
-      childLabel: "按钮",
-      contentKey: "buttons",
-      onSelectionChange: h
-    }, {
-      default: () => [a(Ft, {
-        items: A.value
-      }, null)]
-    })])]);
-  }
-}), Xt = {
-  install(s) {
-    s.component(ie.name, ie);
-  },
-  register(s, n, e) {
-    s["page-header"] = ie, n["page-header"] = ge;
-  },
-  registerDesigner(s, n, e) {
-    s["page-header"] = Ut, n["page-header"] = ge;
-  }
-};
-export {
-  ie as PageHeader,
-  Xt as default,
-  fe as pageHeaderProps,
-  ge as propsResolver
-};