ss-component-new 1.3.714 → 1.3.716

package/dist/{index-ChNfRlIP.js → index-DyhB-cd1.js}

@@ -1,4 +1,208 @@
-const e = [
+import { ref as I, reactive as L, watch as O, resolveComponent as X, createBlock as Y, openBlock as i, normalizeStyle as P, withCtx as B, renderSlot as D, createElementBlock as u, createCommentVNode as r, withModifiers as s, createElementVNode as A, toDisplayString as U } from "vue";
+import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const q = { class: "dialog-title" }, G = {
+  __name: "index",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    dialogWidth: {
+      type: [Number, String],
+      default: 600
+    },
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    fullScreen: {
+      type: Boolean,
+      default: !1
+    },
+    // 仅在 resizable=true 时生效
+    dialogHeight: {
+      type: [Number, String],
+      default: 600
+    },
+    // 仅在 resizable=true 时生效
+    minWidth: {
+      type: [Number, String],
+      default: 400
+    },
+    // 仅在 resizable=true 时生效
+    minHeight: {
+      type: [Number, String],
+      default: 300
+    },
+    showClose: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: !0
+    },
+    modalClass: {
+      type: String,
+      default: ""
+    },
+    alignCenter: {
+      type: Boolean,
+      default: !1
+    },
+    appendToBody: {
+      type: Boolean,
+      default: !0
+    },
+    zIndex: {
+      type: Number,
+      default: void 0
+    },
+    // 是否允许四边拖拽改变弹窗大小
+    resizable: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["beforeDestroy"],
+  setup(y, { emit: M }) {
+    const e = y, R = M, x = I(!1), o = L({
+      width: void 0,
+      height: void 0,
+      minWidth: void 0,
+      minHeight: void 0
+    });
+    let E = !1, v = "", W = 0, k = 0, g = 0, h = 0, F = 0, p = 0, z = null;
+    const T = (l) => {
+      var n, a;
+      const t = (a = (n = l == null ? void 0 : l.target) == null ? void 0 : n.closest) == null ? void 0 : a.call(n, ".el-dialog");
+      return t || null;
+    }, N = (l) => {
+      if (!l || l === "none")
+        return { tx: 0, ty: 0 };
+      let t = l.match(/matrix\(([^)]+)\)/);
+      if (t) {
+        const n = t[1].split(",").map((a) => Number(a.trim()));
+        return { tx: (n == null ? void 0 : n[4]) || 0, ty: (n == null ? void 0 : n[5]) || 0 };
+      }
+      if (t = l.match(/matrix3d\(([^)]+)\)/), t) {
+        const n = t[1].split(",").map((a) => Number(a.trim()));
+        return { tx: (n == null ? void 0 : n[12]) || 0, ty: (n == null ? void 0 : n[13]) || 0 };
+      }
+      return t = l.match(/translate\(\s*([-\d.]+)px\s*,\s*([-\d.]+)px\s*\)/), t ? { tx: Number(t[1]) || 0, ty: Number(t[2]) || 0 } : { tx: 0, ty: 0 };
+    }, $ = (l, t, n) => {
+      l.style.transform = `translate(${t}px, ${n}px)`;
+    }, m = (l, t) => {
+      if (!e.resizable) return;
+      const n = T(l);
+      if (!n) return;
+      z = n, E = !0, v = t, W = l.clientX, k = l.clientY;
+      const a = n.getBoundingClientRect();
+      g = a.width, h = a.height;
+      const c = window.getComputedStyle(n), { tx: d, ty: b } = N(c.transform);
+      F = d, p = b, document.addEventListener("mousemove", S), document.addEventListener("mouseup", H);
+    }, S = (l) => {
+      if (!E || !z) return;
+      const t = l.clientX - W, n = l.clientY - k, a = parseInt(o.minWidth || "0", 10) || 0, c = parseInt(o.minHeight || "0", 10) || 0;
+      let d = g, b = h, C = F, w = p;
+      if (v.includes("right") && (d = Math.max(a, g + t)), v.includes("bottom") && (b = Math.max(c, h + n)), v.includes("left")) {
+        const f = g - t;
+        f < a ? (d = a, C = F + (g - a)) : (d = f, C = F + t);
+      }
+      if (v.includes("top")) {
+        const f = h - n;
+        f < c ? (b = c, w = p + (h - c)) : (b = f, w = p + n);
+      }
+      o.width = `${d}px`, o.height = `${b}px`, $(z, C, w);
+    }, H = () => {
+      E = !1, v = "", z = null, document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", H);
+    }, V = () => {
+      R("beforeDestroy");
+    };
+    return O(
+      () => e == null ? void 0 : e.visible,
+      (l) => {
+        x.value = l, l && (e.resizable ? (o.width = typeof e.dialogWidth == "number" ? `${e.dialogWidth}px` : e.dialogWidth, o.height = typeof e.dialogHeight == "number" ? `${e.dialogHeight}px` : e.dialogHeight, o.minWidth = typeof e.minWidth == "number" ? `${e.minWidth}px` : e.minWidth, o.minHeight = typeof e.minHeight == "number" ? `${e.minHeight}px` : e.minHeight) : (o.width = void 0, o.height = void 0, o.minWidth = void 0, o.minHeight = void 0));
+      },
+      { deep: !0, immediate: !0 }
+    ), (l, t) => {
+      const n = X("el-dialog");
+      return i(), Y(n, {
+        modelValue: x.value,
+        "onUpdate:modelValue": t[8] || (t[8] = (a) => x.value = a),
+        width: e == null ? void 0 : e.dialogWidth,
+        "before-close": V,
+        draggable: "",
+        style: P(e != null && e.resizable ? o : void 0),
+        fullscreen: e == null ? void 0 : e.fullScreen,
+        "destroy-on-close": !0,
+        "show-close": e == null ? void 0 : e.showClose,
+        "close-on-click-modal": e == null ? void 0 : e.closeOnClickModal,
+        "modal-class": y.modalClass,
+        "close-on-press-escape": e == null ? void 0 : e.closeOnPressEscape,
+        "align-center": e == null ? void 0 : e.alignCenter,
+        "append-to-body": y.appendToBody,
+        "z-index": e == null ? void 0 : e.zIndex
+      }, {
+        header: B(() => [
+          A("div", q, U(e == null ? void 0 : e.title), 1),
+          D(l.$slots, "header", {}, void 0, !0)
+        ]),
+        footer: B(() => [
+          D(l.$slots, "footer", {}, void 0, !0)
+        ]),
+        default: B(() => [
+          D(l.$slots, "default", {}, void 0, !0),
+          e.resizable ? (i(), u("div", {
+            key: 0,
+            class: "resizable-handle top",
+            onMousedown: t[0] || (t[0] = s((a) => m(a, "top"), ["stop"]))
+          }, null, 32)) : r("", !0),
+          e.resizable ? (i(), u("div", {
+            key: 1,
+            class: "resizable-handle right",
+            onMousedown: t[1] || (t[1] = s((a) => m(a, "right"), ["stop"]))
+          }, null, 32)) : r("", !0),
+          e.resizable ? (i(), u("div", {
+            key: 2,
+            class: "resizable-handle bottom",
+            onMousedown: t[2] || (t[2] = s((a) => m(a, "bottom"), ["stop"]))
+          }, null, 32)) : r("", !0),
+          e.resizable ? (i(), u("div", {
+            key: 3,
+            class: "resizable-handle left",
+            onMousedown: t[3] || (t[3] = s((a) => m(a, "left"), ["stop"]))
+          }, null, 32)) : r("", !0),
+          e.resizable ? (i(), u("div", {
+            key: 4,
+            class: "resizable-handle top-left",
+            onMousedown: t[4] || (t[4] = s((a) => m(a, "top-left"), ["stop"]))
+          }, null, 32)) : r("", !0),
+          e.resizable ? (i(), u("div", {
+            key: 5,
+            class: "resizable-handle top-right",
+            onMousedown: t[5] || (t[5] = s((a) => m(a, "top-right"), ["stop"]))
+          }, null, 32)) : r("", !0),
+          e.resizable ? (i(), u("div", {
+            key: 6,
+            class: "resizable-handle bottom-left",
+            onMousedown: t[6] || (t[6] = s((a) => m(a, "bottom-left"), ["stop"]))
+          }, null, 32)) : r("", !0),
+          e.resizable ? (i(), u("div", {
+            key: 7,
+            class: "resizable-handle bottom-right",
+            onMousedown: t[7] || (t[7] = s((a) => m(a, "bottom-right"), ["stop"]))
+          }, null, 32)) : r("", !0)
+        ]),
+        _: 3
+      }, 8, ["modelValue", "width", "style", "fullscreen", "show-close", "close-on-click-modal", "modal-class", "close-on-press-escape", "align-center", "append-to-body", "z-index"]);
+    };
+  }
+}, Q = /* @__PURE__ */ j(G, [["__scopeId", "data-v-7917fe7b"]]), Z = [
   {
     name: "--vertical-menu-bg",
     value: "transparent"
@@ -95,7 +299,7 @@ const e = [
     name: "--vertical-menu-padding",
     value: "0.5rem"
   }
-], a = [
+], _ = [
   {
     name: "--horizontal-menu-bg",
     value: "#333333"
@@ -151,7 +355,7 @@ const e = [
     name: "--horizontal-menuitem-font",
     value: "var(--ssComponent-font-family)"
   }
-], n = [
+], ee = [
   {
     name: "--vertical-menu-bg",
     value: "transparent"
@@ -248,7 +452,7 @@ const e = [
     name: "--vertical-menu-padding",
     value: "0.5rem"
   }
-], t = [
+], te = [
   {
     name: "--horizontal-menu-bg",
     value: "#333333"
@@ -304,7 +508,7 @@ const e = [
     name: "--horizontal-menuitem-font",
     value: "var(--ssComponent-font-family)"
   }
-], m = [
+], ae = [
   {
     name: "--vertical-menu-bg",
     value: "transparent"
@@ -401,7 +605,7 @@ const e = [
     name: "--vertical-menu-padding",
     value: "0.5rem"
   }
-], l = [
+], ne = [
   {
     name: "--horizontal-menu-bg",
     value: "#333333"
@@ -457,7 +661,7 @@ const e = [
     name: "--horizontal-menuitem-font",
     value: "var(--ssComponent-font-family)"
   }
-], u = [
+], le = [
   {
     name: "--user-avatar-bg",
     value: "linear-gradient(to bottom, #73D2FF,#235096)"
@@ -498,7 +702,7 @@ const e = [
     name: "--ssComponent-theme-watermark",
     value: 'url("@/assets/image/watermark-blue.png")'
   }
-], o = [
+], oe = [
   {
     name: "--user-avatar-bg",
     value: "linear-gradient(to bottom, #96E13C,#196E05)"
@@ -540,7 +744,7 @@ const e = [
     name: "--ssComponent-theme-watermark",
     value: 'url("@/assets/image/watermark.png")'
   }
-], i = [
+], ie = [
   {
     name: "--user-avatar-bg",
     value: "linear-gradient(to bottom, #96E13C,#196E05)"
@@ -582,15 +786,46 @@ const e = [
     name: "--ssComponent-theme-watermark",
     value: 'url("@/assets/image/watermark.png")'
   }
+], me = [
+  {
+    name: "--ssRobot-bg",
+    value: "#323333"
+  },
+  {
+    name: "--ssRobot-highlight",
+    value: "#bac01d"
+  },
+  {
+    name: "--ssRobot-highlight-rgb",
+    value: "186, 192, 29"
+  },
+  {
+    name: "--ssRobot-scrollbar-thumb",
+    value: "#4a4a4a"
+  },
+  {
+    name: "--ssRobot-scrollbar-track",
+    value: "#252525"
+  },
+  {
+    name: "--ssRobot-scrollbar-thumb-hover",
+    value: "#5a5a5a"
+  },
+  {
+    name: "--ssRobot-btn-hover",
+    value: "#cad633"
+  }
 ];
 export {
-  e as a,
-  u as b,
-  o as c,
-  a as d,
-  t as e,
-  n as f,
-  l as g,
-  m as h,
-  i as t
+  me as R,
+  Z as a,
+  le as b,
+  oe as c,
+  te as d,
+  ee as e,
+  ne as f,
+  ae as g,
+  _ as h,
+  Q as s,
+  ie as t
 };

package/dist/index-IoMa0kLh.js

@@ -0,0 +1,27 @@
+import { defineComponent as r, computed as s, createElementBlock as c, openBlock as i, mergeProps as m, createElementVNode as l } from "vue";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const u = ["xlink:href"], _ = /* @__PURE__ */ r({
+  __name: "index",
+  props: {
+    name: {
+      type: String,
+      required: !0
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(n) {
+    const e = n, t = s(() => `#icon-${e.name}`), o = s(() => e.className ? `svg-icon ${e.className}` : "svg-icon");
+    return (a, d) => (i(), c("svg", m({
+      class: o.value,
+      "aria-hidden": "true"
+    }, a.$attrs), [
+      l("use", { "xlink:href": t.value }, null, 8, u)
+    ], 16));
+  }
+}), v = /* @__PURE__ */ p(_, [["__scopeId", "data-v-72411116"]]);
+export {
+  v as S
+};