@para-ui/core 5.0.0-beta.1 → 5.0.0-beta.4

package/es/DatePicker/style/rtl.scss

@@ -0,0 +1,273 @@
+@use "../../styles/theme" as *;
+@use "./params" as *;
+@use "./mixin" as *;
+
+@mixin picker-cell-inner($cellClassName) {
+  $pre: &;
+
+  .#{$cellClassName} {
+    position: relative;
+    z-index: 2;
+    display: inline-block;
+    min-width: 24px;
+    height: 24px;
+    line-height: 24px;
+    border-radius: 2px;
+    transition: background 0.3s, border 0.3s;
+  }
+
+  &-in-view#{$pre}-range-start::before {
+    .#{$picker-prefix-cls}-panel-rtl & {
+      right: 50%;
+      left: 0;
+    }
+  }
+
+  &-in-view#{$pre}-range-end::before {
+    .#{$picker-prefix-cls}-panel-rtl & {
+      right: 0;
+      left: 50%;
+    }
+  }
+
+  &-in-view#{$pre}-range-start#{$pre}-range-end::before {
+    .#{$picker-prefix-cls}-panel-rtl & {
+      right: 50%;
+      left: 50%;
+    }
+  }
+
+  .#{$picker-prefix-cls}-date-panel &-in-view#{$pre}-in-range#{$pre}-range-hover-start .#{$cellClassName}::after {
+    .#{$picker-prefix-cls}-panel-rtl & {
+      right: 0;
+      left: -6px;
+    }
+  }
+
+  .#{$picker-prefix-cls}-date-panel &-in-view#{$pre}-in-rang#{$pre}#{$pre}-range-hover-end .#{$cellClassName}::after {
+    .#{$picker-prefix-cls}-panel-rtl {
+      & {
+        right: -6px;
+        left: 0;
+      }
+    }
+  }
+
+  // Hover with range start & end
+  &-range-hover#{$pre}-range-start::after {
+    .#{$picker-prefix-cls}-panel-rtl & {
+      right: 0;
+      left: 50%;
+    }
+  }
+
+  &-range-hover#{$pre}-range-end::after {
+    .#{$picker-prefix-cls}-panel-rtl & {
+      right: 50%;
+      left: 0;
+    }
+  }
+
+  // range start border-radius
+  &-in-view#{$pre}-range-start:not(&-range-start-single):not(&-range-end) .#{$cellClassName} {
+    .#{$picker-prefix-cls}-panel-rtl {
+      & {
+        border-radius: 0 2px 2px 0;
+      }
+    }
+  }
+
+  // range end border-radius
+  &-in-view#{$pre}-range-end:not(&-range-end-single):not(&-range-start) .#{$cellClassName} {
+    .#{$picker-prefix-cls}-panel-rtl {
+      & {
+        border-radius: 2px 0 0 2px;
+      }
+    }
+  }
+
+  // Edge start
+  tr>&-in-view#{$pre}-range-hover:not(&-selected):first-child::after,
+  &-in-view#{$pre}-start#{$pre}-range-hover-edge-start#{$pre}-range-hover-edge-start-near-range::after,
+  &-in-view#{$pre}-range-hover-edge-start:not(&-range-hover-edge-start-near-range)::after,
+  &-in-view#{$pre}-range-hover-start::after {
+    .#{$picker-prefix-cls}-panel-rtl & {
+      right: 6px;
+      left: 0;
+      border-right: 1px dashed #7ec1ff;
+      border-left: none;
+      border-top-left-radius: 0;
+      border-top-right-radius: 2px;
+      border-bottom-right-radius: 2px;
+      border-bottom-left-radius: 0;
+    }
+  }
+
+  // Edge end
+  tr>&-in-view#{$pre}-range-hover:not(&-selected):last-child::after,
+  &-in-view#{$pre}-end#{$pre}-range-hover-edge-end#{$pre}-range-hover-edge-end-near-range::after,
+  &-in-view#{$pre}-range-hover-edge-end:not(&-range-hover-edge-end-near-range)::after,
+  &-in-view#{$pre}-range-hover-end::after {
+    .#{$picker-prefix-cls}-panel-rtl & {
+      right: 0;
+      left: 6px;
+      border-right: none;
+      border-left: 1px dashed #7ec1ff;
+      border-top-left-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 2px;
+    }
+  }
+
+  tr>&-in-view#{$pre}-range-hover-start:last-child::after,
+  tr>&-in-view#{$pre}-range-hover-end:first-child::after,
+  &-in-view#{$pre}-start#{$pre}-range-hover-edge-start:not(&-range-hover)::after,
+  &-in-view#{$pre}-start#{$pre}-range-hover-end#{$pre}-range-hover-edge-start:not(&-range-hover)::after,
+  &-in-view#{$pre}-end#{$pre}-range-hover-start#{$pre}-range-hover-edge-end:not(&-range-hover)::after,
+  tr>&-in-view#{$pre}-start#{$pre}-range-hover#{$pre}-range-hover-edge-start:last-child::after,
+  tr>&-in-view#{$pre}-end#{$pre}-range-hover#{$pre}-range-hover-edge-end:first-child::after {
+    .#{$picker-prefix-cls}-panel-rtl & {
+      right: 6px;
+      left: 6px;
+      border-right: 1px dashed #7ec1ff;
+      border-left: 1px dashed #7ec1ff;
+      border-radius: 2px;
+    }
+  }
+}
+
+#{$picker-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-suffix {
+    .#{$picker-prefix-cls}-rtl & {
+      margin-right: 4px;
+      margin-left: 0;
+    }
+  }
+
+  &-clear {
+    .#{$picker-prefix-cls}-rtl & {
+      right: auto;
+      left: 0;
+    }
+  }
+
+  &-separator {
+    .#{$picker-prefix-cls}-rtl & {
+      transform: rotate(180deg);
+    }
+  }
+
+  &-header {
+    &-view {
+      button {
+        &:not(:first-child) {
+          .#{$picker-prefix-cls}-panel-rtl & {
+            margin-right: 8px;
+            margin-left: 0;
+          }
+        }
+      }
+    }
+  }
+
+  // ======================== Range =========================
+  &-range {
+
+    // Clear
+    .#{$picker-prefix-cls}-clear {
+      .#{$picker-prefix-cls}-rtl {
+        & {
+          right: auto;
+          left: 11px;
+        }
+      }
+    }
+
+    // Active bar
+    .#{$picker-prefix-cls}-active-bar {
+      .#{$picker-prefix-cls}-rtl {
+        & {
+          margin-right: 11px;
+          margin-left: 0;
+        }
+      }
+    }
+
+    &.#{$picker-prefix-cls}-small {
+      .#{$picker-prefix-cls}-active-bar {
+        .#{$picker-prefix-cls}-rtl {
+          & {
+            margin-right: 7px;
+          }
+        }
+      }
+    }
+  }
+
+  // ======================== Ranges ========================
+  &-ranges {
+    .#{$picker-prefix-cls}-dropdown-rtl {
+      & {
+        text-align: right;
+      }
+    }
+
+    .#{$picker-prefix-cls}-ok {
+      .#{$picker-prefix-cls}-dropdown-rtl & {
+        float: left;
+        margin-right: 8px;
+        margin-left: 0;
+      }
+    }
+  }
+
+  // ======================== Panel ========================
+  &-panel {
+    &-rtl {
+      direction: rtl;
+    }
+  }
+
+  &-prev-icon,
+  &-super-prev-icon {
+    .#{$picker-prefix-cls}-panel-rtl & {
+      transform: rotate(135deg);
+    }
+  }
+
+  &-next-icon,
+  &-super-next-icon {
+    .#{$picker-prefix-cls}-panel-rtl & {
+      transform: rotate(-45deg);
+    }
+  }
+
+  &-cell {
+    @include picker-cell-inner('#{$picker-cell-inner-cls}');
+  }
+
+  // ======================== Body ==========================
+
+
+  // ======================== Footer ========================
+  &-footer {
+    &-extra {
+      .#{$picker-prefix-cls}-dropdown-rtl & {
+        direction: rtl;
+        text-align: right;
+      }
+    }
+  }
+
+  // ====================== Time Panel ======================
+  &-time-panel {
+    .#{$picker-prefix-cls}-panel-rtl & {
+      direction: ltr;
+    }
+  }
+}

package/es/Desktop/index.js

@@ -4,7 +4,7 @@ import { TextField as gt } from "../TextField/index.js";
 import { DeepClone as xt } from "@paraview/lib";
 import { $prefixCls as rt } from "../GlobalContext/constant.js";
 import F from "../AutoTips/index.js";
-import qt from "@para-ui/icons/Left";
+import { Left as qt } from "../node_modules/@para-ui/icons/Left/index.js";
 import { Button as Dt } from "../Button/index.js";
 import Rt from "react-dom";
 import { Tooltip as bt } from "../Tooltip/index.js";
@@ -50,7 +50,7 @@ const Mt = () => /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a
     ]
   }
 ) }), It = (f) => {
-  const w = nt(null), S = nt(null), { sort: b = {}, tipMaxWidth: W = 500 } = f, [g, H] = Z(0), [E, ot] = Z([]), [u, I] = Z("_"), [Y, J] = Z(!1), [M, B] = Z(""), K = b[u] || [], T = jt("Drawer", Gt), h = {
+  const w = nt(null), S = nt(null), { sort: b = {}, tipMaxWidth: W = 500 } = f, [g, H] = Z(0), [E, ot] = Z([]), [u, I] = Z("_"), [Y, J] = Z(!1), [M, K] = Z(""), B = b[u] || [], T = jt("Drawer", Gt), h = {
     createDir: T({ id: "createDir" }),
     save: T({ id: "save" }),
     outDir: T({ id: "outDir" })
@@ -71,7 +71,7 @@ const Mt = () => /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a
     return t ? t.getBoundingClientRect().width / (y.width + y.gapX) | 0 : 1;
   }, st = (t) => {
     if (N) return;
-    const e = t.currentTarget.getAttribute("data-key"), n = L(e ?? void 0);
+    const e = t.currentTarget.getAttribute("data-key"), n = V(e ?? void 0);
     if (!n || n.disable) return !1;
     if (n.type !== "dir")
       return f.onClick && f.onClick(n), !1;
@@ -79,7 +79,7 @@ const Mt = () => /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a
   }, lt = (t) => {
     if (u === "_" || (t.preventDefault(), N)) return;
     const e = t.currentTarget.getAttribute("data-key");
-    R = L(e ?? void 0), k(S.current, t.pageX, t.pageY), S.current && (S.current.style.display = "block");
+    R = V(e ?? void 0), k(S.current, t.pageX, t.pageY), S.current && (S.current.style.display = "block");
   }, dt = () => {
     if (u === "_" || !m || !R) return;
     const t = $(m.key);
@@ -187,9 +187,9 @@ const Mt = () => /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a
     }), t;
   }, pt = z.useMemo(() => {
     if (g === 0) return null;
-    if (o = [], K.length > 0) {
+    if (o = [], B.length > 0) {
       const t = _();
-      let e = 0, n = K.map((s) => {
+      let e = 0, n = B.map((s) => {
         const { key: l, type: d } = s;
         if (!t[l] && d !== "dir") return;
         const c = { ...t[l] };
@@ -238,7 +238,7 @@ const Mt = () => /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a
         x: t.pageX,
         y: t.pageY
       }
-    }, e.setAttribute("drag-item", "true"), window.addEventListener("mousemove", X), window.addEventListener("mouseup", V);
+    }, e.setAttribute("drag-item", "true"), window.addEventListener("mousemove", X), window.addEventListener("mouseup", L);
   }, X = (t) => {
     if (!i) return;
     Math.abs(i.start.x - t.pageX) > 3 && (N = !0);
@@ -282,8 +282,8 @@ const Mt = () => /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a
     }
   }, mt = (t, e) => {
     if (t.x > e.x && t.y > e.y && t.x < e.w && t.y < e.h) return t;
-  }, V = () => {
-    if (window.removeEventListener("mousemove", X), window.removeEventListener("mouseup", V), setTimeout(() => {
+  }, L = () => {
+    if (window.removeEventListener("mousemove", X), window.removeEventListener("mouseup", L), setTimeout(() => {
       N = !1;
     }, 100), !!i) {
       if (i.impact) {
@@ -335,10 +335,10 @@ const Mt = () => /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a
     const s = x(t.key);
     s?.setAttribute("data-key", r), s?.classList.add("desktop-dir"), Rt.render(Q(o[t.index].displayName || ""), s), x(String(e.key))?.setAttribute("in-dir", "true");
   }, kt = (t, e) => {
-    const n = L(t.key);
+    const n = V(t.key);
     if (!n || !i) return;
     n.children.push(String(e.key)), x(i.key)?.setAttribute("in-dir", "true");
-  }, L = (t) => {
+  }, V = (t) => {
     if (!t) return null;
     for (let e = 0, n = o.length; e < n; e++)
       if (String(o[e].key) === String(t)) return o[e];
@@ -359,7 +359,7 @@ const Mt = () => /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a
         i = null, document.querySelector('[impact="true"]')?.removeAttribute("impact"), document.querySelector('[drag-item="true"]')?.removeAttribute("drag-item"), clearTimeout(Nt), U();
         break;
       default:
-        q("impact"), i = null, document.querySelector('[drag-item="true"]')?.removeAttribute("drag-item"), window.removeEventListener("mousemove", X), window.removeEventListener("mouseup", V);
+        q("impact"), i = null, document.querySelector('[drag-item="true"]')?.removeAttribute("drag-item"), window.removeEventListener("mousemove", X), window.removeEventListener("mouseup", L);
     }
   }, k = (t, e, n) => {
     t && ((e !== void 0 || e !== null) && (t.style.left = `${e}px`), (n !== void 0 || n !== null) && (t.style.top = `${n}px`));
@@ -376,7 +376,7 @@ const Mt = () => /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a
     const n = xt(b);
     t.length > 0 && (n[u] = t), f.onSort && f.onSort(n);
   }, yt = () => {
-    J(!0), B(m?.displayName || h.createDir);
+    J(!0), K(m?.displayName || h.createDir);
   }, P = () => {
     if (!m) return;
     m.displayName = M || h.createDir, J(!1);
@@ -404,7 +404,7 @@ const Mt = () => /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a
           className: "desktop-title-input",
           value: M,
           autoFocus: !0,
-          onChange: (t) => B(t.target.value),
+          onChange: (t) => K(t.target.value),
           onBlur: () => {
             P();
           },

package/es/Desktop/style/index.css

@@ -1 +1 @@
-.paraui-v4-desktop{width:100%;height:100%}.paraui-v4-desktop .paraui-v4-cp{cursor:pointer;font-size:14px;font-weight:700;color:#1d2126}.paraui-v4-desktop .desktop-title-input{max-width:440px;min-width:200px}.paraui-v4-desktop .desktop-title-input-btn{margin-left:10px}.paraui-v4-desktop .desktop-title-wrapper{display:flex;flex:1;width:100%;position:relative}.paraui-v4-desktop .desktop-title{display:flex;height:20px;line-height:20px;font-size:14px;margin:20px 0}.paraui-v4-desktop .desktop-title>.desktop-backlist{display:flex;align-items:center}.paraui-v4-desktop .desktop-title>.desktop-backlist .desktop-back-hotarea{width:38px;height:30px;display:flex;align-items:center;cursor:pointer;flex-shrink:0}.paraui-v4-desktop .desktop-title>.desktop-backlist .desktop-back-hotarea svg{color:#1d2126}.paraui-v4-desktop .desktop-title>.desktop-backlist .desktop-back-hotarea:hover svg{color:#2e65e6}.paraui-v4-desktop .desktop-title>div{width:100%;text-align:center;color:#1d2126;font-weight:600;font-size:14px}.paraui-v4-desktop .desktop-title>div>span{cursor:pointer;font-weight:bold}.paraui-v4-desktop .pd-lr38{padding:0 38px}.paraui-v4-desktop .desktop-box{position:relative;width:100%;height:calc(100% - 50px)}.paraui-v4-desktop .desktop-box .desktop-item{position:absolute;top:0;left:0;transition:top .5s,left .5s;user-select:none;cursor:pointer;background-color:#fff;border-radius:8px}.paraui-v4-desktop .desktop-box .desktop-item .item-name{text-align:center;position:absolute;font-size:14px;z-index:0;width:100%;padding:0 5px;color:#1d2126}.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body{width:100px;margin:25px auto 10px}.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body svg{display:block}.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body img{width:100%;height:100%}.paraui-v4-desktop .desktop-box .desktop-item .item-dir-name{margin:0 auto;color:#1d2126;font-size:14px;max-width:180px;text-align:center}.paraui-v4-desktop .desktop-box .desktop-item .item-body{text-align:center;display:flex;justify-content:center}.paraui-v4-desktop .desktop-box .desktop-item .item-body svg{display:block}.paraui-v4-desktop .desktop-box .desktop-item .item-body img{height:70px;margin-top:25px;margin-bottom:10px;pointer-events:none}.paraui-v4-desktop .desktop-box .item-disable{box-shadow:none;cursor:not-allowed;position:relative}.paraui-v4-desktop .desktop-box .item-disable::before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.5);z-index:1}.paraui-v4-desktop .desktop-box [drag-item=true]{z-index:2;transition:none}.paraui-v4-desktop .desktop-box [impact=true]{background-color:#f7f8fa}.paraui-v4-desktop .desktop-box [in-dir=true]{display:none !important}.paraui-v4-desktop .desktop-box .img-box{display:inline-block;width:100%;text-align:center;margin-top:10px}.paraui-v4-desktop .desktop-box .img-box>img{width:100px;height:100px;user-drag:none}.paraui-v4-desktop .desktop-box .desktop-dir .img-box{display:inline-block}.paraui-v4-desktop .desktop-box .desktop-dir .img-box>img{width:40px;height:40px;margin:5px 15px}.paraui-v4-desktop .menu-list{position:absolute;box-shadow:4px 4px 6px #dcdde3;background-color:#fff;font-size:14px;border-radius:4px;z-index:10;display:none;transition:background-color .2s}.paraui-v4-desktop .menu-list .menu-item{padding:5px 15px;cursor:pointer}.paraui-v4-desktop .menu-list .menu-item:hover{background-color:#f6f6f6}
+.paraui-v4-desktop{width:100%;height:100%}.paraui-v4-desktop .paraui-v4-cp{cursor:pointer;font-size:14px;font-weight:700;color:#1d2126}.paraui-v4-desktop .desktop-title-input{max-width:440px;min-width:200px}.paraui-v4-desktop .desktop-title-input-btn{margin-left:10px}.paraui-v4-desktop .desktop-title-wrapper{display:flex;flex:1;width:100%;position:relative}.paraui-v4-desktop .desktop-title{display:flex;height:20px;line-height:20px;font-size:14px;margin:20px 0}.paraui-v4-desktop .desktop-title>.desktop-backlist{display:flex;align-items:center}.paraui-v4-desktop .desktop-title>.desktop-backlist .desktop-back-hotarea{width:38px;height:30px;display:flex;align-items:center;cursor:pointer;flex-shrink:0}.paraui-v4-desktop .desktop-title>.desktop-backlist .desktop-back-hotarea svg{color:#1d2126}.paraui-v4-desktop .desktop-title>.desktop-backlist .desktop-back-hotarea:hover svg{color:#2e65e6}.paraui-v4-desktop .desktop-title>div{width:100%;text-align:center;color:#1d2126;font-weight:600;font-size:14px}.paraui-v4-desktop .desktop-title>div>span{cursor:pointer;font-weight:bold}.paraui-v4-desktop .pd-lr38{padding:0 38px}.paraui-v4-desktop .desktop-box{position:relative;width:100%;height:calc(100% - 50px)}.paraui-v4-desktop .desktop-box .desktop-item{position:absolute;top:0;left:0;transition:top .5s,left .5s;user-select:none;cursor:pointer;background-color:#fff;border-radius:8px}.paraui-v4-desktop .desktop-box .desktop-item .item-name{text-align:center;position:absolute;font-size:14px;z-index:0;width:100%;padding:0 5px;color:#1d2126}.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body{width:100px;margin:25px auto 10px}.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body svg{display:block}.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body img{width:100%;height:100%}.paraui-v4-desktop .desktop-box .desktop-item .item-dir-name{margin:0 auto;color:#1d2126;font-size:14px;max-width:180px;text-align:center}.paraui-v4-desktop .desktop-box .desktop-item .item-body{text-align:center;display:flex;justify-content:center}.paraui-v4-desktop .desktop-box .desktop-item .item-body svg{display:block}.paraui-v4-desktop .desktop-box .desktop-item .item-body img{height:70px;margin-top:25px;margin-bottom:10px;pointer-events:none}.paraui-v4-desktop .desktop-box .item-disable{box-shadow:none;cursor:not-allowed;position:relative}.paraui-v4-desktop .desktop-box .item-disable::before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);z-index:1}.paraui-v4-desktop .desktop-box [drag-item=true]{z-index:2;transition:none}.paraui-v4-desktop .desktop-box [impact=true]{background-color:#f7f8fa}.paraui-v4-desktop .desktop-box [in-dir=true]{display:none !important}.paraui-v4-desktop .desktop-box .img-box{display:inline-block;width:100%;text-align:center;margin-top:10px}.paraui-v4-desktop .desktop-box .img-box>img{width:100px;height:100px;user-drag:none}.paraui-v4-desktop .desktop-box .desktop-dir .img-box{display:inline-block}.paraui-v4-desktop .desktop-box .desktop-dir .img-box>img{width:40px;height:40px;margin:5px 15px}.paraui-v4-desktop .menu-list{position:absolute;box-shadow:4px 4px 6px #dcdde3;background-color:#fff;font-size:14px;border-radius:4px;z-index:10;display:none;transition:background-color .2s}.paraui-v4-desktop .menu-list .menu-item{padding:5px 15px;cursor:pointer}.paraui-v4-desktop .menu-list .menu-item:hover{background-color:#f6f6f6}

package/es/DragVerify/index.js

@@ -1,10 +1,10 @@
 import { j as n } from "../_virtual/jsx-runtime.js";
 import { useState as N, useRef as k, useEffect as J } from "react";
 import z from "clsx";
-import G from "@para-ui/icons/DoubleRight";
-import K from "@para-ui/icons/Close";
-import O from "@para-ui/icons/Check";
-import Q from "@para-ui/icons/Refresh";
+import { DoubleRight as G } from "../node_modules/@para-ui/icons/DoubleRight/index.js";
+import { Close as K } from "../node_modules/@para-ui/icons/Close/index.js";
+import { Check as O } from "../node_modules/@para-ui/icons/Check/index.js";
+import { Refresh as Q } from "../node_modules/@para-ui/icons/Refresh/index.js";
 import { $prefixCls as U } from "../GlobalContext/constant.js";
 import Y from "../GlobalContext/useFormatMessage.js";
 import Z from "./lang/index.js";

package/es/Drawer/index.d.ts

@@ -3,3 +3,4 @@ import { DrawerProps } from './interface';
 export declare const Drawer: FC<DrawerProps>;
 export type { DrawerProps };
 export default Drawer;
+export type * from './interface';

package/es/Dropdown/index.js

@@ -1,11 +1,11 @@
 import { j as s } from "../_virtual/jsx-runtime.js";
 import n from "react";
-import a from "../node_modules/rc-dropdown/es/Dropdown.js";
+import a from "rc-dropdown";
 import { $rcPrefixCls as l, $prefixCls as m } from "../GlobalContext/constant.js";
 import p from "../GlobalContext/usePopupContainer.js";
 import u from "clsx";
-import { isolationPopupPollution as d } from "../DatePicker/util.js";
-import { UUID as c } from "@paraview/lib";
+import { isolationPopupPollution as c } from "../DatePicker/util.js";
+import { UUID as d } from "@paraview/lib";
 import './index.css';/* empty css           */
 const g = (o) => ({
   top: {
@@ -27,8 +27,8 @@ const g = (o) => ({
     offset: [0, 8]
   }
 })[o]?.offset ?? [0, 0], C = (o) => {
-  const e = n.useRef(null), r = p(e, o.getPopupContainer), t = n.useRef(c()), i = (f) => {
-    o.onVisibleChange?.(f), o.isolationPopupOnHide && d(f, t.current);
+  const e = n.useRef(null), r = p(e, o.getPopupContainer), t = n.useRef(d()), i = (f) => {
+    o.onVisibleChange?.(f), o.isolationPopupOnHide && c(f, t.current);
   };
   return /* @__PURE__ */ s.jsx(
     a,

package/es/DynamicMultiBox/index.d.ts

@@ -2,3 +2,4 @@ import { FunctionComponent } from 'react';
 import { IMultiValueProps } from './interface';
 declare const DynamicMultiBox: FunctionComponent<IMultiValueProps>;
 export default DynamicMultiBox;
+export type * from './interface';

package/es/DynamicMultiBox/index.js

@@ -3,13 +3,13 @@ import { useState as P, useRef as q, useEffect as S, useMemo as le } from "react
 import { Popover as Ee } from "../Popover/index.js";
 import ie from "../Label/index.js";
 import { CheckboxGroup as Be } from "../CheckboxGroup/index.js";
-import Se from "@para-ui/icons/Panel";
-import Fe from "@para-ui/icons/PlusCircleF";
-import $e from "@para-ui/icons/Delete";
-import Re from "@para-ui/icons/Drag";
+import { Panel as Se } from "../node_modules/@para-ui/icons/Panel/index.js";
+import { PlusCircleF as Fe } from "../node_modules/@para-ui/icons/PlusCircleF/index.js";
+import { Delete as $e } from "../node_modules/@para-ui/icons/Delete/index.js";
+import { Drag as Re } from "../node_modules/@para-ui/icons/Drag/index.js";
 import we from "./rowForm.js";
 import { UUID as Le } from "@paraview/lib";
-import { d as Te } from "../_virtual/index.js";
+import { ReactSortable as Te } from "react-sortablejs";
 import { $prefixCls as ce } from "../GlobalContext/constant.js";
 import He from "../GlobalContext/useFormatMessage.js";
 import Me from "./lang/index.js";
@@ -418,7 +418,7 @@ const rt = (de) => {
         /* @__PURE__ */ o.jsxs("div", { className: "multi-value-content", children: [
           be,
           j && Array.isArray(l) && l.length > 0 ? /* @__PURE__ */ o.jsx(
-            Te.ReactSortable,
+            Te,
             {
               id: d,
               list: l,

package/es/FieldForm/FieldFormItem/ItemHolder.js

@@ -1,8 +1,8 @@
 import { j as t } from "../../_virtual/jsx-runtime.js";
-import { useContext as H, useMemo as M, useRef as R, useState as V } from "react";
+import { useContext as M, useMemo as N, useRef as R, useState as V } from "react";
 import W from "../../_virtual/index2.js";
-import _ from "../../_virtual/isVisible.js";
-import q from "../../_virtual/useLayoutEffect2.js";
+import _ from "rc-util/lib/Dom/isVisible";
+import q from "rc-util/lib/hooks/useLayoutEffect";
 import { FormContext as A, NoStyleItemContext as O } from "../context.js";
 import T from "../FormItemLabel.js";
 import k from "../FormItemInput.js";
@@ -27,17 +27,17 @@ function te(a) {
     label: C,
     labelProps: E,
     labelAlign: L,
-    colon: N,
-    labelWidth: P,
-    labelWrap: $
-  } = a, { prefixCls: i, layout: d } = H(A), n = M(() => c ?? d, [c, d]), o = R(null), f = !!(s != null || m.length || u.length), w = !!o.current && _(o.current), [B, p] = V(null);
+    colon: P,
+    labelWidth: $,
+    labelWrap: w
+  } = a, { prefixCls: i, layout: d } = M(A), n = N(() => c ?? d, [c, d]), o = R(null), f = !!(s != null || m.length || u.length), B = !!o.current && _(o.current), [F, p] = V(null);
   q(() => {
     if (f && o.current) {
       const l = getComputedStyle(o.current);
       p(parseInt(l.marginBottom, 10));
     }
-  }, [f, w]);
-  const F = (l) => {
+  }, [f, B]);
+  const H = (l) => {
     l || p(null);
   };
   return /* @__PURE__ */ t.jsx(
@@ -66,10 +66,10 @@ function te(a) {
               {
                 fieldId: r,
                 label: C,
-                labelWidth: P,
-                labelWrap: $,
+                labelWidth: $,
+                labelWrap: w,
                 labelAlign: L,
-                colon: N,
+                colon: P,
                 labelProps: { required: y, ...E },
                 hideLabel: S,
                 layout: n
@@ -83,8 +83,8 @@ function te(a) {
                 warnings: u,
                 status: e,
                 helperText: s,
-                marginBottom: B,
-                onErrorVisibleChanged: F,
+                marginBottom: F,
+                onErrorVisibleChanged: H,
                 hideError: j,
                 noSpacing: v,
                 children: /* @__PURE__ */ t.jsx(O.Provider, { value: I, children: b })

package/es/FieldForm/FieldFormItem/StatusProvider.js

@@ -1,13 +1,13 @@
 import { j as r } from "../../_virtual/jsx-runtime.js";
 import { useContext as C, useMemo as b } from "react";
-import g from "@para-ui/icons/Loading";
-import j from "@para-ui/icons/CheckCircleF";
-import v from "@para-ui/icons/CloseCircleF";
-import S from "@para-ui/icons/WarningCircleF";
-import N from "../../_virtual/index2.js";
+import { Loading as g } from "../../node_modules/@para-ui/icons/Loading/index.js";
+import { CheckCircleF as j } from "../../node_modules/@para-ui/icons/CheckCircleF/index.js";
+import { CloseCircleF as v } from "../../node_modules/@para-ui/icons/CloseCircleF/index.js";
+import { WarningCircleF as S } from "../../node_modules/@para-ui/icons/WarningCircleF/index.js";
+import $ from "../../_virtual/index2.js";
 import { FormItemInputContext as f } from "../context.js";
-import { getStatus as $ } from "../util.js";
-const M = {
+import { getStatus as M } from "../util.js";
+const N = {
   success: j,
   // 成功
   warning: S,
@@ -20,15 +20,15 @@ const M = {
 function w({
   children: I,
   errors: n,
-  warnings: s,
+  warnings: m,
   hasFeedback: t,
   validateStatus: d,
-  prefixCls: m,
+  prefixCls: s,
   meta: l,
-  noStyle: a
+  noStyle: c
 }) {
-  const o = $(n, s, l, null, !!t, d), {
-    isFormItemInput: c,
+  const o = M(n, m, l, null, !!t, d), {
+    isFormItemInput: a,
     // 是否是FormItemInput
     status: i,
     // 状态
@@ -39,13 +39,13 @@ function w({
   } = C(f), k = b(() => {
     let u;
     if (t) {
-      const p = o && M[o];
+      const p = o && N[o];
       u = p ? /* @__PURE__ */ r.jsx(
         "span",
         {
-          className: N(
-            `${m}-feedback-icon`,
-            `${m}-feedback-icon-${o}`
+          className: $(
+            `${s}-feedback-icon`,
+            `${s}-feedback-icon-${o}`
           ),
           children: /* @__PURE__ */ r.jsx(p, {})
         }
@@ -54,13 +54,13 @@ function w({
     const e = {
       status: o || "",
       errors: n,
-      warnings: s,
+      warnings: m,
       hasFeedback: !!t,
       feedbackIcon: u,
       isFormItemInput: !0
     };
-    return a && (e.status = (o ?? i) || "", e.isFormItemInput = c, e.hasFeedback = !!(t ?? x), e.feedbackIcon = t !== void 0 ? e.feedbackIcon : F), e;
-  }, [o, t, a, c, i]);
+    return c && (e.status = (o ?? i) || "", e.isFormItemInput = a, e.hasFeedback = !!(t ?? x), e.feedbackIcon = t !== void 0 ? e.feedbackIcon : F), e;
+  }, [o, t, c, a, i]);
   return /* @__PURE__ */ r.jsx(f.Provider, { value: k, children: I });
 }
 export {