@nutui/nutui-react-taro 3.0.19-beta.1 → 3.0.19-beta.2

package/dist/es/packages/step/step.js

@@ -74,7 +74,7 @@ export var Step = function(props) {
     // 内容渲染
     var renderContent = useMemo(function() {
         if (!title && !description) return null;
-        return /*#__PURE__*/ React.createElement(View, {
+        return /*#__PURE__*/ React.createElement("div", {
             className: "".concat(classPrefix, "-main")
         }, title && /*#__PURE__*/ React.createElement(View, {
             className: "".concat(classPrefix, "-title")
@@ -85,7 +85,7 @@ export var Step = function(props) {
         title,
         description
     ]);
-    return /*#__PURE__*/ React.createElement(View, {
+    return /*#__PURE__*/ React.createElement("div", {
         className: classes,
         style: style,
         onClick: handleClickStep

package/dist/es/packages/steps/steps.js

@@ -4,7 +4,6 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import React from "react";
 import classNames from "classnames";
-import { View } from "@tarojs/components";
 import { DataContext } from "./context";
 import { ComponentDefaults } from "../../utils/typings";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
@@ -35,9 +34,9 @@ export var Steps = function(props) {
     var classes = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-").concat(direction), true), _define_property(_obj, "".concat(classPrefix, "-").concat(direction, "-count-").concat(React.Children.count(children)), true), _define_property(_obj, "".concat(classPrefix, "-").concat(direction, "-").concat(layout), true), _define_property(_obj, "".concat(classPrefix, "-").concat(direction, "-").concat(type), true), _define_property(_obj, "".concat(classPrefix, "-").concat(direction, "-").concat(status), true), _obj), className);
     return /*#__PURE__*/ React.createElement(DataContext.Provider, {
         value: parentSteps
-    }, /*#__PURE__*/ React.createElement(View, {
+    }, /*#__PURE__*/ React.createElement("div", _object_spread({
         className: classes
-    }, React.Children.map(children, function(child, index) {
+    }, restProps), React.Children.map(children, function(child, index) {
         if (/*#__PURE__*/ React.isValidElement(child)) {
             return /*#__PURE__*/ React.cloneElement(child, {
                 // @ts-ignore

package/dist/es/packages/steps/style/steps.scss

@@ -84,9 +84,7 @@
 
           .nut-step-title {
             padding-right: 8px;
-            /* #ifndef dynamic*/
             width: fit-content;
-            /* #endif */
           }
         }
       }
@@ -114,12 +112,7 @@
           width: 100%;
 
           &-inner {
-            /* #ifdef dynamic*/
-            display: flex;
-            /* #endif */
-            /* #ifndef dynamic*/
             display: inline-flex;
-            /* #endif */
             height: $steps-base-line-height;
             width: 100%;
             background: $steps-base-line-background;
@@ -237,9 +230,7 @@
         align-items: center;
         height: $steps-vertical-line-height;
         font-size: $steps-vertical-title-font-size;
-        /* #ifndef dynamic*/
         overflow: auto;
-        /* #endif */
         font-weight: 500;
         margin-bottom: $steps-vertical-title-margin-bottom;
       }

package/dist/es/packages/steps/style/style.css

@@ -60,9 +60,7 @@
 }
 .nut-steps-horizontal-single .nut-step-special .nut-step-title {
   padding-right: 8px;
-  /* #ifndef dynamic*/
   width: fit-content;
-  /* #endif */
 }
 .nut-steps-horizontal-single.nut-steps-horizontal-count-3 .nut-step-special {
   padding-right: var(--nutui-steps-horizontal-item-special-3-padding-right, 9px);
@@ -83,12 +81,7 @@
   width: 100%;
 }
 .nut-steps-horizontal-double .nut-step-line-inner {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   height: var(--nutui-steps-base-line-height, 1px);
   width: 100%;
   background: var(--nutui-steps-base-line-background, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
@@ -167,10 +160,8 @@
   display: flex;
   align-items: center;
   height: var(--nutui-steps-vertical-line-height, 18px);
-  font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-size-l, 15px));
-  /* #ifndef dynamic*/
+  font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-size-l, 16px));
   overflow: auto;
-  /* #endif */
   font-weight: 500;
   margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 4px);
 }

package/dist/es/packages/steps/style/style.harmony.css

@@ -180,9 +180,7 @@
 }
 .nut-steps-horizontal-single .nut-step-special .nut-step-title {
   padding-right: 8px;
-  /* #ifndef dynamic*/
   width: fit-content;
-  /* #endif */
 }
 .nut-steps-horizontal-single.nut-steps-horizontal-count-3 .nut-step-special {
   padding-right: var(--nutui-steps-horizontal-item-special-3-padding-right, 9px);
@@ -203,12 +201,7 @@
   width: 100%;
 }
 .nut-steps-horizontal-double .nut-step-line-inner {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   height: var(--nutui-steps-base-line-height, 1px);
   width: 100%;
   background: var(--nutui-steps-base-line-background, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
@@ -287,10 +280,8 @@
   display: flex;
   align-items: center;
   height: var(--nutui-steps-vertical-line-height, 18px);
-  font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-size-l, 15px));
-  /* #ifndef dynamic*/
+  font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-size-l, 16px));
   overflow: auto;
-  /* #endif */
   font-weight: 500;
   margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 4px);
 }

package/dist/es/packages/steps/style-jmapp/steps.scss

@@ -84,9 +84,7 @@
 
           .nut-step-title {
             padding-right: 8px;
-            /* #ifndef dynamic*/
             width: fit-content;
-            /* #endif */
           }
         }
       }
@@ -114,12 +112,7 @@
           width: 100%;
 
           &-inner {
-            /* #ifdef dynamic*/
-            display: flex;
-            /* #endif */
-            /* #ifndef dynamic*/
             display: inline-flex;
-            /* #endif */
             height: $steps-base-line-height;
             width: 100%;
             background: $steps-base-line-background;
@@ -237,9 +230,7 @@
         align-items: center;
         height: $steps-vertical-line-height;
         font-size: $steps-vertical-title-font-size;
-        /* #ifndef dynamic*/
         overflow: auto;
-        /* #endif */
         font-weight: 500;
         margin-bottom: $steps-vertical-title-margin-bottom;
       }

package/dist/es/packages/steps/style-jmapp/style.css

@@ -60,9 +60,7 @@
 }
 .nut-steps-horizontal-single .nut-step-special .nut-step-title {
   padding-right: 8px;
-  /* #ifndef dynamic*/
   width: fit-content;
-  /* #endif */
 }
 .nut-steps-horizontal-single.nut-steps-horizontal-count-3 .nut-step-special {
   padding-right: var(--nutui-steps-horizontal-item-special-3-padding-right, 9px);
@@ -83,12 +81,7 @@
   width: 100%;
 }
 .nut-steps-horizontal-double .nut-step-line-inner {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   height: var(--nutui-steps-base-line-height, 1px);
   width: 100%;
   background: var(--nutui-steps-base-line-background, var(--nutui-color-border));
@@ -168,9 +161,7 @@
   align-items: center;
   height: var(--nutui-steps-vertical-line-height, 18px);
   font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-text-large));
-  /* #ifndef dynamic*/
   overflow: auto;
-  /* #endif */
   font-weight: 500;
   margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 4px);
 }

package/dist/es/packages/steps/style-jrkf/steps.scss

@@ -84,9 +84,7 @@
 
           .nut-step-title {
             padding-right: 8px;
-            /* #ifndef dynamic*/
             width: fit-content;
-            /* #endif */
           }
         }
       }
@@ -114,12 +112,7 @@
           width: 100%;
 
           &-inner {
-            /* #ifdef dynamic*/
-            display: flex;
-            /* #endif */
-            /* #ifndef dynamic*/
             display: inline-flex;
-            /* #endif */
             height: $steps-base-line-height;
             width: 100%;
             background: $steps-base-line-background;
@@ -237,9 +230,7 @@
         align-items: center;
         height: $steps-vertical-line-height;
         font-size: $steps-vertical-title-font-size;
-        /* #ifndef dynamic*/
         overflow: auto;
-        /* #endif */
         font-weight: 500;
         margin-bottom: $steps-vertical-title-margin-bottom;
       }

package/dist/es/packages/steps/style-jrkf/style.css

@@ -60,9 +60,7 @@
 }
 .nut-steps-horizontal-single .nut-step-special .nut-step-title {
   padding-right: 8px;
-  /* #ifndef dynamic*/
   width: fit-content;
-  /* #endif */
 }
 .nut-steps-horizontal-single.nut-steps-horizontal-count-3 .nut-step-special {
   padding-right: var(--nutui-steps-horizontal-item-special-3-padding-right, 9px);
@@ -83,12 +81,7 @@
   width: 100%;
 }
 .nut-steps-horizontal-double .nut-step-line-inner {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   height: var(--nutui-steps-base-line-height, 1px);
   width: 100%;
   background: var(--nutui-steps-base-line-background, var(--nutui-color-border));
@@ -168,9 +161,7 @@
   align-items: center;
   height: var(--nutui-steps-vertical-line-height, 18px);
   font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-text-large));
-  /* #ifndef dynamic*/
   overflow: auto;
-  /* #endif */
   font-weight: 500;
   margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 4px);
 }

package/dist/es/packages/swipe/swipe.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SwipeRef, TaroSwipeProps } from "../../types";
-export declare const Swipe: React.ForwardRefExoticComponent<Partial<TaroSwipeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onTouchEnd" | "onTouchMove" | "onTouchStart"> & React.RefAttributes<SwipeRef>>;
+export declare const Swipe: React.ForwardRefExoticComponent<Partial<TaroSwipeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onTouchStart" | "onTouchMove" | "onTouchEnd"> & React.RefAttributes<SwipeRef>>;

package/dist/es/packages/swipe/swipe.js

@@ -3,13 +3,13 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
-import { nextTick, useReady } from "@tarojs/taro";
 import { useTouch } from "../../hooks/use-touch";
 import { getRectInMultiPlatform } from "../../utils/taro/get-rect";
 import { ComponentDefaults } from "../../utils/typings";
+import { harmony } from "../../utils/taro/platform";
 import { useRefState } from "../../hooks/use-ref-state";
 import { useUuid } from "../../hooks/use-uuid";
 function preventDefault(event, isStopPropagation) {
@@ -29,9 +29,97 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
     var uid = useUuid();
     var leftId = "swipe-left-".concat(uid);
     var rightId = "swipe-right-".concat(uid);
-    var getWidth = function() {
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style;
+    var root = useRef();
+    var opened = useRef(false);
+    var lockClick = useRef(false);
+    var startOffset = useRef(0);
+    var _useState = _sliced_to_array(useState({
+        offset: 0,
+        dragging: false
+    }), 2), state = _useState[0], setState = _useState[1];
+    var _useRefState = _sliced_to_array(useRefState({
+        left: 0,
+        right: 0
+    }), 2), actionWidth = _useRefState[0], updateState = _useRefState[1];
+    var setActionWidth = useCallback(function(fn) {
+        var res = fn();
+        if (res.left !== undefined) {
+            updateState(_object_spread_props(_object_spread({}, actionWidth.current), {
+                left: res.left
+            }));
+        }
+        if (res.right !== undefined) {
+            updateState(_object_spread_props(_object_spread({}, actionWidth.current), {
+                right: res.right
+            }));
+        }
+    }, [
+        actionWidth,
+        updateState
+    ]);
+    // 获取元素的时候要在页面 onReady 后，需要参考小程序的事件周期
+    useLayoutEffect(function() {
+        var getWidth = function() {
+            return _async_to_generator(function() {
+                var leftRect, rightRect;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            if (!leftWrapper.current) return [
+                                3,
+                                2
+                            ];
+                            return [
+                                4,
+                                getRectInMultiPlatform(leftWrapper.current, leftId)
+                            ];
+                        case 1:
+                            leftRect = _state.sent();
+                            leftRect && setActionWidth(function(v) {
+                                return _object_spread_props(_object_spread({}, v), {
+                                    left: leftRect.width
+                                });
+                            });
+                            _state.label = 2;
+                        case 2:
+                            if (!rightWrapper.current) return [
+                                3,
+                                4
+                            ];
+                            return [
+                                4,
+                                getRectInMultiPlatform(rightWrapper.current, rightId)
+                            ];
+                        case 3:
+                            rightRect = _state.sent();
+                            rightRect && setActionWidth(function(v) {
+                                return _object_spread_props(_object_spread({}, v), {
+                                    right: rightRect.width
+                                });
+                            });
+                            _state.label = 4;
+                        case 4:
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        };
+        getWidth();
+    }, [
+        leftId,
+        rightId,
+        setActionWidth
+    ]);
+    var wrapperStyle = {
+        transform: "translate(".concat(state.offset).concat(!harmony() ? 'px' : '', ", 0)"),
+        transitionDuration: state.dragging ? '0s' : '.6s'
+    };
+    var onTouchStart = function(event) {
         return _async_to_generator(function() {
-            var leftRect, rightRect;
+            var leftRect, rightRect, _props_onTouchStart;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -69,6 +157,12 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
                         });
                         _state.label = 4;
                     case 4:
+                        if (!props.disabled) {
+                            ;
+                            startOffset.current = state.offset;
+                            touch.start(event);
+                            (_props_onTouchStart = props.onTouchStart) === null || _props_onTouchStart === void 0 ? void 0 : _props_onTouchStart.call(props, event);
+                        }
                         return [
                             2
                         ];
@@ -76,89 +170,31 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
             });
         })();
     };
-    // 获取元素的时候要在页面 onReady 后，需要参考小程序的事件周期
-    useReady(function() {
-        nextTick(function() {
-            return getWidth();
-        });
-    });
-    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style;
-    var root = useRef();
-    var opened = useRef(false);
-    var lockClick = useRef(false);
-    var startOffset = useRef(0);
-    var _useState = _sliced_to_array(useState({
-        offset: 0,
-        dragging: false
-    }), 2), state = _useState[0], setState = _useState[1];
-    var _useRefState = _sliced_to_array(useRefState({
-        left: 0,
-        right: 0
-    }), 2), actionWidth = _useRefState[0], updateState = _useRefState[1];
-    var setActionWidth = function(fn) {
-        var res = fn();
-        if (res.left !== undefined) {
-            updateState(_object_spread_props(_object_spread({}, actionWidth.current), {
-                left: res.left
-            }));
-        }
-        if (res.right !== undefined) {
-            updateState(_object_spread_props(_object_spread({}, actionWidth.current), {
-                right: res.right
-            }));
-        }
-    };
-    var wrapperStyle = useMemo(function() {
-        return {
-            transform: "translate(".concat(state.offset, "px, 0)"),
-            transitionDuration: state.dragging ? '0.01s' : '.6s'
-        };
-    }, [
-        state.offset,
-        state.dragging
-    ]);
-    var onTouchStart = function(event) {
-        return _async_to_generator(function() {
-            var _props_onTouchStart;
-            return _ts_generator(this, function(_state) {
-                if (!props.disabled) {
-                    ;
-                    getWidth();
-                    startOffset.current = state.offset;
-                    touch.start(event);
-                    (_props_onTouchStart = props.onTouchStart) === null || _props_onTouchStart === void 0 ? void 0 : _props_onTouchStart.call(props, event);
-                }
-                return [
-                    2
-                ];
-            });
-        })();
-    };
     var onTouchMove = function(event) {
         var _props_onTouchMove;
-        if (props.disabled) return;
+        if (props.disabled) {
+            return;
+        }
         touch.move(event);
         (_props_onTouchMove = props.onTouchMove) === null || _props_onTouchMove === void 0 ? void 0 : _props_onTouchMove.call(props, event);
         if (touch.isHorizontal()) {
             lockClick.current = true;
+            var newState = _object_spread_props(_object_spread({}, state), {
+                dragging: true
+            });
             var isEdge = !opened || touch.deltaX.current * startOffset.current < 0;
             if (isEdge) {
                 preventDefault(event, true);
             }
-            var offset = rangeCalculation(touch.deltaX.current + startOffset.current, -actionWidth.current.right || 0, actionWidth.current.left || 0);
-            setState(function(prevState) {
-                return _object_spread_props(_object_spread({}, prevState), {
-                    dragging: true,
-                    offset: Number(offset) || 0
-                });
-            });
+            newState.offset = rangeCalculation(touch.deltaX.current + startOffset.current, -actionWidth.current.right || 0, actionWidth.current.left || 0);
+            setState(newState);
         }
     };
     var onTouchEnd = function(event) {
         if (state.dragging) {
             var _props_onTouchEnd;
-            setState(function(prevState) {
-                return _object_spread_props(_object_spread({}, prevState), {
+            setState(function(v) {
+                return _object_spread_props(_object_spread({}, v), {
                     dragging: false
                 });
             });
@@ -189,13 +225,13 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
             name: name,
             position: side
         });
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+        setState(function(v) {
+            return _object_spread_props(_object_spread({}, v), {
                 offset: Number(offset) || 0
             });
         });
     };
-    var close = useCallback(function(position) {
+    var close = function(position) {
         if (opened.current) {
             var _props_onClose;
             opened.current = false;
@@ -204,14 +240,12 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
                 position: position || 'left'
             });
         }
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+        setState(function(v) {
+            return _object_spread_props(_object_spread({}, v), {
                 offset: 0
             });
         });
-    }, [
-        props
-    ]);
+    };
     var rangeCalculation = function(num, min, max) {
         return Math.min(Math.max(Number(num), Number(min)), Number(max));
     };
@@ -248,7 +282,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
         };
     });
     useEffect(function() {
-        // 并没有生效
+        if (harmony()) return;
         var handler = function(event) {
             var targets = [
                 root
@@ -265,9 +299,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
         return function() {
             document.removeEventListener('touchstart', handler);
         };
-    }, [
-        close
-    ]);
+    }, []);
     return /*#__PURE__*/ React.createElement(View, {
         ref: root,
         className: classNames(classPrefix, className),

package/dist/es/packages/swiper/style/style.harmony.css

@@ -82,9 +82,7 @@
 
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
-  /* #ifndef dynamic*/
   box-sizing: content-box;
-  /* #endif */
   background: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }

package/dist/es/packages/switch/style/style.css

@@ -5,12 +5,7 @@
 .nut-switch {
   cursor: pointer;
   position: relative;
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   flex-direction: row;
   align-items: center;
   min-width: var(--nutui-switch-width, 46px);
@@ -65,12 +60,7 @@
   border-radius: 2px;
 }
 .nut-switch-label {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   height: 100%;
   white-space: nowrap;

package/dist/es/packages/switch/style/style.harmony.css

@@ -5,12 +5,7 @@
 .nut-switch {
   cursor: pointer;
   position: relative;
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   flex-direction: row;
   align-items: center;
   min-width: var(--nutui-switch-width, 46px);
@@ -65,12 +60,7 @@
   border-radius: 2px;
 }
 .nut-switch-label {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   height: 100%;
   white-space: nowrap;

package/dist/es/packages/switch/style/switch.scss

@@ -1,12 +1,7 @@
 .nut-switch {
   cursor: pointer;
   position: relative;
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   flex-direction: row;
   align-items: center;
   min-width: $switch-width;
@@ -63,12 +58,7 @@
   }
 
   &-label {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
     align-items: center;
     height: 100%;
     white-space: nowrap;

package/dist/es/packages/switch/style-jmapp/style.css

@@ -5,12 +5,7 @@
 .nut-switch {
   cursor: pointer;
   position: relative;
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   flex-direction: row;
   align-items: center;
   min-width: var(--nutui-switch-width, 40px);
@@ -65,12 +60,7 @@
   border-radius: 2px;
 }
 .nut-switch-label {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   height: 100%;
   white-space: nowrap;