@king-one/antdv 1.2.21 → 2.0.0

package/dist/es/components/pro-signature/src/ProSignature.vue2.mjs

@@ -1,145 +1,258 @@
-import { defineComponent as A, ref as o, computed as k, watch as F, onMounted as N, onBeforeUnmount as $, reactive as H, createElementBlock as Q, openBlock as G, withModifiers as K, normalizeStyle as V } from "vue";
-import { ProSignatureProps as Z } from "./types.mjs";
-const te = /* @__PURE__ */ A({
+import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, reactive, createElementBlock, openBlock, withModifiers, normalizeStyle } from "vue";
+import { ProSignatureProps } from "./types.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProSignature",
-  props: Z,
+  props: ProSignatureProps,
   emits: ["update:bgColor"],
-  setup(R, { expose: X, emit: Y }) {
-    const u = R, b = Y, a = o(null), t = o(null), p = o(!1), C = o(""), h = o([]), f = o(0), d = o(0), w = o(!1), T = o(1), D = k(() => u.height / u.width), y = k(() => u.bgColor ? u.bgColor : "rgba(255, 255, 255, 0)");
-    function x() {
-      if (!a.value || !t.value)
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const canvas = ref(null);
+    const canvasTxt = ref(null);
+    const hasDrew = ref(false);
+    const resultImg = ref("");
+    const points = ref([]);
+    const startX = ref(0);
+    const startY = ref(0);
+    const isDrawing = ref(false);
+    const sratio = ref(1);
+    const ratio = computed(() => props.height / props.width);
+    const myBg = computed(() => props.bgColor ? props.bgColor : "rgba(255, 255, 255, 0)");
+    function resizeHandler() {
+      if (!canvas.value || !canvasTxt.value)
         return;
-      const e = window.devicePixelRatio || 1;
-      a.value.style.width = `${u.width}px`;
-      const l = Number.parseFloat(window.getComputedStyle(a.value).width);
-      a.value.style.height = `${D.value * l}px`, a.value.width = l * e, a.value.height = D.value * l * e, t.value.scale(e, e), T.value = l / u.width;
+      const dpr = window.devicePixelRatio || 1;
+      canvas.value.style.width = `${props.width}px`;
+      const realw = Number.parseFloat(window.getComputedStyle(canvas.value).width);
+      canvas.value.style.height = `${ratio.value * realw}px`;
+      canvas.value.width = realw * dpr;
+      canvas.value.height = ratio.value * realw * dpr;
+      canvasTxt.value.scale(dpr, dpr);
+      sratio.value = realw / props.width;
     }
-    function P(e) {
-      t.value && (f.value = e.x, d.value = e.y, t.value.beginPath(), t.value.moveTo(f.value, d.value), t.value.lineTo(e.x, e.y), t.value.lineCap = "round", t.value.lineJoin = "round", t.value.lineWidth = u.lineWidth * T.value, t.value.stroke(), t.value.closePath(), h.value.push(e));
+    function drawStart(obj) {
+      if (!canvasTxt.value)
+        return;
+      startX.value = obj.x;
+      startY.value = obj.y;
+      canvasTxt.value.beginPath();
+      canvasTxt.value.moveTo(startX.value, startY.value);
+      canvasTxt.value.lineTo(obj.x, obj.y);
+      canvasTxt.value.lineCap = "round";
+      canvasTxt.value.lineJoin = "round";
+      canvasTxt.value.lineWidth = props.lineWidth * sratio.value;
+      canvasTxt.value.stroke();
+      canvasTxt.value.closePath();
+      points.value.push(obj);
     }
-    function M(e) {
-      t.value && (t.value.beginPath(), t.value.moveTo(f.value, d.value), t.value.lineTo(e.x, e.y), t.value.strokeStyle = u.lineColor, t.value.lineWidth = u.lineWidth * T.value, t.value.lineCap = "round", t.value.lineJoin = "round", t.value.stroke(), t.value.closePath(), d.value = e.y, f.value = e.x, h.value.push(e));
+    function drawMove(obj) {
+      if (!canvasTxt.value)
+        return;
+      canvasTxt.value.beginPath();
+      canvasTxt.value.moveTo(startX.value, startY.value);
+      canvasTxt.value.lineTo(obj.x, obj.y);
+      canvasTxt.value.strokeStyle = props.lineColor;
+      canvasTxt.value.lineWidth = props.lineWidth * sratio.value;
+      canvasTxt.value.lineCap = "round";
+      canvasTxt.value.lineJoin = "round";
+      canvasTxt.value.stroke();
+      canvasTxt.value.closePath();
+      startY.value = obj.y;
+      startX.value = obj.x;
+      points.value.push(obj);
     }
-    function S(e) {
-      t.value && (t.value.beginPath(), t.value.moveTo(f.value, d.value), t.value.lineTo(e.x, e.y), t.value.lineCap = "round", t.value.lineJoin = "round", t.value.stroke(), t.value.closePath(), h.value.push(e), h.value.push({ x: -1, y: -1 }));
+    function drawEnd(obj) {
+      if (!canvasTxt.value)
+        return;
+      canvasTxt.value.beginPath();
+      canvasTxt.value.moveTo(startX.value, startY.value);
+      canvasTxt.value.lineTo(obj.x, obj.y);
+      canvasTxt.value.lineCap = "round";
+      canvasTxt.value.lineJoin = "round";
+      canvasTxt.value.stroke();
+      canvasTxt.value.closePath();
+      points.value.push(obj);
+      points.value.push({ x: -1, y: -1 });
     }
-    function B(e) {
-      e.preventDefault(), w.value = !0, p.value = !0, P({
+    function mouseDown(e) {
+      e.preventDefault();
+      isDrawing.value = true;
+      hasDrew.value = true;
+      drawStart({
         x: e.offsetX,
         y: e.offsetY
       });
     }
-    function I(e) {
-      e.preventDefault(), w.value && M({
-        x: e.offsetX,
-        y: e.offsetY
-      });
+    function mouseMove(e) {
+      e.preventDefault();
+      if (isDrawing.value) {
+        drawMove({
+          x: e.offsetX,
+          y: e.offsetY
+        });
+      }
     }
-    function E(e) {
-      e.preventDefault(), S({
+    function mouseUp(e) {
+      e.preventDefault();
+      drawEnd({
         x: e.offsetX,
         y: e.offsetY
-      }), w.value = !1;
+      });
+      isDrawing.value = false;
     }
-    function _(e) {
-      if (p.value = !0, e.touches.length === 1 && a.value) {
-        const l = a.value.getBoundingClientRect();
-        P({
-          x: e.targetTouches[0].clientX - l.left,
-          y: e.targetTouches[0].clientY - l.top
+    function touchStart(e) {
+      hasDrew.value = true;
+      if (e.touches.length === 1 && canvas.value) {
+        const rect = canvas.value.getBoundingClientRect();
+        drawStart({
+          x: e.targetTouches[0].clientX - rect.left,
+          y: e.targetTouches[0].clientY - rect.top
         });
       }
     }
-    function L(e) {
-      if (e.preventDefault(), e.touches.length === 1 && a.value) {
-        const l = a.value.getBoundingClientRect();
-        M({
-          x: e.targetTouches[0].clientX - l.left,
-          y: e.targetTouches[0].clientY - l.top
+    function touchMove(e) {
+      e.preventDefault();
+      if (e.touches.length === 1 && canvas.value) {
+        const rect = canvas.value.getBoundingClientRect();
+        drawMove({
+          x: e.targetTouches[0].clientX - rect.left,
+          y: e.targetTouches[0].clientY - rect.top
         });
       }
     }
-    function W(e) {
-      if (e.preventDefault(), e.touches.length === 1 && a.value) {
-        const l = a.value.getBoundingClientRect();
-        S({
-          x: e.targetTouches[0].clientX - l.left,
-          y: e.targetTouches[0].clientY - l.top
+    function touchEnd(e) {
+      e.preventDefault();
+      if (e.touches.length === 1 && canvas.value) {
+        const rect = canvas.value.getBoundingClientRect();
+        drawEnd({
+          x: e.targetTouches[0].clientX - rect.left,
+          y: e.targetTouches[0].clientY - rect.top
         });
       }
     }
-    function z(e) {
-      if (!a.value)
+    function getCropArea(imgData) {
+      if (!canvas.value)
         return [0, 0, 0, 0];
-      let l = a.value.width, g = 0, r = a.value.height, s = 0;
-      for (let i = 0; i < a.value.width; i++)
-        for (let v = 0; v < a.value.height; v++) {
-          const n = (i + a.value.width * v) * 4;
-          (e[n] > 0 || e[n + 1] > 0 || e[n + 2] || e[n + 3] > 0) && (s = Math.max(v, s), g = Math.max(i, g), r = Math.min(v, r), l = Math.min(i, l));
+      let topX = canvas.value.width;
+      let btmX = 0;
+      let topY = canvas.value.height;
+      let btnY = 0;
+      for (let i = 0; i < canvas.value.width; i++) {
+        for (let j = 0; j < canvas.value.height; j++) {
+          const pos = (i + canvas.value.width * j) * 4;
+          if (imgData[pos] > 0 || imgData[pos + 1] > 0 || imgData[pos + 2] || imgData[pos + 3] > 0) {
+            btnY = Math.max(j, btnY);
+            btmX = Math.max(i, btmX);
+            topY = Math.min(j, topY);
+            topX = Math.min(i, topX);
+          }
         }
-      return [l + 1, r + 1, g + 1, s + 1];
+      }
+      return [topX + 1, topY + 1, btmX + 1, btnY + 1];
     }
-    function U(e) {
-      return new Promise((l, g) => {
-        if (!p.value || !a.value || !t.value) {
-          g("Warning: Not Signned!");
+    function generate(options) {
+      return new Promise((resolve, reject) => {
+        if (!hasDrew.value || !canvas.value || !canvasTxt.value) {
+          reject("Warning: Not Signned!");
           return;
         }
-        const r = (e == null ? void 0 : e.format) || u.format, s = (e == null ? void 0 : e.quality) || u.quality, i = t.value.getImageData(0, 0, a.value.width, a.value.height);
-        t.value.globalCompositeOperation = "destination-over", t.value.fillStyle = y.value, t.value.fillRect(0, 0, a.value.width, a.value.height), C.value = a.value.toDataURL(r, s);
-        let v = C.value;
-        if (t.value.clearRect(0, 0, a.value.width, a.value.height), t.value.putImageData(i, 0, 0), t.value.globalCompositeOperation = "source-over", u.isCrop) {
-          const n = z(i.data), c = document.createElement("canvas"), m = c.getContext("2d");
-          if (m) {
-            c.width = n[2] - n[0], c.height = n[3] - n[1];
-            const q = t.value.getImageData(n[0], n[1], n[2] - n[0], n[3] - n[1]);
-            m.globalCompositeOperation = "destination-over", m.putImageData(q, 0, 0), m.fillStyle = y.value, m.fillRect(0, 0, c.width, c.height), v = c.toDataURL(r, s);
+        const imgFormat = (options == null ? void 0 : options.format) || props.format;
+        const imgQuality = (options == null ? void 0 : options.quality) || props.quality;
+        const resImgData = canvasTxt.value.getImageData(0, 0, canvas.value.width, canvas.value.height);
+        canvasTxt.value.globalCompositeOperation = "destination-over";
+        canvasTxt.value.fillStyle = myBg.value;
+        canvasTxt.value.fillRect(0, 0, canvas.value.width, canvas.value.height);
+        resultImg.value = canvas.value.toDataURL(imgFormat, imgQuality);
+        let finalImg = resultImg.value;
+        canvasTxt.value.clearRect(0, 0, canvas.value.width, canvas.value.height);
+        canvasTxt.value.putImageData(resImgData, 0, 0);
+        canvasTxt.value.globalCompositeOperation = "source-over";
+        if (props.isCrop) {
+          const cropArea = getCropArea(resImgData.data);
+          const cropCanvas = document.createElement("canvas");
+          const cropCtx = cropCanvas.getContext("2d");
+          if (cropCtx) {
+            cropCanvas.width = cropArea[2] - cropArea[0];
+            cropCanvas.height = cropArea[3] - cropArea[1];
+            const cropImgData = canvasTxt.value.getImageData(cropArea[0], cropArea[1], cropArea[2] - cropArea[0], cropArea[3] - cropArea[1]);
+            cropCtx.globalCompositeOperation = "destination-over";
+            cropCtx.putImageData(cropImgData, 0, 0);
+            cropCtx.fillStyle = myBg.value;
+            cropCtx.fillRect(0, 0, cropCanvas.width, cropCanvas.height);
+            finalImg = cropCanvas.toDataURL(imgFormat, imgQuality);
           }
         }
-        l(v);
+        resolve(finalImg);
       });
     }
-    function J() {
-      !a.value || !t.value || (t.value.clearRect(0, 0, a.value.width, a.value.height), u.isClearBgColor && (b("update:bgColor", ""), a.value.style.background = "rgba(255, 255, 255, 0)"), h.value = [], p.value = !1, C.value = "");
+    function reset() {
+      if (!canvas.value || !canvasTxt.value)
+        return;
+      canvasTxt.value.clearRect(0, 0, canvas.value.width, canvas.value.height);
+      if (props.isClearBgColor) {
+        emit("update:bgColor", "");
+        canvas.value.style.background = "rgba(255, 255, 255, 0)";
+      }
+      points.value = [];
+      hasDrew.value = false;
+      resultImg.value = "";
     }
-    F(
-      () => [u.width, u.height],
-      ([e, l]) => {
-        !a.value || !t.value || (a.value.width = e, a.value.height = l, a.value.style.background = y.value, x());
+    watch(
+      () => [props.width, props.height],
+      ([newWidth, newHeight]) => {
+        if (!canvas.value || !canvasTxt.value)
+          return;
+        canvas.value.width = newWidth;
+        canvas.value.height = newHeight;
+        canvas.value.style.background = myBg.value;
+        resizeHandler();
       }
-    ), N(() => {
-      a.value && (a.value.height = u.height, a.value.width = u.width, a.value.style.background = y.value, t.value = a.value.getContext("2d"), x(), window.addEventListener("resize", x), document.addEventListener("mouseup", () => {
-        w.value = !1;
-      }));
-    }), $(() => {
-      window.removeEventListener("resize", x);
+    );
+    onMounted(() => {
+      if (!canvas.value)
+        return;
+      canvas.value.height = props.height;
+      canvas.value.width = props.width;
+      canvas.value.style.background = myBg.value;
+      canvasTxt.value = canvas.value.getContext("2d");
+      resizeHandler();
+      window.addEventListener("resize", resizeHandler);
+      document.addEventListener("mouseup", () => {
+        isDrawing.value = false;
+      });
     });
-    const O = H({
-      width: "100%",
+    onBeforeUnmount(() => {
+      window.removeEventListener("resize", resizeHandler);
+    });
+    const canvasSty = reactive({
+      width: `100%`,
       height: "100%"
     });
-    return X({
-      generate: U,
-      reset: J
-    }), (e, l) => (G(), Q(
-      "canvas",
-      {
-        ref_key: "canvas",
-        ref: a,
-        style: V(O),
-        onMousedown: B,
-        onMousemove: I,
-        onMouseup: E,
-        onTouchstartPassive: _,
-        onTouchmovePassive: L,
-        onTouchend: K(W, ["prevent"])
-      },
-      null,
-      36
-      /* STYLE, NEED_HYDRATION */
-    ));
+    __expose({
+      generate,
+      reset
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "canvas",
+        {
+          ref_key: "canvas",
+          ref: canvas,
+          style: normalizeStyle(canvasSty),
+          onMousedown: mouseDown,
+          onMousemove: mouseMove,
+          onMouseup: mouseUp,
+          onTouchstartPassive: touchStart,
+          onTouchmovePassive: touchMove,
+          onTouchend: withModifiers(touchEnd, ["prevent"])
+        },
+        null,
+        36
+        /* STYLE, NEED_HYDRATION */
+      );
+    };
   }
 });
 export {
-  te as default
+  _sfc_main as default
 };

package/dist/es/components/pro-signature/src/types.mjs

@@ -1,7 +1,7 @@
-import { definePropType as e } from "../../utils/install.mjs";
-const r = {
+import { definePropType } from "../../utils/install.mjs";
+const ProSignatureProps = {
   width: {
-    type: e(Number),
+    type: definePropType(Number),
     default: 800
   },
   height: {
@@ -36,5 +36,5 @@ const r = {
   }
 };
 export {
-  r as ProSignatureProps
+  ProSignatureProps
 };

package/dist/es/components/pro-table/hooks/use-pro-table.mjs

@@ -1,11 +1,12 @@
-import { ref as r } from "vue";
-function s() {
-  const e = r();
-  return { proTableRef: e, onRefresh: () => {
-    var o;
-    (o = e.value) == null || o.onRefresh();
-  } };
+import { ref } from "vue";
+function useProTable() {
+  const proTableRef = ref();
+  const onRefresh = () => {
+    var _a;
+    (_a = proTableRef.value) == null ? void 0 : _a.onRefresh();
+  };
+  return { proTableRef, onRefresh };
 }
 export {
-  s as useProTable
+  useProTable
 };

package/dist/es/components/pro-table/index.mjs

@@ -1,12 +1,12 @@
-import { withInstall as o } from "../utils/install.mjs";
+import { withInstall } from "../utils/install.mjs";
 import "./src/pro-table.vue.mjs";
 import "./style/index.mjs";
 import "./src/types.mjs";
-import { useProTable as s } from "./hooks/use-pro-table.mjs";
-import r from "./src/pro-table.vue2.mjs";
-const e = o(r);
+import { useProTable } from "./hooks/use-pro-table.mjs";
+import _sfc_main from "./src/pro-table.vue2.mjs";
+const KProTable = withInstall(_sfc_main);
 export {
-  e as KProTable,
-  e as default,
-  s as useProTable
+  KProTable,
+  KProTable as default,
+  useProTable
 };

package/dist/es/components/pro-table/src/constants.mjs

@@ -1,8 +1,10 @@
-const e = Symbol(
+const TABLE_CONTEXT_PROVIDE_KEY = Symbol(
   "PRO_TABLE_CONTEXT_PROVIDE_KEY"
-), o = Symbol(
+);
+const FIELD_CONTEXT_PROVIDE_KEY = Symbol(
   "PRO_FIELD_CONTEXT_PROVIDE_KEY"
-), E = [
+);
+const ANTD_SLOT_NAMES = [
   "bodyCell",
   "customFilterDropdown",
   "customFilterIcon",
@@ -17,7 +19,7 @@ const e = Symbol(
   "title"
 ];
 export {
-  E as ANTD_SLOT_NAMES,
-  o as FIELD_CONTEXT_PROVIDE_KEY,
-  e as TABLE_CONTEXT_PROVIDE_KEY
+  ANTD_SLOT_NAMES,
+  FIELD_CONTEXT_PROVIDE_KEY,
+  TABLE_CONTEXT_PROVIDE_KEY
 };

package/dist/es/components/pro-table/src/field/field-date-range/field-date-range.vue.mjs

@@ -1,4 +1,4 @@
-import f from "./field-date-range.vue2.mjs";
+import _sfc_main from "./field-date-range.vue2.mjs";
 export {
-  f as default
+  _sfc_main as default
 };

package/dist/es/components/pro-table/src/field/field-date-range/field-date-range.vue2.mjs

@@ -1,26 +1,31 @@
-import { defineComponent as d, useModel as i, inject as u, toRefs as m, createElementBlock as s, openBlock as c, createCommentVNode as p, createVNode as f, unref as t, mergeProps as _ } from "vue";
-import { RangePicker as v } from "ant-design-vue";
-import { FIELD_CONTEXT_PROVIDE_KEY as V } from "../../constants.mjs";
-const g = { class: "field-date-range" }, x = /* @__PURE__ */ d({
+import { defineComponent, useModel, inject, toRefs, createElementBlock, openBlock, createCommentVNode, createVNode, unref, mergeProps } from "vue";
+import { RangePicker } from "ant-design-vue";
+import { FIELD_CONTEXT_PROVIDE_KEY } from "../../constants.mjs";
+const _hoisted_1 = { class: "field-date-range" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "field-date-range",
   props: {
-    modelValue: {
-      required: !0
+    "modelValue": {
+      required: true
     },
-    modelModifiers: {}
+    "modelModifiers": {}
   },
   emits: ["update:modelValue"],
-  setup(r) {
-    const e = i(r, "modelValue"), l = u(V), { column: n } = m(l);
-    return (E, o) => (c(), s("div", g, [
-      p(" prettier-ignore-attribute v-bind "),
-      f(t(v), _({
-        value: e.value,
-        "onUpdate:value": o[0] || (o[0] = (a) => e.value = a)
-      }, t(n).fieldProps), null, 16, ["value"])
-    ]));
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const fieldContext = inject(FIELD_CONTEXT_PROVIDE_KEY);
+    const { column } = toRefs(fieldContext);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" prettier-ignore-attribute v-bind "),
+        createVNode(unref(RangePicker), mergeProps({
+          value: modelValue.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+        }, unref(column).fieldProps), null, 16, ["value"])
+      ]);
+    };
   }
 });
 export {
-  x as default
+  _sfc_main as default
 };

package/dist/es/components/pro-table/src/field/field-input/field-input.vue.mjs

@@ -1,4 +1,4 @@
-import f from "./field-input.vue2.mjs";
+import _sfc_main from "./field-input.vue2.mjs";
 export {
-  f as default
+  _sfc_main as default
 };

package/dist/es/components/pro-table/src/field/field-input/field-input.vue2.mjs

@@ -1,26 +1,31 @@
-import { defineComponent as i, useModel as d, inject as m, createElementBlock as a, openBlock as p, createCommentVNode as s, createVNode as c, unref as o, mergeProps as f } from "vue";
-import { Input as _ } from "ant-design-vue";
-import { FIELD_CONTEXT_PROVIDE_KEY as v } from "../../constants.mjs";
-const V = { class: "field-input" }, N = /* @__PURE__ */ i({
+import { defineComponent, useModel, inject, createElementBlock, openBlock, createCommentVNode, createVNode, unref, mergeProps } from "vue";
+import { Input } from "ant-design-vue";
+import { FIELD_CONTEXT_PROVIDE_KEY } from "../../constants.mjs";
+const _hoisted_1 = { class: "field-input" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "field-input",
   props: {
-    modelValue: {
-      required: !0
+    "modelValue": {
+      required: true
     },
-    modelModifiers: {}
+    "modelModifiers": {}
   },
   emits: ["update:modelValue"],
-  setup(l) {
-    const e = d(l, "modelValue"), r = m(v), { column: n } = r;
-    return (E, t) => (p(), a("div", V, [
-      s(" prettier-ignore-attribute v-bind "),
-      c(o(_), f({
-        value: e.value,
-        "onUpdate:value": t[0] || (t[0] = (u) => e.value = u)
-      }, o(n).fieldProps), null, 16, ["value"])
-    ]));
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const fieldContext = inject(FIELD_CONTEXT_PROVIDE_KEY);
+    const { column } = fieldContext;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" prettier-ignore-attribute v-bind "),
+        createVNode(unref(Input), mergeProps({
+          value: modelValue.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+        }, unref(column).fieldProps), null, 16, ["value"])
+      ]);
+    };
   }
 });
 export {
-  N as default
+  _sfc_main as default
 };

package/dist/es/components/pro-table/src/field/field-radio/field-radio.vue.mjs

@@ -1,4 +1,4 @@
-import f from "./field-radio.vue2.mjs";
+import _sfc_main from "./field-radio.vue2.mjs";
 export {
-  f as default
+  _sfc_main as default
 };