@para-ui/core 5.0.0-beta.12 → 5.0.0-beta.13

package/es/Switch/index.js

@@ -1,75 +1,76 @@
 import { j as s } from "../_virtual/jsx-runtime.js";
-import { LoadingF as S } from "../node_modules/@para-ui/icons/LoadingF/index.js";
-import m from "rc-switch";
-import $ from "clsx";
-import { $prefixCls as a, $rcPrefixCls as e } from "../GlobalContext/constant.js";
-import j from "../Label/index.js";
-import { Tooltip as f } from "../Tooltip/index.js";
-import F from "../GlobalContext/useFormatMessage.js";
-import L from "./lang/index.js";
+import { LoadingF as F } from "../node_modules/@para-ui/icons/LoadingF/index.js";
+import x from "rc-switch";
+import j from "clsx";
+import { $prefixCls as l, $rcPrefixCls as e } from "../GlobalContext/constant.js";
+import f from "../Label/index.js";
+import { Tooltip as w } from "../Tooltip/index.js";
+import L from "../GlobalContext/useFormatMessage.js";
+import R from "./lang/index.js";
 import './index.css';/* empty css           */
-const G = (w) => {
-  const N = F("Switch", L), {
-    size: R = "default",
+const G = (u) => {
+  const N = L("Switch", R), {
+    size: c = "default",
     loading: i,
-    disabled: l,
-    className: u,
-    label: c,
-    required: x = !1,
-    desc: r,
-    labelTooltip: g,
-    descTooltip: C,
+    disabled: a,
+    className: g,
+    label: r,
+    required: h = !1,
+    desc: d,
+    labelTooltip: C,
+    descTooltip: T,
     disabledTooltip: p,
-    loadingTitle: h = N({ id: "ing" }),
-    labelPlacement: T = "top",
-    descPlacement: v = "start",
+    loadingTitle: $ = N({ id: "ing" }),
+    labelPlacement: v = "top",
+    descPlacement: P = "start",
     supText: t,
     error: q,
     ...o
-  } = w, d = $(
-    `${a}-switch`,
+  } = u, m = j(
+    `${l}-switch`,
     {
-      // [`${$prefixCls}-switch-small`]: size === 'small',
-      [`${a}-switch-loading`]: i,
-      [`${a}-switch-disabled`]: l
+      [`${l}-switch-small`]: c === "small",
+      [`${l}-switch-medium`]: c === "medium" || c === "default",
+      [`${l}-switch-loading`]: i,
+      [`${l}-switch-disabled`]: a
     },
-    u
-  ), P = $(
-    `${a}-switch-label`,
-    `${a}-switch-label-${T}`,
-    `${a}-switch-desc-${v}`
-  ), n = /* @__PURE__ */ s.jsx("div", { className: `${e}-switch-handle`, children: i && /* @__PURE__ */ s.jsx(S, { className: `${e}-switch-loading-icon` }) }), b = () => l && p ? /* @__PURE__ */ s.jsx(
-    f,
+    g
+  ), S = j(
+    `${l}-switch-label`,
+    `${l}-switch-label-${v}`,
+    `${l}-switch-desc-${P}`
+  ), n = /* @__PURE__ */ s.jsx("div", { className: `${e}-switch-handle`, children: i && /* @__PURE__ */ s.jsx(F, { className: `${e}-switch-loading-icon` }) }), b = () => a && p ? /* @__PURE__ */ s.jsx(
+    w,
     {
       disabled: !0,
       ...p,
       children: /* @__PURE__ */ s.jsxs("div", { className: `${e}-label-box`, children: [
         /* @__PURE__ */ s.jsx(
-          m,
+          x,
           {
-            className: d,
+            className: m,
             ...o,
             prefixCls: `${e}-switch`,
-            disabled: l || i,
+            disabled: a || i,
             loadingIcon: n
           }
         ),
         t && /* @__PURE__ */ s.jsx("span", { className: "sup-text", children: t })
       ] })
     }
-  ) : /* @__PURE__ */ s.jsx(s.Fragment, { children: h && i ? /* @__PURE__ */ s.jsx(
-    f,
+  ) : /* @__PURE__ */ s.jsx(s.Fragment, { children: $ && i ? /* @__PURE__ */ s.jsx(
+    w,
     {
       disabled: !0,
-      title: h,
+      title: $,
       children: /* @__PURE__ */ s.jsxs("div", { className: `${e}-label-box`, children: [
         /* @__PURE__ */ s.jsx(
-          m,
+          x,
           {
             ...o,
             prefixCls: `${e}-switch`,
-            className: d,
-            disabled: l || i,
+            className: m,
+            disabled: a || i,
             loadingIcon: n
           }
         ),
@@ -78,35 +79,35 @@ const G = (w) => {
     }
   ) : /* @__PURE__ */ s.jsxs("div", { className: `${e}-label-box`, children: [
     /* @__PURE__ */ s.jsx(
-      m,
+      x,
       {
         ...o,
         prefixCls: `${e}-switch`,
-        className: d,
-        disabled: l || i,
+        className: m,
+        disabled: a || i,
         loadingIcon: n
       }
     ),
     t && /* @__PURE__ */ s.jsx("span", { className: "sup-text", children: t })
   ] }) });
-  return c || r ? /* @__PURE__ */ s.jsxs("span", { className: P, children: [
-    r && /* @__PURE__ */ s.jsx(
-      j,
+  return r || d ? /* @__PURE__ */ s.jsxs("span", { className: S, children: [
+    d && /* @__PURE__ */ s.jsx(
+      f,
       {
-        label: r,
-        required: x,
-        ...C,
-        className: `${e}-desc-text ${l ? `${e}-disabled-text` : ""}`
+        label: d,
+        required: h,
+        ...T,
+        className: `${e}-desc-text ${a ? `${e}-disabled-text` : ""}`
       }
     ),
-    /* @__PURE__ */ s.jsxs("span", { className: `${a}-label-text-container`, children: [
-      c && /* @__PURE__ */ s.jsx(
-        j,
+    /* @__PURE__ */ s.jsxs("span", { className: `${l}-label-text-container`, children: [
+      r && /* @__PURE__ */ s.jsx(
+        f,
         {
-          label: c,
-          required: x,
-          ...g,
-          className: `${e}-switch-text ${l ? `${e}-disabled-text` : ""}`
+          label: r,
+          required: h,
+          ...C,
+          className: `${e}-switch-text ${a ? `${e}-disabled-text` : ""}`
         }
       ),
       b()

package/es/Switch/style/index.css

@@ -1 +1 @@
-.paraui-v4-switch{position:relative;display:inline-block;width:32px;height:16px;vertical-align:middle;background-color:rgba(0,0,0,0);border:0;cursor:pointer;transition:all .2s;user-select:none}.paraui-v4-switch .component-switch{border:none;cursor:pointer}.paraui-v4-switch:before{position:absolute;top:0px;left:0;width:100%;height:16px;border-radius:8px;background-color:#a1a8b3;content:"";transition:all .2s}a .paraui-v4-switch:focus{outline:0;box-shadow:none}.paraui-v4-switch.component-switch-checked:focus{box-shadow:none}.paraui-v4-switch:focus:hover{box-shadow:none}.paraui-v4-switch.component-switch-checked:before{background-color:#2e65e6}.paraui-v4-switch-loading *,.paraui-v4-switch.component-switch-disabled *{box-shadow:none}.paraui-v4-switch-loading .component-switch-inner::before,.paraui-v4-switch.component-switch-disabled .component-switch-inner::before{position:absolute;top:0px;left:0;width:100%;height:16px;background-color:hsla(0,0%,100%,.5);content:"";z-index:100}.paraui-v4-switch .component-switch-inner{display:block;margin:0 7px 0 25px;font-size:14px;transition:margin .2s}.paraui-v4-switch.component-switch-checked .component-switch-inner{margin:0 25px 0 7px}.paraui-v4-switch .component-switch-handle{position:absolute;top:2px;left:2px;width:12px;height:12px;transition:all .2s ease-in-out}.paraui-v4-switch .component-switch-handle::before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;border-radius:9px;box-shadow:none;transition:all .2s ease-in-out;content:""}.paraui-v4-switch.component-switch-checked .component-switch-handle{left:calc(100% - 14px)}.paraui-v4-switch.component-switch-checked .component-switch-handle::before{background-color:#fff}.paraui-v4-switch:not(.paraui-v4-switch-disabled):active .component-switch-handle::before{right:-30%;left:0}.paraui-v4-switch:not(.paraui-v4-switch-disabled):active.component-switch-checked .component-switch-handle::before{right:0;left:-30%}.paraui-v4-switch .component-switch-loading-icon{position:relative;top:1px;color:#2e65e6;font-size:10px;vertical-align:top;animation:switchLoadingCircle 1s infinite linear}.paraui-v4-switch.component-switch-checked .component-switch-loading-icon{color:#2e65e6}.paraui-v4-switch-small{min-width:28px;height:14px;line-height:14px}.paraui-v4-switch-small .component-switch-inner{margin:0 5px 0 18px;font-size:14px}.paraui-v4-switch-small .component-switch-handle{width:12px;height:12px;top:3px;left:2px}.paraui-v4-switch-small .component-switch-loading-icon{top:1.5px;font-size:9px}.paraui-v4-switch-small.component-switch-checked .component-switch-inner{margin:0 18px 0 5px}.paraui-v4-switch-small.component-switch-checked .component-switch-handle{left:calc(100% - 12px - 2px)}@keyframes switchLoadingCircle{100%{transform:rotate(360deg)}}.paraui-v4-switch-disabled::before{background-color:#a1a8b3}.paraui-v4-switch-disabled.component-switch-checked::before{background-color:#97b2f2}.component-label-box{display:flex;align-items:center}.component-label-box .sup-text{color:#5c6573;font-size:14px;margin-left:10px;line-height:16px}.component-label-box .sup-text>a{text-decoration:none;cursor:pointer;color:#2e65e6}.component-label-box .sup-text>a:hover{color:#5783eb}.paraui-v4-switch-label{display:inline-flex;align-items:flex-end}.paraui-v4-switch-label .component-disabled-text{color:#5c6573}.paraui-v4-switch-label .component-desc-text{margin-bottom:0;margin-right:10px;line-height:16px;color:#1d2126}.paraui-v4-switch-label .component-desc-text .paraui-v4-help{line-height:1}.paraui-v4-switch-label .component-desc-text .paraui-v4-help svg{top:0}.paraui-v4-switch-label .paraui-v4-label-text-container{display:flex;flex-direction:column}.paraui-v4-switch-desc-end{flex-direction:row-reverse}.paraui-v4-switch-desc-end .component-desc-text{margin-right:0}.component-switch-disabled>div:nth-child(1)::before{transition:all 2s ease-in-out}
+.paraui-v4-switch{position:relative;display:inline-block;width:32px;height:16px;vertical-align:middle;background-color:rgba(0,0,0,0);border:0;cursor:pointer;transition:all .2s;user-select:none}.paraui-v4-switch .component-switch{border:none;cursor:pointer}.paraui-v4-switch:before{position:absolute;top:0px;left:0;width:100%;height:16px;border-radius:8px;background-color:#a1a8b3;content:"";transition:all .2s}a .paraui-v4-switch:focus{outline:0;box-shadow:none}.paraui-v4-switch.component-switch-checked:focus{box-shadow:none}.paraui-v4-switch:focus:hover{box-shadow:none}.paraui-v4-switch.component-switch-checked:before{background-color:#2e65e6}.paraui-v4-switch-loading *,.paraui-v4-switch.component-switch-disabled *{box-shadow:none}.paraui-v4-switch-loading .component-switch-inner::before,.paraui-v4-switch.component-switch-disabled .component-switch-inner::before{position:absolute;top:0px;left:0;width:100%;height:16px;background-color:hsla(0,0%,100%,.5);content:"";z-index:100}.paraui-v4-switch .component-switch-inner{display:block;margin:0 7px 0 25px;font-size:14px;transition:margin .2s}.paraui-v4-switch.component-switch-checked .component-switch-inner{margin:0 25px 0 7px}.paraui-v4-switch .component-switch-handle{position:absolute;top:2px;left:2px;width:12px;height:12px;transition:all .2s ease-in-out}.paraui-v4-switch .component-switch-handle::before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;border-radius:9px;box-shadow:none;transition:all .2s ease-in-out;content:""}.paraui-v4-switch.component-switch-checked .component-switch-handle{left:calc(100% - 14px)}.paraui-v4-switch.component-switch-checked .component-switch-handle::before{background-color:#fff}.paraui-v4-switch:not(.paraui-v4-switch-disabled):active .component-switch-handle::before{right:-30%;left:0}.paraui-v4-switch:not(.paraui-v4-switch-disabled):active.component-switch-checked .component-switch-handle::before{right:0;left:-30%}.paraui-v4-switch .component-switch-loading-icon{position:relative;top:1px;color:#2e65e6;font-size:10px;vertical-align:top;animation:switchLoadingCircle 1s infinite linear}.paraui-v4-switch.component-switch-checked .component-switch-loading-icon{color:#2e65e6}.paraui-v4-switch-medium{min-width:32px;height:16px;line-height:16px}.paraui-v4-switch-small{min-width:28px;height:14px;line-height:14px}.paraui-v4-switch-small .component-switch-inner{margin:0 5px 0 18px;font-size:14px}.paraui-v4-switch-small .component-switch-handle{width:12px;height:12px;top:3px;left:2px}.paraui-v4-switch-small .component-switch-loading-icon{top:1.5px;font-size:9px}.paraui-v4-switch-small.component-switch-checked .component-switch-inner{margin:0 18px 0 5px}.paraui-v4-switch-small.component-switch-checked .component-switch-handle{left:calc(100% - 12px - 2px)}@keyframes switchLoadingCircle{100%{transform:rotate(360deg)}}.paraui-v4-switch-disabled::before{background-color:#a1a8b3}.paraui-v4-switch-disabled.component-switch-checked::before{background-color:#97b2f2}.component-label-box{display:flex;align-items:center}.component-label-box .sup-text{color:#5c6573;font-size:14px;margin-left:10px;line-height:16px}.component-label-box .sup-text>a{text-decoration:none;cursor:pointer;color:#2e65e6}.component-label-box .sup-text>a:hover{color:#5783eb}.paraui-v4-switch-label{display:inline-flex;align-items:flex-end}.paraui-v4-switch-label .component-disabled-text{color:#5c6573}.paraui-v4-switch-label .component-desc-text{margin-bottom:0;margin-right:10px;line-height:16px;color:#1d2126}.paraui-v4-switch-label .component-desc-text .paraui-v4-help{line-height:1}.paraui-v4-switch-label .component-desc-text .paraui-v4-help svg{top:0}.paraui-v4-switch-label .paraui-v4-label-text-container{display:flex;flex-direction:column}.paraui-v4-switch-desc-end{flex-direction:row-reverse}.paraui-v4-switch-desc-end .component-desc-text{margin-right:0}.component-switch-disabled>div:nth-child(1)::before{transition:all 2s ease-in-out}