@para-ui/core 4.0.0-rc → 4.0.0-rc.1

package/Selector/index.js

@@ -170,7 +170,7 @@ var SelectorNode = function SelectorNode(props) {
   var handImg = function handImg() {
     if (!img) return null;
     var imgDom = img;
-    if (typeof img === "string") imgDom = jsx("img", {
+    if (typeof img === 'string') imgDom = jsx("img", {
       src: img
     });
     return jsx("span", Object.assign({
@@ -182,13 +182,13 @@ var SelectorNode = function SelectorNode(props) {
   /** 处理选择框 */
   var handSelectDom = function handSelectDom() {
     if (selectMode === 'radio') return jsx(Radio, {
-      size: "small",
+      size: 'small',
       className: 'selector-node-radio',
       checked: checked,
       disabled: disabled
     });
     if (selectMode === 'check') return jsx(Checkbox, {
-      size: "small",
+      size: 'small',
       className: 'selector-node-check',
       checked: checked,
       disabled: disabled,
@@ -212,7 +212,7 @@ var SelectorNode = function SelectorNode(props) {
       content: handDetailDom(),
       trigger: 'hover',
       placement: 'bottomRight',
-      overlayClassName: $prefixCls + '-selector-detail',
+      overlayClassName: "".concat($prefixCls, "-selector-detail"),
       onVisibleChange: onVisibleChange
     }, {
       children: jsx("span", Object.assign({
@@ -295,13 +295,13 @@ var SelectorNode = function SelectorNode(props) {
   };
   /** 处理className */
   var handClass = function handClass() {
-    var str = $prefixCls + '-selector-node';
+    var str = "".concat($prefixCls, "-selector-node");
     str += " ".concat($prefixCls, "-selector-node-").concat(useCase);
     str += " ".concat($prefixCls, "-selector-node-").concat(nodeMode);
     if (disabled) str += " ".concat($prefixCls, "-selector-node-disabled");
     if (disabledChild) str += " ".concat($prefixCls, "-selector-node-disabled-child");
     if (img) str += " ".concat($prefixCls, "-selector-node-img");
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsxs("div", Object.assign({
@@ -493,7 +493,7 @@ var SelectorMainContent = function SelectorMainContent(props) {
   /** 全选 */
   var handAllCheck = function handAllCheck() {
     // 只存在复选框模式
-    if (!isAllCheck || selectMode !== "check") return null;
+    if (!isAllCheck || selectMode !== 'check') return null;
     var checkJson = handAllCheckFunc();
     var onAllCheckCom = function onAllCheckCom() {
       var bol = true;
@@ -657,7 +657,7 @@ var SelectorMainContent = function SelectorMainContent(props) {
         className: "selector-main-list-no-data"
       }, {
         children: jsx(Empty, Object.assign({}, emptyProps, {
-          size: (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) || "small"
+          size: (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) || 'small'
         }))
       }));
     }
@@ -680,9 +680,9 @@ var SelectorMainContent = function SelectorMainContent(props) {
   };
   var handClass = function handClass() {
     var str = 'selector-main-content';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     if (disabled) str += ' selector-main-content-disabled';
-    if (isAllCheck && selectMode === "check") str += ' selector-main-content-all-check';
+    if (isAllCheck && selectMode === 'check') str += ' selector-main-content-all-check';
     if (loadMore) str += ' selector-main-content-load-more';
     return str;
   };
@@ -897,8 +897,8 @@ var SelectorMain = function SelectorMain(props) {
   };
   // 处理class
   var handClass = function handClass() {
-    var str = $prefixCls + '-selector-main';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-selector-main");
+    if (className) str += " ".concat(className);
     if (selectMode === 'check') str += " ".concat($prefixCls, "-selector-main-select");
     if (showSearch) str += " ".concat($prefixCls, "-selector-main-show-search");
     if (search) str += " ".concat($prefixCls, "-selector-main-search");
@@ -1121,10 +1121,10 @@ var SelectorData = function SelectorData(props) {
     }));
   };
   var handClass = function handClass() {
-    var str = $prefixCls + '-selector-data';
+    var str = "".concat($prefixCls, "-selector-data");
     if (layout) str += " ".concat($prefixCls, "-selector-data-").concat(layout);
     if (disabled === true) str += " ".concat($prefixCls, "-selector-data-disabled");
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsx("div", Object.assign({
@@ -2130,7 +2130,7 @@ var Selector = function Selector(props) {
   // 处理className
   var handClass = function handClass() {
     var str = "".concat($prefixCls, "-selector");
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     if (layout) str += " ".concat($prefixCls, "-selector-").concat(layout);
     if (selectMode) str += " ".concat($prefixCls, "-selector-").concat(selectMode);
     if (disabled === true) str += " ".concat($prefixCls, "-selector-disabled");

package/Selector/interface.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactNode } from "react";
-import { EmptyProps } from "../Empty";
-import { ReqFuncProps } from "./util";
+import React, { ReactNode } from 'react';
+import { EmptyProps } from '../Empty';
+import { ReqFuncProps } from './util';
 /** 搜索方法 */
 export interface SearchFuncProps {
     page?: number;
@@ -385,7 +385,7 @@ export interface SelectorProps {
      * @param item 当前节点数据
      * @param bol true列表数据, false展示数据
      * */
-    detailRender?: (item: SelectorAnyJson, bol: boolean) => (Promise<ReactNode> | ReactNode);
+    detailRender?: (item: SelectorAnyJson, bol: boolean) => Promise<ReactNode> | ReactNode;
     /** 是否全选, 只存在复选框的时候 */
     isAllCheck?: boolean;
     /** 禁用 */
@@ -417,7 +417,7 @@ export interface SelectorProps {
      * @param val 搜索框的值
      * @return [] 返回平铺数组
      * */
-    onSearch?: (val: string, reqParams: SearchFuncProps) => (Promise<SearchReqDataProps> | SearchReqDataProps);
+    onSearch?: (val: string, reqParams: SearchFuncProps) => Promise<SearchReqDataProps> | SearchReqDataProps;
     /** 刷新事件 */
     onRefresh?: () => void;
     /** 选择事件 返回true不触发onChange事件
@@ -425,7 +425,7 @@ export interface SelectorProps {
      *  bol 选中/不选中
      *  isAllCheck 全选
      * */
-    onSelect?: (item: SelectorAnyJson | SelectorAnyJson[], bol: boolean, isAllCheck: boolean) => (Promise<boolean | void> | (boolean | void));
+    onSelect?: (item: SelectorAnyJson | SelectorAnyJson[], bol: boolean, isAllCheck: boolean) => Promise<boolean | void> | (boolean | void);
     /** 改变事件 val绑定值, node处理过的数据 rowData原始数据 */
     onChange?: (val: Record<string, any>[] | Record<string, any> | null, node: Record<string, any>, rowData: Record<string, any>) => void;
     [name: string]: any;

package/SelectorPicker/index.d.ts

@@ -4,10 +4,10 @@
  * @description 选择器选择
  */
 import React, { ReactNode } from 'react';
-import { HelperTextDetailProps } from "../HelperText";
-import { LabelTooltipProps } from "../Label";
-import { SelectorProps } from "../Selector/interface";
-import { TooltipProps } from "../Tooltip";
+import { HelperTextDetailProps } from '../HelperText';
+import { LabelTooltipProps } from '../Label';
+import { SelectorProps } from '../Selector/interface';
+import { TooltipProps } from '../Tooltip';
 import './index.scss';
 export interface SelectorPickerProps extends HelperTextDetailProps {
     /** className */

package/SelectorPicker/index.js

@@ -125,7 +125,7 @@ var SelectorPicker = function SelectorPicker(props) {
   var constData = useRef({
     list: []
   });
-  var prefixCls = $prefixCls + '-selector-picker';
+  var prefixCls = "".concat($prefixCls, "-selector-picker");
   constData.current.value = value;
   constData.current.valueCom = valueCom;
   constData.current.openMore = openMore;
@@ -148,10 +148,10 @@ var SelectorPicker = function SelectorPicker(props) {
     if (!overLine && multiple) {
       window.addEventListener('resize', changeSize);
     } else {
-      window.removeEventListener("resize", changeSize);
+      window.removeEventListener('resize', changeSize);
     }
     return function () {
-      window.removeEventListener("resize", changeSize);
+      window.removeEventListener('resize', changeSize);
     };
   }, [overLine, multiple]);
   useEffect(function () {
@@ -229,7 +229,7 @@ var SelectorPicker = function SelectorPicker(props) {
     return jsx("div", Object.assign({
       className: 'selector-picker-dropdown-content',
       style: {
-        width: (refDom && refDom.current ? refDom.current.offsetWidth : 0) + 'px'
+        width: "".concat(refDom && refDom.current ? refDom.current.offsetWidth : 0, "px")
       }
     }, {
       children: jsx(Selector, Object.assign({}, handSelectorProps()))
@@ -284,7 +284,7 @@ var SelectorPicker = function SelectorPicker(props) {
           }, {
             children: [jsx("span", {
               children: jsx(AutoTips, Object.assign({
-                placement: "top-start"
+                placement: 'top-start'
               }, {
                 children: renderVal || val
               }))
@@ -318,7 +318,7 @@ var SelectorPicker = function SelectorPicker(props) {
       className: 'selector-picker-wrapper-content-radio'
     }, {
       children: overLine ? resultVal : jsx(AutoTips, Object.assign({
-        placement: "top-start"
+        placement: 'top-start'
       }, {
         children: resultVal
       }))
@@ -386,7 +386,7 @@ var SelectorPicker = function SelectorPicker(props) {
           }, {
             children: [jsx("span", {
               children: jsx(AutoTips, Object.assign({
-                placement: "top-start"
+                placement: 'top-start'
               }, {
                 children: renderVal || val
               }))
@@ -404,7 +404,7 @@ var SelectorPicker = function SelectorPicker(props) {
   var handleClassMorePopover = function handleClassMorePopover() {
     var str = "".concat($prefixCls, "-selector-more-popover ").concat($prefixCls, "-scrollbar-small");
     if (size) str += " ".concat($prefixCls, "-selector-more-popover-").concat(size);
-    if (morePopoverClassName) str += ' ' + morePopoverClassName;
+    if (morePopoverClassName) str += " ".concat(morePopoverClassName);
     return str;
   };
   /** 多选超出popover */
@@ -428,7 +428,7 @@ var SelectorPicker = function SelectorPicker(props) {
       placement: 'bottomLeft',
       trigger: ['click'],
       onVisibleChange: onVisibleChange,
-      overlayClassName: $prefixCls + '-selector-picker-dropdown',
+      overlayClassName: "".concat($prefixCls, "-selector-picker-dropdown"),
       getPopupContainer: getPopupContainer
     }, {
       children: disabledTooltip ? jsx(Tooltip, Object.assign({

package/SingleBox/index.d.ts

@@ -5,8 +5,8 @@
  */
 import React, { FunctionComponent, ReactNode } from 'react';
 import { TextFieldProps } from '../TextField';
-import { LabelTooltipProps } from "../Label";
-import { HelperTextDetailProps } from "../HelperText";
+import { LabelTooltipProps } from '../Label';
+import { HelperTextDetailProps } from '../HelperText';
 import './index.scss';
 export interface SingleBoxProps extends HelperTextDetailProps {
     /** 样式class */

package/SingleBox/index.js

@@ -148,7 +148,7 @@ var SingleBox = function SingleBox(props) {
     var handLabelClass = function handLabelClass() {
       var str = 'single-box-label';
       if (labelTooltip && labelTooltip.className) {
-        str += ' ' + labelTooltip.className;
+        str += " ".concat(labelTooltip.className);
       }
       return str;
     };
@@ -162,8 +162,8 @@ var SingleBox = function SingleBox(props) {
   };
   /** 处理class */
   var handClass = function handClass() {
-    var str = $prefixCls + '-single-box';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-single-box");
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-single-box-").concat(size);
     if (disabled) str += " ".concat($prefixCls, "-single-box-disabled");
     return str;

package/Slider/interface.d.ts

@@ -3,7 +3,7 @@
  * @date 2021/11/5 下午4:05
  * @description
  */
-import React from "react";
+import React from 'react';
 export type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 interface SliderRange {
     draggableTrack?: boolean;

package/Status/index.d.ts

@@ -3,14 +3,14 @@
  * @date 2022/11/8 5:53 PM
  * @description 状态组件
  */
-import React, { FC, ReactNode } from "react";
-import "./index.scss";
-type iconType = "success" | "error";
+import React, { FC, ReactNode } from 'react';
+import './index.scss';
+type iconType = 'success' | 'error';
 export interface StatusProps {
     /** 文本 **/
     text?: ReactNode;
     /** 状态 */
-    status?: "info" | "success" | "warning" | "error" | "completed";
+    status?: 'info' | 'success' | 'warning' | 'error' | 'completed';
     /** 自定义状态图标 **/
     icon?: ReactNode | iconType;
     /** cls */

package/Status/index.js

@@ -13,7 +13,7 @@ styleInject(css_248z);
 var Status = function Status(props) {
   var text = props.text,
     _props$status = props.status,
-    status = _props$status === void 0 ? "info" : _props$status,
+    status = _props$status === void 0 ? 'info' : _props$status,
     icon = props.icon,
     className = props.className,
     style = props.style,
@@ -23,13 +23,13 @@ var Status = function Status(props) {
   // render Icon
   var renderIcon = function renderIcon() {
     if (icon) {
-      if (typeof icon === "string") {
+      if (typeof icon === 'string') {
         switch (icon) {
-          case "success":
+          case 'success':
             return jsx(CompleteIcon, {
               className: "status-icon-".concat(icon)
             });
-          case "error":
+          case 'error':
             return jsx(CloseCircleF, {
               className: "status-icon-".concat(icon)
             });

package/Stepper/index.d.ts

@@ -3,9 +3,9 @@
  * @date 2022/6/7 下午4:02
  * @description stepper
  */
-import React from "react";
-import RcSteps from "rc-steps";
-import "./index.scss";
+import React from 'react';
+import RcSteps from 'rc-steps';
+import './index.scss';
 type StepItem = string | {
     label?: React.ReactNode;
     icon?: React.ReactNode;
@@ -20,7 +20,7 @@ export interface StepperProps {
     /** 发生err的步骤 */
     errorStep?: number;
     /** 指定步骤条方向 */
-    direction?: "horizontal" | "vertical";
+    direction?: 'horizontal' | 'vertical';
     style?: React.CSSProperties;
     /**
      * 步骤条数据
@@ -40,7 +40,7 @@ export interface StepProps {
     /** 点击步骤时触发 */
     onClick?: React.MouseEventHandler<HTMLElement>;
     /** 步骤状态 */
-    status?: "wait" | "process" | "finish" | "error";
+    status?: 'wait' | 'process' | 'finish' | 'error';
     /** 禁用点击 */
     disabled?: boolean;
     /** 标题 */

package/Stepper/index.js

@@ -29,34 +29,34 @@ import '@paraview/lib';
 //默认图标
 var Icons = {
   1: jsx(One, {
-    size: 'medium'
+    size: "medium"
   }),
   2: jsx(Two, {
-    size: 'medium'
+    size: "medium"
   }),
   3: jsx(Three, {
-    size: 'medium'
+    size: "medium"
   }),
   4: jsx(Four, {
-    size: 'medium'
+    size: "medium"
   }),
   5: jsx(Five, {
-    size: 'medium'
+    size: "medium"
   }),
   6: jsx(Six, {
-    size: 'medium'
+    size: "medium"
   }),
   7: jsx(Seven, {
-    size: 'medium'
+    size: "medium"
   }),
   8: jsx(Eight, {
-    size: 'medium'
+    size: "medium"
   }),
   9: jsx(Nine, {
-    size: 'medium'
+    size: "medium"
   }),
-  'done': jsx(Check, {
-    size: 'medium'
+  done: jsx(Check, {
+    size: "medium"
   })
 };
 
@@ -70,22 +70,22 @@ var Stepper = function Stepper(props) {
     errorStep = props.errorStep,
     steps = props.steps,
     _props$direction = props.direction,
-    direction = _props$direction === void 0 ? "horizontal" : _props$direction,
+    direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
     children = props.children,
     className = props.className,
     restProps = __rest(props, ["current", "errorStep", "steps", "direction", "children", "className"]);
   var prefixCls = "".concat($rcPrefixCls, "-stepper");
   //内置finish、error 图标
   var icons = {
-    finish: Icons["done"],
-    error: Icons["done"]
+    finish: Icons['done'],
+    error: Icons['done']
   };
   //步骤图标渲染
   var stepIconRender = function stepIconRender(_ref) {
     var node = _ref.node,
       status = _ref.status;
-    if (status === "finish") {
-      return /*#__PURE__*/React__default.cloneElement(node, {}, Icons["done"]);
+    if (status === 'finish') {
+      return /*#__PURE__*/React__default.cloneElement(node, {}, Icons['done']);
     }
     return node;
   };
@@ -93,20 +93,20 @@ var Stepper = function Stepper(props) {
   var renderStep = function renderStep() {
     if (!(steps === null || steps === void 0 ? void 0 : steps.length)) return children;
     return steps.map(function (item, index) {
-      var label = "";
-      var description = "";
+      var label = '';
+      var description = '';
       var icon = null;
       var isErr = index === errorStep;
-      if (typeof item === "string") {
+      if (typeof item === 'string') {
         label = item;
         icon = isErr ? jsx(CloseIcon, {
-          size: 'medium'
+          size: "medium"
         }) : Icons[index + 1];
-      } else if (_typeof(item) === "object") {
+      } else if (_typeof(item) === 'object') {
         label = item.label;
         description = item.description;
         icon = isErr ? jsx(CloseIcon, {
-          size: 'medium'
+          size: "medium"
         }) : item.icon || Icons[index + 1];
       }
       return jsx(Stepper.Step, {
@@ -116,7 +116,7 @@ var Stepper = function Stepper(props) {
         title: jsx(AutoTips, {
           children: label
         }),
-        status: index === errorStep ? "error" : undefined,
+        status: index === errorStep ? 'error' : undefined,
         icon: icon
       }, index);
     });

package/Switch/index.d.ts

@@ -1,14 +1,14 @@
-import React, { FunctionComponent, ReactNode } from "react";
-import { LabelTooltipProps } from "../Label";
-import { TooltipProps } from "../Tooltip";
-import "./index.scss";
+import React, { FunctionComponent, ReactNode } from 'react';
+import { LabelTooltipProps } from '../Label';
+import { TooltipProps } from '../Tooltip';
+import './index.scss';
 type SwitchChangeEventHandler = (checked: boolean, event: React.MouseEvent | React.KeyboardEvent) => void;
 type SwitchClickEventHandler = SwitchChangeEventHandler;
 export interface SwitchProps {
     /**
      * 开关大小
      */
-    size?: "small" | "default";
+    size?: 'small' | 'default';
     /**
      * 类名
      */
@@ -84,11 +84,11 @@ export interface SwitchProps {
     /**
      * 标题位置
      */
-    labelPlacement?: "top" | "bottom" | "start" | "end";
+    labelPlacement?: 'top' | 'bottom' | 'start' | 'end';
     /**
      * 描述位置
      */
-    descPlacement?: "start" | "end";
+    descPlacement?: 'start' | 'end';
     /**
      * 辅助文本
      */

package/Switch/index.js

@@ -7,6 +7,7 @@ import clsx from 'clsx';
 import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-0d9802f7.js';
 import Label from '../Label/index.js';
 import { Tooltip } from '../Tooltip/index.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-adeedc13.js';
 import '../Help/index.js';
@@ -17,12 +18,27 @@ import 'react';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
+import '@para-ui/core/GlobalContext';
+
+var en = {
+  ing: 'In Progress'
+};
+
+var zh = {
+  ing: '正在进行中'
+};
+
+var localeJson = {
+  zh: zh,
+  en: 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.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}";
 styleInject(css_248z);
 
 //Switch 开关
 var Switch = function Switch(props) {
+  var intl = useFormatMessage('Switch', localeJson);
   props.size;
     var loading = props.loading,
     disabled = props.disabled,
@@ -35,11 +51,13 @@ var Switch = function Switch(props) {
     descTooltip = props.descTooltip,
     disabledTooltip = props.disabledTooltip,
     _props$loadingTitle = props.loadingTitle,
-    loadingTitle = _props$loadingTitle === void 0 ? "正在执行中" : _props$loadingTitle,
+    loadingTitle = _props$loadingTitle === void 0 ? intl({
+      id: 'ing'
+    }) : _props$loadingTitle,
     _props$labelPlacement = props.labelPlacement,
-    labelPlacement = _props$labelPlacement === void 0 ? "top" : _props$labelPlacement,
+    labelPlacement = _props$labelPlacement === void 0 ? 'top' : _props$labelPlacement,
     _props$descPlacement = props.descPlacement,
-    descPlacement = _props$descPlacement === void 0 ? "start" : _props$descPlacement,
+    descPlacement = _props$descPlacement === void 0 ? 'start' : _props$descPlacement,
     supText = props.supText,
     restProps = __rest(props, ["size", "loading", "disabled", "className", "label", "required", "desc", "labelTooltip", "descTooltip", "disabledTooltip", "loadingTitle", "labelPlacement", "descPlacement", "supText"]);
   //cls
@@ -119,7 +137,7 @@ var Switch = function Switch(props) {
         label: desc,
         required: required
       }, descTooltip, {
-        className: "".concat($rcPrefixCls, "-desc-text ").concat(disabled ? "".concat($rcPrefixCls, "-disabled-text") : "")
+        className: "".concat($rcPrefixCls, "-desc-text ").concat(disabled ? "".concat($rcPrefixCls, "-disabled-text") : '')
       })), jsxs("span", Object.assign({
         className: "".concat($prefixCls, "-label-text-container")
       }, {
@@ -127,7 +145,7 @@ var Switch = function Switch(props) {
           label: label,
           required: required
         }, labelTooltip, {
-          className: "".concat($rcPrefixCls, "-switch-text ").concat(disabled ? "".concat($rcPrefixCls, "-disabled-text") : "")
+          className: "".concat($rcPrefixCls, "-switch-text ").concat(disabled ? "".concat($rcPrefixCls, "-disabled-text") : '')
         })), renderSwitch()]
       }))]
     }));

package/Switch/lang/en_US.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    ing: string;
+};
+export default _default;

package/Switch/lang/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    zh: {
+        ing: string;
+    };
+    en: {
+        ing: string;
+    };
+};
+export default _default;

package/Switch/lang/zh_CN.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    ing: string;
+};
+export default _default;