@para-ui/core 4.0.0-rc.4 → 4.0.0-rc.6

package/Switch/index.js

@@ -1,19 +1,15 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import RcSwitch from 'rc-switch';
 import clsx from 'clsx';
-import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-5317fc89.js';
 import Label from '../Label/index.js';
 import { Tooltip } from '../Tooltip/index.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/typeof-adeedc13.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'react';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
@@ -29,44 +25,45 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/3 下午5:58\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-switch {\n  position: relative;\n  display: inline-block;\n  width: 32px;\n  height: 16px;\n  vertical-align: middle;\n  background-color: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: all 0.2s;\n  user-select: none;\n}\n.paraui-v4-switch .component-switch {\n  border: none;\n  cursor: pointer;\n}\n.paraui-v4-switch:before {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  width: 100%;\n  height: 16px;\n  border-radius: 8px;\n  background-color: rgb(212, 218, 227);\n  content: \"\";\n  transition: all 0.2s;\n}\na .paraui-v4-switch:focus {\n  outline: 0;\n  box-shadow: none;\n}\n.paraui-v4-switch.component-switch-checked:focus {\n  box-shadow: none;\n}\n.paraui-v4-switch:focus:hover {\n  box-shadow: none;\n}\n.paraui-v4-switch.component-switch-checked:before {\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-switch-loading *, .paraui-v4-switch.component-switch-disabled * {\n  box-shadow: none;\n}\n.paraui-v4-switch-loading .component-switch-inner::before, .paraui-v4-switch.component-switch-disabled .component-switch-inner::before {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  width: 100%;\n  height: 16px;\n  background-color: rgba(255, 255, 255, 0.5);\n  content: \"\";\n  z-index: 100;\n}\n.paraui-v4-switch .component-switch-inner {\n  display: block;\n  margin: 0 7px 0 25px;\n  font-size: 14px;\n  transition: margin 0.2s;\n}\n.paraui-v4-switch.component-switch-checked .component-switch-inner {\n  margin: 0 25px 0 7px;\n}\n.paraui-v4-switch .component-switch-handle {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  transition: all 0.2s ease-in-out;\n}\n.paraui-v4-switch .component-switch-handle::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: rgb(255, 255, 255);\n  border-radius: 9px;\n  box-shadow: none;\n  transition: all 0.2s ease-in-out;\n  content: \"\";\n}\n.paraui-v4-switch.component-switch-checked .component-switch-handle {\n  left: calc(100% - 14px);\n}\n.paraui-v4-switch.component-switch-checked .component-switch-handle::before {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-switch:not(.paraui-v4-switch-disabled):active .component-switch-handle::before {\n  right: -30%;\n  left: 0;\n}\n.paraui-v4-switch:not(.paraui-v4-switch-disabled):active.component-switch-checked .component-switch-handle::before {\n  right: 0;\n  left: -30%;\n}\n.paraui-v4-switch .component-switch-loading-icon {\n  position: relative;\n  top: 1px;\n  color: rgb(46, 101, 230);\n  font-size: 10px;\n  vertical-align: top;\n  animation: switchLoadingCircle 1s infinite linear;\n}\n.paraui-v4-switch.component-switch-checked .component-switch-loading-icon {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-switch-small {\n  min-width: 28px;\n  height: 14px;\n  line-height: 14px;\n}\n.paraui-v4-switch-small .component-switch-inner {\n  margin: 0 5px 0 18px;\n  font-size: 14px;\n}\n.paraui-v4-switch-small .component-switch-handle {\n  width: 12px;\n  height: 12px;\n  top: 3px;\n  left: 2px;\n}\n.paraui-v4-switch-small .component-switch-loading-icon {\n  top: 1.5px;\n  font-size: 9px;\n}\n.paraui-v4-switch-small.component-switch-checked .component-switch-inner {\n  margin: 0 18px 0 5px;\n}\n.paraui-v4-switch-small.component-switch-checked .component-switch-handle {\n  left: calc(100% - 12px - 2px);\n}\n@keyframes switchLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.paraui-v4-switch-disabled::before {\n  background-color: rgb(225, 229, 236);\n}\n.paraui-v4-switch-disabled.component-switch-checked::before {\n  background-color: rgb(151, 178, 242);\n}\n\n.component-label-box {\n  display: flex;\n  align-items: center;\n}\n.component-label-box .sup-text {\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n  margin-left: 10px;\n  line-height: 16px;\n}\n.component-label-box .sup-text > a {\n  text-decoration: none;\n  cursor: pointer;\n  color: rgb(46, 101, 230);\n}\n.component-label-box .sup-text > a:hover {\n  color: rgb(87, 131, 235);\n}\n\n.paraui-v4-switch-label {\n  display: inline-flex;\n  align-items: flex-end;\n}\n.paraui-v4-switch-label .component-disabled-text {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-switch-label .component-desc-text {\n  margin-bottom: 0;\n  margin-right: 10px;\n  line-height: 16px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-switch-label .component-desc-text .paraui-v4-help {\n  line-height: 1;\n}\n.paraui-v4-switch-label .component-desc-text .paraui-v4-help svg {\n  top: 0;\n}\n.paraui-v4-switch-label .paraui-v4-label-text-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.paraui-v4-switch-desc-end {\n  flex-direction: row-reverse;\n}\n.paraui-v4-switch-desc-end .component-desc-text {\n  margin-right: 0;\n}\n\n.component-switch-disabled > div:nth-child(1)::before {\n  transition: all 2s ease-in-out;\n}";
 styleInject(css_248z);
 
 //Switch 开关
-var Switch = function Switch(props) {
-  var _clsx;
-  var intl = useFormatMessage('Switch', localeJson);
-  props.size;
-    var loading = props.loading,
-    disabled = props.disabled,
-    className = props.className,
-    label = props.label,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    desc = props.desc,
-    labelTooltip = props.labelTooltip,
-    descTooltip = props.descTooltip,
-    disabledTooltip = props.disabledTooltip,
-    _props$loadingTitle = props.loadingTitle,
-    loadingTitle = _props$loadingTitle === void 0 ? intl({
-      id: 'ing'
-    }) : _props$loadingTitle,
-    _props$labelPlacement = props.labelPlacement,
-    labelPlacement = _props$labelPlacement === void 0 ? 'top' : _props$labelPlacement,
-    _props$descPlacement = props.descPlacement,
-    descPlacement = _props$descPlacement === void 0 ? 'start' : _props$descPlacement,
-    supText = props.supText,
+const Switch = props => {
+  const intl = useFormatMessage('Switch', localeJson);
+  const {
+      size = 'default',
+      loading,
+      disabled,
+      className,
+      label,
+      required = false,
+      desc,
+      labelTooltip,
+      descTooltip,
+      disabledTooltip,
+      loadingTitle = intl({
+        id: 'ing'
+      }),
+      labelPlacement = 'top',
+      descPlacement = 'start',
+      supText
+    } = props,
     restProps = __rest(props, ["size", "loading", "disabled", "className", "label", "required", "desc", "labelTooltip", "descTooltip", "disabledTooltip", "loadingTitle", "labelPlacement", "descPlacement", "supText"]);
   //cls
-  var classes = clsx("".concat($prefixCls, "-switch"), (_clsx = {}, _defineProperty(_clsx, "".concat($prefixCls, "-switch-loading"), loading), _defineProperty(_clsx, "".concat($prefixCls, "-switch-disabled"), disabled), _clsx), className);
+  const classes = clsx("".concat($prefixCls, "-switch"), {
+    // [`${$prefixCls}-switch-small`]: size === 'small',
+    ["".concat($prefixCls, "-switch-loading")]: loading,
+    ["".concat($prefixCls, "-switch-disabled")]: disabled
+  }, className);
   //label cls
-  var labelClasses = clsx("".concat($prefixCls, "-switch-label"), "".concat($prefixCls, "-switch-label-").concat(labelPlacement), "".concat($prefixCls, "-switch-desc-").concat(descPlacement));
+  const labelClasses = clsx("".concat($prefixCls, "-switch-label"), "".concat($prefixCls, "-switch-label-").concat(labelPlacement), "".concat($prefixCls, "-switch-desc-").concat(descPlacement));
   //loading circle
-  var loadingIcon = jsx("div", Object.assign({
+  const loadingIcon = jsx("div", Object.assign({
     className: "".concat($rcPrefixCls, "-switch-handle")
   }, {
     children: loading && jsx(LoadingOutlined, {
@@ -74,7 +71,7 @@ var Switch = function Switch(props) {
     })
   }));
   // 开关
-  var renderSwitch = function renderSwitch() {
+  const renderSwitch = () => {
     return disabled && disabledTooltip ? jsx(Tooltip, Object.assign({
       disabled: true
     }, disabledTooltip, {