xlzw-component 1.0.3 → 1.0.4

package/README.md

@@ -1,6 +1,6 @@
 # xlzw-components
 
-基于 Vue3 + Ant Design Vue 的自定义组件库。
+基于 Vue3 + Ant Design Vue 的自定义组件库，包含按钮、弹窗、删除确认对话框等组件。
 
 ## 技术栈
 

package/dist/xlzw-component.js

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