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

package/es/FieldForm/FieldFormItem/index.js

@@ -1,15 +1,15 @@
 import { j as g } from "../../_virtual/jsx-runtime.js";
 import { useContext as h, useRef as ae, useMemo as U, isValidElement as W, Children as $, cloneElement as P } from "react";
 import { FieldContext as de, ListContext as le, Field as me } from "rc-field-form";
-import fe from "../../_virtual/useState.js";
-import { r as ue } from "../../_virtual/ref.js";
+import fe from "rc-util/lib/hooks/useState";
+import { supportRef as ue } from "rc-util/lib/ref";
 import ge from "./MemoInput.js";
 import { FormContext as ce, NoStyleItemContext as pe } from "../context.js";
 import he from "../hooks/useChildren.js";
 import ye from "../hooks/useFormItemStatus.js";
 import be from "../hooks/useFrameState.js";
 import Ce from "../hooks/useItemRef.js";
-import { getStatus as Se, toArray as E, getFieldId as Ie, isReactComponent as B } from "../util.js";
+import { getStatus as Se, toArray as j, getFieldId as Ie, isReactComponent as B } from "../util.js";
 import we from "./ItemHolder.js";
 function G() {
   return {
@@ -24,7 +24,7 @@ function G() {
 const ve = "__SPLIT__";
 function Fe(y) {
   const {
-    noStyle: j,
+    noStyle: E,
     shouldUpdate: J,
     dependencies: x,
     messageVariables: R,
@@ -43,7 +43,7 @@ function Fe(y) {
     size: I
   } = y, { name: Y, disabled: w, size: v } = h(ce), n = he(M), V = typeof n == "function", _ = h(pe), { validateTrigger: Z } = h(de), A = T !== void 0 ? T : Z, F = l != null, ee = h(le), K = ae(), [O, re] = be({}), [a, te] = fe(() => G()), ne = (r) => {
     const i = ee?.getKey(r.name);
-    if (te(r.destroy ? G() : r, !0), j && S !== !1 && _) {
+    if (te(r.destroy ? G() : r, !0), E && S !== !1 && _) {
       let t = r.name;
       if (r.destroy)
         t = K.current || t;
@@ -68,7 +68,7 @@ function Fe(y) {
   }, [O, a.errors, a.warnings]), m = U(
     () => Se(a.errors, a.warnings, a, "", !!z, L),
     [a, z, L]
-  ), D = (r, i, t, s) => j && !Q ? /* @__PURE__ */ g.jsx(g.Fragment, { children: $.map(r, (e) => B(e) ? P(e, {
+  ), D = (r, i, t, s) => E && !Q ? /* @__PURE__ */ g.jsx(g.Fragment, { children: $.map(r, (e) => B(e) ? P(e, {
     ...s,
     name: l,
     disabled: C ?? w,
@@ -113,7 +113,7 @@ function Fe(y) {
       const o = [];
       (S || c.length > 0) && o.push(`${i}_help`), e["aria-describedby"] = o.join(" ");
     }
-    c.length > 0 && (e["aria-invalid"] = "true"), t && (e["aria-required"] = "true"), ue.supportRef(n) && (e.ref = se(s, n)), (/* @__PURE__ */ new Set([...E(N), ...E(A)])).forEach((o) => {
+    c.length > 0 && (e["aria-invalid"] = "true"), t && (e["aria-required"] = "true"), ue(n) && (e.ref = se(s, n)), (/* @__PURE__ */ new Set([...j(N), ...j(A)])).forEach((o) => {
       e[o] = (...d) => {
         r[o]?.(...d), n.props[o]?.(...d);
       };
@@ -142,7 +142,7 @@ function Fe(y) {
       validateTrigger: A,
       onMetaChange: ne,
       children: (r, i, t) => {
-        const s = E(l).length && i ? i.name : [], e = Ie(s, Y), f = b !== void 0 ? b : !!X?.some((d) => {
+        const s = j(l).length && i ? i.name : [], e = Ie(s, Y), f = b !== void 0 ? b : !!X?.some((d) => {
           if (d && typeof d == "object" && d.required && !d.warningOnly)
             return !0;
           if (typeof d == "function") {

package/es/FieldForm/Form.js

@@ -26,8 +26,8 @@ const n = `${H}-field-form`, O = (b, W) => {
   } = b, [l, L] = S(0), { language: p } = T(K), j = F(
     () => J[p || "zh"],
     [p]
-  ), [o] = k(E), { __INTERNAL__: h } = o;
-  h.name = t;
+  ), [o] = k(E), { __INTERNAL__: x } = o;
+  x.name = t;
   const a = q(null);
   w(W, () => ({
     ...o,
@@ -40,9 +40,9 @@ const n = `${H}-field-form`, O = (b, W) => {
     const _ = e.querySelectorAll(`.${n}-item`);
     let s = 0;
     _?.forEach(($) => {
-      const x = $.querySelector("label");
-      if (x) {
-        const A = x.offsetWidth;
+      const h = $.querySelector("label");
+      if (h) {
+        const A = h.offsetWidth;
         s = Math.max(s, A);
       }
     }), L(s);
@@ -62,7 +62,7 @@ const n = `${H}-field-form`, O = (b, W) => {
       labelMaxWidth: l,
       layout: d,
       colon: c,
-      itemRef: h.itemRef,
+      itemRef: x.itemRef,
       form: o,
       prefixCls: n,
       disabled: m,

package/es/FieldForm/FormItemInput.js

@@ -3,37 +3,37 @@ import { useContext as p } from "react";
 import x from "../_virtual/index2.js";
 import g from "./ErrorList.js";
 import { FormContext as u } from "./context.js";
-const N = (m) => {
+const w = (h) => {
   const {
     fieldId: l,
-    children: h,
+    children: m,
     errors: n,
     warnings: s,
-    status: e,
+    status: t,
     helperText: o,
     marginBottom: i,
     onErrorVisibleChanged: c,
     hideError: a,
     noSpacing: d = !1
-  } = m, { prefixCls: t } = p(u);
+  } = h, { prefixCls: e } = p(u);
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: x(`${t}-content`, {
-        [`${t}-content__${l}`]: l,
+      className: x(`${e}-content`, {
+        [`${e}-content__${l}`]: l,
         "has-spacing": !d,
-        "has-helper-text": !a && !!(n.length || s.length || o && (e === "error" || e === "warning"))
+        "has-helper-text": !a && !!(n.length || s.length || o && (t === "error" || t === "warning"))
       }),
       children: [
-        /* @__PURE__ */ r.jsx("div", { className: `${t}-control-input`, children: /* @__PURE__ */ r.jsx("div", { className: `${t}-control-input-content`, children: h }) }),
-        /* @__PURE__ */ r.jsx("div", { className: `${t}-helper-text`, children: !a && (i !== null || n.length || s.length || o && (e === "error" || e === "warning")) ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsx("div", { className: `${e}-control-input`, children: /* @__PURE__ */ r.jsx("div", { className: `${e}-control-input-content`, children: m }) }),
+        /* @__PURE__ */ r.jsx("div", { className: `${e}-helper-text`, children: !a && (i !== null || n.length || s.length || o && (t === "error" || t === "warning")) ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
           /* @__PURE__ */ r.jsx(
             g,
             {
               errors: n,
               warnings: s,
               helperText: o,
-              helpStatus: e,
+              helpStatus: t,
               onVisibleChanged: c
             }
           ),
@@ -44,6 +44,6 @@ const N = (m) => {
   );
 };
 export {
-  N as default
+  w as default
 };
 //# sourceMappingURL=FormItemInput.js.map

package/es/FieldForm/FormItemLabel.js

@@ -1,5 +1,5 @@
 import { j as s } from "../_virtual/jsx-runtime.js";
-import { useContext as u, useRef as A, useMemo as h, useLayoutEffect as F } from "react";
+import { useContext as u, useRef as F, useMemo as x, useLayoutEffect as N } from "react";
 import R from "../_virtual/index2.js";
 import w from "../GlobalContext/index.js";
 import { FormContext as E } from "./context.js";
@@ -7,28 +7,28 @@ import S from "../Label/index.js";
 const P = ({
   fieldId: m,
   label: t,
-  labelProps: x,
+  labelProps: h,
   hideLabel: b,
   colon: i,
   layout: r,
   labelAlign: d,
-  labelWidth: a,
+  labelWidth: c,
   labelWrap: g
 }) => {
   const {
     prefixCls: n,
-    colon: c,
+    colon: a,
     labelWidth: f,
     labelAlign: $,
     labelWrap: C
-  } = u(E), L = d || $, { language: W, locale: j } = u(w), o = A(null), N = (e) => typeof e == "number" ? `${e}px` : typeof e == "string" ? e.endsWith("px") ? e : `${e}px` : e, y = h(() => {
-    const e = a || f || 0;
-    return e && r === "horizontal" ? N(e) : "auto";
-  }, [a, f, r]), z = h(() => {
+  } = u(E), L = d || $, { language: W, locale: j } = u(w), o = F(null), y = (e) => typeof e == "number" ? `${e}px` : typeof e == "string" ? e.endsWith("px") ? e : `${e}px` : e, z = x(() => {
+    const e = c || f || 0;
+    return e && r === "horizontal" ? y(e) : "auto";
+  }, [c, f, r]), A = x(() => {
     let e = t;
-    return (i === !0 || c !== !1 && i !== !1) && r === "horizontal" && typeof t == "string" && t.trim() && (e = t.replace(/[:|：]\s*$/, "")), /* @__PURE__ */ s.jsx(s.Fragment, { children: e });
-  }, [W, j, t, i, c, r]);
-  return F(() => {
+    return (i === !0 || a !== !1 && i !== !1) && r === "horizontal" && typeof t == "string" && t.trim() && (e = t.replace(/[:|：]\s*$/, "")), /* @__PURE__ */ s.jsx(s.Fragment, { children: e });
+  }, [W, j, t, i, a, r]);
+  return N(() => {
     if (o.current) {
       const l = o.current.querySelector(`.${n}-label-comp`)?.clientHeight;
       if (l && l > 32) {
@@ -45,13 +45,13 @@ const P = ({
         "is-left": L === "left" && r === "horizontal",
         "is-wrap": g ?? C ?? !1
       }),
-      style: { width: y },
+      style: { width: z },
       children: /* @__PURE__ */ s.jsx(
         S,
         {
           className: `${n}-label-comp`,
-          label: z,
-          ...x
+          label: A,
+          ...h
         }
       )
     }

package/es/FieldForm/context.js

@@ -1,7 +1,7 @@
 import { j as e } from "../_virtual/jsx-runtime.js";
 import { createContext as o } from "react";
 import { FormProvider as m } from "rc-field-form";
-import i from "../_virtual/omit.js";
+import i from "rc-util/lib/omit";
 const x = (t) => {
   const r = i(t, ["prefixCls"]);
   return /* @__PURE__ */ e.jsx(m, { ...r });

package/es/FieldForm/hooks/useChildren.js

@@ -1,4 +1,4 @@
-import r from "../../_virtual/toArray.js";
+import r from "rc-util/lib/Children/toArray";
 function e(t) {
   if (typeof t == "function")
     return t;

package/es/FieldForm/hooks/useFrameState.js

@@ -1,5 +1,5 @@
 import { useState as p, useRef as n, useEffect as R } from "react";
-import c from "../../_virtual/raf.js";
+import c from "rc-util/lib/raf";
 function E(f) {
   const [a, l] = p(f), r = n(null), e = n([]), t = n(!1);
   R(() => (t.current = !1, () => {

package/es/FieldForm/hooks/useItemRef.js

@@ -1,15 +1,15 @@
 import { useContext as u, useRef as m } from "react";
-import { r as i } from "../../_virtual/ref.js";
+import { composeRef as i } from "rc-util/lib/ref";
 import { FormContext as s } from "../context.js";
-function x() {
+function g() {
   const { itemRef: f } = u(s), e = m({});
   function c(o, r) {
     const t = r && typeof r == "object" && r.ref, n = o.join("_");
-    return (e.current.name !== n || e.current.originRef !== t) && (e.current.name = n, e.current.originRef = t, e.current.ref = i.composeRef(f(o), t)), e.current.ref;
+    return (e.current.name !== n || e.current.originRef !== t) && (e.current.name = n, e.current.originRef = t, e.current.ref = i(f(o), t)), e.current.ref;
   }
   return c;
 }
 export {
-  x as default
+  g as default
 };
 //# sourceMappingURL=useItemRef.js.map

package/es/FieldForm/index.d.ts

@@ -18,3 +18,4 @@ type CompoundedComponent = InternalFormType & {
 declare const FieldForm: CompoundedComponent;
 export type { ErrorListProps, FieldFormInstance, FieldFormItemProps, FieldFormListFieldData, FieldFormListOperation, FieldFormListProps, FieldFormProps, Rule, RuleObject, RuleRender };
 export default FieldForm;
+export type * from './interface';

package/es/FormItem/compoments/formFile/index.js

@@ -1,19 +1,19 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 import c from "react";
-import F from "@para-ui/icons/Delete";
-import g from "@para-ui/icons/LinkGroup";
+import { Delete as F } from "../../../node_modules/@para-ui/icons/Delete/index.js";
+import { LinkGroup as g } from "../../../node_modules/@para-ui/icons/LinkGroup/index.js";
 import b from "../../../AutoTips/index.js";
 import { Button as k } from "../../../Button/index.js";
-import v from "@para-ui/icons/UploadFile";
+import { UploadFile as v } from "../../../node_modules/@para-ui/icons/UploadFile/index.js";
 import y from "../../../GlobalContext/useFormatMessage.js";
 import C from "../../lang/index.js";
 import './index.css';/* empty css           */
 const B = (m) => {
-  const { fileType: s = "", defaultValue: t, onChange: a, disabled: l, buttonLabel: u, inputProps: d, buttonProps: x } = m, j = y("FormItem", C), o = c.useRef(null), h = () => {
-    o.current?.click();
-  }, p = (r) => {
-    const f = r !== void 0 ? r : o.current.files;
-    n(f), a && a(f), r === null && (o.current.value = null);
+  const { fileType: o = "", defaultValue: t, onChange: p, disabled: l, buttonLabel: u, inputProps: d, buttonProps: x } = m, j = y("FormItem", C), s = c.useRef(null), h = () => {
+    s.current?.click();
+  }, f = (r) => {
+    const a = r !== void 0 ? r : s.current.files;
+    n(a), p && p(a), r === null && (s.current.value = null);
   }, [i, n] = c.useState();
   return c.useEffect(() => {
     t && n(t);
@@ -32,17 +32,17 @@ const B = (m) => {
       "input",
       {
         ...d,
-        ref: o,
+        ref: s,
         type: "file",
-        onInput: () => p(),
+        onInput: () => f(),
         hidden: !0,
-        accept: typeof s == "string" ? s : s.join(",")
+        accept: typeof o == "string" ? o : o.join(",")
       }
     ),
     i && i[0] && /* @__PURE__ */ e.jsx("div", { className: `file-tips ${l && "file-tips-disabled" || ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "file-tips-item", children: [
       /* @__PURE__ */ e.jsx(g, {}),
       /* @__PURE__ */ e.jsx("span", { className: "file-tips-context", children: /* @__PURE__ */ e.jsx(b, { children: typeof i == "string" ? i : i[0].name }) }),
-      !l && /* @__PURE__ */ e.jsx(F, { onClick: () => p(null) })
+      !l && /* @__PURE__ */ e.jsx(F, { onClick: () => f(null) })
     ] }) })
   ] });
 };

package/es/FunctionModal/index.css

@@ -1 +1 @@
-.function-modal-default [class*=makeStyles-md]{width:440px;height:auto;max-height:initial}
+@charset "UTF-8";.function-modal-default [class*=makeStyles-md]{width:440px;height:auto;max-height:initial}

package/es/Help/index.js

@@ -1,18 +1,18 @@
 import { j as r } from "../_virtual/jsx-runtime.js";
 import { Tooltip as i } from "../Tooltip/index.js";
-import a from "@para-ui/icons/Help";
+import { Help as a } from "../node_modules/@para-ui/icons/Help/index.js";
 import c from "clsx";
 import { $prefixCls as n } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */
 const H = (t) => {
-  const { title: o = "", children: s, arrow: e = !0, className: p, placement: m = "top-start", ...l } = t;
+  const { title: o = "", children: s, arrow: e = !0, className: p, placement: l = "top-start", ...m } = t;
   return /* @__PURE__ */ r.jsx(
     i,
     {
       title: o,
       arrow: e,
-      placement: m,
-      ...l,
+      placement: l,
+      ...m,
       children: /* @__PURE__ */ r.jsx("span", { className: c(`${n}-help`, p), children: s || /* @__PURE__ */ r.jsx(a, {}) })
     }
   );

package/es/Image/PreviewGroup.js

@@ -3,15 +3,15 @@ import * as f from "react";
 import a from "../_virtual/index2.js";
 import p from "rc-image";
 import { $prefixCls as c } from "../GlobalContext/constant.js";
-import n from "@para-ui/icons/Sort";
-import x from "@para-ui/icons/Switch";
-import g from "@para-ui/icons/TurnRight";
-import u from "@para-ui/icons/TurnLeft";
-import C from "@para-ui/icons/MinusCircle";
-import j from "@para-ui/icons/PlusCircle";
-import z from "@para-ui/icons/LeftCircleF";
-import P from "@para-ui/icons/RightCircleF";
-import R from "@para-ui/icons/CloseCircleF";
+import { Sort as x } from "../node_modules/@para-ui/icons/Sort/index.js";
+import { Switch as n } from "../node_modules/@para-ui/icons/Switch/index.js";
+import { TurnRight as g } from "../node_modules/@para-ui/icons/TurnRight/index.js";
+import { TurnLeft as u } from "../node_modules/@para-ui/icons/TurnLeft/index.js";
+import { MinusCircle as C } from "../node_modules/@para-ui/icons/MinusCircle/index.js";
+import { PlusCircle as j } from "../node_modules/@para-ui/icons/PlusCircle/index.js";
+import { LeftCircleF as z } from "../node_modules/@para-ui/icons/LeftCircleF/index.js";
+import { RightCircleF as P } from "../node_modules/@para-ui/icons/RightCircleF/index.js";
+import { CloseCircleF as R } from "../node_modules/@para-ui/icons/CloseCircleF/index.js";
 const h = {
   rotateLeft: /* @__PURE__ */ r.jsx(u, { size: "large" }),
   rotateRight: /* @__PURE__ */ r.jsx(g, { size: "large" }),
@@ -20,15 +20,15 @@ const h = {
   close: /* @__PURE__ */ r.jsx(R, { size: "large" }),
   left: /* @__PURE__ */ r.jsx(z, {}),
   right: /* @__PURE__ */ r.jsx(P, {}),
-  flipX: /* @__PURE__ */ r.jsx(x, { size: "large" }),
-  flipY: /* @__PURE__ */ r.jsx(n, { size: "large" })
+  flipX: /* @__PURE__ */ r.jsx(n, { size: "large" }),
+  flipY: /* @__PURE__ */ r.jsx(x, { size: "large" })
 }, O = ({
   previewPrefixCls: w,
   preview: e,
-  children: s = null,
-  ...i
+  children: i = null,
+  ...t
 }) => {
-  const t = `${`${c}-image`}-preview`, m = f.useMemo(() => {
+  const s = `${`${c}-image`}-preview`, m = f.useMemo(() => {
     if (e === !1)
       return e;
     const o = typeof e == "object" ? e : {}, l = a(o.rootClassName ?? "");
@@ -41,10 +41,10 @@ const h = {
     p.PreviewGroup,
     {
       preview: m,
-      previewPrefixCls: t,
+      previewPrefixCls: s,
       icons: h,
-      ...i,
-      children: s
+      ...t,
+      children: i
     }
   );
 };

package/es/Image/index.css

@@ -1 +1 @@
-@charset "UTF-8";.paraui-v4-image{display:inline-flex;position:relative}.paraui-v4-image-img{width:100%;height:auto}.paraui-v4-image-img-placeholder{background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjggMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pbWFnZS1maWxs5aSH5Lu9PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Iuafpeeci+WbvueJh+S8mOWMljQuMCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWKoOi9veWbvueJhyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3Mi4wMDAwMDAsIC01MDYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpbWFnZS1maWxs5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NzAuMDAwMDAwLCA1MDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOSw1IEwzLDUgQzIuNDQ2ODc1LDUgMiw1LjQ0Njg3NSAyLDYgTDIsMjYgQzIsMjYuNTUzMTI1IDIuNDQ2ODc1LDI3IDMsMjcgTDI5LDI3IEMyOS41NTMxMjUsMjcgMzAsMjYuNTUzMTI1IDMwLDI2IEwzMCw2IEMzMCw1LjQ0Njg3NSAyOS41NTMxMjUsNSAyOSw1IFogTTEwLjU2MjUsOS41IEMxMS42NjU2MjUsOS41IDEyLjU2MjUsMTAuMzk2ODc1IDEyLjU2MjUsMTEuNSBDMTIuNTYyNSwxMi42MDMxMjUgMTEuNjY1NjI1LDEzLjUgMTAuNTYyNSwxMy41IEM5LjQ1OTM3NSwxMy41IDguNTYyNSwxMi42MDMxMjUgOC41NjI1LDExLjUgQzguNTYyNSwxMC4zOTY4NzUgOS40NTkzNzUsOS41IDEwLjU2MjUsOS41IFogTTI2LjYyMTg3NSwyMy4xNTkzNzUgQzI2LjU3ODEyNSwyMy4xOTY4NzUgMjYuNTE4NzUsMjMuMjE4NzUgMjYuNDU5Mzc1LDIzLjIxODc1IEw1LjUzNzUsMjMuMjE4NzUgQzUuNCwyMy4yMTg3NSA1LjI4NzUsMjMuMTA2MjUgNS4yODc1LDIyLjk2ODc1IEM1LjI4NzUsMjIuOTA5Mzc1IDUuMzA5Mzc1LDIyLjg1MzEyNSA1LjM0Njg3NSwyMi44MDYyNSBMMTAuNjY4NzUsMTYuNDkzNzUgQzEwLjc1NjI1LDE2LjM4NzUgMTAuOTE1NjI1LDE2LjM3NSAxMS4wMjE4NzUsMTYuNDYyNSBDMTEuMDMxMjUsMTYuNDcxODc1IDExLjA0Mzc1LDE2LjQ4MTI1IDExLjA1MzEyNSwxNi40OTM3NSBMMTQuMTU5Mzc1LDIwLjE4MTI1IEwxOS4xLDE0LjMyMTg3NSBDMTkuMTg3NSwxNC4yMTU2MjUgMTkuMzQ2ODc1LDE0LjIwMzEyNSAxOS40NTMxMjUsMTQuMjkwNjI1IEMxOS40NjI1LDE0LjMgMTkuNDc1LDE0LjMwOTM3NSAxOS40ODQzNzUsMTQuMzIxODc1IEwyNi42NTkzNzUsMjIuODA5Mzc1IEMyNi43NDA2MjUsMjIuOTEyNSAyNi43MjgxMjUsMjMuMDcxODc1IDI2LjYyMTg3NSwyMy4xNTkzNzUgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRThFOEU4Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)}.paraui-v4-image-placeholder{position:absolute;inset:0}.paraui-v4-image-mask{position:absolute;inset:0;background:#0000004d;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .3s}.paraui-v4-image:hover .paraui-v4-image-mask{opacity:1}.paraui-v4-image-preview{text-align:center;height:100%;pointer-events:none}.paraui-v4-image-preview-body{position:absolute;inset:0;overflow:hidden}.paraui-v4-image-preview.zoom-enter,.paraui-v4-image-preview.zoom-appear{transform:none;opacity:0;animation-duration:.3s}.paraui-v4-image-preview-mask{position:fixed;inset:0;height:100%;background-color:#1d212666}.paraui-v4-image-preview-mask-hidden{display:none}.paraui-v4-image-preview-img{cursor:grab;transform:scaleZ(1);transition:transform .3s cubic-bezier(0,0,.25,1) 0s;-webkit-user-select:none;user-select:none;vertical-align:middle;max-width:100%;max-height:70%}.paraui-v4-image-preview-img-wrapper{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.paraui-v4-image-preview-img-wrapper>*{pointer-events:auto}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img{cursor:grabbing}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img-wrapper{transition-duration:0s}.paraui-v4-image-preview-wrap{position:fixed;inset:0;z-index:1000;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.paraui-v4-image-preview-close{position:fixed;top:30px;right:30px;display:flex;background-color:transparent;outline:0;border:0;cursor:pointer}.paraui-v4-image-preview-close svg{color:#ffffff80;font-size:50px}.paraui-v4-image-preview-close:hover svg{color:#ffffff4d}.paraui-v4-image-preview-operations-wrapper{position:fixed;z-index:1001}.paraui-v4-image-preview-footer{position:fixed;z-index:1001;bottom:32px;left:0;width:100%;display:flex;flex-direction:column;align-items:center}.paraui-v4-image-preview-progress{margin-bottom:20px;color:#fff}.paraui-v4-image-preview-operations{display:flex;background:#1d2126e6;border-radius:4px;padding:0 8px}.paraui-v4-image-preview-operations-operation{padding:8px;cursor:pointer}.paraui-v4-image-preview-operations-operation svg{color:#fff;transition:all .3s;font-size:24px;vertical-align:top}.paraui-v4-image-preview-operations-operation:hover svg{background-color:#ffffff4d;border-radius:2px}.paraui-v4-image-preview-operations-operation-disabled{pointer-events:none;color:#a1a8b3}.paraui-v4-image-preview-operations-operation-disabled svg{color:#a1a8b3}.paraui-v4-image-preview-operations-operation:first-of-type{margin-left:0}.paraui-v4-image-preview-switch-left,.paraui-v4-image-preview-switch-right{width:30px;height:30px;margin-top:-15px;top:50%;position:fixed;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001;cursor:pointer}.paraui-v4-image-preview-switch-left-disabled svg:hover,.paraui-v4-image-preview-switch-right-disabled svg:hover{color:#1d212666}.paraui-v4-image-preview-switch-left svg,.paraui-v4-image-preview-switch-right svg{font-size:50px;color:#ffffff80}.paraui-v4-image-preview-switch-left svg:hover,.paraui-v4-image-preview-switch-right svg:hover{color:#ffffff4d}.paraui-v4-image-preview-switch-left-disabled,.paraui-v4-image-preview-switch-right-disabled{cursor:not-allowed}.paraui-v4-image-preview-switch-left-disabled>.anticon,.paraui-v4-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.paraui-v4-image-preview-switch-left>.anticon,.paraui-v4-image-preview-switch-right>.anticon{font-size:30px}.paraui-v4-image-preview-switch-left{left:40px}.paraui-v4-image-preview-switch-right{position:fixed;right:40px}.fade-enter,.fade-appear,.fade-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.fade-enter.fade-enter-active,.fade-appear.fade-appear-active{animation-name:rcImageFadeIn;animation-play-state:running}.fade-leave.fade-leave-active{animation-name:rcImageFadeOut;animation-play-state:running;pointer-events:none}.fade-enter,.fade-appear{opacity:0;animation-timing-function:linear}.fade-leave{animation-timing-function:linear}@keyframes rcImageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rcImageFadeOut{0%{opacity:1}to{opacity:0}}.zoom-enter,.zoom-appear,.zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.zoom-enter.zoom-enter-active,.zoom-appear.zoom-appear-active{animation-name:rcImageZoomIn;animation-play-state:running}.zoom-leave.zoom-leave-active{animation-name:rcImageZoomOut;animation-play-state:running;pointer-events:none}.zoom-enter,.zoom-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@keyframes rcImageZoomIn{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rcImageZoomOut{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}
+@charset "UTF-8";.paraui-v4-image{display:inline-flex;position:relative}.paraui-v4-image-img{width:100%;height:auto}.paraui-v4-image-img-placeholder{background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjggMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pbWFnZS1maWxs5aSH5Lu9PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Iuafpeeci+WbvueJh+S8mOWMljQuMCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWKoOi9veWbvueJhyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3Mi4wMDAwMDAsIC01MDYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpbWFnZS1maWxs5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NzAuMDAwMDAwLCA1MDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOSw1IEwzLDUgQzIuNDQ2ODc1LDUgMiw1LjQ0Njg3NSAyLDYgTDIsMjYgQzIsMjYuNTUzMTI1IDIuNDQ2ODc1LDI3IDMsMjcgTDI5LDI3IEMyOS41NTMxMjUsMjcgMzAsMjYuNTUzMTI1IDMwLDI2IEwzMCw2IEMzMCw1LjQ0Njg3NSAyOS41NTMxMjUsNSAyOSw1IFogTTEwLjU2MjUsOS41IEMxMS42NjU2MjUsOS41IDEyLjU2MjUsMTAuMzk2ODc1IDEyLjU2MjUsMTEuNSBDMTIuNTYyNSwxMi42MDMxMjUgMTEuNjY1NjI1LDEzLjUgMTAuNTYyNSwxMy41IEM5LjQ1OTM3NSwxMy41IDguNTYyNSwxMi42MDMxMjUgOC41NjI1LDExLjUgQzguNTYyNSwxMC4zOTY4NzUgOS40NTkzNzUsOS41IDEwLjU2MjUsOS41IFogTTI2LjYyMTg3NSwyMy4xNTkzNzUgQzI2LjU3ODEyNSwyMy4xOTY4NzUgMjYuNTE4NzUsMjMuMjE4NzUgMjYuNDU5Mzc1LDIzLjIxODc1IEw1LjUzNzUsMjMuMjE4NzUgQzUuNCwyMy4yMTg3NSA1LjI4NzUsMjMuMTA2MjUgNS4yODc1LDIyLjk2ODc1IEM1LjI4NzUsMjIuOTA5Mzc1IDUuMzA5Mzc1LDIyLjg1MzEyNSA1LjM0Njg3NSwyMi44MDYyNSBMMTAuNjY4NzUsMTYuNDkzNzUgQzEwLjc1NjI1LDE2LjM4NzUgMTAuOTE1NjI1LDE2LjM3NSAxMS4wMjE4NzUsMTYuNDYyNSBDMTEuMDMxMjUsMTYuNDcxODc1IDExLjA0Mzc1LDE2LjQ4MTI1IDExLjA1MzEyNSwxNi40OTM3NSBMMTQuMTU5Mzc1LDIwLjE4MTI1IEwxOS4xLDE0LjMyMTg3NSBDMTkuMTg3NSwxNC4yMTU2MjUgMTkuMzQ2ODc1LDE0LjIwMzEyNSAxOS40NTMxMjUsMTQuMjkwNjI1IEMxOS40NjI1LDE0LjMgMTkuNDc1LDE0LjMwOTM3NSAxOS40ODQzNzUsMTQuMzIxODc1IEwyNi42NTkzNzUsMjIuODA5Mzc1IEMyNi43NDA2MjUsMjIuOTEyNSAyNi43MjgxMjUsMjMuMDcxODc1IDI2LjYyMTg3NSwyMy4xNTkzNzUgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRThFOEU4Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)}.paraui-v4-image-placeholder{position:absolute;inset:0}.paraui-v4-image-mask{position:absolute;inset:0;background:#0000004d;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .3s}.paraui-v4-image:hover .paraui-v4-image-mask{opacity:1}.paraui-v4-image-preview{text-align:center;height:100%;pointer-events:none}.paraui-v4-image-preview-body{position:absolute;inset:0;overflow:hidden}.paraui-v4-image-preview.zoom-enter,.paraui-v4-image-preview.zoom-appear{transform:none;opacity:0;animation-duration:.3s}.paraui-v4-image-preview-mask{position:fixed;inset:0;height:100%;background-color:#1d212666}.paraui-v4-image-preview-mask-hidden{display:none}.paraui-v4-image-preview-img{cursor:grab;transform:scaleZ(1);transition:transform .3s cubic-bezier(0,0,.25,1) 0s;-webkit-user-select:none;user-select:none;vertical-align:middle;max-width:100%;max-height:70%}.paraui-v4-image-preview-img-wrapper{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.paraui-v4-image-preview-img-wrapper>*{pointer-events:auto}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img{cursor:grabbing}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img-wrapper{transition-duration:0s}.paraui-v4-image-preview-wrap{position:fixed;inset:0;z-index:1000;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.paraui-v4-image-preview-close{position:fixed;top:30px;right:30px;display:flex;background-color:transparent;outline:0;border:0;cursor:pointer}.paraui-v4-image-preview-close svg{color:#ffffff80;font-size:50px}.paraui-v4-image-preview-close:hover svg{color:#ffffff4d}.paraui-v4-image-preview-operations-wrapper{position:fixed;z-index:1001}.paraui-v4-image-preview-footer{position:fixed;z-index:1001;bottom:32px;left:0;width:100%;display:flex;flex-direction:column;align-items:center}.paraui-v4-image-preview-progress{margin-bottom:20px;color:#fff}.paraui-v4-image-preview-operations{display:flex;background:#1d2126e6;border-radius:4px;padding:0 8px}.paraui-v4-image-preview-operations-operation{padding:8px;cursor:pointer}.paraui-v4-image-preview-operations-operation svg{color:#fff;transition:all .3s;font-size:24px;vertical-align:top}.paraui-v4-image-preview-operations-operation:hover svg{background-color:#ffffff4d;border-radius:2px}.paraui-v4-image-preview-operations-operation-disabled{pointer-events:none;color:#a1a8b3}.paraui-v4-image-preview-operations-operation-disabled svg{color:#a1a8b3}.paraui-v4-image-preview-operations-operation:first-of-type{margin-left:0}.paraui-v4-image-preview-switch-left-disabled svg:hover,.paraui-v4-image-preview-switch-right-disabled svg:hover{color:#1d212666}.paraui-v4-image-preview-switch-left,.paraui-v4-image-preview-switch-right{width:30px;height:30px;margin-top:-15px;top:50%;position:fixed;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001;cursor:pointer}.paraui-v4-image-preview-switch-left svg,.paraui-v4-image-preview-switch-right svg{font-size:50px;color:#ffffff80}.paraui-v4-image-preview-switch-left svg:hover,.paraui-v4-image-preview-switch-right svg:hover{color:#ffffff4d}.paraui-v4-image-preview-switch-left-disabled,.paraui-v4-image-preview-switch-right-disabled{cursor:not-allowed}.paraui-v4-image-preview-switch-left-disabled>.anticon,.paraui-v4-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.paraui-v4-image-preview-switch-left>.anticon,.paraui-v4-image-preview-switch-right>.anticon{font-size:30px}.paraui-v4-image-preview-switch-left{left:40px}.paraui-v4-image-preview-switch-right{position:fixed;right:40px}.fade-enter,.fade-appear,.fade-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.fade-enter.fade-enter-active,.fade-appear.fade-appear-active{animation-name:rcImageFadeIn;animation-play-state:running}.fade-leave.fade-leave-active{animation-name:rcImageFadeOut;animation-play-state:running;pointer-events:none}.fade-enter,.fade-appear{opacity:0;animation-timing-function:linear}.fade-leave{animation-timing-function:linear}@keyframes rcImageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rcImageFadeOut{0%{opacity:1}to{opacity:0}}.zoom-enter,.zoom-appear,.zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.zoom-enter.zoom-enter-active,.zoom-appear.zoom-appear-active{animation-name:rcImageZoomIn;animation-play-state:running}.zoom-leave.zoom-leave-active{animation-name:rcImageZoomOut;animation-play-state:running;pointer-events:none}.zoom-enter,.zoom-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@keyframes rcImageZoomIn{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rcImageZoomOut{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}

package/es/Image/index.js

@@ -4,7 +4,7 @@ import s from "../_virtual/index2.js";
 import u from "rc-image";
 import v, { icons as P } from "./PreviewGroup.js";
 import { $prefixCls as w } from "../GlobalContext/constant.js";
-import N from "@para-ui/icons/PreviewOpen";
+import { PreviewOpen as N } from "../node_modules/@para-ui/icons/PreviewOpen/index.js";
 import './index.css';/* empty css           */
 const o = `${w}-image`, d = (t) => {
   const { prefixCls: j, preview: e, className: m, rootClassName: i, style: a = {}, ...p } = t, l = g.useMemo(() => {

package/es/Image/style/index.css

@@ -1 +1 @@
-.paraui-v4-image{display:inline-flex;position:relative}.paraui-v4-image-img{width:100%;height:auto}.paraui-v4-image-img-placeholder{background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjggMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pbWFnZS1maWxs5aSH5Lu9PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Iuafpeeci+WbvueJh+S8mOWMljQuMCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWKoOi9veWbvueJhyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3Mi4wMDAwMDAsIC01MDYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpbWFnZS1maWxs5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NzAuMDAwMDAwLCA1MDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOSw1IEwzLDUgQzIuNDQ2ODc1LDUgMiw1LjQ0Njg3NSAyLDYgTDIsMjYgQzIsMjYuNTUzMTI1IDIuNDQ2ODc1LDI3IDMsMjcgTDI5LDI3IEMyOS41NTMxMjUsMjcgMzAsMjYuNTUzMTI1IDMwLDI2IEwzMCw2IEMzMCw1LjQ0Njg3NSAyOS41NTMxMjUsNSAyOSw1IFogTTEwLjU2MjUsOS41IEMxMS42NjU2MjUsOS41IDEyLjU2MjUsMTAuMzk2ODc1IDEyLjU2MjUsMTEuNSBDMTIuNTYyNSwxMi42MDMxMjUgMTEuNjY1NjI1LDEzLjUgMTAuNTYyNSwxMy41IEM5LjQ1OTM3NSwxMy41IDguNTYyNSwxMi42MDMxMjUgOC41NjI1LDExLjUgQzguNTYyNSwxMC4zOTY4NzUgOS40NTkzNzUsOS41IDEwLjU2MjUsOS41IFogTTI2LjYyMTg3NSwyMy4xNTkzNzUgQzI2LjU3ODEyNSwyMy4xOTY4NzUgMjYuNTE4NzUsMjMuMjE4NzUgMjYuNDU5Mzc1LDIzLjIxODc1IEw1LjUzNzUsMjMuMjE4NzUgQzUuNCwyMy4yMTg3NSA1LjI4NzUsMjMuMTA2MjUgNS4yODc1LDIyLjk2ODc1IEM1LjI4NzUsMjIuOTA5Mzc1IDUuMzA5Mzc1LDIyLjg1MzEyNSA1LjM0Njg3NSwyMi44MDYyNSBMMTAuNjY4NzUsMTYuNDkzNzUgQzEwLjc1NjI1LDE2LjM4NzUgMTAuOTE1NjI1LDE2LjM3NSAxMS4wMjE4NzUsMTYuNDYyNSBDMTEuMDMxMjUsMTYuNDcxODc1IDExLjA0Mzc1LDE2LjQ4MTI1IDExLjA1MzEyNSwxNi40OTM3NSBMMTQuMTU5Mzc1LDIwLjE4MTI1IEwxOS4xLDE0LjMyMTg3NSBDMTkuMTg3NSwxNC4yMTU2MjUgMTkuMzQ2ODc1LDE0LjIwMzEyNSAxOS40NTMxMjUsMTQuMjkwNjI1IEMxOS40NjI1LDE0LjMgMTkuNDc1LDE0LjMwOTM3NSAxOS40ODQzNzUsMTQuMzIxODc1IEwyNi42NTkzNzUsMjIuODA5Mzc1IEMyNi43NDA2MjUsMjIuOTEyNSAyNi43MjgxMjUsMjMuMDcxODc1IDI2LjYyMTg3NSwyMy4xNTkzNzUgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRThFOEU4Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)}.paraui-v4-image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0}.paraui-v4-image-mask{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .3s}.paraui-v4-image:hover .paraui-v4-image-mask{opacity:1}.paraui-v4-image-preview{text-align:center;height:100%;pointer-events:none}.paraui-v4-image-preview-body{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.paraui-v4-image-preview.zoom-enter,.paraui-v4-image-preview.zoom-appear{transform:none;opacity:0;animation-duration:.3s}.paraui-v4-image-preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;background-color:rgba(29,33,38,.4)}.paraui-v4-image-preview-mask-hidden{display:none}.paraui-v4-image-preview-img{cursor:grab;transform:scale3d(1, 1, 1);transition:transform .3s cubic-bezier(0, 0, 0.25, 1) 0s;user-select:none;vertical-align:middle;max-width:100%;max-height:70%}.paraui-v4-image-preview-img-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.paraui-v4-image-preview-img-wrapper>*{pointer-events:auto}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img{cursor:grabbing}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img-wrapper{transition-duration:0s}.paraui-v4-image-preview-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.paraui-v4-image-preview-close{position:fixed;top:30px;right:30px;display:flex;background-color:rgba(0,0,0,0);outline:0;border:0;cursor:pointer}.paraui-v4-image-preview-close svg{color:rgba(255,255,255,.5);font-size:50px}.paraui-v4-image-preview-close:hover svg{color:rgba(255,255,255,.3)}.paraui-v4-image-preview-operations-wrapper{position:fixed;z-index:1001}.paraui-v4-image-preview-footer{position:fixed;z-index:1001;bottom:32px;left:0;width:100%;display:flex;flex-direction:column;align-items:center}.paraui-v4-image-preview-progress{margin-bottom:20px;color:#fff}.paraui-v4-image-preview-operations{display:flex;background:rgba(29,33,38,.9);border-radius:4px;padding:0 8px}.paraui-v4-image-preview-operations-operation{padding:8px;cursor:pointer}.paraui-v4-image-preview-operations-operation svg{color:#fff;transition:all .3s;font-size:24px;vertical-align:top}.paraui-v4-image-preview-operations-operation:hover svg{background-color:rgba(255,255,255,.3);border-radius:2px}.paraui-v4-image-preview-operations-operation-disabled{pointer-events:none;color:#a1a8b3}.paraui-v4-image-preview-operations-operation-disabled svg{color:#a1a8b3}.paraui-v4-image-preview-operations-operation:first-of-type{margin-left:0}.paraui-v4-image-preview-switch-left,.paraui-v4-image-preview-switch-right{width:30px;height:30px;margin-top:-15px;top:50%;position:fixed;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001;cursor:pointer}.paraui-v4-image-preview-switch-left-disabled svg:hover,.paraui-v4-image-preview-switch-right-disabled svg:hover{color:rgba(29,33,38,.4)}.paraui-v4-image-preview-switch-left svg,.paraui-v4-image-preview-switch-right svg{font-size:50px;color:rgba(255,255,255,.5)}.paraui-v4-image-preview-switch-left svg:hover,.paraui-v4-image-preview-switch-right svg:hover{color:rgba(255,255,255,.3)}.paraui-v4-image-preview-switch-left-disabled,.paraui-v4-image-preview-switch-right-disabled{cursor:not-allowed}.paraui-v4-image-preview-switch-left-disabled>.anticon,.paraui-v4-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.paraui-v4-image-preview-switch-left>.anticon,.paraui-v4-image-preview-switch-right>.anticon{font-size:30px}.paraui-v4-image-preview-switch-left{left:40px}.paraui-v4-image-preview-switch-right{position:fixed;right:40px}.fade-enter,.fade-appear{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.fade-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.fade-enter.fade-enter-active,.fade-appear.fade-appear-active{animation-name:rcImageFadeIn;animation-play-state:running}.fade-leave.fade-leave-active{animation-name:rcImageFadeOut;animation-play-state:running;pointer-events:none}.fade-enter,.fade-appear{opacity:0;animation-timing-function:linear}.fade-leave{animation-timing-function:linear}@keyframes rcImageFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes rcImageFadeOut{0%{opacity:1}100%{opacity:0}}.zoom-enter,.zoom-appear{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.zoom-enter.zoom-enter-active,.zoom-appear.zoom-appear-active{animation-name:rcImageZoomIn;animation-play-state:running}.zoom-leave.zoom-leave-active{animation-name:rcImageZoomOut;animation-play-state:running;pointer-events:none}.zoom-enter,.zoom-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1)}.zoom-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86)}@keyframes rcImageZoomIn{0%{transform:scale(0.2);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes rcImageZoomOut{0%{transform:scale(1)}100%{transform:scale(0.2);opacity:0}}
+.paraui-v4-image{display:inline-flex;position:relative}.paraui-v4-image-img{width:100%;height:auto}.paraui-v4-image-img-placeholder{background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjggMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pbWFnZS1maWxs5aSH5Lu9PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Iuafpeeci+WbvueJh+S8mOWMljQuMCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWKoOi9veWbvueJhyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3Mi4wMDAwMDAsIC01MDYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpbWFnZS1maWxs5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NzAuMDAwMDAwLCA1MDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOSw1IEwzLDUgQzIuNDQ2ODc1LDUgMiw1LjQ0Njg3NSAyLDYgTDIsMjYgQzIsMjYuNTUzMTI1IDIuNDQ2ODc1LDI3IDMsMjcgTDI5LDI3IEMyOS41NTMxMjUsMjcgMzAsMjYuNTUzMTI1IDMwLDI2IEwzMCw2IEMzMCw1LjQ0Njg3NSAyOS41NTMxMjUsNSAyOSw1IFogTTEwLjU2MjUsOS41IEMxMS42NjU2MjUsOS41IDEyLjU2MjUsMTAuMzk2ODc1IDEyLjU2MjUsMTEuNSBDMTIuNTYyNSwxMi42MDMxMjUgMTEuNjY1NjI1LDEzLjUgMTAuNTYyNSwxMy41IEM5LjQ1OTM3NSwxMy41IDguNTYyNSwxMi42MDMxMjUgOC41NjI1LDExLjUgQzguNTYyNSwxMC4zOTY4NzUgOS40NTkzNzUsOS41IDEwLjU2MjUsOS41IFogTTI2LjYyMTg3NSwyMy4xNTkzNzUgQzI2LjU3ODEyNSwyMy4xOTY4NzUgMjYuNTE4NzUsMjMuMjE4NzUgMjYuNDU5Mzc1LDIzLjIxODc1IEw1LjUzNzUsMjMuMjE4NzUgQzUuNCwyMy4yMTg3NSA1LjI4NzUsMjMuMTA2MjUgNS4yODc1LDIyLjk2ODc1IEM1LjI4NzUsMjIuOTA5Mzc1IDUuMzA5Mzc1LDIyLjg1MzEyNSA1LjM0Njg3NSwyMi44MDYyNSBMMTAuNjY4NzUsMTYuNDkzNzUgQzEwLjc1NjI1LDE2LjM4NzUgMTAuOTE1NjI1LDE2LjM3NSAxMS4wMjE4NzUsMTYuNDYyNSBDMTEuMDMxMjUsMTYuNDcxODc1IDExLjA0Mzc1LDE2LjQ4MTI1IDExLjA1MzEyNSwxNi40OTM3NSBMMTQuMTU5Mzc1LDIwLjE4MTI1IEwxOS4xLDE0LjMyMTg3NSBDMTkuMTg3NSwxNC4yMTU2MjUgMTkuMzQ2ODc1LDE0LjIwMzEyNSAxOS40NTMxMjUsMTQuMjkwNjI1IEMxOS40NjI1LDE0LjMgMTkuNDc1LDE0LjMwOTM3NSAxOS40ODQzNzUsMTQuMzIxODc1IEwyNi42NTkzNzUsMjIuODA5Mzc1IEMyNi43NDA2MjUsMjIuOTEyNSAyNi43MjgxMjUsMjMuMDcxODc1IDI2LjYyMTg3NSwyMy4xNTkzNzUgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRThFOEU4Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)}.paraui-v4-image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0}.paraui-v4-image-mask{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .3s}.paraui-v4-image:hover .paraui-v4-image-mask{opacity:1}.paraui-v4-image-preview{text-align:center;height:100%;pointer-events:none}.paraui-v4-image-preview-body{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.paraui-v4-image-preview.zoom-enter,.paraui-v4-image-preview.zoom-appear{transform:none;opacity:0;animation-duration:.3s}.paraui-v4-image-preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;background-color:rgba(29,33,38,.4)}.paraui-v4-image-preview-mask-hidden{display:none}.paraui-v4-image-preview-img{cursor:grab;transform:scale3d(1, 1, 1);transition:transform .3s cubic-bezier(0, 0, 0.25, 1) 0s;user-select:none;vertical-align:middle;max-width:100%;max-height:70%}.paraui-v4-image-preview-img-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.paraui-v4-image-preview-img-wrapper>*{pointer-events:auto}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img{cursor:grabbing}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img-wrapper{transition-duration:0s}.paraui-v4-image-preview-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.paraui-v4-image-preview-close{position:fixed;top:30px;right:30px;display:flex;background-color:rgba(0,0,0,0);outline:0;border:0;cursor:pointer}.paraui-v4-image-preview-close svg{color:hsla(0,0%,100%,.5);font-size:50px}.paraui-v4-image-preview-close:hover svg{color:hsla(0,0%,100%,.3)}.paraui-v4-image-preview-operations-wrapper{position:fixed;z-index:1001}.paraui-v4-image-preview-footer{position:fixed;z-index:1001;bottom:32px;left:0;width:100%;display:flex;flex-direction:column;align-items:center}.paraui-v4-image-preview-progress{margin-bottom:20px;color:#fff}.paraui-v4-image-preview-operations{display:flex;background:rgba(29,33,38,.9);border-radius:4px;padding:0 8px}.paraui-v4-image-preview-operations-operation{padding:8px;cursor:pointer}.paraui-v4-image-preview-operations-operation svg{color:#fff;transition:all .3s;font-size:24px;vertical-align:top}.paraui-v4-image-preview-operations-operation:hover svg{background-color:hsla(0,0%,100%,.3);border-radius:2px}.paraui-v4-image-preview-operations-operation-disabled{pointer-events:none;color:#a1a8b3}.paraui-v4-image-preview-operations-operation-disabled svg{color:#a1a8b3}.paraui-v4-image-preview-operations-operation:first-of-type{margin-left:0}.paraui-v4-image-preview-switch-left-disabled svg:hover,.paraui-v4-image-preview-switch-right-disabled svg:hover{color:rgba(29,33,38,.4)}.paraui-v4-image-preview-switch-left,.paraui-v4-image-preview-switch-right{width:30px;height:30px;margin-top:-15px;top:50%;position:fixed;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001;cursor:pointer}.paraui-v4-image-preview-switch-left svg,.paraui-v4-image-preview-switch-right svg{font-size:50px;color:hsla(0,0%,100%,.5)}.paraui-v4-image-preview-switch-left svg:hover,.paraui-v4-image-preview-switch-right svg:hover{color:hsla(0,0%,100%,.3)}.paraui-v4-image-preview-switch-left-disabled,.paraui-v4-image-preview-switch-right-disabled{cursor:not-allowed}.paraui-v4-image-preview-switch-left-disabled>.anticon,.paraui-v4-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.paraui-v4-image-preview-switch-left>.anticon,.paraui-v4-image-preview-switch-right>.anticon{font-size:30px}.paraui-v4-image-preview-switch-left{left:40px}.paraui-v4-image-preview-switch-right{position:fixed;right:40px}.fade-enter,.fade-appear{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.fade-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.fade-enter.fade-enter-active,.fade-appear.fade-appear-active{animation-name:rcImageFadeIn;animation-play-state:running}.fade-leave.fade-leave-active{animation-name:rcImageFadeOut;animation-play-state:running;pointer-events:none}.fade-enter,.fade-appear{opacity:0;animation-timing-function:linear}.fade-leave{animation-timing-function:linear}@keyframes rcImageFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes rcImageFadeOut{0%{opacity:1}100%{opacity:0}}.zoom-enter,.zoom-appear{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.zoom-enter.zoom-enter-active,.zoom-appear.zoom-appear-active{animation-name:rcImageZoomIn;animation-play-state:running}.zoom-leave.zoom-leave-active{animation-name:rcImageZoomOut;animation-play-state:running;pointer-events:none}.zoom-enter,.zoom-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1)}.zoom-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86)}@keyframes rcImageZoomIn{0%{transform:scale(0.2);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes rcImageZoomOut{0%{transform:scale(1)}100%{transform:scale(0.2);opacity:0}}

package/es/InputCode/index.js

@@ -1,6 +1,6 @@
 import { InputCodeCard as t } from "./inputCodeCard/index.js";
 import { InputCodeInput as o } from "./inputCodeInput/index.js";
-import '../CodeEditor/index.css';/* empty css           */
+import './index.css';/* empty css           */
 const n = {
   Card: t,
   Input: o

package/es/InputLang/index.js

@@ -5,7 +5,7 @@ import ve from "../HelperText/index.js";
 import { MultiBox as xe } from "../MultiBox/index.js";
 import ye from "../AutoTips/index.js";
 import { Popover as je } from "../Popover/index.js";
-import Le from "@para-ui/icons/Internet";
+import { Internet as Le } from "../node_modules/@para-ui/icons/Internet/index.js";
 import { GetLanguage as Ce, ArrayToObject as Me } from "@paraview/lib";
 import { $prefixCls as g } from "../GlobalContext/constant.js";
 import Ne from "../Hooks/useGlobalProps.js";