xlzw-component 1.0.1 → 1.0.2

package/dist/index.css

@@ -1 +1 @@
-#cancel[data-v-e093e9d4],#submit[data-v-e093e9d4],#reset[data-v-e093e9d4],#sweep[data-v-e093e9d4],#disable[data-v-e093e9d4]{font-family:思源黑体 CN-Normal,思源黑体 CN,sans-serif;font-weight:350;font-size:13px;height:36px;line-height:36px;padding:0 20px;border-radius:5px;cursor:pointer;margin:0 5px;display:inline-block;box-sizing:border-box;text-align:center;white-space:nowrap;font-weight:500}#cancel[data-v-e093e9d4]{color:#fff;background:#88a6b0}#submit[data-v-e093e9d4]{color:#fff;background:#ec4408}#reset[data-v-e093e9d4],#sweep[data-v-e093e9d4]{color:#000;background:#fff;border:1px solid #88a6b0}#disable[data-v-e093e9d4]{color:#ccc;background:#f0f0f0}button[data-v-e093e9d4]{height:36px!important;font-family:思源黑体 CN-Normal,思源黑体 CN,sans-serif;font-weight:350;font-size:13px;background:#f0f0f0;color:#ccc;margin:0 5px}
+#cancel[data-v-b09240e9],#submit[data-v-b09240e9],#reset[data-v-b09240e9],#sweep[data-v-b09240e9],#disable[data-v-b09240e9]{font-family:思源黑体 CN-Normal,思源黑体 CN,sans-serif;font-weight:350;font-size:13px;height:36px;line-height:36px;padding:0 20px;border-radius:5px;cursor:pointer;margin:0 5px;display:inline-block;box-sizing:border-box;text-align:center;white-space:nowrap;font-weight:500}#cancel[data-v-b09240e9]{color:#fff;background:#88a6b0}#submit[data-v-b09240e9]{color:#fff;background:#ec4408}#reset[data-v-b09240e9],#sweep[data-v-b09240e9]{color:#000;background:#fff;border:1px solid #88a6b0}#disable[data-v-b09240e9]{color:#ccc;background:#f0f0f0}[data-v-b09240e9]::deep(button){height:36px!important;font-family:思源黑体 CN-Normal,思源黑体 CN,sans-serif;font-weight:350;font-size:13px;background:#f0f0f0;color:#ccc;margin:0 5px}[data-v-0dd67275]::deep(.ant-modal-content){padding:0!important}[data-v-0dd67275]::deep(.ant-modal-close){color:#fff;top:10px;right:10px}[data-v-0dd67275]::deep(.anticon-close){font-size:16px}[data-v-0dd67275]::deep(.ant-modal-close:hover){color:#fff}[data-v-0dd67275]::deep(.ant-modal-header){margin-bottom:0}[data-v-0dd67275]::deep(.ant-modal-title){color:#fff;height:40px;background:#333;display:flex;align-items:center;padding:0 20px;font-size:13px;border-top-left-radius:5px;border-top-right-radius:5px}[data-v-0dd67275]::deep(.ant-modal-body){background:#f0f0f0;padding:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}

package/dist/xlzw-component.js

@@ -1,22 +1,22 @@
-import { ref as r, resolveComponent as a, openBlock as n, createElementBlock as d, renderSlot as o, createCommentVNode as i, createBlock as c, withCtx as f } from "vue";
-const y = (e, s) => {
+import { ref as d, resolveComponent as Y, openBlock as $, createElementBlock as E, renderSlot as k, createCommentVNode as z, createBlock as L, withCtx as O, isRef as U, toRefs as q, customRef as F, toValue as u, watch as V, computed as R, unref as J, defineComponent as K, watchEffect as Q, createVNode as Z, createElementVNode as T, normalizeStyle as j, resolveDynamicComponent as ee, toDisplayString as te } from "vue";
+const W = (e, a) => {
   const t = e.__vccOpts || e;
-  for (const [l, u] of s)
-    t[l] = u;
+  for (const [n, o] of a)
+    t[n] = o;
   return t;
-}, p = {
+}, ne = {
   key: 0,
   id: "reset"
-}, m = {
+}, oe = {
   key: 1,
   id: "cancel"
-}, _ = {
+}, le = {
   key: 2,
   id: "submit"
-}, v = {
+}, ae = {
   key: 3,
   id: "sweep"
-}, b = {
+}, ie = {
   __name: "xlzw-button",
   props: {
     type: {
@@ -24,34 +24,230 @@ const y = (e, s) => {
     }
   },
   setup(e) {
-    const s = r(!0);
-    return (t, l) => {
-      const u = a("a-button");
-      return n(), d("div", null, [
-        e.type == "reset" ? (n(), d("div", p, [
-          o(t.$slots, "default", {}, void 0, !0)
-        ])) : i("", !0),
-        e.type == "cancel" ? (n(), d("div", m, [
-          o(t.$slots, "default", {}, void 0, !0)
-        ])) : e.type == "submit" ? (n(), d("div", _, [
-          o(t.$slots, "default", {}, void 0, !0)
-        ])) : e.type == "sweep" ? (n(), d("div", v, [
-          o(t.$slots, "default", {}, void 0, !0)
-        ])) : e.type == "disabled" ? (n(), c(u, {
+    const a = d(!0);
+    return (t, n) => {
+      const o = Y("a-button");
+      return $(), E("div", null, [
+        e.type == "reset" ? ($(), E("div", ne, [
+          k(t.$slots, "default", {}, void 0, !0)
+        ])) : z("", !0),
+        e.type == "cancel" ? ($(), E("div", oe, [
+          k(t.$slots, "default", {}, void 0, !0)
+        ])) : e.type == "submit" ? ($(), E("div", le, [
+          k(t.$slots, "default", {}, void 0, !0)
+        ])) : e.type == "sweep" ? ($(), E("div", ae, [
+          k(t.$slots, "default", {}, void 0, !0)
+        ])) : e.type == "disabled" ? ($(), L(o, {
           key: 4,
           type: "primary",
-          disabled: s.value
+          disabled: a.value
         }, {
-          default: f(() => [
-            o(t.$slots, "default", {}, void 0, !0)
+          default: O(() => [
+            k(t.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
-        }, 8, ["disabled"])) : i("", !0)
+        }, 8, ["disabled"])) : z("", !0)
       ]);
     };
   }
-}, h = /* @__PURE__ */ y(b, [["__scopeId", "data-v-e093e9d4"]]);
+}, he = /* @__PURE__ */ W(ie, [["__scopeId", "data-v-b09240e9"]]), I = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const re = Object.prototype.toString, ue = (e) => re.call(e) === "[object Object]";
+function A(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function se(e, a = {}) {
+  if (!U(e)) return q(e);
+  const t = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
+  for (const n in e.value) t[n] = F(() => ({
+    get() {
+      return e.value[n];
+    },
+    set(o) {
+      var i;
+      if (!((i = u(a.replaceRef)) !== null && i !== void 0) || i) if (Array.isArray(e.value)) {
+        const r = [...e.value];
+        r[n] = o, e.value = r;
+      } else {
+        const r = {
+          ...e.value,
+          [n]: o
+        };
+        Object.setPrototypeOf(r, Object.getPrototypeOf(e.value)), e.value = r;
+      }
+      else e.value[n] = o;
+    }
+  }));
+  return t;
+}
+function de(e, a, t) {
+  return V(e, a, {
+    ...t,
+    immediate: !0
+  });
+}
+const N = I ? window : void 0;
+function ce(e) {
+  var a;
+  const t = u(e);
+  return (a = t == null ? void 0 : t.$el) !== null && a !== void 0 ? a : t;
+}
+function P(...e) {
+  const a = (n, o, i, r) => (n.addEventListener(o, i, r), () => n.removeEventListener(o, i, r)), t = R(() => {
+    const n = A(u(e[0])).filter((o) => o != null);
+    return n.every((o) => typeof o != "string") ? n : void 0;
+  });
+  return de(() => {
+    var n, o;
+    return [
+      (n = (o = t.value) === null || o === void 0 ? void 0 : o.map((i) => ce(i))) !== null && n !== void 0 ? n : [N].filter((i) => i != null),
+      A(u(t.value ? e[1] : e[0])),
+      A(J(t.value ? e[2] : e[1])),
+      u(t.value ? e[3] : e[2])
+    ];
+  }, ([n, o, i, r], c, h) => {
+    if (!(n != null && n.length) || !(o != null && o.length) || !(i != null && i.length)) return;
+    const x = ue(r) ? { ...r } : r, _ = n.flatMap((f) => o.flatMap((y) => i.map((b) => a(f, y, b, x))));
+    h(() => {
+      _.forEach((f) => f());
+    });
+  }, { flush: "post" });
+}
+function ve(e, a = {}) {
+  var t;
+  const { pointerTypes: n, preventDefault: o, stopPropagation: i, exact: r, onMove: c, onEnd: h, onStart: x, initialValue: _, axis: f = "both", draggingElement: y = N, containerElement: b, handle: M = e, buttons: D = [0] } = a, p = d((t = u(_)) !== null && t !== void 0 ? t : {
+    x: 0,
+    y: 0
+  }), s = d(), S = (l) => n ? n.includes(l.pointerType) : !0, w = (l) => {
+    u(o) && l.preventDefault(), u(i) && l.stopPropagation();
+  }, B = (l) => {
+    var v;
+    if (!u(D).includes(l.button) || u(a.disabled) || !S(l) || u(r) && l.target !== u(e)) return;
+    const m = u(b), C = m == null || (v = m.getBoundingClientRect) === null || v === void 0 ? void 0 : v.call(m), g = u(e).getBoundingClientRect(), X = {
+      x: l.clientX - (m ? g.left - C.left + m.scrollLeft : g.left),
+      y: l.clientY - (m ? g.top - C.top + m.scrollTop : g.top)
+    };
+    (x == null ? void 0 : x(X, l)) !== !1 && (s.value = X, w(l));
+  }, G = (l) => {
+    if (u(a.disabled) || !S(l) || !s.value) return;
+    const v = u(b), m = u(e).getBoundingClientRect();
+    let { x: C, y: g } = p.value;
+    (f === "x" || f === "both") && (C = l.clientX - s.value.x, v && (C = Math.min(Math.max(0, C), v.scrollWidth - m.width))), (f === "y" || f === "both") && (g = l.clientY - s.value.y, v && (g = Math.min(Math.max(0, g), v.scrollHeight - m.height))), p.value = {
+      x: C,
+      y: g
+    }, c == null || c(p.value, l), w(l);
+  }, H = (l) => {
+    u(a.disabled) || !S(l) || s.value && (s.value = void 0, h == null || h(p.value, l), w(l));
+  };
+  if (I) {
+    const l = () => {
+      var v;
+      return {
+        capture: (v = a.capture) !== null && v !== void 0 ? v : !0,
+        passive: !u(o)
+      };
+    };
+    P(M, "pointerdown", B, l), P(y, "pointermove", G, l), P(y, "pointerup", H, l);
+  }
+  return {
+    ...se(p),
+    position: p,
+    isDragging: R(() => !!s.value),
+    style: R(() => `left:${p.value.x}px;top:${p.value.y}px;`)
+  };
+}
+const fe = K({
+  props: {
+    title: String,
+    width: String
+  },
+  emits: ["resetData"],
+  setup(e, a) {
+    const t = d(!1), n = d(null), o = () => {
+      t.value = !0;
+    }, i = () => {
+      a.emit("resetData");
+    }, { x: r, y: c, isDragging: h } = ve(n), x = (w) => {
+      t.value = !1;
+    }, _ = d(0), f = d(0), y = d(!1), b = d(0), M = d(0), D = d(0), p = d(0), s = d({
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0
+    });
+    V([r, c], () => {
+      if (!y.value) {
+        _.value = r.value, f.value = c.value;
+        const w = document.body.getBoundingClientRect(), B = n.value.getBoundingClientRect();
+        s.value.right = w.width - B.width, s.value.bottom = w.height - B.height, D.value = b.value, p.value = M.value;
+      }
+      y.value = !0;
+    }), V(h, () => {
+      h || (y.value = !1);
+    }), Q(() => {
+      y.value && (b.value = D.value + Math.min(
+        Math.max(s.value.left, r.value),
+        s.value.right
+      ) - _.value, M.value = p.value + Math.min(
+        Math.max(s.value.top, c.value),
+        s.value.bottom
+      ) - f.value);
+    });
+    const S = R(() => ({
+      transform: `translate(${b.value}px, ${M.value}px)`
+    }));
+    return {
+      visible: t,
+      showModal: o,
+      handleCancel: x,
+      modalTitleRef: n,
+      transformStyle: S,
+      cancel: i
+    };
+  }
+}), pe = { style: { background: "#fff", "border-radius": "5px" } }, me = { style: { background: "rgb(255, 255, 255)", height: "44px", display: "flex", "align-items": "center", "justify-content": "end", "margin-top": "10px", padding: "0 10px", "border-radius": "5px" } };
+function ye(e, a, t, n, o, i) {
+  const r = Y("a-modal");
+  return $(), E("div", null, [
+    Z(r, {
+      destroyOnClose: "",
+      maskClosable: !1,
+      onCancel: e.cancel,
+      ref: "modalRef",
+      visible: e.visible,
+      "onUpdate:visible": a[0] || (a[0] = (c) => e.visible = c),
+      "wrap-style": { overflow: "hidden" },
+      width: e.width,
+      footer: null
+    }, {
+      title: O(() => [
+        T("div", {
+          ref: "modalTitleRef",
+          style: { width: "100%", cursor: "move", color: "#fff" }
+        }, te(e.title), 513)
+      ]),
+      modalRender: O(({ originVNode: c }) => [
+        T("div", {
+          style: j(e.transformStyle)
+        }, [
+          ($(), L(ee(c)))
+        ], 4)
+      ]),
+      default: O(() => [
+        T("div", pe, [
+          k(e.$slots, "content", {}, void 0, !0)
+        ]),
+        T("div", me, [
+          k(e.$slots, "footer", {}, void 0, !0)
+        ])
+      ]),
+      _: 3
+    }, 8, ["onCancel", "visible", "width"])
+  ]);
+}
+const be = /* @__PURE__ */ W(fe, [["render", ye], ["__scopeId", "data-v-0dd67275"]]);
 export {
-  h as XlzwButton
+  he as XlzwButton,
+  be as model
 };
 //# sourceMappingURL=xlzw-component.js.map