@pnkx-lib/ui 1.9.491 → 1.9.494

package/es/chunks/{GenericUploadModal-ncG7n1M5.js → GenericUploadModal-BaR9h69Q.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Modal, Spin } from 'antd';
+import { Modal, Spin, Upload as Upload$2 } from 'antd';
 import * as React from 'react';
 import React__default, { isValidElement, version as version$1, useRef, useLayoutEffect, useEffect, forwardRef, useImperativeHandle, Component, useContext, useMemo as useMemo$1, useState, Children } from 'react';
-import { b as useMemo, i as isFragment$1, L as LocaleContext, l as localeValues, c as useLayoutUpdateEffect, d as Context, e as useLayoutEffect$1, _ as _toConsumableArray, t as toArray$2, u as unit, f as clearFix, h as textEllipsis, g as genStyleHooks, m as merge, r as resetComponent, j as defaultPrefixCls, k as genComponentStyleHook, w as warning$1, C as ConfigContext, n as useToken, S as SizeContext, p as devUseWarning, q as getAlphaColor, s as getLineHeight, v as genFocusStyle, x as resetIcon, y as genSubStyleComponent, a as useComponentConfig, D as DisabledContext, o as omit } from './toArray-2LkvUaha.js';
+import { b as useMemo, i as isFragment$1, L as LocaleContext, l as localeValues, c as useLayoutUpdateEffect, d as Context, e as useLayoutEffect$1, _ as _toConsumableArray, t as toArray$2, u as unit, f as clearFix, h as textEllipsis, g as genStyleHooks, m as merge, r as resetComponent, j as defaultPrefixCls, k as genComponentStyleHook, w as warning$1, C as ConfigContext, n as useToken, S as SizeContext, p as devUseWarning, q as getAlphaColor, s as getLineHeight, v as genFocusStyle, x as resetIcon, y as genSubStyleComponent, a as useComponentConfig, D as DisabledContext, o as omit } from './toArray-Czwb0MFW.js';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { createPortal, flushSync } from 'react-dom';
 import { c as classNames } from './index-BLRvgOFN.js';
@@ -12,8 +12,7 @@ import { _ as _typeof, b as _defineProperty } from './defineProperty-CTLrw71t.js
 import { R as RefIcon$7 } from './LoadingOutlined-DCtDXz9K.js';
 import { R as RefIcon$8, a as RefIcon$a } from './CloseCircleFilled-Bo29sDEQ.js';
 import { R as RefIcon$9 } from './CloseOutlined-CZUJ_3tW.js';
-import { C as Controller } from './index.esm-Dr5ZHcf7.js';
-import { toast } from '@pnkx-lib/core';
+import { C as Controller } from './index.esm-AaUjBMaK.js';
 import { R as RefIcon$b } from './InboxOutlined-BBuIJe6u.js';
 
 // This icon file is generated automatically.
@@ -3627,6 +3626,8 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
       var doc = popupElement.ownerDocument;
       var win = getWin(popupElement);
       var _win$getComputedStyle = win.getComputedStyle(popupElement),
+        width = _win$getComputedStyle.width,
+        height = _win$getComputedStyle.height,
         popupPosition = _win$getComputedStyle.position;
       var originLeft = popupElement.style.left;
       var originTop = popupElement.style.top;
@@ -3675,9 +3676,6 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
         };
       }
       var popupRect = popupElement.getBoundingClientRect();
-      var _win$getComputedStyle2 = win.getComputedStyle(popupElement),
-        height = _win$getComputedStyle2.height,
-        width = _win$getComputedStyle2.width;
       popupRect.x = (_popupRect$x = popupRect.x) !== null && _popupRect$x !== void 0 ? _popupRect$x : popupRect.left;
       popupRect.y = (_popupRect$y = popupRect.y) !== null && _popupRect$y !== void 0 ? _popupRect$y : popupRect.top;
       var _doc$documentElement = doc.documentElement,
@@ -4551,10 +4549,6 @@ function generateTrigger() {
       cloneProps.className = classNames(originChildProps.className, className);
     }
 
-    // ============================ Perf ============================
-    var renderedRef = React.useRef(false);
-    renderedRef.current || (renderedRef.current = forceRender || mergedOpen || inMotion);
-
     // =========================== Render ===========================
     var mergedChildrenProps = _objectSpread2(_objectSpread2({}, originChildProps), cloneProps);
 
@@ -4589,7 +4583,7 @@ function generateTrigger() {
       onResize: onTargetResize
     }, /*#__PURE__*/React.createElement(TriggerWrapper, {
       getTriggerDOMNode: getTriggerDOMNode
-    }, triggerNode)), renderedRef.current && /*#__PURE__*/React.createElement(TriggerContext.Provider, {
+    }, triggerNode)), /*#__PURE__*/React.createElement(TriggerContext.Provider, {
       value: context
     }, /*#__PURE__*/React.createElement(Popup, {
       portal: PortalComponent,
@@ -4836,17 +4830,19 @@ function _regeneratorDefine(e, r, n, t) {
     i = 0;
   }
   _regeneratorDefine = function regeneratorDefine(e, r, n, t) {
-    function o(r, n) {
-      _regeneratorDefine(e, r, function (e) {
-        return this._invoke(r, n, e);
-      });
-    }
-    r ? i ? i(e, r, {
+    if (r) i ? i(e, r, {
       value: n,
       enumerable: !t,
       configurable: !t,
       writable: !t
-    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+    }) : e[r] = n;else {
+      var o = function o(r, n) {
+        _regeneratorDefine(e, r, function (e) {
+          return this._invoke(r, n, e);
+        });
+      };
+      o("next", 0), o("throw", 1), o("return", 2);
+    }
   }, _regeneratorDefine(e, r, n, t);
 }
 
@@ -6881,7 +6877,7 @@ const genWaveStyle = token => {
     }
   };
 };
-const useStyle$3 = genComponentStyleHook('Wave', genWaveStyle);
+const useStyle$3 = genComponentStyleHook('Wave', token => [genWaveStyle(token)]);
 
 const TARGET_CLS = `${defaultPrefixCls}-wave-target`;
 
@@ -7002,16 +6998,24 @@ function unstableSetRender(render) {
 function isValidWaveColor(color) {
   return color && color !== '#fff' && color !== '#ffffff' && color !== 'rgb(255, 255, 255)' && color !== 'rgba(255, 255, 255, 1)' && !/rgba\((?:\d*, ){3}0\)/.test(color) &&
   // any transparent rgba color
-  color !== 'transparent' && color !== 'canvastext';
+  color !== 'transparent';
 }
 function getTargetWaveColor(node) {
-  var _a;
   const {
     borderTopColor,
     borderColor,
     backgroundColor
   } = getComputedStyle(node);
-  return (_a = [borderTopColor, borderColor, backgroundColor].find(isValidWaveColor)) !== null && _a !== void 0 ? _a : null;
+  if (isValidWaveColor(borderTopColor)) {
+    return borderTopColor;
+  }
+  if (isValidWaveColor(borderColor)) {
+    return borderColor;
+  }
+  if (isValidWaveColor(backgroundColor)) {
+    return backgroundColor;
+  }
+  return null;
 }
 
 function validateNum(value) {
@@ -7635,13 +7639,6 @@ let AggregationColor = /*#__PURE__*/function () {
   }]);
 }();
 
-const generateColor = color => {
-  if (color instanceof AggregationColor) {
-    return color;
-  }
-  return new AggregationColor(color);
-};
-
 const isBright = (value, bgColorToken) => {
   const {
     r,
@@ -7683,7 +7680,6 @@ const prepareComponentToken$2 = token => {
   }), {});
   return Object.assign(Object.assign({}, shadowColorTokens), {
     fontWeight: 400,
-    iconGap: token.marginXS,
     defaultShadow: `0 ${token.controlOutlineWidth}px 0 ${token.controlTmpOutline}`,
     primaryShadow: `0 ${token.controlOutlineWidth}px 0 ${token.controlOutline}`,
     dangerShadow: `0 ${token.controlOutlineWidth}px 0 ${token.colorErrorOutline}`,
@@ -7737,7 +7733,7 @@ const genSharedButtonStyle = token => {
     opacityLoading,
     motionDurationSlow,
     motionEaseInOut,
-    iconGap,
+    marginXS,
     calc
   } = token;
   return {
@@ -7745,7 +7741,7 @@ const genSharedButtonStyle = token => {
       outline: 'none',
       position: 'relative',
       display: 'inline-flex',
-      gap: iconGap,
+      gap: token.marginXS,
       alignItems: 'center',
       justifyContent: 'center',
       fontWeight,
@@ -7797,7 +7793,7 @@ const genSharedButtonStyle = token => {
       [`&:not(${componentCls}-icon-end)`]: {
         [`${componentCls}-loading-icon-motion`]: {
           '&-appear-start, &-enter-start': {
-            marginInlineEnd: calc(iconGap).mul(-1).equal()
+            marginInlineEnd: calc(marginXS).mul(-1).equal()
           },
           '&-appear-active, &-enter-active': {
             marginInlineEnd: 0
@@ -7806,7 +7802,7 @@ const genSharedButtonStyle = token => {
             marginInlineEnd: 0
           },
           '&-leave-active': {
-            marginInlineEnd: calc(iconGap).mul(-1).equal()
+            marginInlineEnd: calc(marginXS).mul(-1).equal()
           }
         }
       },
@@ -7814,7 +7810,7 @@ const genSharedButtonStyle = token => {
         flexDirection: 'row-reverse',
         [`${componentCls}-loading-icon-motion`]: {
           '&-appear-start, &-enter-start': {
-            marginInlineStart: calc(iconGap).mul(-1).equal()
+            marginInlineStart: calc(marginXS).mul(-1).equal()
           },
           '&-appear-active, &-enter-active': {
             marginInlineStart: 0
@@ -7823,7 +7819,7 @@ const genSharedButtonStyle = token => {
             marginInlineStart: 0
           },
           '&-leave-active': {
-            marginInlineStart: calc(iconGap).mul(-1).equal()
+            marginInlineStart: calc(marginXS).mul(-1).equal()
           }
         }
       }
@@ -7946,10 +7942,8 @@ const genPresetColorStyle = token => {
         borderColor: activeColor,
         background: token.colorBgContainer
       })), genDashedButtonStyle(token)), genFilledButtonStyle(token, lightColor, {
-        color: darkColor,
         background: lightHoverColor
       }, {
-        color: darkColor,
         background: lightBorderColor
       })), genTextLinkButtonStyle(token, darkColor, 'link', {
         color: hoverColor
@@ -7975,10 +7969,8 @@ const genDefaultButtonStyle = token => Object.assign(Object.assign(Object.assign
   color: token.solidTextColor,
   background: token.colorBgSolidActive
 })), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorFillTertiary, {
-  color: token.defaultColor,
   background: token.colorFillSecondary
 }, {
-  color: token.defaultColor,
   background: token.colorFill
 })), genGhostButtonStyle(token.componentCls, token.ghostBg, token.defaultGhostColor, token.defaultGhostBorderColor, token.colorTextDisabled, token.colorBorder)), genTextLinkButtonStyle(token, token.textTextColor, 'link', {
   color: token.colorLinkHover,
@@ -7998,10 +7990,8 @@ const genPrimaryButtonStyle = token => Object.assign(Object.assign(Object.assign
   borderColor: token.colorPrimaryActive,
   background: token.colorBgContainer
 })), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorPrimaryBg, {
-  color: token.colorPrimary,
   background: token.colorPrimaryBgHover
 }, {
-  color: token.colorPrimary,
   background: token.colorPrimaryBorder
 })), genTextLinkButtonStyle(token, token.colorPrimaryText, 'text', {
   color: token.colorPrimaryTextHover,
@@ -8035,10 +8025,8 @@ const genDangerousStyle = token => Object.assign(Object.assign(Object.assign(Obj
   color: token.colorErrorActive,
   borderColor: token.colorErrorActive
 })), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorErrorBg, {
-  color: token.colorError,
   background: token.colorErrorBgFilledHover
 }, {
-  color: token.colorError,
   background: token.colorErrorBgActive
 })), genTextLinkButtonStyle(token, token.colorError, 'text', {
   color: token.colorErrorHover,
@@ -8206,7 +8194,7 @@ const useStyle$2 = genStyleHooks('Button', token => {
 });
 
 // handle border collapse
-function compactItemBorder(token, parentCls, options, prefixCls) {
+function compactItemBorder(token, parentCls, options) {
   const {
     focusElCls,
     focus,
@@ -8218,16 +8206,13 @@ function compactItemBorder(token, parentCls, options, prefixCls) {
     [`&-item:not(${parentCls}-last-item)`]: {
       marginInlineEnd: token.calc(token.lineWidth).mul(-1).equal()
     },
-    [`&-item:not(${prefixCls}-status-success)`]: {
-      zIndex: 2
-    },
     '&-item': Object.assign(Object.assign({
       [hoverEffects]: {
-        zIndex: 3
+        zIndex: 2
       }
     }, focusElCls ? {
       [`&${focusElCls}`]: {
-        zIndex: 3
+        zIndex: 2
       }
     } : {}), {
       [`&[disabled] ${childCombinator}`]: {
@@ -8268,22 +8253,19 @@ function genCompactItemStyle(token, options = {
   } = token;
   const compactCls = `${componentCls}-compact`;
   return {
-    [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options, componentCls)), compactItemBorderRadius(componentCls, compactCls, options))
+    [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options)), compactItemBorderRadius(componentCls, compactCls, options))
   };
 }
 
-function compactItemVerticalBorder(token, parentCls, prefixCls) {
+function compactItemVerticalBorder(token, parentCls) {
   return {
     // border collapse
     [`&-item:not(${parentCls}-last-item)`]: {
       marginBottom: token.calc(token.lineWidth).mul(-1).equal()
     },
-    [`&-item:not(${prefixCls}-status-success)`]: {
-      zIndex: 2
-    },
     '&-item': {
       '&:hover,&:focus,&:active': {
-        zIndex: 3
+        zIndex: 2
       },
       '&[disabled]': {
         zIndex: 0
@@ -8313,7 +8295,7 @@ function compactItemBorderVerticalRadius(prefixCls, parentCls) {
 function genCompactItemVerticalStyle(token) {
   const compactCls = `${token.componentCls}-compact-vertical`;
   return {
-    [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls, token.componentCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
+    [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
   };
 }
 
@@ -8389,7 +8371,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
       variant,
       type,
       danger = false,
-      shape: customizeShape,
+      shape = 'default',
       size: customizeSize,
       styles,
       disabled: customDisabled,
@@ -8414,7 +8396,6 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
   const {
     button
   } = React__default.useContext(ConfigContext);
-  const shape = customizeShape || (button === null || button === void 0 ? void 0 : button.shape) || 'default';
   const [mergedColor, mergedVariant] = useMemo$1(() => {
     // >>>>> Local
     // Color & Variant
@@ -8471,7 +8452,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
   // ========================= Effect =========================
   // Loading. Should use `useLayoutEffect` to avoid low perf multiple click issue.
   // https://github.com/ant-design/ant-design/issues/51325
-  useLayoutEffect$1(() => {
+  useLayoutEffect(() => {
     let delayTimer = null;
     if (loadingOrDelay.delay > 0) {
       delayTimer = setTimeout(() => {
@@ -9481,11 +9462,6 @@ function getPlacements(config) {
     borderRadius} = config;
   const halfArrowWidth = arrowWidth / 2;
   const placementMap = {};
-  // Dynamic offset
-  const arrowOffset = getArrowOffsetToken({
-    contentRadius: borderRadius,
-    limitVerticalRadius: true
-  });
   Object.keys(PlacementAlignMap).forEach(key => {
     const template = arrowPointAtCenter && ArrowCenterPlacementAlignMap[key] || PlacementAlignMap[key];
     const placementInfo = Object.assign(Object.assign({}, template), {
@@ -9520,6 +9496,11 @@ function getPlacements(config) {
         placementInfo.offset[0] = halfArrowWidth + offset;
         break;
     }
+    // Dynamic offset
+    const arrowOffset = getArrowOffsetToken({
+      contentRadius: borderRadius,
+      limitVerticalRadius: true
+    });
     if (arrowPointAtCenter) {
       switch (key) {
         case 'topLeft':
@@ -9591,7 +9572,7 @@ const genTooltipStyle = token => {
         minWidth: centerAlignMinWidth,
         minHeight: controlHeight,
         padding: `${unit(token.calc(paddingSM).div(2).equal())} ${unit(paddingXS)}`,
-        color: `var(--ant-tooltip-color, ${tooltipColor})`,
+        color: tooltipColor,
         textAlign: 'start',
         textDecoration: 'none',
         wordWrap: 'break-word',
@@ -9694,12 +9675,8 @@ function parseColor(prefixCls, color) {
   });
   const overlayStyle = {};
   const arrowStyle = {};
-  const rgb = generateColor(color).toRgb();
-  const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
-  const textColor = luminance < 0.5 ? '#FFF' : '#000';
   if (color && !isInternalColor) {
     overlayStyle.background = color;
-    overlayStyle['--ant-tooltip-color'] = textColor;
     // @ts-ignore
     arrowStyle['--antd-arrow-background-color'] = color;
   }
@@ -11068,7 +11045,6 @@ var __awaiter = undefined && undefined.__awaiter || function (thisArg, _argument
 };
 const LIST_IGNORE = `__LIST_IGNORE_${Date.now()}__`;
 const InternalUpload = (props, ref) => {
-  const config = useComponentConfig('upload');
   const {
     fileList,
     defaultFileList,
@@ -11103,7 +11079,6 @@ const InternalUpload = (props, ref) => {
   // ===================== Disabled =====================
   const disabled = React.useContext(DisabledContext);
   const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
-  const customRequest = props.customRequest || config.customRequest;
   const [mergedFileList, setMergedFileList] = useMergedState(defaultFileList || [], {
     value: fileList,
     postState: list => list !== null && list !== void 0 ? list : []
@@ -11233,6 +11208,7 @@ const InternalUpload = (props, ref) => {
   const onSuccess = (response, file, xhr) => {
     try {
       if (typeof response === 'string') {
+        // biome-ignore lint/style/noParameterAssign: we need to modify response
         response = JSON.parse(response);
       }
     } catch (_a) {
@@ -11325,7 +11301,6 @@ const InternalUpload = (props, ref) => {
     onProgress,
     onSuccess
   }, props), {
-    customRequest,
     data,
     multiple,
     action,
@@ -11478,39 +11453,32 @@ function GenericUploadModal({
   open,
   onCancel,
   control,
-  setFileList,
   record,
-  // allowedExtensions,
-  maxSize = 5,
-  texts
+  texts,
+  setFileList,
+  fileList,
+  trans
 }) {
-  const [displayFileList, setDisplayFileList] = useState([]);
+  const [displayFileList, setDisplayFileList] = useState(fileList);
+  const [listFileId, setListFileId] = useState([]);
   useEffect(() => {
-    if (open) {
+    if (open && displayFileList.length === 0) {
       const recordFiles = record?.map((item) => ({
-        uid: item.uid,
+        uid: item?.uid,
         name: item.fileName,
         url: item.filePath,
-        listFileId: item.fileManagerId,
+        listFileId: item.fileMangerId,
         status: "done"
       })) ?? [];
       setDisplayFileList(recordFiles);
-      setFileList(recordFiles);
     }
-  }, [open, record, setFileList]);
+  }, [open, record]);
   const createUploadProps = (onChange) => ({
     multiple: true,
     listType: "text",
     showUploadList: true,
     fileList: displayFileList,
-    beforeUpload: async (file) => {
-      const isLtMax = file.size / 1024 / 1024 <= maxSize;
-      if (!isLtMax) {
-        toast.warning(
-          texts?.fileSizeError ?? `File must be smaller than ${maxSize}MB`
-        );
-        return;
-      }
+    beforeUpload: (file) => {
       const newFile = {
         uid: file.uid,
         name: file.name,
@@ -11520,13 +11488,12 @@ function GenericUploadModal({
       const newList = [...displayFileList, newFile];
       setDisplayFileList((prev) => {
         const newList2 = [...prev, newFile];
-        setFileList(newList2);
         onChange(newList2);
+        setFileList(newList2);
         return newList2;
       });
-      setFileList(newList);
       onChange(newList);
-      return false;
+      return Upload$2.LIST_IGNORE;
     },
     onPreview: (file) => {
       const fileUrl = file.url || (file.originFileObj ? URL.createObjectURL(file.originFileObj) : "");
@@ -11538,23 +11505,31 @@ function GenericUploadModal({
       link.click();
       document.body.removeChild(link);
     },
-    onRemove: (file) => {
+    onRemove: async (file) => {
+      const id = file.listFileId || file.uid;
+      setListFileId((prev) => {
+        const newList2 = [...prev, id];
+        return Array.from(new Set(newList2));
+      });
       const newList = displayFileList.filter((item) => item.uid !== file.uid);
       setDisplayFileList(newList);
-      setFileList(newList);
       onChange(newList);
+      setFileList(newList);
       return true;
     }
   });
+  const handleSubmitDeleteFile = async () => {
+    onCancel();
+  };
   return /* @__PURE__ */ jsx(
     Modal,
     {
       open,
-      title: texts?.title ?? "Upload Files",
-      okText: texts?.okText ?? "Confirm",
-      cancelText: texts?.cancelText ?? "Close",
+      title: texts?.title,
+      okText: texts?.okText,
+      cancelText: texts?.cancelText,
       onCancel,
-      onOk: onCancel,
+      onOk: handleSubmitDeleteFile,
       width: 800,
       centered: true,
       className: "pnkx-default-upload-modal",
@@ -11566,10 +11541,10 @@ function GenericUploadModal({
           render: ({ field }) => {
             const { onChange } = field;
             const props = createUploadProps(onChange);
-            return /* @__PURE__ */ jsx(Spin, { spinning: false, tip: texts?.uploading ?? "Uploading...", children: /* @__PURE__ */ jsxs(Dragger, { ...props, accept: ".pdf,.docx,image/*", children: [
+            return /* @__PURE__ */ jsx(Spin, { spinning: false, tip: texts?.uploading, children: /* @__PURE__ */ jsxs(Dragger, { ...props, accept: ".pdf,.doc,.docx,.jpg,.jpeg,.png", children: [
               /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon$b, {}) }),
-              /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: texts?.dragText ?? "Click or drag files to this area to upload" }),
-              /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: texts?.hint1 ?? "Max size 5MB" }),
+              /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: texts?.dragText }),
+              /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: texts?.hint1 }),
               /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: texts?.hint2 })
             ] }) });
           }