import { af as ie, F as t, G as S, oD as re, jt as se, i0 as $, Y as i, dk as q, X as m, d3 as le, av as ce, fz as B, a6 as u, oE as Y, oF as L, H as de, cm as D, jg as pe, oG as O, mr as N, oH as me, oI as ue, oJ as ge, oK as he, iN as R, oL as j, oM as fe, iG as P, gD as xe, nb as W, hX as M, hY as I, oN as be, h8 as ve, mH as ye, _ as we, oO as J, oP as Q, fA as Z, oQ as Ce, is as Pe, oR as Ne, oS as Se, jC as Ie, mh as H, iD as ee, oT as Le, oU as Ae, oV as Te, oW as $e, oX as ke, fG as De, iB as Me, mi as Ve, ix as E, gh as Ue, fH as je, ez as Ee, gg as Fe, oY as _e, iy as ze, cC as X, i1 as Be, oZ as Oe, o_ as Re, o$ as We, p0 as Ge, je as Ke } from "./603b75d9.js";
import Ye, { useContext as T, createContext as Xe, useState as C, useMemo as A, useEffect as V, useCallback as qe } from "react";
import { b as Je } from "./2effcf20.js";
import "react-dom";
const Qe = (e) => /* @__PURE__ */ t(q, {
  children: /* @__PURE__ */ t("div", {
    style: {
      paddingBottom: "10px"
    },
    children: e.children
  })
});
function Ze(e) {
  const {
    uiComp: o
  } = e, r = T(ie), a = r.selectedCompNames, d = r.selectedComp(), c = o == null ? void 0 : o.getModuleLayoutComp();
  let n;
  return d ? /* @__PURE__ */ t(S, {
    children: d.getPropertyView()
  }) : (a.size > 1 ? n = /* @__PURE__ */ t(re, {
    comps: Array.from(a),
    onChange: (x) => {
      r.setSelectedCompNames(/* @__PURE__ */ new Set([x]));
    },
    delete: () => {
      se.deleteComp(r, r.selectedComps());
    }
  }) : c ? n = c.getPropertyView() : n = /* @__PURE__ */ t($, {
    style: {
      margin: 16
    },
    text: i("rightPanel.noSelectedComps")
  }), /* @__PURE__ */ t(Qe, {
    children: n
  }));
}
const He = m(le)`
  width: 100%;
  height: 28px;
  border-radius: 6px;
  background-color: #efeff1;

  color: #8b8fa3;
  font-size: 12px;

  .ant-segmented-item-selected {
    border-radius: 4px;
    font-weight: 500;
    color: #222222;

    g {
      stroke: #222222;
    }
  }

  .ant-segmented-item-label {
    padding: 0 8px;
    height: 24px;
    min-height: 24px;
    line-height: 24px;
  }

  svg {
    height: 100%;
  }
`;
function et(e) {
  return /* @__PURE__ */ t(He, {
    ...e
  });
}
const U = Xe({
  searchValue: "",
  onDrag: () => {
  }
}), F = ce`
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  transform-style: preserve-3d;
`, tt = m.div`
  ${F};
  padding: 3px;
  background: #ffffff;
  border: 1px solid #d7d9e0;
  border-radius: 4px;
  height: ${(e) => e.$h}px;
  width: ${(e) => e.$w}px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: grab;
  transition: all 0.2s ease-in-out;

  &:active {
    background: #f2f4f8;
  }

  &:hover {
    ${F};
    padding: 0;
    transform: scale(1.05);
    transition: all 0.2s ease;
    border: 1px solid #b3c4ff;
    box-shadow: 0 0 5px 0 rgba(51, 119, 255, 0.15);
    transform-style: preserve-3d;
    backface-visibility: hidden;
  }
  
  ${(e) => e.$isSelected && `
    ${F};
    padding: 0;
    transform: scale(1.05);
    transition: all 0.2s ease;
    border: 2px solid #b3c4ff;
    box-shadow: 0 0 5px 0 rgba(51, 119, 255, 0.15);
    transform-style: preserve-3d;
    backface-visibility: hidden;
  `}
`, _ = m.div`
  padding: 0 16px;
`, te = m.div`
  padding-top: 4px;
  margin-bottom: 12px;
`, ot = () => {
  const e = i("docUrls.aboutUs"), o = i("lowcoderUrl.createIssue");
  return /* @__PURE__ */ t($, {
    text: /* @__PURE__ */ u(S, {
      children: [i("rightPanel.searchNotFound"), e && /* @__PURE__ */ u(S, {
        children: [/* @__PURE__ */ t("br", {}), /* @__PURE__ */ t(Y, {
          target: "_blank",
          href: e,
          children: i("rightPanel.contactUs")
        })]
      }), /* @__PURE__ */ t("br", {}), /* @__PURE__ */ t("br", {}), i("help.submitIssue"), /* @__PURE__ */ t("br", {}), o && /* @__PURE__ */ t(Y, {
        target: "_blank",
        href: o,
        children: i("rightPanel.issueHere")
      })]
    })
  });
}, oe = m.span`
  ${B};
  font-weight: 500;
  font-size: 14px;
  color: #8b8fa3;
  line-height: 22px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
`, nt = m.div`
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 64px;
  margin-top: 4px;
`, ne = m.div`
  ${B};
  line-height: 15px;
  display: table;
  margin: 3px auto 0;
  color: #333333;
  text-align: center;
  word-break: keep-all;
`, at = m.span`
  ${B};
  line-height: 14px;
  font-size: 12px;
  display: table;
  margin: 4px auto auto;
  color: #8b8fa3;
  text-align: center;
  word-spacing: 99px;
`, it = m.div`
  display: inline-block;
  border-radius: 4px;

  &:hover + ${ne} {
    color: #315efb;
  }
`, rt = (e) => {
  const {
    Icon: o
  } = e;
  return /* @__PURE__ */ t(tt, {
    $w: 64,
    $h: 64,
    children: /* @__PURE__ */ t(o, {})
  });
}, st = m.div`
  width: 296px;
  display: flex;
  flex-wrap: wrap;
  padding: 4px 0 0 0;
  box-sizing: border-box;
  gap: 8px;
`, lt = m.div`
  .section-header {
    margin-left: 0;
  }
  &:not(:last-child){
    border-bottom: 1px solid #e1e3eb;
  }
`, G = "UICompSections", ae = {
  [G]: {}
};
Object.keys(L).forEach((e) => {
  const o = L[e];
  ae[G][o] = o === L.dashboards;
});
const ct = () => {
  const {
    onDrag: e,
    searchValue: o
  } = T(U), [r, a] = C(ae), [d, c] = C({}), n = A(() => {
    const s = Object.fromEntries(Object.keys(L).map((g) => [g, []]));
    return Object.entries(de).forEach(([g, h]) => {
      h.categories.forEach((f) => {
        s[f].push([g, h]);
      });
    }), s;
  }, []), x = A(() => {
    const s = o ? d : r, g = o ? c : a;
    return {
      compName: G,
      state: s,
      toggle: (h, f) => {
        g((l) => {
          const b = {
            ...l
          }, y = b[h] || {};
          return y[f] = y[f] === !1, b[h] = y, b;
        });
      }
    };
  }, [o, r, d]);
  V(() => {
    o || c({});
  }, [o]);
  const p = A(() => Object.entries(n).map(([s, g], h) => {
    let f = g;
    if (!D.isEmpty(o)) {
      const l = o.trim().toLocaleLowerCase();
      f = f.filter((b) => b[1].keywords.toLowerCase().includes(l.toLowerCase()));
    }
    return D.isEmpty(f) ? null : /* @__PURE__ */ t(lt, {
      children: /* @__PURE__ */ t(pe, {
        noMargin: !0,
        width: 288,
        name: L[s],
        children: /* @__PURE__ */ t(st, {
          children: f.map((l) => /* @__PURE__ */ u(nt, {
            className: l[0] === "table" ? Je : "",
            children: [/* @__PURE__ */ t(it, {
              draggable: !0,
              onDragStart: (b) => {
                b.dataTransfer.setData("compType", l[0]), b.dataTransfer.setDragImage(O, 0, 0), N.setData("compType", l[0]), e(l[0]);
              },
              children: /* @__PURE__ */ t(rt, {
                Icon: l[1].icon
              })
            }), /* @__PURE__ */ t(ne, {
              children: l[1].name
            }), me !== "en" && /* @__PURE__ */ t(at, {
              children: l[1].enName
            })]
          }, l[0]))
        })
      })
    }, h);
  }).filter((s) => s != null), [n, o, e]);
  return p.length ? /* @__PURE__ */ t(_, {
    children: /* @__PURE__ */ t(ue.Provider, {
      value: x,
      children: p
    })
  }) : /* @__PURE__ */ t(_, {
    children: /* @__PURE__ */ t(ot, {})
  });
};
var w = /* @__PURE__ */ ((e) => (e[e.All = 0] = "All", e[e.Application = 1] = "Application", e[e.Module = 2] = "Module", e[e.NavLayout = 3] = "NavLayout", e[e.Folder = 4] = "Folder", e[e.MobileTabLayout = 6] = "MobileTabLayout", e[e.Navigation = 7] = "Navigation", e))(w || {});
const z = {
  [w.All]: {
    name: i("home.all"),
    icon: ge
  },
  [w.Application]: {
    name: i("home.app"),
    icon: he
  },
  [w.Module]: {
    name: i("home.module"),
    icon: R
  },
  [w.Navigation]: {
    name: i("home.navigation"),
    icon: j
  },
  [w.NavLayout]: {
    name: i("home.navLayout"),
    icon: j,
    desc: i("home.navLayoutDesc")
  },
  [w.Folder]: {
    name: i("home.folder"),
    icon: fe
  },
  [w.MobileTabLayout]: {
    name: i("home.mobileTabLayout"),
    icon: j,
    desc: i("home.mobileTabLayoutDesc")
  }
};
m.div`
  font-size: 13px;
  color: #333333;
  line-height: 13px;
  margin-bottom: 8px;
`;
const dt = (e, o = P.Application) => o === P.NavLayout ? i("home.newNavLayout", {
  userName: e,
  name: D.toLower(z[o].name)
}) : i("home.newApp", {
  userName: e,
  name: D.toLower(z[o].name)
}), pt = m.span`
  margin: 0 8px;
  cursor: pointer;
  color: ${xe};

  &:hover {
    color: ${W};
  }
`;
function mt(e, o) {
  const r = M(), {
    currentUser: a,
    isCreating: d
  } = I((p) => ({
    currentUser: p.ui.users.user,
    isCreating: p.ui.application.loadingStatus.isApplicationCreating
  })), c = I(be), n = z[e].name;
  return [qe(() => {
    if (d)
      return;
    const s = c.filter((f) => !e || e === f.applicationType).map((f) => f.name), g = ve(dt(a.username, e), s);
    let h = {};
    e === P.Module ? h = {
      ui: {
        compType: "module",
        comp: {}
      }
    } : e === P.NavLayout && (h = {
      ui: {
        compType: "nav",
        comp: {}
      }
    }), r(ye({
      applicationType: e || P.Application,
      applicationName: g,
      orgId: a.currentOrgId,
      dsl: h,
      onSuccess: o || we.noop
    }));
  }, [c, a.currentOrgId, a.username, r, d, o, e]), d, n];
}
function ut(e) {
  const {
    type: o,
    onSuccess: r
  } = e, [a, d, c] = mt(o, r);
  return /* @__PURE__ */ t(pt, {
    onClick: a,
    children: d ? i("createAppButton.creating") : i("createAppButton.created", {
      name: c
    })
  });
}
const gt = m.div`
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
  &:last-child {
    margin-bottom: 0;
  }
  &:hover {
    cursor: grab;
    .module-icon {
      box-shadow: 0 0 5px 0 rgba(49, 94, 251, 0.15);
      border-color: ${J};
      transform: scale(1.2);
    }
    .module-name {
      color: ${W};
    }
  }
  .module-icon {
    transition: all 200ms linear;
    margin-right: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid ${Q};
    border-radius: 4px;
  }
  .module-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
  }
  .module-name {
    line-height: 1.5;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .module-desc {
    line-height: 1.5;
    font-size: 12px;
    color: ${Z};
  }
`;
function ht(e) {
  const o = "module", {
    meta: r
  } = e;
  return /* @__PURE__ */ u(gt, {
    draggable: !0,
    onDragStart: (a) => {
      a.dataTransfer.setData("compType", o), a.dataTransfer.setDragImage(O, 0, 0), N.setData("compType", o), N.setData("compLayout", r.containerSize ? {
        w: r.containerSize.width,
        h: r.containerSize.height
      } : void 0), N.setData("compInitialValue", {
        appId: e.meta.applicationId
      }), e.onDrag(o);
    },
    children: [/* @__PURE__ */ t("div", {
      className: "module-icon",
      children: /* @__PURE__ */ t(R, {
        width: "19px"
      })
    }), /* @__PURE__ */ u("div", {
      className: "module-content",
      children: [/* @__PURE__ */ t("div", {
        className: "module-name",
        children: e.meta.name
      }), /* @__PURE__ */ t("div", {
        className: "module-desc",
        children: Se(e.meta.createAt)
      })]
    })]
  });
}
function ft() {
  const e = M(), o = I(Ce), {
    onDrag: r,
    searchValue: a
  } = T(U), {
    applicationId: d
  } = T(Pe);
  V(() => {
    e(Ne());
  }, [e]);
  const n = o.filter((p) => {
    var s, g, h;
    return p.applicationId === d || p.applicationType !== P.Module ? !1 : ((h = (s = p.name) == null ? void 0 : s.toLowerCase()) == null ? void 0 : h.includes((g = a.trim()) == null ? void 0 : g.toLowerCase())) || !(a != null && a.trim());
  }).map((p) => /* @__PURE__ */ t(ht, {
    onDrag: r,
    meta: p
  }, p.applicationId)), x = /* @__PURE__ */ t($, {
    text: /* @__PURE__ */ u(S, {
      children: [/* @__PURE__ */ t("p", {
        children: i("rightPanel.emptyModules")
      }), /* @__PURE__ */ t(ut, {
        type: P.Module,
        onSuccess: (p) => {
          const s = p.applicationInfoView.applicationId, g = Ie(s, "edit");
          window.open(g);
        }
      })]
    })
  });
  return /* @__PURE__ */ u(S, {
    children: [/* @__PURE__ */ t(oe, {
      children: i("rightPanel.moduleListTitle")
    }), /* @__PURE__ */ t(te, {
      children: n.length > 0 ? n : x
    })]
  });
}
const xt = (e, o) => ({
  type: H.PACKAGE_META_READY,
  payload: {
    [e]: o
  }
}), bt = m.div`
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
  &:last-child {
    margin-bottom: 0;
  }
  &:hover {
    cursor: grab;
    .module-icon {
      box-shadow: 0 0 5px 0 rgba(49, 94, 251, 0.15);
      border-color: ${J};
      transform: scale(1.2);
    }
    .module-name {
      color: ${W};
    }
  }
  .module-icon {
    transition: all 200ms linear;
    margin-right: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid ${Q};
    border-radius: 4px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .module-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
  }
  .module-name {
    line-height: 1.5;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .module-desc {
    line-height: 1.5;
    font-size: 12px;
    color: ${Z};
  }
`;
function vt(e) {
  const o = ee(), {
    packageName: r,
    packageVersion: a,
    compName: d,
    compMeta: c,
    onDrag: n
  } = e, x = Ae("npm", r, a, d), p = `${Le}/${o}/${r}@${a}/${c.icon}`;
  return /* @__PURE__ */ u(bt, {
    draggable: !0,
    onDragStart: (s) => {
      s.dataTransfer.setData("compType", x), s.dataTransfer.setDragImage(O, 0, 0), N.setData("compType", x), N.setData("compLayout", c.layoutInfo), n(x);
    },
    children: [/* @__PURE__ */ t("div", {
      className: "module-icon",
      children: c.icon ? /* @__PURE__ */ t("img", {
        alt: c.name,
        src: p
      }) : /* @__PURE__ */ t(R, {
        width: "19px"
      })
    }), /* @__PURE__ */ u("div", {
      className: "module-content",
      children: [/* @__PURE__ */ t("div", {
        className: "module-name",
        children: c.name
      }), /* @__PURE__ */ u("div", {
        className: "module-desc",
        children: [c.description || "No description.", " ", /* @__PURE__ */ u("span", {
          children: ["v", a || ""]
        })]
      })]
    })]
  });
}
const yt = m.div`
  margin-bottom: 12px;
  .remove-btn {
    display: none;
  }
  &:hover {
    .remove-btn {
      display: block;
    }
  }
`, wt = m.div`
  height: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2px;
`, Ct = m.div`
  flex: 1;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #b8b9bf;
`, Pt = m.div`
  padding-top: 4px;
  margin-bottom: 12px;
`;
function Nt(e) {
  var k, K;
  const {
    name: o,
    onRemove: r
  } = e, a = M(), d = ee(), {
    onDrag: c,
    searchValue: n
  } = T(U), [x, p] = C(!1), s = Te((v) => v.npmPlugin.packageMeta[o]), g = I((v) => v.npmPlugin.packageVersion[o]), f = ((K = (k = A(() => (s == null ? void 0 : s.versions) || {}, [s == null ? void 0 : s.versions])[g]) == null ? void 0 : k.lowcoder) == null ? void 0 : K.comps) || {}, l = Object.keys(f);
  V(() => {
    p(!0), $e.get(`${ke}/${d}/${o}`).then((v) => {
      v.status >= 400 || (p(!1), a(xt(o, v.data)));
    });
  }, [a, o]);
  const b = l.filter((v) => !n || v.toLowerCase().indexOf(n.toLowerCase()) !== -1), y = b.length > 0;
  return /* @__PURE__ */ u(yt, {
    children: [/* @__PURE__ */ u(wt, {
      children: [/* @__PURE__ */ t(Ct, {
        children: o
      }), /* @__PURE__ */ t(De, {
        onClick: r,
        className: "remove-btn",
        text: i("npm.removePluginBtnText")
      })]
    }), /* @__PURE__ */ u(Pt, {
      children: [!y && /* @__PURE__ */ t($, {
        text: x ? "Loading..." : "No components found."
      }), y && b.map((v) => /* @__PURE__ */ t(vt, {
        onDrag: c,
        compName: v,
        compMeta: f[v],
        packageName: o,
        packageVersion: g
      }, v))]
    })]
  });
}
const St = (e) => ({
  type: H.SET_COMMON_SETTING,
  payload: e
}), It = m.div`
  display: flex;
  justify-content: center;
  margin-top: 24px;
  margin-bottom: 24px;
`;
function Lt() {
  const e = M(), [o, r] = C(!1), [a, d] = C(""), c = I(Me), n = I(Ve), x = A(() => ((n == null ? void 0 : n.npmPlugins) || []).map((l) => ({
    name: E(l),
    raw: l
  })), [n == null ? void 0 : n.npmPlugins]), p = (l) => {
    e(St({
      orgId: c.currentOrgId,
      data: {
        key: "npmPlugins",
        value: l
      }
    }));
  }, s = () => {
    var b;
    if (!a)
      return;
    if (!ze(a)) {
      X.error(i("npm.invalidNpmPackageName"));
      return;
    }
    if ((b = n.npmPlugins) != null && b.find((y) => E(y) === E(a))) {
      X.error(i("npm.pluginExisted"));
      return;
    }
    const l = ((n == null ? void 0 : n.npmPlugins) || []).concat(a);
    p(l), d(""), r(!1);
  }, g = (l) => {
    var y;
    const b = ((y = n == null ? void 0 : n.npmPlugins) == null ? void 0 : y.filter((k) => k !== l)) || [];
    p(b);
  }, h = x.map((l) => /* @__PURE__ */ t(Nt, {
    name: l.name,
    onRemove: () => g(l.raw)
  }, l.name)), f = /* @__PURE__ */ t($, {
    style: {
      marginBottom: 8
    },
    text: i("rightPanel.emptyPlugins")
  });
  return /* @__PURE__ */ u(S, {
    children: [/* @__PURE__ */ t(oe, {
      children: i("rightPanel.pluginListTitle")
    }), /* @__PURE__ */ t(te, {
      children: h.length > 0 ? h : f
    }), /* @__PURE__ */ t(It, {
      children: /* @__PURE__ */ t(Ue, {
        icon: /* @__PURE__ */ t(je, {}),
        buttonType: "blue",
        onClick: () => r(!0),
        children: i("npm.addPluginBtnText")
      })
    }), /* @__PURE__ */ u(Ee, {
      centered: !0,
      title: i("npm.addPluginModalTitle"),
      open: o,
      onOk: s,
      onCancel: () => r(!1),
      children: [/* @__PURE__ */ t("span", {
        style: {
          display: "block",
          marginBottom: "4px"
        },
        children: i("npm.pluginNameLabel")
      }), /* @__PURE__ */ t(Fe, {
        autoFocus: !0,
        onPressEnter: () => {
          s();
        },
        onChange: (l) => {
          d(l.target.value);
        },
        value: a
      }), /* @__PURE__ */ t(_e, {
        style: {
          marginTop: 8
        },
        href: i("docUrls.devNpmPlugin"),
        children: i("docUrls.devNpmPluginText")
      })]
    })]
  });
}
function At() {
  return /* @__PURE__ */ u(_, {
    children: [/* @__PURE__ */ t(ft, {}), /* @__PURE__ */ t(Lt, {})]
  });
}
const Tt = m.div`
  display: flex;
  flex-direction: column;
  height: 100%;
`, $t = m.div`
  flex: 1;
  overflow: hidden;
`, kt = m.div`
  padding: 0 16px;
  padding-bottom: 12px;
  .comp-panel-tab {
    margin-top: 16px;
  }
`, Dt = [{
  value: "ui",
  label: i("rightPanel.uiComponentTab")
}, {
  value: "extension",
  label: i("rightPanel.extensionTab")
}];
function Mt(e) {
  const {
    onCompDrag: o
  } = e, [r, a] = C(""), [d, c] = C("ui");
  return /* @__PURE__ */ u(Tt, {
    children: [/* @__PURE__ */ u(kt, {
      children: [/* @__PURE__ */ t(Be, {
        placeholder: i("rightPanel.searchPlaceHolder"),
        value: r,
        onChange: (n) => a(n.target.value),
        allowClear: !0
      }), /* @__PURE__ */ t(et, {
        block: !0,
        options: Dt,
        value: d,
        className: "comp-panel-tab",
        onChange: (n) => c(n)
      })]
    }), /* @__PURE__ */ t(U.Provider, {
      value: {
        searchValue: r,
        onDrag: o
      },
      children: /* @__PURE__ */ t($t, {
        children: /* @__PURE__ */ u(q, {
          children: [d === "ui" && /* @__PURE__ */ t(ct, {}), d === "extension" && /* @__PURE__ */ t(At, {})]
        })
      })
    })]
  });
}
function Vt(e) {
  const {
    onTabChange: o,
    showPropertyPane: r,
    uiComp: a
  } = e, d = a && a.children.compType.getView(), c = d && Ke(d), [n, x] = C("insert"), p = [{
    key: "property",
    title: i("rightPanel.propertyTab"),
    icon: /* @__PURE__ */ t(Oe, {}),
    content: /* @__PURE__ */ t(Ze, {
      uiComp: a
    })
  }];
  return c || p.push({
    key: "insert",
    title: i("rightPanel.createTab"),
    icon: /* @__PURE__ */ t(Re, {}),
    content: /* @__PURE__ */ t(Mt, {
      onCompDrag: e.onCompDrag
    })
  }), V(() => {
    const s = c || r ? "property" : "insert";
    s !== n && x(s);
  }, [r, c, n]), /* @__PURE__ */ t(We, {
    className: "cypress-right-content",
    children: /* @__PURE__ */ t(Ge, {
      onChange: (s) => {
        o(s);
      },
      tabsConfig: p,
      activeKey: n
    })
  });
}
const _t = Ye.memo(Vt);
export {
  _t as default
};
