@king-one/antdv 1.2.5 → 1.2.6

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

@@ -1,258 +1,145 @@
-import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, reactive, createElementBlock, openBlock, withModifiers, normalizeStyle } from "vue";
-import { ProSignatureProps } from "./types.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+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({
   __name: "ProSignature",
-  props: ProSignatureProps,
+  props: Z,
   emits: ["update:bgColor"],
-  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)
+  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)
         return;
-      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;
+      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;
     }
-    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 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 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 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 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 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 mouseDown(e) {
-      e.preventDefault();
-      isDrawing.value = true;
-      hasDrew.value = true;
-      drawStart({
+    function B(e) {
+      e.preventDefault(), w.value = !0, p.value = !0, P({
         x: e.offsetX,
         y: e.offsetY
       });
     }
-    function mouseMove(e) {
-      e.preventDefault();
-      if (isDrawing.value) {
-        drawMove({
-          x: e.offsetX,
-          y: e.offsetY
-        });
-      }
-    }
-    function mouseUp(e) {
-      e.preventDefault();
-      drawEnd({
+    function I(e) {
+      e.preventDefault(), w.value && M({
         x: e.offsetX,
         y: e.offsetY
       });
-      isDrawing.value = false;
     }
-    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 E(e) {
+      e.preventDefault(), S({
+        x: e.offsetX,
+        y: e.offsetY
+      }), w.value = !1;
+    }
+    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 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 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 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 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 getCropArea(imgData) {
-      if (!canvas.value)
+    function z(e) {
+      if (!a.value)
         return [0, 0, 0, 0];
-      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);
-          }
+      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));
         }
-      }
-      return [topX + 1, topY + 1, btmX + 1, btnY + 1];
+      return [l + 1, r + 1, g + 1, s + 1];
     }
-    function generate(options) {
-      return new Promise((resolve, reject) => {
-        if (!hasDrew.value || !canvas.value || !canvasTxt.value) {
-          reject("Warning: Not Signned!");
+    function U(e) {
+      return new Promise((l, g) => {
+        if (!p.value || !a.value || !t.value) {
+          g("Warning: Not Signned!");
           return;
         }
-        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);
+        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);
           }
         }
-        resolve(finalImg);
+        l(v);
       });
     }
-    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 = "";
+    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 = "");
     }
-    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();
+    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());
       }
-    );
-    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;
-      });
+    ), 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);
     });
-    onBeforeUnmount(() => {
-      window.removeEventListener("resize", resizeHandler);
-    });
-    const canvasSty = reactive({
-      width: `100%`,
+    const O = H({
+      width: "100%",
       height: "100%"
     });
-    __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 */
-      );
-    };
+    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 */
+    ));
   }
 });
 export {
-  _sfc_main as default
+  te as default
 };

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

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

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

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

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

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

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

@@ -1,10 +1,8 @@
-const TABLE_CONTEXT_PROVIDE_KEY = Symbol(
+const e = Symbol(
   "PRO_TABLE_CONTEXT_PROVIDE_KEY"
-);
-const FIELD_CONTEXT_PROVIDE_KEY = Symbol(
+), o = Symbol(
   "PRO_FIELD_CONTEXT_PROVIDE_KEY"
-);
-const ANTD_SLOT_NAMES = [
+), E = [
   "bodyCell",
   "customFilterDropdown",
   "customFilterIcon",
@@ -19,7 +17,7 @@ const ANTD_SLOT_NAMES = [
   "title"
 ];
 export {
-  ANTD_SLOT_NAMES,
-  FIELD_CONTEXT_PROVIDE_KEY,
-  TABLE_CONTEXT_PROVIDE_KEY
+  E as ANTD_SLOT_NAMES,
+  o as FIELD_CONTEXT_PROVIDE_KEY,
+  e as 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 _sfc_main from "./field-date-range.vue2.mjs";
+import f from "./field-date-range.vue2.mjs";
 export {
-  _sfc_main as default
+  f as default
 };

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

@@ -1,31 +1,26 @@
-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({
+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({
   __name: "field-date-range",
   props: {
-    "modelValue": {
-      required: true
+    modelValue: {
+      required: !0
     },
-    "modelModifiers": {}
+    modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  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"])
-      ]);
-    };
+  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"])
+    ]));
   }
 });
 export {
-  _sfc_main as default
+  x as default
 };

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

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

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

@@ -1,31 +1,26 @@
-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({
+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({
   __name: "field-input",
   props: {
-    "modelValue": {
-      required: true
+    modelValue: {
+      required: !0
     },
-    "modelModifiers": {}
+    modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  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"])
-      ]);
-    };
+  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"])
+    ]));
   }
 });
 export {
-  _sfc_main as default
+  N as default
 };

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

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