@farris/ui-vue 1.5.7 → 1.5.9

package/designer/tabs/index.esm.js

@@ -0,0 +1,2200 @@
+import { withInstall as St } from "../../components/common/index.esm.js";
+import Pt, { tabsProps as Ye, tabPageProps as ze, FTabPage as xt } from "../../components/tabs/index.esm.js";
+import Et, { schemaResolver as Bt } from "../response-toolbar/index.esm.js";
+import { computed as U, ref as K, watch as he, nextTick as te, createVNode as F, onMounted as Oe, defineComponent as Ge, inject as Ce, shallowRef as We, provide as Ue, onUnmounted as Ke, isVNode as Rt } from "vue";
+import { DgControl as Dt, UseTemplateDragAndDropRules as Qe, canvasChanged as Je, setPositionForSelectedElement as At, setPositionOfButtonGroup as $t, FDesignerInnerItem as jt, useDesignerComponent as Ze, useDragulaCommonRule as Ot } from "../../components/designer-canvas/index.esm.js";
+import { resolveAppearance as et, createPropsResolver as we, createTabsEventHandlerResolver as Lt, getSchemaByType as tt } from "../../components/dynamic-resolver/index.esm.js";
+import kt, { responseToolbarProps as Ht } from "../../components/response-toolbar/index.esm.js";
+import _t from "../../components/capsule/index.esm.js";
+import { BaseControlProperty as nt } from "../../components/property-panel/index.esm.js";
+import Mt from "../../components/section/index.esm.js";
+const xe = /* @__PURE__ */ new Map([
+  ["appearance", et]
+]);
+function Ft(a, t) {
+  const s = Math.random().toString().slice(2, 6), d = t.parentComponentInstance, v = a.getSchemaByType("tab-page");
+  v.id = `tab-page-${s}`, v.title = "标题", v.toolbar = { id: `tab-page-toolbar-${s}`, buttons: [] };
+  const l = a.getSchemaByType("tabs");
+  Object.assign(l, {
+    id: `tabs-${s}`,
+    appearance: {
+      class: "f-component-tabs f-tabs-has-grid"
+    },
+    contents: [v],
+    activeId: v.id
+  });
+  const c = a.getSchemaByType("section");
+  Object.assign(c, {
+    id: `section-${s}`,
+    appearance: {
+      class: "f-section-tabs f-section-in-mainsubcard"
+    },
+    fill: !1,
+    showHeader: !1,
+    contents: [l]
+  });
+  const n = a.getSchemaByType("content-container");
+  Object.assign(n, {
+    id: `container-${s}`,
+    appearance: {
+      class: "f-struct-wrapper"
+    },
+    contents: [c]
+  });
+  const r = d.schema;
+  switch (r && r.type) {
+    case Dt["splitter-pane"].type: {
+      c.appearance.class = "f-section-tabs f-section-in-main", l.appearance.class = "f-component-tabs";
+      break;
+    }
+  }
+  const p = d.elementRef, f = window.getComputedStyle(p);
+  return f && f.display === "flex" && (n.appearance.class += " d-block"), n;
+}
+function ot(a, t, s) {
+  if (s.parentComponentInstance)
+    return Ft(a, s);
+  {
+    const v = a.getSchemaByType("tab-page");
+    return t.contents = [v], t;
+  }
+}
+function qt(a, t, s) {
+  return t;
+}
+const Nt = "https://json-schema.org/draft/2020-12/schema", Vt = "https://farris-design.gitee.io/tabs.schema.json", Wt = "tabs", Ut = "A Farris Container Component", Xt = "object", Yt = {
+  id: {
+    description: "The unique identifier for a Tabs",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Tabs component",
+    type: "string",
+    default: "tabs"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  contents: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  autoTitleWidth: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  titleWidth: {
+    description: "",
+    type: "number"
+  },
+  titleLength: {
+    description: "",
+    type: "number",
+    default: 7
+  },
+  fill: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  activeId: {
+    description: "",
+    type: "string",
+    default: ""
+  }
+}, zt = [
+  "id",
+  "type",
+  "contents"
+], Gt = {
+  onTabChange: "切换标签页事件",
+  onTabRemove: "移除标签页事件"
+}, rt = {
+  $schema: Nt,
+  $id: Vt,
+  title: Wt,
+  description: Ut,
+  type: Xt,
+  properties: Yt,
+  required: zt,
+  events: Gt
+}, Kt = "https://json-schema.org/draft/2020-12/schema", Qt = "https://farris-design.gitee.io/tab-toolbar.schema.json", Jt = "tab-toolbar", Zt = "A Farris Toolbar Component", en = "object", tn = {
+  id: {
+    description: "The unique identifier for a Tab Toolbar",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Tab Toolbar",
+    type: "string",
+    default: "tab-toolbar"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string",
+        default: ""
+      }
+    }
+  },
+  alignment: {
+    description: "The alignment of Tab Toolbar Button.",
+    type: "string",
+    default: "right"
+  },
+  buttons: {
+    description: "The items of Tab Toolbar.",
+    type: "array",
+    default: []
+  },
+  buttonSize: {
+    type: "string",
+    default: ""
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, nn = [
+  "id",
+  "type",
+  "buttons"
+], on = {
+  onClick: "点击事件"
+}, rn = {
+  $schema: Kt,
+  $id: Qt,
+  title: Jt,
+  description: Zt,
+  type: en,
+  properties: tn,
+  required: nn,
+  events: on
+}, an = we(Ye, rt, xe, ot), it = Object.assign({}, Ye, {
+  componentId: { type: String, default: "" }
+}), sn = we(it, rt, xe, ot), ln = Lt(), cn = we(
+  Ht,
+  rn,
+  xe,
+  Bt
+);
+function un(a, t, s, d, v, l) {
+  const {
+    activeId: c,
+    selectTab: n,
+    removeDesignTab: r,
+    selectDesignTab: p,
+    addTabPageToolbar: f,
+    resetPositionForSelectedElement: u
+  } = v, g = U(() => ({
+    "st-tab-text": !0,
+    "farris-title-auto": a.autoTitleWidth
+  })), m = U(() => {
+    const S = {
+      "farris-component": !0,
+      "nav-item": !0,
+      "f-state-active": t.id === c.value
+    };
+    return S[`${t.id}-design-item`] = !0, S;
+  }), C = U(() => {
+    const S = {};
+    return t.tabWidth && t.tabWidth > 0 && (S.width = `${t.tabWidth}px`), S;
+  }), T = U(() => ({
+    "nav-link": !0,
+    "tabs-text-truncate": !0,
+    active: t.id === c.value
+  }));
+  function k(S) {
+    return F("span", {
+      class: g.value,
+      title: S.title
+    }, [S.title]);
+  }
+  function L(S) {
+    return S.slots.title ? S.slots.title : k;
+  }
+  const B = L(s), j = K(t.removeable);
+  function E() {
+    return F("span", {
+      class: "st-drop-close",
+      style: {
+        opacity: 0.6
+      }
+    }, [F("i", {
+      class: "f-icon f-icon-close"
+    }, null)]);
+  }
+  function I(S) {
+    n(t.id), a.tabType === "one-page" && d.scrollToByPaggId(t.id);
+  }
+  function D(S) {
+    S && (S.stopPropagation(), S.preventDefault()), p(S, t.id, l.value);
+  }
+  function O(S) {
+    r(S, t.id);
+  }
+  function A(S) {
+    f(S, t.id);
+  }
+  he(() => t.toolbarPosition, () => {
+    te(() => {
+      u();
+    });
+  }), he(() => t.tabWidth, () => {
+    te(() => {
+      u();
+    });
+  });
+  function X() {
+    return F("div", {
+      role: "button",
+      class: "btn component-settings-button",
+      title: "删除",
+      ref: "removeComponent",
+      onClick: (S) => O(S)
+    }, [F("i", {
+      class: "f-icon f-icon-yxs_delete"
+    }, null)]);
+  }
+  function H() {
+    return F("div", {
+      role: "button",
+      class: "btn component-settings-button",
+      title: "新增按钮",
+      ref: "addComponent",
+      onClick: (S) => A(S)
+    }, [F("i", {
+      class: "f-icon f-icon-plus-circle"
+    }, null)]);
+  }
+  function b() {
+    return F("div", {
+      class: "component-btn-group",
+      "data-noattach": "true"
+    }, [F("div", null, [X(), !t.toolbar || !t.toolbar.buttons || !t.toolbar.buttons.length ? H() : ""])]);
+  }
+  return F("li", {
+    onClick: (S) => D(S),
+    class: m.value,
+    style: C.value,
+    pageId: `${t.id}-design-item`
+  }, [b(), F("a", {
+    class: T.value,
+    onClick: I,
+    id: `${t.id}-design-item`
+  }, [B(t), j.value && E()])]);
+}
+function dn(a, t, s, d, v, l, c) {
+  const {
+    tabPages: n,
+    selectTab: r,
+    emitSelectionChange: p
+  } = v, f = U(() => ({
+    spacer: !0,
+    "f-utils-fill": !0
+  })), u = U(() => ({
+    width: "100%",
+    "justify-content": a.justifyContent
+  })), g = U(() => ({
+    nav: !0,
+    "farris-nav-tabs": !0,
+    "flex-nowrap": !0,
+    "nav-fill": a.tabType === "fill",
+    "nav-pills": a.tabType === "pills",
+    "flex-row": a.position === "top" || a.position === "bottom",
+    "flex-column": a.position === "left" || a.position === "right"
+  })), m = U(() => ({
+    overflow: "auto"
+  })), C = function(T) {
+    var L;
+    T && (T.stopPropagation(), T.preventDefault());
+    const k = tt("tab-page");
+    k.id = `tab_page_${Math.random().toString().slice(2, 6)}`, k.title = "标题", k.toolbar = {
+      id: `${k.id}_toolbar`,
+      buttons: []
+    }, (L = l.value.schema.contents) == null || L.push(k), r(k.id), te(() => {
+      p(k.id, l.value);
+    });
+  };
+  return () => F("div", {
+    class: f.value,
+    style: u.value
+  }, [F("ul", {
+    class: g.value,
+    style: m.value,
+    ref: t
+  }, [n.value.map((T) => un(a, T.props, T, d, v, l)), F("li", {
+    class: "nav-item no-drag add-nav-item"
+  }, [F("a", {
+    class: "nav-link tabs-text-truncate",
+    title: "添加页签",
+    onClick: (T) => C(T)
+  }, [F("i", {
+    class: "f-icon f-icon-plus",
+    style: "font-size: 20px;margin: 0 auto;line-height: 24px;"
+  }, null)])])])]);
+}
+function fn(a, t, s, d, v) {
+  const l = K(), {
+    shouldShowNavigationButtons: c
+  } = s, {
+    activeId: n,
+    tabPages: r,
+    selectTab: p
+  } = v, f = K(n.value), u = U(() => r.value.map((T) => ({
+    name: T.props.title,
+    value: T.props.id,
+    show: T.props.show,
+    disabled: T.props.disabled
+  }))), g = U(() => ({
+    spacer: !0,
+    "f-utils-fill": !0,
+    "spacer-sides-dropdown": c.value
+  })), m = U(() => ({
+    width: "100%",
+    display: "flex",
+    "justify-content": a.justifyContent
+  }));
+  Oe(() => {
+    l.value && (t.value = l.value.$el);
+  });
+  function C(T) {
+    p(T);
+  }
+  return he(() => n.value, (T) => {
+    T !== f.value && (f.value = T);
+  }, {
+    immediate: !0
+  }), () => F("div", {
+    class: g.value,
+    style: m.value
+  }, [F(_t, {
+    items: u.value,
+    modelValue: f.value,
+    "onUpdate:modelValue": (T) => f.value = T,
+    onChange: C,
+    ref: l
+  }, null)]);
+}
+function pn(a, t, s, d) {
+  const v = K(!1), { selectTab: l, tabPages: c, needUpdateNavigationLayout: n, activeId: r } = d, p = 4, f = U(() => ({
+    btn: !0,
+    "sc-nav-btn": !0,
+    "px-1": !0,
+    "sc-nav-lr": !0,
+    "d-none": !v.value
+  })), u = U(() => ({
+    "btn-group": !0,
+    "sc-nav-btn": !0,
+    dropdown: !0,
+    "d-none": !v.value
+  })), g = U(() => ({
+    btn: !0,
+    "sc-nav-rg": !0,
+    "d-none": !v.value
+  }));
+  function m(B, j) {
+    if (!t.value)
+      return;
+    const E = t.value.scrollLeft, I = t.value.scrollWidth - t.value.offsetWidth;
+    if (j > 0) {
+      if (t.value.scrollLeft >= I)
+        return;
+      t.value.scrollLeft = E + a.scrollStep + B;
+    } else if (j < 0) {
+      if (t.value.scrollLeft <= 0)
+        return;
+      t.value.scrollLeft = E - a.scrollStep - B;
+    }
+  }
+  function C(B = -1) {
+    if (!v.value || !t.value)
+      return;
+    B < 0 && (B = c.value.findIndex((O) => O.props.id === r.value));
+    const j = a.tabType === "pills" ? ".f-capsule-item" : ".nav-item", E = t.value.querySelectorAll(j), { parentElement: I } = t.value, D = E[B];
+    if (D && I) {
+      const O = I.getBoundingClientRect().left, A = I.getBoundingClientRect().right, X = D.getBoundingClientRect().left, H = D.getBoundingClientRect().right;
+      X < O ? m(O - X, -1) : A < H && m(H - A, 1), a.tabType === "one-page" && s.scrollTo(B);
+    }
+  }
+  function T() {
+    var E;
+    if (!t.value)
+      return;
+    const B = t.value, j = (E = t.value) == null ? void 0 : E.parentElement;
+    v.value = j && B && j.offsetWidth < B.scrollWidth - p, v.value && te(() => {
+      C();
+    });
+  }
+  function k(B) {
+    B.disabled || l(B.id);
+  }
+  function L() {
+    ["default", "one-page"].indexOf(a.tabType) > -1 && te(() => {
+      C();
+    });
+  }
+  return he(n, () => {
+    T();
+  }), {
+    previousButtonClass: f,
+    nextButtonGroupClass: u,
+    nextButtonClass: g,
+    scrollTab: m,
+    selectAndScrollToTab: k,
+    shouldShowNavigationButtons: v,
+    updateNavigationLayout: T,
+    scrollToSelectedTab: L
+  };
+}
+function vn(a, t) {
+  const { tabPages: s } = t, d = K(""), v = K(!0), l = U(() => a.searchBoxVisible), c = U(() => l.value ? s.value.filter((r) => r.props.title.includes(d.value)) : s.value.slice());
+  return he(v, (n) => {
+    n || (d.value = "");
+  }), {
+    searchTabText: d,
+    hideDropDown: v,
+    shouldShowSearchBox: l,
+    tabsInDropdownMenu: c
+  };
+}
+function mn(a, t, s) {
+  const d = ".farris-tab-page", { tabPages: v } = s;
+  function l(n) {
+    const r = t.value;
+    if (r) {
+      const p = t.value.querySelectorAll(d);
+      if (p.length > 0) {
+        const f = p[n], { offsetTop: u } = f, g = u - 32 > 0 ? u - 32 : 0;
+        r.scrollTop = g;
+      }
+    }
+  }
+  function c(n) {
+    const r = v.value.findIndex((p) => p.props.id === n);
+    r > -1 && l(r);
+  }
+  return { scrollTo: l, scrollToByPaggId: c };
+}
+class gn extends nt {
+  constructor(t, s) {
+    super(t, s);
+  }
+  getPropertyConfig(t) {
+    return this.getBasicPropConfig(t), this.getAppearanceProperties(t), this.getBehaviorProperties(t), this.getToolbarProperties(t), this.propertyConfig;
+  }
+  getBehaviorProperties(t) {
+    this.propertyConfig.categories.behavior = {
+      description: "",
+      title: "行为",
+      properties: {
+        removeable: {
+          description: "是否可移除",
+          type: "boolean",
+          title: "是否可移除"
+        },
+        disabled: {
+          description: "是否禁用",
+          type: "boolean",
+          title: "是否禁用"
+        },
+        show: {
+          description: "是否可见",
+          type: "boolean",
+          title: "是否可见"
+        }
+      }
+    };
+  }
+  getBasicPropConfig(t) {
+    this.propertyConfig.categories.basic = {
+      description: "Basic Infomation",
+      title: "基本信息",
+      properties: {
+        id: {
+          description: "标签页项的标识",
+          title: "标识",
+          type: "string",
+          readonly: !0
+        },
+        title: {
+          description: "标签页项的标题",
+          title: "标题",
+          type: "string"
+        }
+      },
+      setPropertyRelates(s, d) {
+        if (s)
+          switch (s && s.propertyID) {
+            case "title": {
+              s.needRefreshControlTree = !0;
+              break;
+            }
+          }
+      }
+    };
+  }
+  getAppearanceProperties(t) {
+    this.propertyConfig.categories.appearance = {
+      title: "外观",
+      description: "",
+      properties: {
+        customTitleClass: {
+          title: "标题样式",
+          type: "string",
+          description: "为标签页的标题指定样式"
+        },
+        tabWidth: {
+          description: "为标签页的标题指定宽度",
+          type: "number",
+          title: "标签页的标题宽度(px)",
+          editor: {
+            nullable: !0,
+            min: 0,
+            decimals: 0
+          }
+        }
+      }
+    };
+  }
+  getToolbarProperties(t) {
+    this.propertyConfig.categories.toolbar = {
+      title: "工具栏",
+      description: "",
+      properties: {
+        toolbarPosition: {
+          title: "工具栏位置",
+          type: "string",
+          description: "为工具栏指定位置",
+          editor: {
+            type: "combo-list",
+            data: [
+              { id: "inHead", name: "标题区域" },
+              { id: "inContent", name: "内容区域" }
+            ]
+          }
+        }
+      }
+    };
+  }
+}
+class bn extends nt {
+  constructor(t, s) {
+    super(t, s);
+  }
+  getPropertyConfig(t) {
+    return this.propertyConfig.categories.basic = this.getBasicPropConfig(t), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t), this.propertyConfig.categories.behavior = this.getBehaviorProperties(t), this.getEventPropConfig(t), this.propertyConfig;
+  }
+  getAppearanceProperties(t) {
+    return {
+      title: "外观",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: ""
+        },
+        titleWidth: {
+          description: "标题区域宽度占标签头部区域的横向比例",
+          type: "number",
+          title: "标题区域宽度（%）",
+          editor: {
+            min: 0,
+            decimals: 0,
+            max: 100,
+            nullable: !0
+          }
+        },
+        autoTitleWidth: {
+          description: "是，则标题显示全部字符；否，则标题最多显示20个字符",
+          type: "boolean",
+          title: "标题自适应宽度"
+        },
+        fill: {
+          description: "flex布局下，是否填充满剩余部分",
+          type: "boolean",
+          title: "填充"
+        }
+      }
+    };
+  }
+  getBehaviorProperties(t) {
+    const s = this.getCurrentTabPages(t);
+    t.activeId && typeof t.activeId == "string" && (s.find((c) => c.id === t.activeId) || (t.activeId = ""));
+    const d = this.getPropertyEditorParams(t, ["Const", "Variable"], "activeId", {
+      constType: "enum",
+      constEnums: s
+    }, { newVariableType: "String" }), v = this;
+    return {
+      description: "",
+      title: "行为",
+      properties: {
+        activeId: {
+          title: "默认选中标签页",
+          type: "string",
+          description: "默认选中标签页",
+          defaultValue: s.length > 0 ? s[0].id : "",
+          editor: d
+        }
+      },
+      setPropertyRelates(l, c) {
+        if (l)
+          switch (l.propertyID) {
+            case "activeId":
+              v.addNewVariableToViewModel(l, v.viewModelId);
+              break;
+          }
+      }
+    };
+  }
+  getCurrentTabPages(t) {
+    const s = t.contents || [], d = [];
+    return s.forEach((v) => {
+      d.push({
+        name: v.title,
+        id: v.id
+      });
+    }), d;
+  }
+  getEventPropConfig(t) {
+    const s = [
+      {
+        label: "onTabChange",
+        name: "切换标签页事件"
+      },
+      {
+        label: "onTabRemove",
+        name: "移除标签页事件"
+      }
+    ], d = this, v = d.eventsEditorUtils.formProperties(t, d.viewModelId, s), l = {};
+    l[d.viewModelId] = {
+      type: "events-editor",
+      editor: {
+        initialData: v
+      }
+    }, this.propertyConfig.categories.eventsEditor = {
+      title: "事件",
+      hideTitle: !0,
+      properties: l,
+      // 这个属性，标记当属性变更得时候触发重新更新属性
+      refreshPanelAfterChanged: !0,
+      tabId: "commands",
+      tabName: "交互",
+      setPropertyRelates(c, n) {
+        const r = c.propertyValue;
+        delete t[d.viewModelId], r && (r.setPropertyRelates = this.setPropertyRelates, d.eventsEditorUtils.saveRelatedParameters(t, d.viewModelId, r.events, r));
+      }
+    };
+  }
+}
+function hn(a, t) {
+  const s = a.schema, d = new Qe(), { canMove: v, canAccept: l, canDelete: c } = d.getTemplateRule(a, t);
+  function n(C) {
+    return l;
+  }
+  function r() {
+    return c;
+  }
+  function p() {
+    return v;
+  }
+  function f() {
+    return !v && !c;
+  }
+  function u(C) {
+    var L;
+    return (((L = document.querySelector(".dgComponentFocused")) == null ? void 0 : L.id) === `${s.id}-design-item` ? new bn(C, t) : new gn(C, t)).getPropertyConfig(s);
+  }
+  function g() {
+    a.designerItemElementRef.value && te(() => {
+      const C = a.designerItemElementRef.value.querySelector(".dgComponentSelected");
+      C != null && C.className.includes("dgComponentSelected") && C.click();
+    });
+  }
+  function m(C) {
+    if (!C)
+      return;
+    const { changeObject: T } = C;
+    T && T.propertyID === "title" && g();
+  }
+  return {
+    canAccepts: n,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: p,
+    getPropsConfig: u,
+    hideNestedPaddingInDesginerView: f,
+    onPropertyChanged: m
+  };
+}
+function yn(a, t, s, d, v, l) {
+  const c = K([]), n = K(a.activeId || ""), r = K(!0), p = K(), f = K([]), u = K(0), g = U(() => {
+    const e = c.value.find((h) => h.props.id === n.value);
+    return (e == null ? void 0 : e.props.toolbarPosition) === "inHead";
+  });
+  let m;
+  function C(e) {
+    m = e;
+  }
+  function T(e, i = !0) {
+    const h = e.value && e.value.length > 0 ? 0 : -1;
+    if (f.value = [], h !== -1 && (!n.value || typeof n.value == "object")) {
+      if (n.value = e.value[h].props.id, !i)
+        return;
+      const P = e.value[h];
+      P && P.props.toolbar && P.props.toolbar.buttons && P.props.toolbar.buttons.length && (f.value = [...P.props.toolbar.buttons]);
+    }
+  }
+  function k() {
+    const e = c.value.find((P) => P.props.id === n.value);
+    if (f.value = [], e && e.props.toolbar) {
+      const P = Object.prototype.hasOwnProperty.call(e.props.toolbar, "contents") ? "contents" : "buttons";
+      e.props.toolbar[P] && e.props.toolbar[P].length && (f.value = [...e.props.toolbar[P]]);
+    }
+    const i = d.schema.contents, h = i == null ? void 0 : i.find((P) => P.id === n.value);
+    p.value = h == null ? void 0 : h.toolbar;
+  }
+  function L(e) {
+    const i = n.value;
+    n.value = e, v.changeSelectedId(""), k(), t.emit("tabChange", {
+      prevId: i,
+      nextId: n.value
+    });
+  }
+  function B(e) {
+    let i = -1;
+    !n.value && (i = e.value.findIndex((h) => n.value === h.props.id), i > -1) || (T(e, !1), L(n.value));
+  }
+  function j(e) {
+    let i = !1;
+    i = !c.value.find((P) => P.props.id === e), i ? (n.value = "", B(c)) : (n.value = e, L(n.value));
+  }
+  function E(e, i) {
+    e.classList.contains(i) || e.classList.add(i);
+  }
+  function I(e, i) {
+    e.classList.remove(i);
+  }
+  function D(e) {
+    const { parentElement: i } = e;
+    i && (e.scrollWidth > i.offsetWidth ? E(e, "farris-title-text-custom") : I(e, "farris-title-text-custom"));
+  }
+  he(() => a.activeId, (e, i) => {
+    e !== i && j(e);
+  });
+  function O(e) {
+    var h;
+    if (a.autoTitleWidth)
+      return;
+    const i = (h = e.value) == null ? void 0 : h.querySelectorAll(".st-tab-text");
+    i && i.forEach((P) => D(P));
+  }
+  const A = (e) => {
+    e.preventDefault(), e.stopPropagation();
+  };
+  function X(e) {
+    c.value = c.value.filter((i) => i.props.id !== e), n.value === e && (n.value = "", T(c));
+  }
+  function H(e, i, h = !1) {
+    const P = c.value.findIndex((z) => z.props.id === i);
+    X(i), A(e), te(() => {
+      u.value++, O(s), h && (r.value = !0), t.emit("tabRemove", {
+        removeIndex: P,
+        removeId: i,
+        activeId: n.value
+      });
+    });
+  }
+  function b(e, i = !0) {
+    n.value === e && (n.value = "", T(c)), te(() => {
+      u.value++, i && (r.value = !0);
+    });
+  }
+  function S(e) {
+    L(e);
+  }
+  function _(e) {
+    c.value.findIndex((h) => h.props.id === e.props.id) === -1 && c.value.push(e), u.value++;
+  }
+  function R(e) {
+    c.value.findIndex((h) => h.props.id === e.props.id) !== -1 && (c.value.forEach((h) => {
+      h.props.id === e.props.id && (h = e);
+    }), e.props.id === n.value && g.value, te(() => {
+      u.value++, O(s);
+    }));
+  }
+  function M(e) {
+    e && (e.stopPropagation(), e.preventDefault());
+  }
+  function N(e) {
+    var P;
+    const i = d.designerItemElementRef.value.querySelector(".farris-tabs-content"), h = i == null ? void 0 : i.querySelector(`#${e}-design-item`);
+    (P = h == null ? void 0 : h.componentInstance) != null && P.value.onRemoveComponent && h.componentInstance.value.onRemoveComponent(l);
+  }
+  function pe(e) {
+    var G, ue;
+    const i = l.formSchemaUtils.getExpressions();
+    if (!i || !i.length)
+      return;
+    const h = d.schema.contents, P = h == null ? void 0 : h.find((de) => de.id === e);
+    if (!P || !((ue = (G = P.toolbar) == null ? void 0 : G.buttons) != null && ue.length))
+      return;
+    const z = (de) => {
+      de.forEach((ee) => {
+        const Ie = i.findIndex((Te) => Te.target === ee.id);
+        Ie > -1 && i.splice(Ie, 1), ee.children && ee.children.length && z(ee.children);
+      });
+    };
+    z(P.toolbar.buttons);
+  }
+  function ye(e, i) {
+    var z;
+    M(e), pe(i), N(i);
+    const h = d.schema.contents, P = h == null ? void 0 : h.findIndex((G) => G.id === i);
+    P === -1 || P === void 0 || (h == null || h.splice(P, 1), X(i), k(), (z = d == null ? void 0 : d.setupContext) == null || z.emit("selectionChange"), Je.value++);
+  }
+  function ie() {
+    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
+      (i) => i.classList.remove("dgComponentFocused")
+    );
+    const e = document.getElementsByClassName("dgComponentSelected");
+    Array.from(e).forEach((i) => i.classList.remove("dgComponentSelected"));
+  }
+  function ne(e) {
+    e.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  }
+  function W(e, i) {
+    var G;
+    const { contents: h = [] } = d.schema, P = h == null ? void 0 : h.findIndex((ue) => ue.id === e), z = h[P];
+    (G = d == null ? void 0 : d.setupContext) == null || G.emit("selectionChange", z.type, z, a.componentId, i);
+  }
+  function be(e, i) {
+    const h = i.getBoundingClientRect(), P = e.getBoundingClientRect(), z = P.left + P.width <= h.left + h.width, G = P.left + P.width >= h.left;
+    return z && G;
+  }
+  function J(e, i) {
+    if (e || (e = m.value.querySelector(".farris-tabs-header").querySelector(".dgComponentSelected")), i || (i = m.value.querySelector(".farris-nav-tabs")), e && i) {
+      const h = e.querySelector(".component-btn-group");
+      be(e, i) ? At(e) : h && (h.style.display = "none");
+    }
+  }
+  function ce() {
+    s && s.value && s.value.addEventListener("scroll", (e) => {
+      const i = e.target.querySelector(".dgComponentSelected");
+      J(i, e.target);
+    });
+  }
+  function $(e) {
+    if (e && e.parentElement) {
+      let i = e.getBoundingClientRect(), h = e.parentElement.getBoundingClientRect();
+      (i.left < h.left || i.right > h.right) && (s.value.scrollLeft = 0, i = e.getBoundingClientRect(), h = e.parentElement.getBoundingClientRect(), s.value.scrollLeft = i.left - h.left), $t(e);
+    }
+  }
+  function ae(e, i, h) {
+    var G, ue, de;
+    ie(), M(e), ne(e), W(i, h);
+    const P = e.currentTarget;
+    $(P);
+    const z = (ue = (G = h.schema) == null ? void 0 : G.contents) == null ? void 0 : ue.find((ee) => ee.id === i);
+    if (z && (!z.toolbar || ((de = z.toolbar.buttons) == null ? void 0 : de.length) === 0)) {
+      const ee = e.currentTarget;
+      te(() => {
+        ie(), ee == null || ee.classList.add("dgComponentFocused", "dgComponentSelected"), $(ee);
+      });
+    }
+  }
+  function se(e, i) {
+    M(e);
+    const h = d.schema.contents, P = h == null ? void 0 : h.find((G) => G.id === i);
+    if (!P)
+      return;
+    (!P.toolbar || !P.toolbar.buttons) && (P.toolbar = { id: `${P.id}_toolbar`, buttons: [] }), P.toolbar.id || (P.toolbar.id = `${P.id}_toolbar`);
+    const z = tt("tab-toolbar-item");
+    z.id = `tab_toolbar_item_${Math.random().toString().slice(2, 6)}`, P.toolbar.buttons.push(z), f.value = [...P.toolbar.buttons], p.value = P.toolbar, te(() => {
+      if (s && s.value) {
+        const G = s.value.querySelector(".f-state-active");
+        G && $(G);
+      }
+    });
+  }
+  function Y(e) {
+  }
+  return {
+    activeId: n,
+    addTab: _,
+    changeTitleStyle: O,
+    removeTab: H,
+    selectTab: S,
+    tabPages: c,
+    updateTab: R,
+    toolbarItems: f,
+    removeDesignTab: ye,
+    selectDesignTab: ae,
+    toolbarSchema: p,
+    changeToolbarItems: k,
+    addTabPageToolbar: se,
+    listenTabNavElementScroll: ce,
+    setHorizontalScrollbarPosition: $,
+    needUpdateNavigationLayout: u,
+    checkActiveIdAndSelect: j,
+    toggleShowTab: b,
+    hasInHeadClass: g,
+    emitSelectionChange: W,
+    resetPositionForSelectedElement: J,
+    setTabsRef: C,
+    setScrollToSelectedTabFunction: Y
+  };
+}
+function Tn(a, t, s, d, v) {
+  var g;
+  const {
+    toolbarItems: l,
+    toolbarSchema: c,
+    changeToolbarItems: n,
+    hasInHeadClass: r
+  } = a, p = `${((g = d == null ? void 0 : d.schema) == null ? void 0 : g.id) || ""}-toolbar`;
+  function f(m, C, T, k) {
+    var L;
+    (L = d.setupContext) == null || L.emit("selectionChange", m, C, T, k);
+  }
+  function u() {
+    n();
+  }
+  return F("div", {
+    class: "farris-tabs-toolbar",
+    style: "overflow:unset;"
+  }, [F("div", {
+    class: "farris-tabs-inline-flex w-100",
+    style: "flex:1"
+  }, [F(jt, {
+    modelValue: c.value,
+    "onUpdate:modelValue": (m) => c.value = m,
+    class: "w-100 position-relative",
+    canAdd: !1,
+    childType: "tab-toolbar-item",
+    childLabel: "按钮",
+    contentKey: "buttons",
+    id: p,
+    onSelectionChange: f,
+    componentId: v,
+    onAddComponent: u
+  }, {
+    default: () => [F(kt, {
+      alignment: r.value ? "right" : "left",
+      items: l.value,
+      componentId: v
+    }, null)]
+  })])]);
+}
+var ge = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Cn(a) {
+  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
+}
+function Se(a) {
+  throw new Error('Could not dynamically require "' + a + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+var at = { exports: {} };
+(function(a, t) {
+  (function(s) {
+    a.exports = s();
+  })(function() {
+    return (/* @__PURE__ */ function() {
+      function s(d, v, l) {
+        function c(p, f) {
+          if (!v[p]) {
+            if (!d[p]) {
+              var u = typeof Se == "function" && Se;
+              if (!f && u) return u(p, !0);
+              if (n) return n(p, !0);
+              var g = new Error("Cannot find module '" + p + "'");
+              throw g.code = "MODULE_NOT_FOUND", g;
+            }
+            var m = v[p] = { exports: {} };
+            d[p][0].call(m.exports, function(C) {
+              var T = d[p][1][C];
+              return c(T || C);
+            }, m, m.exports, s, d, v, l);
+          }
+          return v[p].exports;
+        }
+        for (var n = typeof Se == "function" && Se, r = 0; r < l.length; r++) c(l[r]);
+        return c;
+      }
+      return s;
+    }())({
+      1: [function(s, d, v) {
+        var l = {}, c = "(?:^|\\s)", n = "(?:\\s|$)";
+        function r(u) {
+          var g = l[u];
+          return g ? g.lastIndex = 0 : l[u] = g = new RegExp(c + u + n, "g"), g;
+        }
+        function p(u, g) {
+          var m = u.className;
+          m.length ? r(g).test(m) || (u.className += " " + g) : u.className = g;
+        }
+        function f(u, g) {
+          u.className = u.className.replace(r(g), " ").trim();
+        }
+        d.exports = {
+          add: p,
+          rm: f
+        };
+      }, {}],
+      2: [function(s, d, v) {
+        (function(l) {
+          var c = s("contra/emitter"), n = s("crossvent"), r = s("./classes"), p = document, f = p.documentElement;
+          function u(b, S) {
+            var _ = arguments.length;
+            _ === 1 && Array.isArray(b) === !1 && (S = b, b = []);
+            var R, M, N, pe, ye, ie, ne, W, be, J = null, ce, $, ae = !1, se = 0, Y, e = S || {};
+            e.moves === void 0 && (e.moves = B), e.accepts === void 0 && (e.accepts = B), e.invalid === void 0 && (e.invalid = ut), e.containers === void 0 && (e.containers = b || []), e.isContainer === void 0 && (e.isContainer = L), e.copy === void 0 && (e.copy = !1), e.copySortSource === void 0 && (e.copySortSource = !1), e.revertOnSpill === void 0 && (e.revertOnSpill = !1), e.removeOnSpill === void 0 && (e.removeOnSpill = !1), e.direction === void 0 && (e.direction = "vertical"), e.ignoreInputTextSelection === void 0 && (e.ignoreInputTextSelection = !0), e.mirrorContainer === void 0 && (e.mirrorContainer = p.body);
+            var i = c({
+              containers: e.containers,
+              start: ct,
+              end: ke,
+              cancel: Fe,
+              remove: Me,
+              destroy: ue,
+              canMove: lt,
+              dragging: !1
+            });
+            return e.removeOnSpill === !0 && i.on("over", ft).on("out", pt), P(), i;
+            function h(o) {
+              return i.containers.indexOf(o) !== -1 || e.isContainer(o);
+            }
+            function P(o) {
+              var y = o ? "remove" : "add";
+              C(f, y, "mousedown", ee), C(f, y, "mouseup", Ee);
+            }
+            function z(o) {
+              var y = o ? "remove" : "add";
+              C(f, y, "mousemove", Ie);
+            }
+            function G(o) {
+              var y = o ? "remove" : "add";
+              n[y](f, "selectstart", de), n[y](f, "click", de);
+            }
+            function ue() {
+              P(!0), Ee({});
+            }
+            function de(o) {
+              ce && o.preventDefault();
+            }
+            function ee(o) {
+              pe = o.clientX, ye = o.clientY;
+              var y = T(o) !== 1 || o.metaKey || o.ctrlKey;
+              if (!y) {
+                var w = o.target, x = Te(w);
+                x && (ce = x, z(), o.type === "mousedown" && (D(w) ? w.focus() : o.preventDefault()));
+              }
+            }
+            function Ie(o) {
+              if (ce) {
+                if (T(o) === 0) {
+                  Ee({});
+                  return;
+                }
+                if (!(o.clientX !== void 0 && Math.abs(o.clientX - pe) <= (e.slideFactorX || 0) && o.clientY !== void 0 && Math.abs(o.clientY - ye) <= (e.slideFactorY || 0))) {
+                  if (e.ignoreInputTextSelection) {
+                    var y = H("clientX", o) || 0, w = H("clientY", o) || 0, x = p.elementFromPoint(y, w);
+                    if (D(x))
+                      return;
+                  }
+                  var q = ce;
+                  z(!0), G(), ke(), Le(q), r.add(W || N, "gu-transit"), mt(), vt(), se = 0, De(o);
+                }
+              }
+            }
+            function Te(o) {
+              if (!(i.dragging && R) && !h(o)) {
+                for (var y = o; I(o) && h(I(o)) === !1; )
+                  if (e.invalid(o, y) || (o = I(o), !o))
+                    return;
+                var w = I(o);
+                if (w && !e.invalid(o, y)) {
+                  var x = e.moves(o, w, y, A(o));
+                  if (x)
+                    return {
+                      item: o,
+                      source: w
+                    };
+                }
+              }
+            }
+            function lt(o) {
+              return !!Te(o);
+            }
+            function ct(o) {
+              var y = Te(o);
+              y && Le(y);
+            }
+            function Le(o) {
+              It(o.item, o.source) && (W = o.item.cloneNode(!0), i.emit("cloned", W, o.item, "copy")), M = o.source, N = o.item, ie = ne = A(o.item), i.dragging = !0, i.emit("drag", N, M);
+            }
+            function ut() {
+              return !1;
+            }
+            function ke() {
+              if (i.dragging) {
+                var o = W || N;
+                _e(o, I(o));
+              }
+            }
+            function He() {
+              ce = !1, z(!0), G(!0);
+            }
+            function Ee(o) {
+              if (He(), !!i.dragging) {
+                var y = W || N, w = H("clientX", o) || 0, x = H("clientY", o) || 0, q = k(R, w, x), V = qe(q, w, x);
+                V && (W && e.copySortSource || !W || V !== M) ? _e(y, V) : e.removeOnSpill ? Me() : Fe();
+              }
+            }
+            function _e(o, y) {
+              var w = I(o);
+              W && e.copySortSource && y === M && w.removeChild(N), Re(y) ? i.emit("cancel", o, M) : i.emit("drop", o, y, M, ne), Be();
+            }
+            function Me() {
+              if (i.dragging) {
+                var o = W || N, y = I(o);
+                y && y.removeChild(o), i.emit(W ? "cancel" : "remove", o, y, M), Be();
+              }
+            }
+            function Fe(o) {
+              if (i.dragging) {
+                var y = arguments.length > 0 ? o : e.revertOnSpill, w = W || N, x = I(w), q = Re(x);
+                q === !1 && y && (W ? x && x.removeChild(W) : M.insertBefore(w, ie)), q || y ? i.emit("cancel", w, M, M) : i.emit("drop", w, x, M, ne), Be();
+              }
+            }
+            function Be() {
+              var o = W || N;
+              He(), gt(), bt(), o && r.rm(o, "gu-transit"), be && clearTimeout(be), i.dragging = !1, J && i.emit("out", o, J, M), i.emit("dragend", o, se), M = N = W = ie = ne = be = J = null;
+            }
+            function Re(o, y) {
+              var w;
+              return y !== void 0 ? w = y : R ? w = ne : w = A(W || N), o === M && w === ie;
+            }
+            function qe(o, y, w) {
+              for (var x = o; x && !q(); )
+                x = I(x);
+              return x;
+              function q() {
+                var V = h(x);
+                if (V === !1)
+                  return !1;
+                var fe = Ne(x, o), oe = Ve(x, fe, y, w), le = Re(x, oe);
+                return le ? !0 : e.accepts(N, x, M, oe);
+              }
+            }
+            function De(o) {
+              if (!R)
+                return;
+              o.preventDefault();
+              var y = H("clientX", o) || 0, w = H("clientY", o) || 0;
+              R.style.left = y - 2 + "px", R.style.top = w - 2 + "px";
+              var x = W || N, q = k(R, y, w), V = qe(q, y, w), fe = V !== null && V !== J;
+              (fe || V === null) && (re(), J = V, me()), wt(q, w);
+              var oe = I(x);
+              if (V === M && W && !e.copySortSource) {
+                oe && oe.removeChild(x);
+                return;
+              }
+              var le, ve = Ne(V, q);
+              if (ae = ht(ve, V), ve !== null)
+                le = Ve(V, ve, y, w);
+              else if (e.revertOnSpill === !0 && !W)
+                le = ie, V = M;
+              else {
+                W && oe && oe.removeChild(x), W && $ && ($.style.display = "none");
+                return;
+              }
+              $.style.display = "block", dt(le, x, fe), le ? Tt(ve, le) : Ct(V);
+              function Q(Z) {
+                i.emit(Z, x, J, M);
+              }
+              function me() {
+                fe && Q("over");
+              }
+              function re() {
+                J && Q("out");
+              }
+            }
+            function dt(o, y, w) {
+              (o === y || o === A(y)) && (ne = A(y)), (o === null && w || o !== y && o !== A(y)) && (ne = o);
+            }
+            function ft(o) {
+              r.rm(o, "gu-hide");
+            }
+            function pt(o) {
+              i.dragging && r.add(o, "gu-hide");
+            }
+            function vt() {
+              R || (R = document.createElement("div"), R.style = "background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;", R.innerHTML = e.getMirrorText && e.getMirrorText(N) || "控件", r.add(R, "gu-mirror"), e.mirrorContainer.appendChild(R), C(f, "add", "mousemove", De), r.add(e.mirrorContainer, "gu-unselectable"), i.emit("cloned", R, N, "mirror"));
+            }
+            function mt() {
+              if ($ = document.createElement("div"), r.add($, "gu-insertion"), N) {
+                var o = N.getBoundingClientRect();
+                $.style.left = o.left + "px", $.style.top = o.top + "px";
+              }
+              ae = !1, e.mirrorContainer.appendChild($);
+            }
+            function gt() {
+              R && (r.rm(e.mirrorContainer, "gu-unselectable"), C(f, "remove", "mousemove", De), I(R).removeChild(R), R = null);
+            }
+            function bt() {
+              $ && (I($).removeChild($), $ = null);
+            }
+            function Ne(o, y) {
+              for (var w = y; w !== o && I(w) !== o; )
+                w = I(w);
+              return w === f ? null : w;
+            }
+            function ht(o, y) {
+              if (!y)
+                return ae;
+              var w = o || y && y.lastElementChild;
+              if (!w)
+                return !0;
+              var x = getComputedStyle(o), q = /^inline/.test(x.getPropertyValue("display")) || /^(left|right)$/.test(x.getPropertyValue("float"));
+              if (q)
+                return !0;
+              if (y) {
+                var V = getComputedStyle(y), fe = V.getPropertyValue("display");
+                if (/flex$/.test(fe)) {
+                  var oe = V.getPropertyValue("flex-direction") || "row";
+                  if (oe === "row" || oe === "row-reverse")
+                    return !yt(y);
+                }
+                return !1;
+              }
+              return !0;
+            }
+            function yt(o) {
+              if (!o.children || !o.children.length)
+                return !1;
+              for (const y of Array.from(o.children)) {
+                const x = (y.className && y.className.split(" ") || []).filter((q) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(q));
+                if (!x.length)
+                  return !1;
+                for (const q of x) {
+                  const V = q.slice(q.lastIndexOf("-") + 1);
+                  if (parseInt(V, 10) !== 12)
+                    return !1;
+                }
+              }
+              return !0;
+            }
+            function Tt(o, y) {
+              const w = y.getBoundingClientRect();
+              if ($.style.left = w.left + "px", $.style.top = w.top + "px", ae) {
+                if ($.style.height = w.height + "px", $.style.width = "4px", o) {
+                  const x = o.getBoundingClientRect();
+                  x.top !== w.top && ($.style.left = x.right + "px", $.style.top = x.top + "px", $.style.height = x.height + "px");
+                }
+              } else if ($.style.height = "4px", $.style.width = w.width + "px", Y) {
+                const x = Y.getBoundingClientRect();
+                w.top < x.top && ($.style.display = "none");
+              }
+              y === N && N && ($.style.display = "none");
+            }
+            function Ct(o) {
+              ne = null;
+              var y = o.lastElementChild;
+              if (y) {
+                var w = y.getBoundingClientRect();
+                ae ? ($.style.left = w.right + "px", $.style.top = w.top + "px", $.style.height = w.height + "px", $.style.width = "4px") : ($.style.left = w.left + "px", $.style.top = w.bottom + "px", $.style.height = "4px", $.style.width = w.width + "px"), y === N && N && ($.style.display = "none");
+              } else
+                $.style.display = "none";
+            }
+            function wt(o, y) {
+              if (!e.mirrorContainer.contains(o) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (Y = g(o), !Y || !Y.contains(o)))
+                return;
+              const w = document.querySelector(".dgComponentSelected"), x = Y.getBoundingClientRect();
+              if (y - 30 < x.top && Y.scrollTop > 0) {
+                let q = Y.scrollTop < 10 ? Y.scrollTop : 10;
+                Y.scrollBy(0, -1 * q), w && Y.contains(w) && (se = se + -1 * q);
+              }
+              if (y + 30 > x.bottom && Y.scrollTop < Y.scrollHeight - Y.clientHeight) {
+                const q = Y.scrollHeight - Y.clientHeight - Y.scrollTop;
+                let V = q < 10 ? q : 10;
+                Y.scrollBy(0, V), w && Y.contains(w) && (se = se + V);
+              }
+            }
+            function Ve(o, y, w, x) {
+              var q = e.direction === "horizontal", V = e.direction === "mixed", fe = y !== o ? le() : oe();
+              return fe;
+              function oe() {
+                var Q = o.children.length, me, re, Z;
+                for (me = 0; me < Q; me++)
+                  if (re = o.children[me], Z = re.getBoundingClientRect(), q && Z.left + Z.width / 2 > w || !V && !q && Z.top + Z.height / 2 > x || V && Z.left + Z.width > w && Z.top + Z.height > x)
+                    return re;
+                return null;
+              }
+              function le() {
+                var Q = y.getBoundingClientRect();
+                if (V) {
+                  var me = x - Q.top, re = w - Q.left, Z = Q.bottom - x, Ae = Q.right - w, $e = Math.min(re, Ae, me, Z), je;
+                  return ae ? je = Ae < re : je = Z === $e || Ae === $e || re === $e, ve(je);
+                }
+                return ve(q ? w > Q.left + j(Q) / 2 : x > Q.top + E(Q) / 2);
+              }
+              function ve(Q) {
+                return Q ? A(y) : y;
+              }
+            }
+            function It(o, y) {
+              return typeof e.copy == "boolean" ? e.copy : e.copy(o, y);
+            }
+          }
+          function g(b) {
+            const S = Array.from(window.scrollContainerList);
+            if (S.length === 1) {
+              const R = Array.from(window.scrollContainerList)[0];
+              return document.getElementById(R);
+            }
+            const _ = m(S);
+            for (const R of _)
+              if (R.contains(b))
+                return R;
+            return null;
+          }
+          function m(b) {
+            const S = [];
+            return b.forEach((_) => {
+              const R = document.getElementById(_);
+              R && S.push(R);
+            }), S.sort((_, R) => _.contains(R) ? 1 : R.contains(_) ? -1 : 0), S;
+          }
+          function C(b, S, _, R) {
+            var M = {
+              mouseup: "touchend",
+              mousedown: "touchstart",
+              mousemove: "touchmove"
+            }, N = {
+              mouseup: "pointerup",
+              mousedown: "pointerdown",
+              mousemove: "pointermove"
+            }, pe = {
+              mouseup: "MSPointerUp",
+              mousedown: "MSPointerDown",
+              mousemove: "MSPointerMove"
+            };
+            l.navigator.pointerEnabled ? n[S](b, N[_], R) : l.navigator.msPointerEnabled ? n[S](b, pe[_], R) : (n[S](b, M[_], R), n[S](b, _, R));
+          }
+          function T(b) {
+            if (b.touches !== void 0)
+              return b.touches.length;
+            if (b.which !== void 0 && b.which !== 0)
+              return b.which;
+            if (b.buttons !== void 0)
+              return b.buttons;
+            var S = b.button;
+            if (S !== void 0)
+              return S & 1 ? 1 : S & 2 ? 3 : S & 4 ? 2 : 0;
+          }
+          function k(b, S, _) {
+            b = b || {};
+            var R = b.className || "", M;
+            return b.className += " gu-hide", M = p.elementFromPoint(S, _), b.className = R, M;
+          }
+          function L() {
+            return !1;
+          }
+          function B() {
+            return !0;
+          }
+          function j(b) {
+            return b.width || b.right - b.left;
+          }
+          function E(b) {
+            return b.height || b.bottom - b.top;
+          }
+          function I(b) {
+            return b.parentNode === p ? null : b.parentNode;
+          }
+          function D(b) {
+            return b.tagName === "INPUT" || b.tagName === "TEXTAREA" || b.tagName === "SELECT" || O(b);
+          }
+          function O(b) {
+            return !b || b.contentEditable === "false" ? !1 : b.contentEditable === "true" ? !0 : O(I(b));
+          }
+          function A(b) {
+            return b.nextElementSibling || S();
+            function S() {
+              var _ = b;
+              do
+                _ = _.nextSibling;
+              while (_ && _.nodeType !== 1);
+              return _;
+            }
+          }
+          function X(b) {
+            return b.targetTouches && b.targetTouches.length ? b.targetTouches[0] : b.changedTouches && b.changedTouches.length ? b.changedTouches[0] : b;
+          }
+          function H(b, S) {
+            var _ = X(S), R = {
+              pageX: "clientX",
+              // IE8
+              pageY: "clientY"
+              // IE8
+            };
+            return b in R && !(b in _) && R[b] in _ && (b = R[b]), _[b];
+          }
+          d.exports = u;
+        }).call(this, typeof ge < "u" ? ge : typeof self < "u" ? self : typeof window < "u" ? window : {});
+      }, { "./classes": 1, "contra/emitter": 5, crossvent: 6 }],
+      3: [function(s, d, v) {
+        d.exports = function(c, n) {
+          return Array.prototype.slice.call(c, n);
+        };
+      }, {}],
+      4: [function(s, d, v) {
+        var l = s("ticky");
+        d.exports = function(n, r, p) {
+          n && l(function() {
+            n.apply(p || null, r || []);
+          });
+        };
+      }, { ticky: 10 }],
+      5: [function(s, d, v) {
+        var l = s("atoa"), c = s("./debounce");
+        d.exports = function(r, p) {
+          var f = p || {}, u = {};
+          return r === void 0 && (r = {}), r.on = function(g, m) {
+            return u[g] ? u[g].push(m) : u[g] = [m], r;
+          }, r.once = function(g, m) {
+            return m._once = !0, r.on(g, m), r;
+          }, r.off = function(g, m) {
+            var C = arguments.length;
+            if (C === 1)
+              delete u[g];
+            else if (C === 0)
+              u = {};
+            else {
+              var T = u[g];
+              if (!T)
+                return r;
+              T.splice(T.indexOf(m), 1);
+            }
+            return r;
+          }, r.emit = function() {
+            var g = l(arguments);
+            return r.emitterSnapshot(g.shift()).apply(this, g);
+          }, r.emitterSnapshot = function(g) {
+            var m = (u[g] || []).slice(0);
+            return function() {
+              var C = l(arguments), T = this || r;
+              if (g === "error" && f.throws !== !1 && !m.length)
+                throw C.length === 1 ? C[0] : C;
+              return m.forEach(function(L) {
+                f.async ? c(L, C, T) : L.apply(T, C), L._once && r.off(g, L);
+              }), r;
+            };
+          }, r;
+        };
+      }, { "./debounce": 4, atoa: 3 }],
+      6: [function(s, d, v) {
+        (function(l) {
+          var c = s("custom-event"), n = s("./eventmap"), r = l.document, p = g, f = C, u = [];
+          l.addEventListener || (p = m, f = T), d.exports = {
+            add: p,
+            remove: f,
+            fabricate: k
+          };
+          function g(I, D, O, A) {
+            return I.addEventListener(D, O, A);
+          }
+          function m(I, D, O) {
+            return I.attachEvent("on" + D, B(I, D, O));
+          }
+          function C(I, D, O, A) {
+            return I.removeEventListener(D, O, A);
+          }
+          function T(I, D, O) {
+            var A = j(I, D, O);
+            if (A)
+              return I.detachEvent("on" + D, A);
+          }
+          function k(I, D, O) {
+            var A = n.indexOf(D) === -1 ? H() : X();
+            I.dispatchEvent ? I.dispatchEvent(A) : I.fireEvent("on" + D, A);
+            function X() {
+              var b;
+              return r.createEvent ? (b = r.createEvent("Event"), b.initEvent(D, !0, !0)) : r.createEventObject && (b = r.createEventObject()), b;
+            }
+            function H() {
+              return new c(D, { detail: O });
+            }
+          }
+          function L(I, D, O) {
+            return function(X) {
+              var H = X || l.event;
+              H.target = H.target || H.srcElement, H.preventDefault = H.preventDefault || function() {
+                H.returnValue = !1;
+              }, H.stopPropagation = H.stopPropagation || function() {
+                H.cancelBubble = !0;
+              }, H.which = H.which || H.keyCode, O.call(I, H);
+            };
+          }
+          function B(I, D, O) {
+            var A = j(I, D, O) || L(I, D, O);
+            return u.push({
+              wrapper: A,
+              element: I,
+              type: D,
+              fn: O
+            }), A;
+          }
+          function j(I, D, O) {
+            var A = E(I, D, O);
+            if (A) {
+              var X = u[A].wrapper;
+              return u.splice(A, 1), X;
+            }
+          }
+          function E(I, D, O) {
+            var A, X;
+            for (A = 0; A < u.length; A++)
+              if (X = u[A], X.element === I && X.type === D && X.fn === O)
+                return A;
+          }
+        }).call(this, typeof ge < "u" ? ge : typeof self < "u" ? self : typeof window < "u" ? window : {});
+      }, { "./eventmap": 7, "custom-event": 8 }],
+      7: [function(s, d, v) {
+        (function(l) {
+          var c = [], n = "", r = /^on/;
+          for (n in l)
+            r.test(n) && c.push(n.slice(2));
+          d.exports = c;
+        }).call(this, typeof ge < "u" ? ge : typeof self < "u" ? self : typeof window < "u" ? window : {});
+      }, {}],
+      8: [function(s, d, v) {
+        (function(l) {
+          var c = l.CustomEvent;
+          function n() {
+            try {
+              var r = new c("cat", { detail: { foo: "bar" } });
+              return r.type === "cat" && r.detail.foo === "bar";
+            } catch {
+            }
+            return !1;
+          }
+          d.exports = n() ? c : (
+            // IE >= 9
+            typeof document < "u" && typeof document.createEvent == "function" ? function(p, f) {
+              var u = document.createEvent("CustomEvent");
+              return f ? u.initCustomEvent(p, f.bubbles, f.cancelable, f.detail) : u.initCustomEvent(p, !1, !1, void 0), u;
+            } : (
+              // IE <= 8
+              function(p, f) {
+                var u = document.createEventObject();
+                return u.type = p, f ? (u.bubbles = !!f.bubbles, u.cancelable = !!f.cancelable, u.detail = f.detail) : (u.bubbles = !1, u.cancelable = !1, u.detail = void 0), u;
+              }
+            )
+          );
+        }).call(this, typeof ge < "u" ? ge : typeof self < "u" ? self : typeof window < "u" ? window : {});
+      }, {}],
+      9: [function(s, d, v) {
+        var l = d.exports = {}, c, n;
+        function r() {
+          throw new Error("setTimeout has not been defined");
+        }
+        function p() {
+          throw new Error("clearTimeout has not been defined");
+        }
+        (function() {
+          try {
+            typeof setTimeout == "function" ? c = setTimeout : c = r;
+          } catch {
+            c = r;
+          }
+          try {
+            typeof clearTimeout == "function" ? n = clearTimeout : n = p;
+          } catch {
+            n = p;
+          }
+        })();
+        function f(E) {
+          if (c === setTimeout)
+            return setTimeout(E, 0);
+          if ((c === r || !c) && setTimeout)
+            return c = setTimeout, setTimeout(E, 0);
+          try {
+            return c(E, 0);
+          } catch {
+            try {
+              return c.call(null, E, 0);
+            } catch {
+              return c.call(this, E, 0);
+            }
+          }
+        }
+        function u(E) {
+          if (n === clearTimeout)
+            return clearTimeout(E);
+          if ((n === p || !n) && clearTimeout)
+            return n = clearTimeout, clearTimeout(E);
+          try {
+            return n(E);
+          } catch {
+            try {
+              return n.call(null, E);
+            } catch {
+              return n.call(this, E);
+            }
+          }
+        }
+        var g = [], m = !1, C, T = -1;
+        function k() {
+          !m || !C || (m = !1, C.length ? g = C.concat(g) : T = -1, g.length && L());
+        }
+        function L() {
+          if (!m) {
+            var E = f(k);
+            m = !0;
+            for (var I = g.length; I; ) {
+              for (C = g, g = []; ++T < I; )
+                C && C[T].run();
+              T = -1, I = g.length;
+            }
+            C = null, m = !1, u(E);
+          }
+        }
+        l.nextTick = function(E) {
+          var I = new Array(arguments.length - 1);
+          if (arguments.length > 1)
+            for (var D = 1; D < arguments.length; D++)
+              I[D - 1] = arguments[D];
+          g.push(new B(E, I)), g.length === 1 && !m && f(L);
+        };
+        function B(E, I) {
+          this.fun = E, this.array = I;
+        }
+        B.prototype.run = function() {
+          this.fun.apply(null, this.array);
+        }, l.title = "browser", l.browser = !0, l.env = {}, l.argv = [], l.version = "", l.versions = {};
+        function j() {
+        }
+        l.on = j, l.addListener = j, l.once = j, l.off = j, l.removeListener = j, l.removeAllListeners = j, l.emit = j, l.prependListener = j, l.prependOnceListener = j, l.listeners = function(E) {
+          return [];
+        }, l.binding = function(E) {
+          throw new Error("process.binding is not supported");
+        }, l.cwd = function() {
+          return "/";
+        }, l.chdir = function(E) {
+          throw new Error("process.chdir is not supported");
+        }, l.umask = function() {
+          return 0;
+        };
+      }, {}],
+      10: [function(s, d, v) {
+        (function(l) {
+          var c = typeof l == "function", n;
+          c ? n = function(r) {
+            l(r);
+          } : n = function(r) {
+            setTimeout(r, 0);
+          }, d.exports = n;
+        }).call(this, s("timers").setImmediate);
+      }, { timers: 11 }],
+      11: [function(s, d, v) {
+        (function(l, c) {
+          var n = s("process/browser.js").nextTick, r = Function.prototype.apply, p = Array.prototype.slice, f = {}, u = 0;
+          v.setTimeout = function() {
+            return new g(r.call(setTimeout, window, arguments), clearTimeout);
+          }, v.setInterval = function() {
+            return new g(r.call(setInterval, window, arguments), clearInterval);
+          }, v.clearTimeout = v.clearInterval = function(m) {
+            m.close();
+          };
+          function g(m, C) {
+            this._id = m, this._clearFn = C;
+          }
+          g.prototype.unref = g.prototype.ref = function() {
+          }, g.prototype.close = function() {
+            this._clearFn.call(window, this._id);
+          }, v.enroll = function(m, C) {
+            clearTimeout(m._idleTimeoutId), m._idleTimeout = C;
+          }, v.unenroll = function(m) {
+            clearTimeout(m._idleTimeoutId), m._idleTimeout = -1;
+          }, v._unrefActive = v.active = function(m) {
+            clearTimeout(m._idleTimeoutId);
+            var C = m._idleTimeout;
+            C >= 0 && (m._idleTimeoutId = setTimeout(function() {
+              m._onTimeout && m._onTimeout();
+            }, C));
+          }, v.setImmediate = typeof l == "function" ? l : function(m) {
+            var C = u++, T = arguments.length < 2 ? !1 : p.call(arguments, 1);
+            return f[C] = !0, n(function() {
+              f[C] && (T ? m.apply(null, T) : m.call(null), v.clearImmediate(C));
+            }), C;
+          }, v.clearImmediate = typeof c == "function" ? c : function(m) {
+            delete f[m];
+          };
+        }).call(this, s("timers").setImmediate, s("timers").clearImmediate);
+      }, { "process/browser.js": 9, timers: 11 }]
+    }, {}, [2])(2);
+  });
+})(at);
+var wn = at.exports;
+const Xe = /* @__PURE__ */ Cn(wn);
+function In(a, t) {
+  let s;
+  function d(n) {
+    var f;
+    const p = Array.from(n.children).find((u) => u.className.includes("add-nav-item"));
+    p && !((f = p.className) != null && f.includes("d-none")) && (p.className += " d-none");
+  }
+  function v(n) {
+    var f;
+    const p = Array.from(n.children).find((u) => u.className.includes("add-nav-item"));
+    p && ((f = p.className) != null && f.includes(" d-none")) && (p.className = p.className.replace(" d-none", ""));
+  }
+  function l(n, r, p) {
+    v(r);
+    const f = a.schema;
+    if (!(f != null && f.contents))
+      return;
+    let u;
+    if (p) {
+      const T = p.getAttribute("pageId");
+      u = Array.from(r.children).findIndex((k) => k.getAttribute("pageId") === T);
+    } else
+      u = Array.from(r.children).length;
+    const g = n.getAttribute("pageId"), m = Array.from(r.children).findIndex((T) => T.getAttribute("pageId") === g), C = f.contents[m];
+    if (m !== u && m > -1 && u > -1) {
+      if (m < u && (u = u - 1), f.contents.splice(m, 1), f.contents.splice(u, 0, C), t.value) {
+        const T = t.value[m];
+        t.value.splice(m, 1), t.value.splice(u, 0, T);
+      }
+      te(() => {
+        n.className.includes("dgComponentSelected") && (n.classList.remove("dgComponentSelected"), n.classList.remove("dgComponentFocused"), n.click()), Je.value++;
+      });
+    }
+  }
+  function c(n, r) {
+    s && s.destroy(), !(!Xe || !n || !r) && (s = Xe([n], {
+      mirrorContainer: r,
+      direction: "horizontal",
+      moves(p) {
+        return !p.classList.contains("no-drag");
+      },
+      getMirrorText(p) {
+        return p.innerText;
+      },
+      accepts(p, f, u, g) {
+        return d(f), g && g.className.includes("nav-item");
+      }
+    }).on("drop", (p, f, u, g) => l(p, f, g)));
+  }
+  return {
+    dragulaInstance: s,
+    initHeaderDragula: c
+  };
+}
+const Pe = /* @__PURE__ */ Ge({
+  name: "FTabsDesign",
+  props: it,
+  emits: ["tabChange", "tabRemove"],
+  setup(a, t) {
+    const s = K(), d = Ce("designer-host-service"), v = Ce("design-item-context"), l = hn(v, d), c = Ze(s, v, l), n = K(a.tabType), r = We(), p = We(), f = {
+      updateToolbarItems: function() {
+      },
+      // 与工具栏交互数据
+      changeSelectedId: (e) => {
+      }
+    }, u = yn(a, t, r, v, f, d), {
+      activeId: g,
+      changeTitleStyle: m,
+      tabPages: C,
+      addTab: T,
+      updateTab: k,
+      toolbarItems: L,
+      setTabsRef: B,
+      checkActiveIdAndSelect: j,
+      listenTabNavElementScroll: E,
+      toolbarSchema: I,
+      toggleShowTab: D,
+      hasInHeadClass: O
+    } = u;
+    B(s);
+    const A = mn(a, p, u), X = pn(a, r, A, u), {
+      updateNavigationLayout: H
+    } = X, b = vn(a, u), {
+      hideDropDown: S
+    } = b, _ = dn(a, r, X, A, u, c), R = _, M = fn(a, r, X, A, u), N = /* @__PURE__ */ new Map([["default", _], ["one-page", R], ["pills", M]]);
+    U(() => {
+      const e = C.value.find((i) => i.props.id === g.value);
+      return e == null ? void 0 : e.slots;
+    });
+    function pe() {
+      const e = c.value.schema.contents || [];
+      return e.length < 1 ? null : e.find((h) => h.id === g.value);
+    }
+    f.updateToolbarItems = function() {
+      var i, h;
+      const e = pe();
+      (i = e == null ? void 0 : e.toolbar) != null && i.buttons ? L.value = [...(h = e == null ? void 0 : e.toolbar) == null ? void 0 : h.buttons] : L.value = [], I.value = e == null ? void 0 : e.toolbar;
+    }, Ue("tabs", {
+      activeId: g,
+      addTab: T,
+      updateTab: k,
+      tabPages: C,
+      tabType: n,
+      toggleShowTab: D
+    }), Ue("toolbar-item-handler", f);
+    const ye = U(() => a.fill), ie = U(() => ({
+      "farris-tabs-header": !0,
+      "farris-tabs-inHead": O.value,
+      "farris-tabs-inContent": !O.value,
+      "farris-tabs-nav-fill": a.tabType === "fill",
+      "farris-tabs-nav-pills": a.tabType === "pills"
+    })), ne = U(() => {
+      const e = {
+        width: O.value && a.titleWidth ? `${a.titleWidth}%` : ""
+      };
+      return e.width && (e.flex = "unset"), e;
+    }), W = U(() => ({
+      "farris-tabs": !0,
+      "flex-column": a.position === "top",
+      "flex-column-reverse": a.position === "bottom",
+      "flex-row": a.position === "left",
+      "flex-row-reverse": a.position === "right",
+      "one-page": a.tabType === "one-page"
+    })), {
+      initHeaderDragula: be,
+      dragulaInstance: J
+    } = In(v, C);
+    Oe(() => {
+      C.value.length && j(a.activeId || C.value[0].props.id), te(() => {
+        H();
+      }), m(r), window.addEventListener("click", (e) => {
+        var i;
+        S.value || (i = s.value) != null && i.contains(e.target) || (S.value = !0);
+      }), window.addEventListener("resize", () => {
+        H();
+      }), E(), s.value.componentInstance = c, a.tabType === "default" && be(r.value, r.value);
+    }), Ke(() => {
+      J && J.destroy && J.destroy();
+    });
+    function ce() {
+      return !!L.value.length && Tn(u, c, l, v, a.componentId);
+    }
+    const $ = N.get(a.tabType) || N.get("default");
+    function ae() {
+      var e, i, h, P;
+      return F("div", {
+        class: ie.value
+      }, [F("div", {
+        class: "farris-tabs-header-pre"
+      }, [(i = (e = t.slots).headerPrefix) == null ? void 0 : i.call(e)]), F("div", {
+        class: "farris-tabs-title scroll-tabs",
+        style: ne.value
+      }, [$ && $()]), ce(), F("div", {
+        class: "farris-tabs-header-post"
+      }, [(P = (h = t.slots).headerSuffix) == null ? void 0 : P.call(h)])]);
+    }
+    const se = U(() => ({
+      "farris-tabs-content": !0,
+      "f-utils-fill-flex-column": ye.value
+    }));
+    function Y() {
+      var e, i, h, P;
+      return F("div", {
+        class: se.value,
+        ref: p
+      }, [(i = (e = v == null ? void 0 : v.schema) == null ? void 0 : e.contents) != null && i.length ? (P = (h = t.slots).default) == null ? void 0 : P.call(h) : ""]);
+    }
+    return t.expose(c.value), c.value.updateToolbarItems = f.updateToolbarItems, () => F("div", {
+      class: W.value,
+      ref: s
+    }, [ae(), Y()]);
+  }
+});
+function Sn(a, t) {
+  const s = new Qe(), { canAccept: d } = s.getTemplateRule(a, t);
+  function v(n) {
+    if (!Ot().basalDragulaRuleForContainer(n, t))
+      return !1;
+    const { schema: p } = a;
+    return p.contents && p.contents.length > 0 ? !1 : d;
+  }
+  function l(n) {
+    return null;
+  }
+  function c() {
+    const { schema: n, parent: r } = a;
+    r != null && r.schema.activeId && n.id === r.schema.activeId && (r.schema.activeId = "");
+  }
+  return { canAccepts: v, getDraggableDesignItemElement: l, onRemoveComponent: c };
+}
+function Pn(a) {
+  return typeof a == "function" || Object.prototype.toString.call(a) === "[object Object]" && !Rt(a);
+}
+const xn = /* @__PURE__ */ Ge({
+  name: "FTabPageDesign",
+  props: ze,
+  emits: [],
+  setup(a, t) {
+    const s = K(), d = Ce("design-item-context"), v = Ce("designer-host-service"), l = Sn(d, v), c = Ze(s, d, l);
+    c.value.canNested = !1, c.value.canDelete = !1, c.value.canMove = !1, t.expose(c.value);
+    const n = Ce("tabs"), r = K(!0), p = {
+      slots: t.slots,
+      props: a
+    }, f = K((n == null ? void 0 : n.tabType.value) || "default");
+    Oe(() => {
+      s.value.componentInstance = c;
+      const B = n.tabPages.value.findIndex((j) => j.props.id === a.id);
+      !B || B === -1 ? n == null || n.addTab(p) : B > -1 && (r.value = !1, console.warn(`已经存在id为${a.id}的页签啦`));
+    }), Ke(() => {
+    });
+    const u = U(() => (a == null ? void 0 : a.id) === (n == null ? void 0 : n.activeId.value)), g = U(() => ({
+      display: u.value ? "" : "none"
+    }));
+    he(() => a, (B) => {
+      n == null || n.updateTab({
+        props: B,
+        slots: t.slots
+      });
+    }, {
+      immediate: !0,
+      deep: !0
+    });
+    function m() {
+      var j, E;
+      const B = (E = (j = t.slots).default) == null ? void 0 : E.call(j);
+      return F(Mt, {
+        "main-title": a.title,
+        class: "farris-tab-page"
+      }, Pn(B) ? B : {
+        default: () => [B]
+      });
+    }
+    const C = U(() => ({
+      "farris-tab-page": !0,
+      "drag-container": !0,
+      "farris-tab-page-active": u.value
+    }));
+    function T() {
+      var j, E;
+      const B = (E = (j = t.slots).default) == null ? void 0 : E.call(j);
+      return F("div", {
+        ref: s,
+        class: C.value,
+        "data-dragref": `${d.schema.id}-container`,
+        style: g.value
+      }, [B]);
+    }
+    const L = (/* @__PURE__ */ new Map([["default", T], ["one-page", m]])).get(f.value) || T;
+    return () => r.value ? L() : null;
+  }
+});
+function En(a, t, s) {
+  return t && t.contents && t.contents.length && (t.contents.forEach((d) => {
+    d.title && (d.text = d.title);
+  }), t.buttons = t.contents, delete t.contents), { toolbar: t };
+}
+const Bn = /* @__PURE__ */ new Map([
+  ["appearance", et],
+  ["toolbar", En]
+]), Rn = "https://json-schema.org/draft/2020-12/schema", Dn = "https://farris-design.gitee.io/tab-page.schema.json", An = "tab-page", $n = "A Farris Container Component", jn = "object", On = {
+  id: {
+    description: "The unique identifier for a tab-page Item",
+    type: "string"
+  },
+  type: {
+    description: "The type string of tab-page Item component",
+    type: "string",
+    default: "tab-page"
+  },
+  contents: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  title: {
+    description: "",
+    type: "string",
+    default: "标题"
+  },
+  disabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  removeable: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  show: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  toolbar: {
+    description: "",
+    type: "object"
+  },
+  tabWidth: {
+    description: "",
+    type: "number"
+  },
+  toolbarPosition: {
+    description: "",
+    type: "string",
+    default: "inHead"
+  },
+  customTitleClass: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onTabChange: {
+    description: "",
+    type: "切换标签页事件",
+    default: ""
+  },
+  onTabRemove: {
+    description: "",
+    type: "string",
+    default: "移除标签页事件"
+  }
+}, Ln = [
+  "id",
+  "type",
+  "contents"
+], kn = {
+  $schema: Rn,
+  $id: Dn,
+  title: An,
+  description: $n,
+  type: jn,
+  properties: On,
+  required: Ln
+}, st = we(ze, kn, Bn), Hn = "https://json-schema.org/draft/2020-12/schema", _n = "https://farris-design.gitee.io/tab-toolbar-item.schema.json", Mn = "tab-toolbar-item", Fn = "A Farris Toolbar Item Component", qn = "object", Nn = {
+  id: {
+    description: "The unique identifier for a Response Toolbar",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Response Toolbar",
+    type: "string",
+    default: "tab-toolbar-item"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  text: {
+    description: "按钮",
+    type: "string",
+    default: "按钮"
+  },
+  icon: {
+    description: "图标",
+    type: "string",
+    default: ""
+  },
+  disabled: {
+    description: "禁用",
+    type: "boolean",
+    default: !1
+  },
+  visible: {
+    description: "是否可见",
+    type: "boolean",
+    default: !0
+  },
+  onClick: {
+    description: "点击事件",
+    type: "string",
+    default: ""
+  },
+  tipsEnable: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tipsText: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  dropdownClass: {
+    description: "处于下拉菜单时的样式",
+    type: "string",
+    default: ""
+  },
+  split: {
+    description: "",
+    type: "boolean",
+    default: !1
+  }
+}, Vn = [
+  "id",
+  "type",
+  "text"
+], Wn = {
+  onClick: "点击事件"
+}, Un = {
+  $schema: Hn,
+  $id: _n,
+  title: Mn,
+  description: Fn,
+  type: qn,
+  properties: Nn,
+  required: Vn,
+  events: Wn
+}, Xn = {
+  id: { type: String, default: "" },
+  items: { type: Object, default: {} },
+  class: { type: String, default: "" },
+  text: { type: String, default: "" },
+  disabled: { type: Boolean, default: !1 },
+  icon: { type: String, default: "" },
+  componentId: { type: String, default: "" },
+  // 是否展开子级
+  expanded: { type: Boolean, default: !1 },
+  alignment: { Type: String, default: "right" },
+  split: { type: Boolean, default: !1 },
+  // 是否下拉
+  isDP: { type: Boolean, default: !1 },
+  // 是否下拉项
+  isDPItem: { type: Boolean, default: !1 }
+}, Yn = we(Xn, Un, xe, qt);
+Pe.register = (a, t, s, d) => {
+  a.tabs = Pt, a["tab-page"] = xt, t.tabs = an, t["tab-page"] = st, d.tabs = { eventHandlerResolver: ln };
+};
+Pe.registerDesigner = (a, t, s) => {
+  a.tabs = Pe, a["tab-page"] = xn, t.tabs = sn, t["tab-page"] = st, t["tab-toolbar-item"] = Yn, a["tab-toolbar"] = Et, t["tab-toolbar"] = cn;
+};
+const ro = St(Pe);
+export {
+  Pe as FTabsDesign,
+  ro as default
+};