ss-component-new 1.1.20 → 1.1.21

package/dist/{index-BclS1yqg.js → index-Cj-7IvGD.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as j, computed as E, onMounted as O, resolveComponent as A, createBlock as b, openBlock as C, withCtx as F, resolveDynamicComponent as B, defineComponent as U, ref as $, watch as G, createVNode as V, createElementVNode as q, toDisplayString as z } from "vue";
 import { E as y, u as H, s as v, c as _, _ as J } from "./menu-V9qTN_Cu.js";
-import { u as K } from "./modelComp-BHNLY0cK.js";
+import { u as K } from "./modelComp-5PDCbl8W.js";
 const D = j(() => import("./index-CYJSOYY9.js"));
 D.install = (o) => {
   o.component("ssMenu", D);

package/dist/index-OhsC2sML.js

@@ -0,0 +1,345 @@
+import { ref as S, onMounted as ee, createElementBlock as m, openBlock as u, Fragment as z, renderList as H, createElementVNode as B, createCommentVNode as j, toDisplayString as G, watch as J, createVNode as U, unref as N, createBlock as V, resolveDynamicComponent as te } from "vue";
+import { p as P, u as ae, d as ne, e as oe, g as se, m as le, a as re, b as ce, c as ue } from "./array-PBEw3B1E.js";
+import { u as Q } from "./modelComp-5PDCbl8W.js";
+import { _ as K, u as X, s as R, c as O } from "./menu-V9qTN_Cu.js";
+import ie from "./index-Cj-7IvGD.js";
+const de = { class: "bread-content" }, me = ["onClick"], fe = { key: 0 }, he = {
+  __name: "index",
+  props: {
+    breadArray: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["click"],
+  setup(g, { emit: p }) {
+    const t = g, h = S([]), c = p;
+    ee(() => {
+      h.value = t == null ? void 0 : t.breadArray;
+    });
+    const f = (C) => {
+      c("click", C);
+    };
+    return (C, v) => (u(), m("div", de, [
+      (u(!0), m(z, null, H(h.value, (_, y) => (u(), m("div", {
+        key: y,
+        class: "bread-item"
+      }, [
+        B("div", {
+          class: "bread-title",
+          onClick: ($) => f(_)
+        }, G(_.value), 9, me),
+        y !== h.value.length - 1 ? (u(), m("div", fe, G("/"))) : j("", !0)
+      ]))), 128))
+    ]));
+  }
+}, ve = /* @__PURE__ */ K(he, [["__scopeId", "data-v-d55d3ede"]]);
+function _e(g) {
+  const p = [], t = {
+    "(": ")",
+    "{": "}",
+    "[": "]"
+  };
+  for (let h = 0; h < g.length; h++) {
+    const c = g[h];
+    if (t[c])
+      p.push(c);
+    else if (Object.values(t).includes(c)) {
+      const f = p.pop();
+      if (console.log("stack", p, f, t[f]), t[f] !== c)
+        return !1;
+    }
+  }
+  return p.length === 0;
+}
+function ye(g) {
+  var h, c, f, C;
+  const p = (c = (h = g[0]) == null ? void 0 : h.compData) == null ? void 0 : c.filter((v) => v.key !== "formContent"), t = (C = (f = g[0]) == null ? void 0 : f.compData) == null ? void 0 : C.filter((v) => v.key === "formContent");
+  console.log("handleFormModel：", p, t, g);
+}
+const ge = { class: "system-wrap" }, pe = {
+  key: 0,
+  class: "show-content"
+}, Ce = {
+  key: 0,
+  class: "item-menu-content"
+}, ke = {
+  key: 0,
+  class: "item-view-group"
+}, De = {
+  __name: "index",
+  props: {
+    content: String,
+    jsonContents: Array
+  },
+  emits: ["change"],
+  setup(g, { emit: p }) {
+    const t = g, h = p, c = Q(P);
+    ae(P);
+    const f = S(!0), C = X(), v = S(!0), { itemData: _ } = R(c), y = ne(P), { activeMenuPath: $, activeMenuOpenPaths: Z, menuTriggerType: L, menus: W } = R(C), { selectIndex: F, selectTitle: A } = R(y), D = S([]), b = S([]), Y = (e) => {
+      var o, s, n;
+      const a = (o = _.value) == null ? void 0 : o.find((l) => l.name === $.value);
+      b.value = (n = (s = a == null ? void 0 : a.compData) == null ? void 0 : s[0]) == null ? void 0 : n.contents, v.value = !0, v.value && (v.value = !1), h("change", {
+        wholeValue: D.value,
+        editValue: e
+      });
+    }, q = (e) => {
+      var I, k, x;
+      const a = O(D.value), o = a == null ? void 0 : a.map((r, M) => (M === (e == null ? void 0 : e.index) && (r.compData = e == null ? void 0 : e.contents), r));
+      let s = "";
+      (k = (I = O(o)) == null ? void 0 : I.filter((r) => (r == null ? void 0 : r.comp) === "Form")) == null || k.forEach((r) => {
+        var M;
+        (M = r == null ? void 0 : r.compData) == null || M.forEach((T) => {
+          var w;
+          (T == null ? void 0 : T.key) === "formContent" && ((w = T == null ? void 0 : T.contents) == null || w.forEach((E) => {
+            E.value !== "" && (s = s === "" ? E == null ? void 0 : E.value : s + "-" + (E == null ? void 0 : E.value));
+          }));
+        });
+      });
+      let n = A == null ? void 0 : A.value;
+      (n == null ? void 0 : n.length) > 0 ? n[0] = { key: "main", value: s } : (Array.isArray(n) || (n = []), n.push({ key: "main", value: s })), y.setSelectTitle(n), f.value = !1, D.value = o;
+      const l = (x = _.value) == null ? void 0 : x.map((r, M) => {
+        var T;
+        return r.name === $.value && (r.compData = (T = r.compData) == null ? void 0 : T.map((w) => ((w == null ? void 0 : w.key) === "groupContents" && (w.contents = D.value), w))), r;
+      });
+      c.setItemData(l), v.value && (v.value = !1);
+    }, i = (e) => {
+      var a, o;
+      if ((e == null ? void 0 : e.key) === "main")
+        y.setSelectIndex(""), y.setSelectMenu(""), y.setSelectTitle((a = A.value) == null ? void 0 : a[0]);
+      else {
+        const s = [];
+        let n = -1;
+        (o = A.value) == null || o.forEach((l, I) => {
+          (l == null ? void 0 : l.key) === (e == null ? void 0 : e.key) && (n = I), (n === -1 || n >= I) && s.push(l);
+        }), y.setSelectTitle(s), y.setSelectMenu(e == null ? void 0 : e.key);
+      }
+    };
+    J(
+      () => _.value,
+      () => {
+        var a, o, s, n, l, I, k, x;
+        if (!_.value || ((a = _.value) == null ? void 0 : a.length) === 0 || !f.value) return;
+        let e = null;
+        if (!$.value)
+          e = (s = (o = O(_.value)) == null ? void 0 : o.filter((r) => (r == null ? void 0 : r.comp) === "Group")) == null ? void 0 : s[0], C.setActiveMenuPath(e == null ? void 0 : e.name);
+        else {
+          const r = (n = O(_.value)) == null ? void 0 : n.filter((M) => (M == null ? void 0 : M.comp) === "Group");
+          e = r == null ? void 0 : r.find((M) => M.name === $.value);
+        }
+        b.value = (I = (l = e == null ? void 0 : e.compData) == null ? void 0 : l[0]) == null ? void 0 : I.contents, D.value = (x = (k = e == null ? void 0 : e.compData) == null ? void 0 : k[0]) == null ? void 0 : x.contents, console.log("itemData监听", e, $.value, _.value);
+      },
+      { deep: !0, immediate: !0 }
+    ), J(() => $.value, (e) => {
+      var a, o, s, n, l, I;
+      if (e) {
+        const k = (a = O(_.value)) == null ? void 0 : a.find((x) => x.name === e);
+        if (e && k) {
+          b.value = (s = (o = k == null ? void 0 : k.compData) == null ? void 0 : o[0]) == null ? void 0 : s.contents, D.value = (l = (n = k == null ? void 0 : k.compData) == null ? void 0 : n[0]) == null ? void 0 : l.contents, console.log("点击-新-data：", e, b.value);
+          const x = (I = b.value) == null ? void 0 : I.filter((r) => r.comp === "Form");
+          ye(x);
+        } else
+          b.value = [], D.value = [];
+        y.setSelectTitle([]), y.setSelectIndex(""), y.setSelectMenu("");
+      }
+    }, {
+      immediate: !0
+    }), J(
+      () => [t == null ? void 0 : t.content, t == null ? void 0 : t.jsonContents],
+      () => {
+        var s;
+        if (((s = t == null ? void 0 : t.jsonContents) == null ? void 0 : s.length) > 0) {
+          c.setOriginalData(t == null ? void 0 : t.jsonContents), c.setItemData(t == null ? void 0 : t.jsonContents);
+          return;
+        }
+        if (!(t != null && t.content) || (t == null ? void 0 : t.content) === "") return;
+        f.value = !0;
+        const e = oe(t == null ? void 0 : t.content), a = Array.isArray(e) && (e == null ? void 0 : e.find((n) => {
+          var l;
+          return ((l = n.comp) == null ? void 0 : l.toUpperCase()) === "MENU";
+        }));
+        C.setRawMenu(a ?? {});
+        const o = Array.isArray(e) && (e == null ? void 0 : e.find((n) => {
+          var l;
+          return ((l = n.comp) == null ? void 0 : l.toUpperCase()) === "SYSTEM";
+        }));
+        C.setSystemKey((o == null ? void 0 : o.name) ?? ""), c.setOriginalData(e), c.setItemData(e);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const d = (e) => se(e);
+    return (e, a) => {
+      var o, s;
+      return u(), m("div", ge, [
+        U(ie, { class: "sys-aside" }),
+        ((o = b.value) == null ? void 0 : o.length) > 0 ? (u(), m("div", pe, [
+          ((s = N(A)) == null ? void 0 : s.length) > 1 ? (u(), m("div", Ce, [
+            (u(), V(ve, {
+              key: N(A),
+              breadArray: N(A),
+              onClick: i
+            }, null, 8, ["breadArray"]))
+          ])) : j("", !0),
+          (u(!0), m(z, null, H(b.value, (n, l) => (u(), m("div", {
+            class: "item-content",
+            key: l
+          }, [
+            N(F) === "" || l.toString() === N(F) ? (u(), m("div", ke, G(n.name), 1)) : j("", !0),
+            N(F) === "" || l.toString() === N(F) ? (u(), V(te(d(n.comp)), {
+              itemData: n == null ? void 0 : n.compData,
+              childItemData: n == null ? void 0 : n.itemChildData,
+              key: l,
+              onChange: Y,
+              index: l,
+              onContentChange: q
+            }, null, 40, ["itemData", "childItemData", "index"])) : j("", !0)
+          ]))), 128))
+        ])) : j("", !0)
+      ]);
+    };
+  }
+}, Se = /* @__PURE__ */ K(De, [["__scopeId", "data-v-42b9b231"]]), Ie = { class: "add-model-content" }, Me = {
+  key: 0,
+  class: "model-import-data"
+}, Ae = { class: "import-button" }, be = { key: 0 }, $e = {
+  key: 1,
+  class: "model-operate"
+}, xe = { class: "model-select" }, Te = { class: "model-fill" }, je = {
+  key: 2,
+  class: "model-view"
+}, we = {
+  __name: "index",
+  props: {
+    mode: {
+      type: String,
+      default: "view"
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    jsonContents: {
+      type: Array,
+      default: () => []
+    },
+    showButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["change"],
+  setup(g, { emit: p }) {
+    const t = g, h = p, c = S(""), f = S([]), C = S(0), v = Q(P), _ = X(P), { itemData: y, originalData: $ } = R(v), { activeMenuPath: Z } = R(_), L = S(null), W = S(0), F = S(""), A = (i) => {
+      var e;
+      const d = (e = O(i == null ? void 0 : i.wholeValue)) == null ? void 0 : e.map((a) => {
+        var o;
+        return (a == null ? void 0 : a.comp) === "Form" && (a.compData = (o = a.compData) == null ? void 0 : o.map((s) => ((s == null ? void 0 : s.key) === "formContent" && (s.contents = ue(s == null ? void 0 : s.contents)), s))), a;
+      });
+      h("change", {
+        originalContents: $.value,
+        currentContents: i == null ? void 0 : i.wholeValue,
+        editContent: i == null ? void 0 : i.editValue,
+        arrayToContents: d
+      });
+    }, D = S([]), b = () => {
+      L.value.click();
+    }, Y = (i) => {
+      const d = i.target.files[0];
+      if (!d) return;
+      const e = new FileReader();
+      e.onload = (a) => {
+        try {
+          c.value = a.target.result;
+          const o = _e(a.target.result);
+          console.log("handleFileChange-isValid", o), D.value = q(a.target.result), W.value++;
+        } catch (o) {
+          console.error("解析失败:", o);
+        }
+      }, e.onerror = (a) => {
+        console.error("文件读取错误:", a);
+      }, e.readAsText(d);
+    };
+    J(
+      () => [t == null ? void 0 : t.content, t == null ? void 0 : t.jsonContents],
+      () => {
+        c.value = t == null ? void 0 : t.content, f.value = t == null ? void 0 : t.jsonContents;
+      },
+      { deep: !0, immediate: !0 }
+    ), J(
+      () => W.value,
+      () => {
+        var i;
+        ((i = D.value) == null ? void 0 : i.length) !== 0 && (v.setOriginalData(D.value), v.setItemData(D.value));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const q = (i) => {
+      let d = i.replace(/，/g, ",").replace(/；/g, ";").replace(/：/g, ":");
+      d = d.replace(/(\w+)\s*:/g, "$1:"), d = d.replace(/\r\n/g, "").replace(/\n/g, "").replace(/\t/g, "").replace(/\s+/g, " ").trim(), d = d.replace(/,\s*([}\]])/g, "$1"), d = d.replace(/:(\s*)([^"{}\[\],\s]+)(\s*)([,}])/g, ": $2$4");
+      try {
+        return JSON.parse(d);
+      } catch (e) {
+        try {
+          const o = new Function(`return ${d}`)();
+          if (Array.isArray(o) || typeof o == "object")
+            return o;
+          throw new Error(`解析结果不是有效的数组或对象: ${e}`);
+        } catch (a) {
+          throw new Error(`无法解析JSON: ${a.message}`);
+        }
+      }
+    };
+    return (i, d) => {
+      var e;
+      return u(), m("div", Ie, [
+        ((e = t == null ? void 0 : t.jsonContents) == null ? void 0 : e.length) === 0 && (t != null && t.showButton) ? (u(), m("div", Me, [
+          B("div", Ae, [
+            B("input", {
+              type: "file",
+              ref_key: "fileInput",
+              ref: L,
+              accept: ".txt",
+              onChange: Y,
+              style: { display: "none" }
+            }, null, 544),
+            B("button", {
+              onClick: b,
+              class: "import-button-content"
+            }, "导入文件"),
+            F.value ? (u(), m("span", be, G(F.value), 1)) : j("", !0)
+          ])
+        ])) : j("", !0),
+        (t == null ? void 0 : t.mode) === "edit" ? (u(), m("div", $e, [
+          B("div", xe, [
+            U(le)
+          ]),
+          (u(), m("div", {
+            class: "model-show",
+            key: C.value
+          }, [
+            U(re)
+          ])),
+          B("div", Te, [
+            U(ce)
+          ])
+        ])) : j("", !0),
+        (t == null ? void 0 : t.mode) === "view" ? (u(), m("div", je, [
+          (u(), V(Se, {
+            content: c.value,
+            onChange: A,
+            jsonContents: f.value,
+            key: C.value
+          }, null, 8, ["content", "jsonContents"]))
+        ])) : j("", !0)
+      ]);
+    };
+  }
+}, Fe = /* @__PURE__ */ K(we, [["__scopeId", "data-v-402c0d69"]]), Ee = {
+  __name: "index",
+  setup(g) {
+    return (p, t) => (u(), V(Fe, { class: "ssComponent" }));
+  }
+}, Re = /* @__PURE__ */ K(Ee, [["__scopeId", "data-v-f196ec9f"]]);
+export {
+  Re as default
+};

package/dist/{main-BGSsmnG3.js → main-BbqwmB4Y.js}

@@ -1,6 +1,6 @@
 import { ref as _, watch as V, createElementBlock as C, createCommentVNode as I, openBlock as f, Fragment as le, renderList as se, createElementVNode as O, createBlock as Z, toDisplayString as v, resolveDynamicComponent as ue, onMounted as ce, createVNode as A } from "vue";
-import { p as E, e as ie, g as de, m as me, a as ye, b as fe, c as ge } from "./array-BJkGW7C1.js";
-import { u as ee } from "./modelComp-BHNLY0cK.js";
+import { p as E, e as ie, g as de, m as me, a as ye, b as fe, c as ge } from "./array-PBEw3B1E.js";
+import { u as ee } from "./modelComp-5PDCbl8W.js";
 import { _ as te, s as ne, c as k, u as he } from "./menu-V9qTN_Cu.js";
 const x = [
   {

package/dist/modelComp-5PDCbl8W.js

@@ -0,0 +1,18 @@
+import { d as a } from "./menu-V9qTN_Cu.js";
+const i = a("modelComp", {
+  state: () => ({
+    itemData: [],
+    originalData: []
+  }),
+  actions: {
+    setItemData(t) {
+      this.itemData = t;
+    },
+    setOriginalData(t) {
+      this.originalData = t;
+    }
+  }
+});
+export {
+  i as u
+};

package/dist/ss-component.css

@@ -1 +1 @@
-.form-content[data-v-62da0828]{width:100%;display:flex;flex-direction:column;gap:24px;background:#fff;border-radius:8px;flex-wrap:wrap}.form-content .form-content-view[data-v-62da0828]{width:100%}.form-content .form-content-view .form-data[data-v-62da0828]{display:flex;flex-direction:row;gap:12px;width:100%;flex-wrap:wrap}.form-content .form-content-view .form-data .form-item[data-v-62da0828]{display:flex;flex-direction:row;gap:8px;width:260px;height:100%;align-items:center}.form-content .form-content-view .form-data .form-item .from-item-label[data-v-62da0828]{display:flex;min-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-content .form-content-view .form-data .form-button[data-v-62da0828]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}.form-content .form-content-view .form-data .form-button .form-button-content[data-v-62da0828]{display:flex;cursor:pointer}.form-content .form-content-view .form-data .form-button .form-button-content .form-button-item[data-v-62da0828]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}.form-content .form-content-view .form-noRegular-data[data-v-62da0828]{display:flex;flex-direction:row;gap:12px;width:100%;flex-wrap:wrap}.form-content .form-content-view .form-noRegular-data .form-row-content[data-v-62da0828] .el-form-item__label{padding:0;justify-content:start;width:auto}.form-content .form-content-view .form-noRegular-data .form-row-content[data-v-62da0828] .el-form-item__content{align-items:start;width:100%}.form-content .form-content-view .form-noRegular-data .form-item[data-v-62da0828]{display:flex;flex-direction:row;gap:8px;width:260px;height:100%;align-items:center}.form-content .form-content-view .form-noRegular-data .form-item .from-item-label[data-v-62da0828]{text-align:left;width:72px;min-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-content .form-content-view .form-noRegular-data .form-button[data-v-62da0828]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}.form-content .form-content-view .form-noRegular-data .form-button .form-button-content[data-v-62da0828]{display:flex;cursor:pointer}.form-content .form-content-view .form-noRegular-data .form-button .form-button-content .form-button-item[data-v-62da0828]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}.form-content .form-button[data-v-62da0828]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.form-content .form-button .form-button-content[data-v-62da0828]{cursor:pointer}.form-content .form-button .form-button-content .form-button-item[data-v-62da0828]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}[data-v-62da0828] .el-form-item__label{padding:0;justify-content:start}[data-v-62da0828] .el-form-item__content{align-items:start;width:220px}.tabs-label[data-v-c1c693d0]{display:flex;width:100%;flex-direction:row}.tabs-label .tabs-children[data-v-c1c693d0]{display:flex;flex-direction:row;gap:8px}.tabs-contents[data-v-c1c693d0]{display:flex;flex-direction:column;gap:16px}.menu-wrap[data-v-af84dbc4]{width:100%;height:100%}.menu-wrap[data-v-af84dbc4] .el-sub-menu .el-sub-menu__title{font-family:SourceHanSansCN,SourceHanSansCN;font-weight:400;font-size:16px;color:#fff;line-height:24px;text-align:left;font-style:normal}.menu-wrap[data-v-af84dbc4] .el-sub-menu .el-sub-menu__title:hover{background:var(--el-submenu-hover-bg)}.menu-wrap[data-v-af84dbc4] .el-sub-menu.is-opened{background:var(--el-submenu-open-bg);border-radius:8px}.menu-wrap[data-v-af84dbc4] .el-sub-menu.is-opened .el-menu--inline{background:var(--el-submenu-open-inline-bg)}.menu-wrap[data-v-af84dbc4] .el-menu-item{font-family:SourceHanSansCN,SourceHanSansCN;font-weight:400;font-size:16px;color:#fff;line-height:24px;text-align:left;font-style:normal}.menu-wrap[data-v-af84dbc4] .el-menu-item:hover{background:var(--el-menuitem-hover-bg)}.menu-wrap[data-v-af84dbc4] .el-menu-item.is-active{background:var(--el-menuitem-active-bg)}[data-v-917c453d] .el-textarea__inner{resize:none;height:120px}.dialog-title[data-v-5547662c]{display:flex}.el-dialog__headerbtn{margin-top:8px}.upload[data-v-3e08e20d]{display:flex;gap:8px}.upload .upload-word[data-v-3e08e20d]{display:flex;align-items:center}.upload .upload-icon[data-v-3e08e20d]{display:flex;width:20px;height:20px}.dialog-footer[data-v-3e08e20d]{display:flex;flex-direction:row;justify-content:end}.tip-content[data-v-3e08e20d]{display:flex}[data-v-3e08e20d] .el-upload-list{margin:0}[data-v-3e08e20d] .el-upload-list__item{display:flex}[data-v-3e08e20d] .el-upload-list__item .el-upload-list__item-info{margin-left:0}[data-v-3e08e20d] .el-upload-list__item-name{padding:0}[data-v-b4ea5f9a] .el-table__cell .cell{font-size:14px;font-weight:700;color:#000000d9;font-family:PingFangSC,PingFang SC;min-width:79.2px}[data-v-b4ea5f9a] .layout-container-view .el-scrollbar__view{width:100%;overflow:auto}[data-v-b4ea5f9a] .el-table__header-wrapper .el-table__header{height:48px;width:auto!important}[data-v-b4ea5f9a] .el-table__body .el-table__row{height:48px}[data-v-b4ea5f9a] .el-table__body{height:100%}.table-wrap .table-operate[data-v-b4ea5f9a]{display:flex;flex-direction:row;justify-content:space-between;gap:8px}.table-wrap .table-operate .blue-table-operate[data-v-b4ea5f9a]{color:#1890ff}.table-wrap .table-operate .red-table-operate[data-v-b4ea5f9a]{color:red}.table-wrap .table-operate .table-operate-content[data-v-b4ea5f9a]{font-family:SourceHanSansSC,SourceHanSansSC;font-weight:400;font-size:14px;font-style:normal;text-transform:none;cursor:pointer}.el-table[data-v-b4ea5f9a]{height:inherit}[data-v-b4ea5f9a] .el-table__body-wrapper{overflow:auto}.table-content[data-v-046353b1]{display:flex;flex-direction:column;gap:16px}.table-content .dialog-footer[data-v-046353b1]{display:flex;flex-direction:row;gap:16px;justify-content:end}.table-content .dialog-footer .cancel-button[data-v-046353b1],.table-content .dialog-footer .ok-button[data-v-046353b1]{cursor:pointer}.table-content .extra-header[data-v-046353b1]{display:flex;flex-direction:row;justify-content:end}.table-content .extra-header .extra-contents[data-v-046353b1]{display:flex;flex-direction:row;gap:8px}.table-content .extra-header .extra-contents .extra-content[data-v-046353b1]{padding:4px 12px;border-radius:8px;cursor:pointer}.table-content .extra-header .model-view-icon[data-v-046353b1],.table-content .extra-button-label[data-v-046353b1]{cursor:pointer}.form-content[data-v-534c109a]{display:flex;flex-direction:column;gap:16px}[data-v-534c109a] .el-form-item{margin-bottom:0}[data-v-534c109a] .form-data{align-items:center}.table-operate-content[data-v-877911eb]{display:flex;flex-direction:column;gap:12px}.table-operate-content .table-operate-item[data-v-877911eb]{display:flex;flex-direction:column;gap:8px}.table-operate-content .table-operate-item .operate-title[data-v-877911eb]{font-size:14px;font-weight:600;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.table-operate-content .table-operate-item .operate-content[data-v-877911eb]{display:flex;font-size:13px}.form-operate-content[data-v-a36b8468]{display:flex;flex-direction:column;gap:12px}.form-operate-content .form-operate-item[data-v-a36b8468]{display:flex;flex-direction:column;gap:8px}.form-operate-content .form-operate-item .operate-title[data-v-a36b8468]{font-size:14px;font-weight:600;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form-operate-content .form-operate-item .operate-content[data-v-a36b8468]{display:flex;font-size:13px}.type-select[data-v-fe4aecc8]{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:fit-content;overflow:auto}.type-select .type-list[data-v-fe4aecc8]{display:flex;flex-direction:row;height:110px;gap:8px}.type-select .type-list .list-content[data-v-fe4aecc8]{width:85px;height:auto;display:flex;flex-direction:column;gap:6px;padding:4px 12px;align-items:center;height:82px;cursor:pointer}.type-select .type-list .list-content .list-icon[data-v-fe4aecc8]{width:48px;height:48px}.fill-content[data-v-a216b035]{display:flex;flex-direction:column;gap:16px;width:100%}.fill-content .fill-operate[data-v-a216b035]{font-size:16px;font-weight:600}.fill-content .operate-content[data-v-a216b035]{display:flex;flex-direction:row;width:100%;height:100%;overflow:auto}.fill-content .operate-content .collapse-content[data-v-a216b035]{width:100%}.fill-content .operate-content .collapse-content .collapse-title[data-v-a216b035]{font-size:15px;font-weight:600}.fill-content .operate-content .collapse-content .comp-child[data-v-a216b035]{display:flex;flex-direction:column;gap:16px;width:100%}.show-content[data-v-79320497]{display:flex;flex-direction:column;height:100%;gap:16px;width:100%;overflow:auto}.show-content .item-content[data-v-79320497]{display:flex;flex-direction:column;gap:8px;height:fit-content}.show-content[data-v-869e6e20]{display:flex;flex-direction:column;height:auto;gap:16px;width:100%;overflow:auto;padding:16px;background:#fff}.show-content .item-content[data-v-869e6e20]{display:flex;flex-direction:column;gap:8px;height:fit-content}.show-content .item-content .item-view-group[data-v-869e6e20]{display:flex;flex-direction:row;justify-content:start;align-items:center}.add-model-content[data-v-b25bde75]{display:flex;flex-direction:column;width:100%;height:100%;gap:16px;overflow:hidden}.add-model-content .model-operate[data-v-b25bde75]{display:flex;flex-direction:row;gap:16px;flex:1;height:0px;padding:4px 2px}.add-model-content .model-operate .model-select[data-v-b25bde75]{display:flex;padding:16px;height:initial;width:220px;min-width:220px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-operate .model-show[data-v-b25bde75]{display:flex;padding:16px;height:initial;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;flex:1;min-width:0}.add-model-content .model-operate .model-fill[data-v-b25bde75]{display:flex;padding:16px;height:initial;width:300px;min-width:300px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-view[data-v-b25bde75]{display:flex;flex-direction:row;flex:1;padding:4px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;height:calc(100% - 72px)}.add-model-content .model-import-data[data-v-b25bde75]{display:flex;flex-direction:row;align-items:center;gap:8px}.add-model-content .model-import-data .import-button[data-v-b25bde75]{padding:4px 12px;background:var(--el-color-primary);color:#fff;border-radius:8px;cursor:pointer}.add-model-content .model-import-data .import-button .import-button-content[data-v-b25bde75]{background:var(--el-color-primary);color:#fff;border:0px;cursor:pointer}.menuList-wrap[data-v-e6e5db88]::-webkit-scrollbar{display:none}.menuList-wrap[data-v-e6e5db88]{width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--el-menu-bg)}.bread-content[data-v-d55d3ede]{display:flex;width:100%}.bread-content .bread-item[data-v-d55d3ede]{display:flex}.bread-content .bread-item .bread-title[data-v-d55d3ede]{cursor:pointer}.bread-content .bread-item .bread-title[data-v-d55d3ede]:hover{color:var(--ssComponent-primary-color)}.system-wrap[data-v-f531270a]{width:100%;height:auto;display:flex;gap:1%;background:#f8f8f8}.system-wrap .sys-aside[data-v-f531270a]{padding:8px;min-width:200px;width:15%}.system-wrap .show-content[data-v-f531270a]{flex:1;display:flex;flex-direction:column;height:calc(100% - 16px);gap:16px;overflow:auto;padding:24px;background:#fff;margin-top:16px;box-sizing:border-box;border-radius:8px}.system-wrap .show-content .item-menu-content[data-v-f531270a]{display:flex}.system-wrap .show-content .item-content[data-v-f531270a]{display:flex;flex-direction:column;gap:16px;height:fit-content}.system-wrap .show-content .item-content .item-view-group[data-v-f531270a]{display:flex;flex-direction:row;justify-content:start;align-items:center}.add-model-content[data-v-1a6c4322]{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.add-model-content .model-operate[data-v-1a6c4322]{display:flex;flex-direction:row;gap:16px;flex:1;height:0px;padding:4px 2px}.add-model-content .model-operate .model-select[data-v-1a6c4322]{display:flex;padding:16px;height:initial;width:220px;min-width:220px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-operate .model-show[data-v-1a6c4322]{display:flex;padding:16px;height:initial;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;flex:1;min-width:0}.add-model-content .model-operate .model-fill[data-v-1a6c4322]{display:flex;padding:16px;height:initial;width:300px;min-width:300px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-view[data-v-1a6c4322]{display:flex;flex-direction:row;flex:1;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;height:calc(100% - 72px)}.add-model-content .model-import-data[data-v-1a6c4322]{display:flex;flex-direction:row;align-items:center;gap:8px;padding:16px}.add-model-content .model-import-data .import-button[data-v-1a6c4322]{padding:4px 12px;background:var(--el-color-primary);color:#fff;border-radius:8px;cursor:pointer}.add-model-content .model-import-data .import-button .import-button-content[data-v-1a6c4322]{background:var(--el-color-primary);color:#fff;border:0px;cursor:pointer}.c-menuA[data-v-f196ec9f]{width:300px;height:300px;border:1px solid red}.ssComponent{--ssComponent-primary-color: #3F68B1;--ssComponent-danger-color: #f56c6c}
+.form-content[data-v-62da0828]{width:100%;display:flex;flex-direction:column;gap:24px;background:#fff;border-radius:8px;flex-wrap:wrap}.form-content .form-content-view[data-v-62da0828]{width:100%}.form-content .form-content-view .form-data[data-v-62da0828]{display:flex;flex-direction:row;gap:12px;width:100%;flex-wrap:wrap}.form-content .form-content-view .form-data .form-item[data-v-62da0828]{display:flex;flex-direction:row;gap:8px;width:260px;height:100%;align-items:center}.form-content .form-content-view .form-data .form-item .from-item-label[data-v-62da0828]{display:flex;min-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-content .form-content-view .form-data .form-button[data-v-62da0828]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}.form-content .form-content-view .form-data .form-button .form-button-content[data-v-62da0828]{display:flex;cursor:pointer}.form-content .form-content-view .form-data .form-button .form-button-content .form-button-item[data-v-62da0828]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}.form-content .form-content-view .form-noRegular-data[data-v-62da0828]{display:flex;flex-direction:row;gap:12px;width:100%;flex-wrap:wrap}.form-content .form-content-view .form-noRegular-data .form-row-content[data-v-62da0828] .el-form-item__label{padding:0;justify-content:start;width:auto}.form-content .form-content-view .form-noRegular-data .form-row-content[data-v-62da0828] .el-form-item__content{align-items:start;width:100%}.form-content .form-content-view .form-noRegular-data .form-item[data-v-62da0828]{display:flex;flex-direction:row;gap:8px;width:260px;height:100%;align-items:center}.form-content .form-content-view .form-noRegular-data .form-item .from-item-label[data-v-62da0828]{text-align:left;width:72px;min-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-content .form-content-view .form-noRegular-data .form-button[data-v-62da0828]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}.form-content .form-content-view .form-noRegular-data .form-button .form-button-content[data-v-62da0828]{display:flex;cursor:pointer}.form-content .form-content-view .form-noRegular-data .form-button .form-button-content .form-button-item[data-v-62da0828]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}.form-content .form-button[data-v-62da0828]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.form-content .form-button .form-button-content[data-v-62da0828]{cursor:pointer}.form-content .form-button .form-button-content .form-button-item[data-v-62da0828]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}[data-v-62da0828] .el-form-item__label{padding:0;justify-content:start}[data-v-62da0828] .el-form-item__content{align-items:start;width:220px}.tabs-label[data-v-c1c693d0]{display:flex;width:100%;flex-direction:row}.tabs-label .tabs-children[data-v-c1c693d0]{display:flex;flex-direction:row;gap:8px}.tabs-contents[data-v-c1c693d0]{display:flex;flex-direction:column;gap:16px}.menu-wrap[data-v-af84dbc4]{width:100%;height:100%}.menu-wrap[data-v-af84dbc4] .el-sub-menu .el-sub-menu__title{font-family:SourceHanSansCN,SourceHanSansCN;font-weight:400;font-size:16px;color:#fff;line-height:24px;text-align:left;font-style:normal}.menu-wrap[data-v-af84dbc4] .el-sub-menu .el-sub-menu__title:hover{background:var(--el-submenu-hover-bg)}.menu-wrap[data-v-af84dbc4] .el-sub-menu.is-opened{background:var(--el-submenu-open-bg);border-radius:8px}.menu-wrap[data-v-af84dbc4] .el-sub-menu.is-opened .el-menu--inline{background:var(--el-submenu-open-inline-bg)}.menu-wrap[data-v-af84dbc4] .el-menu-item{font-family:SourceHanSansCN,SourceHanSansCN;font-weight:400;font-size:16px;color:#fff;line-height:24px;text-align:left;font-style:normal}.menu-wrap[data-v-af84dbc4] .el-menu-item:hover{background:var(--el-menuitem-hover-bg)}.menu-wrap[data-v-af84dbc4] .el-menu-item.is-active{background:var(--el-menuitem-active-bg)}[data-v-917c453d] .el-textarea__inner{resize:none;height:120px}.dialog-title[data-v-5547662c]{display:flex}.el-dialog__headerbtn{margin-top:8px}.upload[data-v-3e08e20d]{display:flex;gap:8px}.upload .upload-word[data-v-3e08e20d]{display:flex;align-items:center}.upload .upload-icon[data-v-3e08e20d]{display:flex;width:20px;height:20px}.dialog-footer[data-v-3e08e20d]{display:flex;flex-direction:row;justify-content:end}.tip-content[data-v-3e08e20d]{display:flex}[data-v-3e08e20d] .el-upload-list{margin:0}[data-v-3e08e20d] .el-upload-list__item{display:flex}[data-v-3e08e20d] .el-upload-list__item .el-upload-list__item-info{margin-left:0}[data-v-3e08e20d] .el-upload-list__item-name{padding:0}[data-v-b4ea5f9a] .el-table__cell .cell{font-size:14px;font-weight:700;color:#000000d9;font-family:PingFangSC,PingFang SC;min-width:79.2px}[data-v-b4ea5f9a] .layout-container-view .el-scrollbar__view{width:100%;overflow:auto}[data-v-b4ea5f9a] .el-table__header-wrapper .el-table__header{height:48px;width:auto!important}[data-v-b4ea5f9a] .el-table__body .el-table__row{height:48px}[data-v-b4ea5f9a] .el-table__body{height:100%}.table-wrap .table-operate[data-v-b4ea5f9a]{display:flex;flex-direction:row;justify-content:space-between;gap:8px}.table-wrap .table-operate .blue-table-operate[data-v-b4ea5f9a]{color:#1890ff}.table-wrap .table-operate .red-table-operate[data-v-b4ea5f9a]{color:red}.table-wrap .table-operate .table-operate-content[data-v-b4ea5f9a]{font-family:SourceHanSansSC,SourceHanSansSC;font-weight:400;font-size:14px;font-style:normal;text-transform:none;cursor:pointer}.el-table[data-v-b4ea5f9a]{height:inherit}[data-v-b4ea5f9a] .el-table__body-wrapper{overflow:auto}.table-content[data-v-3405e36c]{display:flex;flex-direction:column;gap:16px}.table-content .dialog-footer[data-v-3405e36c]{display:flex;flex-direction:row;gap:16px;justify-content:end}.table-content .dialog-footer .cancel-button[data-v-3405e36c],.table-content .dialog-footer .ok-button[data-v-3405e36c]{cursor:pointer}.table-content .extra-header[data-v-3405e36c]{display:flex;flex-direction:row;justify-content:end}.table-content .extra-header .extra-contents[data-v-3405e36c]{display:flex;flex-direction:row;gap:8px}.table-content .extra-header .extra-contents .extra-content[data-v-3405e36c]{padding:4px 12px;border-radius:8px;cursor:pointer}.table-content .extra-header .model-view-icon[data-v-3405e36c],.table-content .extra-button-label[data-v-3405e36c]{cursor:pointer}.form-content[data-v-56c22bdb]{display:flex;flex-direction:column;gap:16px}[data-v-56c22bdb] .el-form-item{margin-bottom:0}[data-v-56c22bdb] .form-data{align-items:center}.table-operate-content[data-v-877911eb]{display:flex;flex-direction:column;gap:12px}.table-operate-content .table-operate-item[data-v-877911eb]{display:flex;flex-direction:column;gap:8px}.table-operate-content .table-operate-item .operate-title[data-v-877911eb]{font-size:14px;font-weight:600;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.table-operate-content .table-operate-item .operate-content[data-v-877911eb]{display:flex;font-size:13px}.form-operate-content[data-v-a36b8468]{display:flex;flex-direction:column;gap:12px}.form-operate-content .form-operate-item[data-v-a36b8468]{display:flex;flex-direction:column;gap:8px}.form-operate-content .form-operate-item .operate-title[data-v-a36b8468]{font-size:14px;font-weight:600;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form-operate-content .form-operate-item .operate-content[data-v-a36b8468]{display:flex;font-size:13px}.type-select[data-v-fe4aecc8]{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:fit-content;overflow:auto}.type-select .type-list[data-v-fe4aecc8]{display:flex;flex-direction:row;height:110px;gap:8px}.type-select .type-list .list-content[data-v-fe4aecc8]{width:85px;height:auto;display:flex;flex-direction:column;gap:6px;padding:4px 12px;align-items:center;height:82px;cursor:pointer}.type-select .type-list .list-content .list-icon[data-v-fe4aecc8]{width:48px;height:48px}.fill-content[data-v-a216b035]{display:flex;flex-direction:column;gap:16px;width:100%}.fill-content .fill-operate[data-v-a216b035]{font-size:16px;font-weight:600}.fill-content .operate-content[data-v-a216b035]{display:flex;flex-direction:row;width:100%;height:100%;overflow:auto}.fill-content .operate-content .collapse-content[data-v-a216b035]{width:100%}.fill-content .operate-content .collapse-content .collapse-title[data-v-a216b035]{font-size:15px;font-weight:600}.fill-content .operate-content .collapse-content .comp-child[data-v-a216b035]{display:flex;flex-direction:column;gap:16px;width:100%}.show-content[data-v-79320497]{display:flex;flex-direction:column;height:100%;gap:16px;width:100%;overflow:auto}.show-content .item-content[data-v-79320497]{display:flex;flex-direction:column;gap:8px;height:fit-content}.show-content[data-v-869e6e20]{display:flex;flex-direction:column;height:auto;gap:16px;width:100%;overflow:auto;padding:16px;background:#fff}.show-content .item-content[data-v-869e6e20]{display:flex;flex-direction:column;gap:8px;height:fit-content}.show-content .item-content .item-view-group[data-v-869e6e20]{display:flex;flex-direction:row;justify-content:start;align-items:center}.add-model-content[data-v-b25bde75]{display:flex;flex-direction:column;width:100%;height:100%;gap:16px;overflow:hidden}.add-model-content .model-operate[data-v-b25bde75]{display:flex;flex-direction:row;gap:16px;flex:1;height:0px;padding:4px 2px}.add-model-content .model-operate .model-select[data-v-b25bde75]{display:flex;padding:16px;height:initial;width:220px;min-width:220px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-operate .model-show[data-v-b25bde75]{display:flex;padding:16px;height:initial;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;flex:1;min-width:0}.add-model-content .model-operate .model-fill[data-v-b25bde75]{display:flex;padding:16px;height:initial;width:300px;min-width:300px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-view[data-v-b25bde75]{display:flex;flex-direction:row;flex:1;padding:4px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;height:calc(100% - 72px)}.add-model-content .model-import-data[data-v-b25bde75]{display:flex;flex-direction:row;align-items:center;gap:8px}.add-model-content .model-import-data .import-button[data-v-b25bde75]{padding:4px 12px;background:var(--el-color-primary);color:#fff;border-radius:8px;cursor:pointer}.add-model-content .model-import-data .import-button .import-button-content[data-v-b25bde75]{background:var(--el-color-primary);color:#fff;border:0px;cursor:pointer}.menuList-wrap[data-v-e6e5db88]::-webkit-scrollbar{display:none}.menuList-wrap[data-v-e6e5db88]{width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--el-menu-bg)}.bread-content[data-v-d55d3ede]{display:flex;width:100%}.bread-content .bread-item[data-v-d55d3ede]{display:flex}.bread-content .bread-item .bread-title[data-v-d55d3ede]{cursor:pointer}.bread-content .bread-item .bread-title[data-v-d55d3ede]:hover{color:var(--ssComponent-primary-color)}.system-wrap[data-v-42b9b231]{width:100%;height:auto;display:flex;gap:1%;background:#f8f8f8}.system-wrap .sys-aside[data-v-42b9b231]{padding:8px;min-width:200px;width:15%}.system-wrap .show-content[data-v-42b9b231]{flex:1;display:flex;flex-direction:column;height:calc(100% - 16px);gap:16px;overflow:auto;padding:24px;background:#fff;margin-top:16px;box-sizing:border-box;border-radius:8px}.system-wrap .show-content .item-menu-content[data-v-42b9b231]{display:flex}.system-wrap .show-content .item-content[data-v-42b9b231]{display:flex;flex-direction:column;gap:16px;height:fit-content}.system-wrap .show-content .item-content .item-view-group[data-v-42b9b231]{display:flex;flex-direction:row;justify-content:start;align-items:center}.add-model-content[data-v-402c0d69]{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.add-model-content .model-operate[data-v-402c0d69]{display:flex;flex-direction:row;gap:16px;flex:1;height:0px;padding:4px 2px}.add-model-content .model-operate .model-select[data-v-402c0d69]{display:flex;padding:16px;height:initial;width:220px;min-width:220px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-operate .model-show[data-v-402c0d69]{display:flex;padding:16px;height:initial;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;flex:1;min-width:0}.add-model-content .model-operate .model-fill[data-v-402c0d69]{display:flex;padding:16px;height:initial;width:300px;min-width:300px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-view[data-v-402c0d69]{display:flex;flex-direction:row;flex:1;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;height:calc(100% - 72px)}.add-model-content .model-import-data[data-v-402c0d69]{display:flex;flex-direction:row;align-items:center;gap:8px;padding:16px}.add-model-content .model-import-data .import-button[data-v-402c0d69]{padding:4px 12px;background:var(--el-color-primary);color:#fff;border-radius:8px;cursor:pointer}.add-model-content .model-import-data .import-button .import-button-content[data-v-402c0d69]{background:var(--el-color-primary);color:#fff;border:0px;cursor:pointer}.c-menuA[data-v-f196ec9f]{width:300px;height:300px;border:1px solid red}.ssComponent{--ssComponent-primary-color: #3F68B1;--ssComponent-danger-color: #f56c6c}

package/dist/ss-component.js

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as o } from "vue";
-const s = o(() => import("./main-BGSsmnG3.js"));
+const s = o(() => import("./main-BbqwmB4Y.js"));
 s.install = (n) => {
   n.component("ssComponent", s);
 };
@@ -7,11 +7,11 @@ const t = o(() => import("./index-fopmc0W_.js").then((n) => n.i));
 t.install = (n) => {
   n.component("ssTab", t);
 };
-const e = o(() => import("./index-BclS1yqg.js"));
+const e = o(() => import("./index-Cj-7IvGD.js"));
 e.install = (n) => {
   n.component("ssMenu", e);
 };
-const m = o(() => import("./index-V133QAT6.js"));
+const m = o(() => import("./index-OhsC2sML.js"));
 m.install = (n) => {
   n.component("ssMenuComponent", m);
 };