@kingteza/crud-component 1.44.2 → 1.46.0

package/dist/crud/ImageCrudField.es.js

@@ -1,174 +1,187 @@
-var D = Object.defineProperty;
-var W = (s, e, t) => e in s ? D(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var w = (s, e, t) => W(s, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as o, Fragment as $, jsxs as q } from "react/jsx-runtime";
-import { EyeOutlined as G } from "@ant-design/icons";
-import { Avatar as J, Image as K, Form as I, Input as L } from "antd";
-import b from "path-browserify";
-import Q, { useState as T, useEffect as X, useCallback as k, useImperativeHandle as Y, useMemo as Z } from "react";
-import U from "../util/NumberUtil.es.js";
-import R from "../util/ValidationUtil.es.js";
-import { v4 as v } from "uuid";
-import ee from "../common/picker/ImagePicker.es.js";
-import te from "../util/ImageUtil.es.js";
-class ae {
+var G = Object.defineProperty;
+var J = (s, e, t) => e in s ? G(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var A = (s, e, t) => J(s, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as m, Fragment as b, jsxs as K } from "react/jsx-runtime";
+import { EyeOutlined as L } from "@ant-design/icons";
+import { Avatar as Q, Image as T, Form as N, Input as X } from "antd";
+import k from "path-browserify";
+import Y, { useState as Z, useEffect as C, useCallback as B, useImperativeHandle as R, useMemo as U } from "react";
+import v from "../util/NumberUtil.es.js";
+import ee from "../util/ValidationUtil.es.js";
+import { v4 as te } from "uuid";
+import re from "../common/picker/ImagePicker.es.js";
+import ae from "../util/ImageUtil.es.js";
+class se {
 }
-class Fe extends ae {
+class ge extends se {
   constructor(t = "", l = "") {
     super();
-    w(this, "rootPath");
-    w(this, "subPath");
+    A(this, "rootPath");
+    A(this, "subPath");
     this.rootPath = t, this.subPath = l;
   }
   cloneFilePath(t) {
-    const l = b.parse(t), a = `${l.name}_cloned_${U.randInt(1e5)}`;
-    return b.format({
+    const l = k.parse(t), r = `${l.name}_cloned_${v.randInt(1e5)}`;
+    return k.format({
       dir: l.dir,
       ext: l.ext,
-      name: a
+      name: r
     });
   }
   generateFileName(t) {
-    return `${t.split(".")[0]}_${v().replace("-", "")}`;
+    return `${t.split(".")[0]}_${te().replace("-", "")}`;
   }
 }
-function re({
+function le({
   formLayoutProps: s,
   name: e,
   label: t,
   required: l,
-  provider: a,
-  onUploading: n,
-  aspectRatio: B,
-  onRemoved: f,
-  fieldClassName: A,
-  hideLabel: O = !1,
-  listType: j,
-  fieldHelper: z,
-  showSkipCropButton: S = !1,
-  skipResize: _ = !1,
-  asyncUpload: x = !1,
+  provider: r,
+  onUploading: i,
+  aspectRatio: O,
+  onRemoved: o,
+  onUploadComplete: F,
+  fieldClassName: p,
+  hideLabel: j = !1,
+  listType: z,
+  fieldHelper: S,
+  showSkipCropButton: _ = !1,
+  skipCrop: x = !1,
+  skipResize: E = !1,
+  asyncUpload: H = !1,
   maxCount: h = 1
-}, E) {
-  const m = I.useFormInstance(), u = e, d = I.useWatch(u, m), H = k(
-    (r) => a.getRealUrl(r),
-    [a]
-  ), y = k(
-    async (r, F) => {
-      if (F) {
-        n == null || n(!0);
+}, M) {
+  const f = N.useFormInstance(), u = e, y = N.useWatch(u, f), D = B(
+    (a) => r.getRealUrl(a),
+    [r]
+  ), P = B(
+    async (a, d) => {
+      if (d) {
+        i == null || i(!0);
         try {
-          const i = r.name, c = i.split("."), N = c[c.length - 1], p = a.generateFileName(i), g = `${await a.getInitialPath()}/${p}.${N}`, V = await a.upload(r, g), P = m.getFieldValue(u);
+          const n = a.name, c = n.split("."), $ = c[c.length - 1], g = r.generateFileName(n), I = `${await r.getInitialPath()}/${g}.${$}`, V = await r.upload(a, I);
+          F == null || F(V);
+          const w = f.getFieldValue(u);
           if (h > 1) {
-            const C = Array.isArray(P) ? P : P ? [P] : [];
-            m.setFieldValue(u, [
-              ...C,
+            const q = Array.isArray(w) ? w : w ? [w] : [];
+            f.setFieldValue(u, [
+              ...q,
               V
             ].filter(Boolean));
           } else
-            m.setFieldValue(u, V);
+            f.setFieldValue(u, V);
           return V;
         } finally {
-          n == null || n(!1);
+          i == null || i(!1);
         }
       } else {
-        const i = m.getFieldValue(u);
+        const n = f.getFieldValue(u);
         if (h > 1) {
-          const c = r.response ?? (typeof r.uid == "string" ? r.uid : void 0);
+          const c = a.response ?? (typeof a.uid == "string" ? a.uid : void 0);
           if (!c) return;
-          await a.delete(c), f == null || f();
-          const p = (Array.isArray(i) ? i : i ? [i] : []).filter((g) => g !== c);
-          m.setFieldValue(
+          await r.delete(c), o == null || o();
+          const g = (Array.isArray(n) ? n : n ? [n] : []).filter((I) => I !== c);
+          f.setFieldValue(
             u,
-            p.length ? p : null
+            g.length ? g : null
           );
         } else {
-          const c = await a.delete(i);
-          f == null || f(), c && m.setFieldValue(u, null);
+          const c = await r.delete(n);
+          o == null || o(), c && f.setFieldValue(u, null);
         }
       }
     },
-    [m, h, u, f, n, a]
+    [
+      f,
+      h,
+      u,
+      o,
+      F,
+      i,
+      r
+    ]
   );
-  Y(
-    E,
+  R(
+    M,
     () => ({
-      async uploadBlob(r, F) {
-        const i = await te.getBase64(r), c = {
-          name: F,
-          uid: F + Math.random().toString(36).substring(2, 15),
-          url: i,
-          originFileObj: r
+      async uploadBlob(a, d) {
+        const n = await ae.getBase64(a), c = {
+          name: d,
+          uid: d + Math.random().toString(36).substring(2, 15),
+          url: n,
+          originFileObj: a
         };
-        await y(c, !0);
+        await P(c, !0);
       }
     }),
-    [y]
+    [P]
   );
-  const M = Z(() => d ? (Array.isArray(d), d) : h > 1 ? [] : void 0, [d, h]);
-  return /* @__PURE__ */ q(
-    I.Item,
+  const W = U(() => y ? (Array.isArray(y), y) : h > 1 ? [] : void 0, [y, h]);
+  return /* @__PURE__ */ K(
+    N.Item,
     {
-      rules: l ? R.required(t) : [],
-      label: O ? null : t,
+      rules: l ? ee.required(t) : [],
+      label: j ? null : t,
       required: l,
       name: u,
-      help: z,
+      help: S,
       ...s,
-      className: A,
+      className: p,
       children: [
-        /* @__PURE__ */ o(
-          ee,
+        /* @__PURE__ */ m(
+          re,
           {
             noStyle: !0,
-            asyncUpload: x,
-            listType: j,
-            aspectRatio: B,
-            values: M,
-            getRealUrl: H,
-            onRemove: (r) => {
-              r && y(r, !1);
+            asyncUpload: H,
+            listType: z,
+            aspectRatio: O,
+            values: W,
+            getRealUrl: D,
+            onRemove: (a) => {
+              a && P(a, !1);
             },
-            onAdd: async (r) => {
-              if (r) return y(r, !0);
+            onAdd: async (a) => {
+              if (a) return P(a, !0);
             },
-            className: A,
-            showSkipCropButton: S,
-            skipResize: _,
+            className: p,
+            showSkipCropButton: _,
+            skipCrop: x,
+            skipResize: E,
             maxCount: h
           }
         ),
-        /* @__PURE__ */ o(L, { hidden: !0 })
+        /* @__PURE__ */ m(X, { hidden: !0 })
       ]
     }
   );
 }
-const pe = Q.forwardRef(re), Pe = ({ provider: s, value: e }) => {
-  const [t, l] = T([]);
-  return X(() => {
+const Ve = Y.forwardRef(le), we = ({ provider: s, value: e }) => {
+  const [t, l] = Z([]);
+  return C(() => {
     if (!e) {
       l([]);
       return;
     }
-    const a = Array.isArray(e) ? e : [e];
-    Promise.all(a.filter(Boolean).map((n) => s.getRealUrl(n))).then(
+    const r = Array.isArray(e) ? e : [e];
+    Promise.all(r.filter(Boolean).map((i) => s.getRealUrl(i))).then(
       l
     );
-  }, [s, e]), t.length ? /* @__PURE__ */ o($, { children: t.map((a) => /* @__PURE__ */ o(se, { url: a }, a)) }) : /* @__PURE__ */ o($, {});
-}, se = ({ url: s }) => /* @__PURE__ */ o(J, { className: "p-0", children: /* @__PURE__ */ o(
-  K,
+  }, [s, e]), t.length ? /* @__PURE__ */ m(b, { children: t.map((r) => /* @__PURE__ */ m(ie, { url: r }, r)) }) : /* @__PURE__ */ m(b, {});
+}, ie = ({ url: s }) => /* @__PURE__ */ m(Q, { className: "p-0", children: /* @__PURE__ */ m(
+  T,
   {
     className: "m-0 p-0 position-relative",
     src: s,
     preview: {
-      mask: /* @__PURE__ */ o(G, {})
+      mask: /* @__PURE__ */ m(L, {})
     }
   }
 ) });
 export {
-  ae as FileDownloadProvider,
-  Fe as FileUploadProvider,
-  se as ImageCellValue,
-  Pe as ImageCrudCellValue,
-  pe as default
+  se as FileDownloadProvider,
+  ge as FileUploadProvider,
+  ie as ImageCellValue,
+  we as ImageCrudCellValue,
+  Ve as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.44.2",
+  "version": "1.46.0",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",