ss-component-new 1.1.32 → 1.1.34

package/dist/main-c_r6_1l3.js

@@ -0,0 +1,286 @@
+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-QkRCQCnN.js";
+import { u as ee } from "./modelComp-BrI6MfnJ.js";
+import { s as te, u as he } from "./menu-CER-9e62.js";
+import { _ as ne, c as k } from "./_plugin-vue_export-helper-B7R8Jogt.js";
+const x = [
+  {
+    key: "FormName",
+    value: "Form"
+  },
+  {
+    key: "TableName",
+    value: "Table"
+  }
+], s = [
+  {
+    key: "FormDirect",
+    value: "formFlex"
+  },
+  {
+    key: "Form",
+    value: "formContent"
+  },
+  {
+    key: "FormButton",
+    value: "formButton"
+  },
+  {
+    key: "TableColumns",
+    value: "header"
+  },
+  {
+    key: "TableButton",
+    value: "extraButton"
+  },
+  {
+    key: "LineButton",
+    value: "rowButton"
+  },
+  {
+    key: "Table",
+    value: "tableContents"
+  },
+  {
+    key: "TableIndex",
+    value: "tableIndex"
+  }
+], ke = {
+  key: 0,
+  class: "show-content"
+}, _e = { class: "item-view-group" }, Ce = {
+  __name: "index",
+  props: {
+    content: String,
+    jsonContents: Array
+  },
+  emits: ["change"],
+  setup(F, { emit: B }) {
+    const e = F, $ = B, h = ee(E), { itemData: b } = te(h), p = _([]), w = _([]), L = (l) => {
+      $("change", {
+        wholeValue: p.value,
+        editValue: l
+      });
+    }, D = (l) => {
+      const g = k(p.value), S = g == null ? void 0 : g.map((c, j) => (j === (l == null ? void 0 : l.index) && (c.compData = l == null ? void 0 : l.contents), c));
+      p.value = S;
+    };
+    V(
+      () => b.value,
+      () => {
+        var l;
+        !b.value || ((l = b.value) == null ? void 0 : l.length) === 0 || (w.value = b.value, p.value = b.value);
+      },
+      { deep: !0, immediate: !0 }
+    ), V(
+      () => [e == null ? void 0 : e.content, e == null ? void 0 : e.jsonContents],
+      () => {
+        var g;
+        if (((g = e == null ? void 0 : e.jsonContents) == null ? void 0 : g.length) > 0) {
+          h.setOriginalData(e == null ? void 0 : e.jsonContents), h.setItemData(e == null ? void 0 : e.jsonContents);
+          return;
+        }
+        if (!(e != null && e.content) || (e == null ? void 0 : e.content) === "") return;
+        const l = ie(e == null ? void 0 : e.content);
+        h.setOriginalData(l), h.setItemData(l);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const N = (l) => de(l);
+    return (l, g) => {
+      var S;
+      return ((S = w.value) == null ? void 0 : S.length) > 0 ? (f(), C("div", ke, [
+        (f(!0), C(le, null, se(w.value, (c, j) => (f(), C("div", {
+          class: "item-content",
+          key: j
+        }, [
+          O("div", _e, v(c.name), 1),
+          (f(), Z(ue(N(c.comp)), {
+            itemData: c == null ? void 0 : c.compData,
+            childItemData: c == null ? void 0 : c.itemChildData,
+            key: j,
+            onChange: L,
+            index: j,
+            onContentChange: D
+          }, null, 40, ["itemData", "childItemData", "index"]))
+        ]))), 128))
+      ])) : I("", !0);
+    };
+  }
+}, be = /* @__PURE__ */ ne(Ce, [["__scopeId", "data-v-869e6e20"]]), pe = { class: "add-model-content" }, we = {
+  key: 0,
+  class: "model-import-data"
+}, je = { class: "import-button" }, Se = { key: 0 }, xe = {
+  key: 1,
+  class: "model-operate"
+}, Oe = { class: "model-select" }, Ie = { class: "model-fill" }, Ne = {
+  key: 2,
+  class: "model-view ssComponent"
+}, Te = {
+  __name: "main",
+  props: {
+    mode: {
+      type: String,
+      default: "view"
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    jsonContents: {
+      type: Array,
+      default: () => []
+    },
+    showButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["change"],
+  setup(F, { emit: B }) {
+    const e = F, $ = B, h = _(""), b = _([]), p = _(0), w = ee(E);
+    he(E);
+    const { itemData: L, originalData: D } = te(w), N = _(null), l = _(0), g = _(""), S = () => {
+      p.value = window.innerWidth;
+    }, c = async (o) => {
+      var u;
+      const a = (u = k(o == null ? void 0 : o.wholeValue)) == null ? void 0 : u.map((n) => {
+        var m;
+        return (n == null ? void 0 : n.comp) === "Form" && (n.compData = (m = n.compData) == null ? void 0 : m.map((y) => ((y == null ? void 0 : y.key) === "formContent" && (y.contents = ge(y == null ? void 0 : y.contents)), y))), n;
+      });
+      $("change", {
+        originalContents: D.value,
+        currentContents: o == null ? void 0 : o.wholeValue,
+        editContent: o == null ? void 0 : o.editValue,
+        stringContent: j(k(o == null ? void 0 : o.wholeValue)),
+        arrayToContents: a
+      });
+    }, j = (o) => {
+      var u;
+      let a = [];
+      return (u = k(o)) == null || u.forEach((n) => {
+        var m, y;
+        x != null && x.find((t) => (t == null ? void 0 : t.value) === (n == null ? void 0 : n.comp)) && a.push(((m = x == null ? void 0 : x.find((t) => (t == null ? void 0 : t.value) === (n == null ? void 0 : n.comp))) == null ? void 0 : m.key) + "=" + n.name + "/r/n"), (y = n == null ? void 0 : n.compData) == null || y.forEach((t) => {
+          var M, R, z, W, q, G, H, K, P, Q, U, X;
+          if (s != null && s.find((i) => (i == null ? void 0 : i.value) === (t == null ? void 0 : t.key)))
+            if (!((M = t == null ? void 0 : t.contents) != null && M.length))
+              a.push(((R = s == null ? void 0 : s.find((i) => (i == null ? void 0 : i.value) === (t == null ? void 0 : t.key))) == null ? void 0 : R.key) + "=" + (t.contents === !0 ? '""' : "Vertical") + "/r/n");
+            else {
+              let i = (z = t == null ? void 0 : t.contents) == null ? void 0 : z[0];
+              if (!i) return;
+              if (Object.keys(i).includes("label") && Object.keys(i).includes("key") && Object.keys(i).includes("width"))
+                if (((q = (W = t.contents) == null ? void 0 : W.filter((d) => d.width !== 1)) == null ? void 0 : q.length) === 0) {
+                  const d = (G = k(t == null ? void 0 : t.contents)) == null ? void 0 : G.map((r) => ({ [r.label]: r.value }));
+                  a.push(((H = s == null ? void 0 : s.find((r) => (r == null ? void 0 : r.value) === (t == null ? void 0 : t.key))) == null ? void 0 : H.key) + "=" + JSON.stringify(d) + "/r/n");
+                } else {
+                  let d = [];
+                  (K = k(t == null ? void 0 : t.contents)) == null || K.reduce((r, J) => {
+                    var Y;
+                    return r[J.label] = J.key, ((Y = Object.keys(k(r))) == null ? void 0 : Y.length) >= J.width && (d.push(k(r)), r = {}), r;
+                  }, {}), a.push(((P = s == null ? void 0 : s.find((r) => (r == null ? void 0 : r.value) === (t == null ? void 0 : t.key))) == null ? void 0 : P.key) + "=" + JSON.stringify(d) + "/r/n");
+                }
+              else if (Object.keys(i).includes("label")) {
+                const d = (Q = k(t == null ? void 0 : t.contents)) == null ? void 0 : Q.map((r) => r.label);
+                a.push(((U = s == null ? void 0 : s.find((r) => (r == null ? void 0 : r.value) === (t == null ? void 0 : t.key))) == null ? void 0 : U.key) + "=" + JSON.stringify(d) + "/r/n");
+              } else
+                a.push(((X = s == null ? void 0 : s.find((d) => (d == null ? void 0 : d.value) === (t == null ? void 0 : t.key))) == null ? void 0 : X.key) + "=" + JSON.stringify(t == null ? void 0 : t.contents) + "/r/n");
+            }
+        });
+      }), JSON.stringify(a);
+    }, T = _([]), ae = () => {
+      N.value.click();
+    }, oe = (o) => {
+      const a = o.target.files[0];
+      if (!a) return;
+      const u = new FileReader();
+      u.onload = (n) => {
+        try {
+          h.value = n.target.result, T.value = re(n.target.result), l.value++;
+        } catch (m) {
+          console.error("解析失败:", m);
+        }
+      }, u.onerror = (n) => {
+        console.error("文件读取错误:", n);
+      }, u.readAsText(a);
+    };
+    ce(() => {
+      window.addEventListener("resize", S);
+    }), V(
+      () => [e == null ? void 0 : e.content, e == null ? void 0 : e.jsonContents],
+      () => {
+        h.value = e == null ? void 0 : e.content, b.value = e == null ? void 0 : e.jsonContents;
+      },
+      { deep: !0, immediate: !0 }
+    ), V(
+      () => l.value,
+      () => {
+        var o;
+        ((o = T.value) == null ? void 0 : o.length) !== 0 && (w.setOriginalData(T.value), w.setItemData(T.value));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const re = (o) => {
+      let a = o.replace(/，/g, ",").replace(/；/g, ";").replace(/：/g, ":");
+      a = a.replace(/(\w+)\s*:/g, "$1:"), a = a.replace(/\r\n/g, "").replace(/\n/g, "").replace(/\t/g, "").replace(/\s+/g, " ").trim(), a = a.replace(/,\s*([}\]])/g, "$1"), a = a.replace(/:(\s*)([^"{}\[\],\s]+)(\s*)([,}])/g, ": $2$4");
+      try {
+        return JSON.parse(a);
+      } catch (u) {
+        try {
+          const m = new Function(`return ${a}`)();
+          if (Array.isArray(m) || typeof m == "object")
+            return m;
+          throw new Error(`解析结果不是有效的数组或对象: ${u}`);
+        } catch (n) {
+          throw new Error(`无法解析JSON: ${n.message}`);
+        }
+      }
+    };
+    return (o, a) => {
+      var u;
+      return f(), C("div", pe, [
+        ((u = e == null ? void 0 : e.jsonContents) == null ? void 0 : u.length) === 0 ? (f(), C("div", we, [
+          O("div", je, [
+            O("input", {
+              type: "file",
+              ref_key: "fileInput",
+              ref: N,
+              accept: ".txt",
+              onChange: oe,
+              style: { display: "none" }
+            }, null, 544),
+            O("button", {
+              onClick: ae,
+              class: "import-button-content"
+            }, "导入文件"),
+            g.value ? (f(), C("span", Se, v(g.value), 1)) : I("", !0)
+          ])
+        ])) : I("", !0),
+        (e == null ? void 0 : e.mode) === "edit" ? (f(), C("div", xe, [
+          O("div", Oe, [
+            A(me)
+          ]),
+          (f(), C("div", {
+            class: "model-show",
+            key: p.value
+          }, [
+            A(ye)
+          ])),
+          O("div", Ie, [
+            A(fe)
+          ])
+        ])) : I("", !0),
+        (e == null ? void 0 : e.mode) === "view" ? (f(), C("div", Ne, [
+          (f(), Z(be, {
+            content: h.value,
+            onChange: c,
+            jsonContents: b.value,
+            key: p.value
+          }, null, 8, ["content", "jsonContents"]))
+        ])) : I("", !0)
+      ]);
+    };
+  }
+}, Je = /* @__PURE__ */ ne(Te, [["__scopeId", "data-v-b25bde75"]]);
+export {
+  Je as default
+};

package/dist/ss-component.css

@@ -1 +1 @@
-.extra-button-content[data-v-68956a28]{display:flex;flex-direction:row;justify-content:space-between}.extra-button-content .extra-header[data-v-68956a28],.extra-button-content .extra-header .extra-contents[data-v-68956a28]{display:flex;flex-direction:row;gap:8px}.extra-button-content .extra-header .extra-contents .extra-content[data-v-68956a28]{padding:4px 12px;border-radius:8px;cursor:pointer}.extra-button-content .extra-button-filter[data-v-68956a28]{display:flex;gap:8px;flex-direction:row}.form-content[data-v-4b762c1f]{width:100%;display:flex;flex-direction:column;gap:24px;background:#fff;border-radius:8px;flex-wrap:wrap}.form-content .form-content-view[data-v-4b762c1f]{width:100%}.form-content .form-content-view .form-data[data-v-4b762c1f]{display:flex;flex-direction:row;gap:12px;width:100%;flex-wrap:wrap}.form-content .form-content-view .form-data .form-item[data-v-4b762c1f]{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-4b762c1f]{display:flex;min-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-content .form-content-view .form-data .form-button[data-v-4b762c1f]{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-4b762c1f]{display:flex;cursor:pointer}.form-content .form-content-view .form-data .form-button .form-button-content .form-button-item[data-v-4b762c1f]{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-4b762c1f]{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-4b762c1f] .el-form-item__label{padding:0;justify-content:start;width:auto}.form-content .form-content-view .form-noRegular-data .form-row-content[data-v-4b762c1f] .el-form-item__content{align-items:start;width:100%}.form-content .form-content-view .form-noRegular-data .form-item[data-v-4b762c1f]{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-4b762c1f]{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-4b762c1f]{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-4b762c1f]{display:flex;cursor:pointer}.form-content .form-content-view .form-noRegular-data .form-button .form-button-content .form-button-item[data-v-4b762c1f]{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-4b762c1f]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.form-content .form-button .form-button-content[data-v-4b762c1f]{cursor:pointer}.form-content .form-button .form-button-content .form-button-item[data-v-4b762c1f]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}[data-v-4b762c1f] .el-form-item__label{padding:0;justify-content:start}[data-v-4b762c1f] .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-2cbe7506]{width:100%;height:100%}.menu-wrap[data-v-2cbe7506] .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-2cbe7506] .el-sub-menu .el-sub-menu__title:hover{background:var(--ssComponent-submenu-hover-bg)}.menu-wrap[data-v-2cbe7506] .el-sub-menu.is-opened{background:var(--ssComponent-submenu-open-bg);border-radius:8px}.menu-wrap[data-v-2cbe7506] .el-sub-menu.is-opened .el-menu--inline{background:var(--ssComponent-submenu-open-inline-bg)}.menu-wrap[data-v-2cbe7506] .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-2cbe7506] .el-menu-item:hover{background:var(--ssComponent-menuitem-hover-bg)}.menu-wrap[data-v-2cbe7506] .el-menu-item.is-active{background:var(--ssComponent-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-42726e6d] .el-table__cell .cell{font-size:14px;font-weight:700;color:#000000d9;font-family:PingFangSC,PingFang SC;min-width:79.2px}[data-v-42726e6d] .layout-container-view .el-scrollbar__view{width:100%;overflow:auto}[data-v-42726e6d] .el-table__header-wrapper .el-table__header{height:48px;width:auto!important}[data-v-42726e6d] .el-table__body .el-table__row{height:48px}[data-v-42726e6d] .el-table__body{height:100%}.table-content-show[data-v-42726e6d]{display:flex;flex-direction:column;gap:12px}.table-content-show .table-wrap .table-operate[data-v-42726e6d]{display:flex;flex-direction:row;justify-content:space-between;gap:8px}.table-content-show .table-wrap .table-operate .blue-table-operate[data-v-42726e6d]{color:#1890ff}.table-content-show .table-wrap .table-operate .red-table-operate[data-v-42726e6d]{color:red}.table-content-show .table-wrap .table-operate .table-operate-content[data-v-42726e6d]{font-family:SourceHanSansSC,SourceHanSansSC;font-weight:400;font-size:14px;font-style:normal;text-transform:none;cursor:pointer}.el-table[data-v-42726e6d]{height:inherit}[data-v-42726e6d] .el-table__body-wrapper{overflow:auto}.table-content[data-v-781eace3]{display:flex;flex-direction:column;gap:16px}.table-content .dialog-footer[data-v-781eace3]{display:flex;flex-direction:row;gap:16px;justify-content:end}.table-content .dialog-footer .cancel-button[data-v-781eace3],.table-content .dialog-footer .ok-button[data-v-781eace3],.table-content .extra-button-label[data-v-781eace3]{cursor:pointer}.form-content[data-v-626135b5]{display:flex;flex-direction:column;gap:16px}[data-v-626135b5] .el-form-item{margin-bottom:0}[data-v-626135b5] .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-dc84a8f7]::-webkit-scrollbar{display:none}.menuList-wrap[data-v-dc84a8f7]{width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--ssComponent-menu-bg)}.chart-model-class[data-v-798284db]{display:flex;width:100%;height:100%}.eCharts[data-v-e2fd0c0f]{display:flex;align-items:center;justify-content:center;height:300px}.c-menuA[data-v-d76bceae]{width:300px;height:300px;border:1px solid red}.ssComponent{--ssComponent-primary-color: #3F68B1;--ssComponent-danger-color: #f56c6c;--ssComponent-bgColor: #426ec4;--ssComponent-menu-bg: #426ec4;--ssComponent-submenu-hover-bg: #00000033;--ssComponent-submenu-open-bg: #2DA0FF;--ssComponent-submenu-open-inline-bg: #1C4275;--ssComponent-menuitem-hover-bg: #1d7bef;--ssComponent-menuitem-active-bg: #1d7bef}
+.extra-button-content[data-v-68956a28]{display:flex;flex-direction:row;justify-content:space-between}.extra-button-content .extra-header[data-v-68956a28],.extra-button-content .extra-header .extra-contents[data-v-68956a28]{display:flex;flex-direction:row;gap:8px}.extra-button-content .extra-header .extra-contents .extra-content[data-v-68956a28]{padding:4px 12px;border-radius:8px;cursor:pointer}.extra-button-content .extra-button-filter[data-v-68956a28]{display:flex;gap:8px;flex-direction:row}.form-content[data-v-4b762c1f]{width:100%;display:flex;flex-direction:column;gap:24px;background:#fff;border-radius:8px;flex-wrap:wrap}.form-content .form-content-view[data-v-4b762c1f]{width:100%}.form-content .form-content-view .form-data[data-v-4b762c1f]{display:flex;flex-direction:row;gap:12px;width:100%;flex-wrap:wrap}.form-content .form-content-view .form-data .form-item[data-v-4b762c1f]{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-4b762c1f]{display:flex;min-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-content .form-content-view .form-data .form-button[data-v-4b762c1f]{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-4b762c1f]{display:flex;cursor:pointer}.form-content .form-content-view .form-data .form-button .form-button-content .form-button-item[data-v-4b762c1f]{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-4b762c1f]{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-4b762c1f] .el-form-item__label{padding:0;justify-content:start;width:auto}.form-content .form-content-view .form-noRegular-data .form-row-content[data-v-4b762c1f] .el-form-item__content{align-items:start;width:100%}.form-content .form-content-view .form-noRegular-data .form-item[data-v-4b762c1f]{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-4b762c1f]{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-4b762c1f]{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-4b762c1f]{display:flex;cursor:pointer}.form-content .form-content-view .form-noRegular-data .form-button .form-button-content .form-button-item[data-v-4b762c1f]{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-4b762c1f]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.form-content .form-button .form-button-content[data-v-4b762c1f]{cursor:pointer}.form-content .form-button .form-button-content .form-button-item[data-v-4b762c1f]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}[data-v-4b762c1f] .el-form-item__label{padding:0;justify-content:start}[data-v-4b762c1f] .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-2cbe7506]{width:100%;height:100%}.menu-wrap[data-v-2cbe7506] .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-2cbe7506] .el-sub-menu .el-sub-menu__title:hover{background:var(--ssComponent-submenu-hover-bg)}.menu-wrap[data-v-2cbe7506] .el-sub-menu.is-opened{background:var(--ssComponent-submenu-open-bg);border-radius:8px}.menu-wrap[data-v-2cbe7506] .el-sub-menu.is-opened .el-menu--inline{background:var(--ssComponent-submenu-open-inline-bg)}.menu-wrap[data-v-2cbe7506] .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-2cbe7506] .el-menu-item:hover{background:var(--ssComponent-menuitem-hover-bg)}.menu-wrap[data-v-2cbe7506] .el-menu-item.is-active{background:var(--ssComponent-menuitem-active-bg)}[data-v-917c453d] .el-textarea__inner{resize:none;height:120px}.el-dialog__headerbtn{margin-top:8px}.dialog-title[data-v-5547662c]{display:flex}.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-42726e6d] .el-table__cell .cell{font-size:14px;font-weight:700;color:#000000d9;font-family:PingFangSC,PingFang SC;min-width:79.2px}[data-v-42726e6d] .layout-container-view .el-scrollbar__view{width:100%;overflow:auto}[data-v-42726e6d] .el-table__header-wrapper .el-table__header{height:48px;width:auto!important}[data-v-42726e6d] .el-table__body .el-table__row{height:48px}[data-v-42726e6d] .el-table__body{height:100%}.table-content-show[data-v-42726e6d]{display:flex;flex-direction:column;gap:12px}.table-content-show .table-wrap .table-operate[data-v-42726e6d]{display:flex;flex-direction:row;justify-content:space-between;gap:8px}.table-content-show .table-wrap .table-operate .blue-table-operate[data-v-42726e6d]{color:#1890ff}.table-content-show .table-wrap .table-operate .red-table-operate[data-v-42726e6d]{color:red}.table-content-show .table-wrap .table-operate .table-operate-content[data-v-42726e6d]{font-family:SourceHanSansSC,SourceHanSansSC;font-weight:400;font-size:14px;font-style:normal;text-transform:none;cursor:pointer}.el-table[data-v-42726e6d]{height:inherit}[data-v-42726e6d] .el-table__body-wrapper{overflow:auto}.table-content[data-v-781eace3]{display:flex;flex-direction:column;gap:16px}.table-content .dialog-footer[data-v-781eace3]{display:flex;flex-direction:row;gap:16px;justify-content:end}.table-content .dialog-footer .cancel-button[data-v-781eace3],.table-content .dialog-footer .ok-button[data-v-781eace3],.table-content .extra-button-label[data-v-781eace3]{cursor:pointer}.form-content[data-v-626135b5]{display:flex;flex-direction:column;gap:16px}[data-v-626135b5] .el-form-item{margin-bottom:0}[data-v-626135b5] .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-dc84a8f7]::-webkit-scrollbar{display:none}.menuList-wrap[data-v-dc84a8f7]{width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--ssComponent-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-59cfbaff]{width:100%;height:auto;display:flex;gap:1%;background:#f8f8f8}.system-wrap .sys-aside[data-v-59cfbaff]{padding:8px;min-width:200px;width:15%}.system-wrap .show-content[data-v-59cfbaff]{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-59cfbaff]{display:flex}.system-wrap .show-content .item-content[data-v-59cfbaff]{display:flex;flex-direction:column;gap:16px;height:fit-content}.system-wrap .show-content .item-content .item-view-group[data-v-59cfbaff]{display:flex;flex-direction:row;justify-content:start;align-items:center}.add-model-content[data-v-876d48c6]{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.add-model-content .model-operate[data-v-876d48c6]{display:flex;flex-direction:row;gap:16px;flex:1;height:0px;padding:4px 2px}.add-model-content .model-operate .model-select[data-v-876d48c6]{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-876d48c6]{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-876d48c6]{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-876d48c6]{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-876d48c6]{display:flex;flex-direction:row;align-items:center;gap:8px;padding:16px}.add-model-content .model-import-data .import-button[data-v-876d48c6]{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-876d48c6]{background:var(--el-color-primary);color:#fff;border:0px;cursor:pointer}.ssComponent{--ssComponent-primary-color: #3F68B1;--ssComponent-danger-color: #f56c6c;--ssComponent-bgColor: #426ec4;--ssComponent-menu-bg: #426ec4;--ssComponent-submenu-hover-bg: #00000033;--ssComponent-submenu-open-bg: #2DA0FF;--ssComponent-submenu-open-inline-bg: #1C4275;--ssComponent-menuitem-hover-bg: #1d7bef;--ssComponent-menuitem-active-bg: #1d7bef}.c-menuA[data-v-f196ec9f]{width:300px;height:300px;border:1px solid red}.chart-model-class[data-v-798284db]{display:flex;width:100%;height:100%}.eCharts[data-v-0440fac3]{display:flex;align-items:center;justify-content:center;height:300px}

package/dist/ss-component.js

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as s } from "vue";
-const o = s(() => import("./main-BolQoZMW.js"));
+const o = s(() => import("./main-c_r6_1l3.js"));
 o.install = (n) => {
   n.component("ssComponent", o);
 };
@@ -7,15 +7,15 @@ const t = s(() => import("./index-CjOEbW6x.js").then((n) => n.i));
 t.install = (n) => {
   n.component("ssTab", t);
 };
-const e = s(() => import("./index-CVUTr_Jx.js"));
+const e = s(() => import("./index-BBJEg3iA.js"));
 e.install = (n) => {
   n.component("ssMenu", e);
 };
-const m = s(() => import("./index-CZvjAGwl.js"));
+const m = s(() => import("./index-CTaEFnK5.js"));
 m.install = (n) => {
   n.component("ssMenuComponent", m);
 };
-const p = s(() => import("./index-DBUn44w6.js"));
+const p = s(() => import("./index-C2m1uy6T.js"));
 p.install = (n) => {
   n.component("ssCanvas", p);
 };