duoyun-ui 1.1.11 → 1.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "duoyun-ui",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "A lightweight desktop UI component library, implemented using Gem",
   "keywords": [
     "frontend",

package/react/DyActionText.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/action-text';
 const DyActionText = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-action-text", { tooltip: props.tooltip, color: props.color });
-    }
     return React.createElement("dy-action-text", { ref: elementRef, ...props });
 });
 export default DyActionText;

package/react/DyActiveLink.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/link';
 const DyActiveLink = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-active-link", null);
-    }
     return React.createElement("dy-active-link", { ref: elementRef, ...props });
 });
 export default DyActiveLink;

package/react/DyAlert.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/alert';
 const DyAlert = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-alert", { header: props.header, status: props.status });
-    }
     return React.createElement("dy-alert", { ref: elementRef, ...props });
 });
 export default DyAlert;

package/react/DyAreaChart.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/area-chart';
 const DyAreaChart = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-area-chart", null);
-    }
     return React.createElement("dy-area-chart", { ref: elementRef, ...props });
 });
 export default DyAreaChart;

package/react/DyAvatar.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/avatar';
 const DyAvatar = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-avatar", { src: props.src, alt: props.alt, status: props.status, tooltip: props.tooltip, size: props.size, crossorigin: props.crossorigin, square: props.square });
-    }
     return React.createElement("dy-avatar", { ref: elementRef, ...props });
 });
 export default DyAvatar;

package/react/DyAvatarGroup.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/avatar';
 const DyAvatarGroup = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-avatar-group", { max: props.max, size: props.size, crossorigin: props.crossorigin });
-    }
     return React.createElement("dy-avatar-group", { ref: elementRef, ...props });
 });
 export default DyAvatarGroup;

package/react/DyBadge.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/badge';
 const DyBadge = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-badge", { color: props.color, count: props.count, dot: props.dot, small: props.small, max: props.max });
-    }
     return React.createElement("dy-badge", { ref: elementRef, ...props });
 });
 export default DyBadge;

package/react/DyBanner.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/banner';
 const DyBanner = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-banner", { closable: props.closable, status: props.status });
-    }
     return React.createElement("dy-banner", { ref: elementRef, ...props });
 });
 export default DyBanner;

package/react/DyBarChart.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/bar-chart';
 const DyBarChart = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-bar-chart", null);
-    }
     return React.createElement("dy-bar-chart", { ref: elementRef, ...props });
 });
 export default DyBarChart;

package/react/DyBreadcrumbs.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/breadcrumbs';
 const DyBreadcrumbs = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-breadcrumbs", { compact: props.compact });
-    }
     return React.createElement("dy-breadcrumbs", { ref: elementRef, ...props });
 });
 export default DyBreadcrumbs;

package/react/DyButton.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/button';
 const DyButton = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-button", { type: props.type, color: props.color, small: props.small, round: props.round, square: props.square, disabled: props.disabled, borderless: props.borderless });
-    }
     return React.createElement("dy-button", { ref: elementRef, ...props });
 });
 export default DyButton;

package/react/DyCalendar.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/calendar';
 const DyCalendar = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-calendar", { borderless: props.borderless, today: props.today });
-    }
     return React.createElement("dy-calendar", { ref: elementRef, ...props });
 });
 export default DyCalendar;

package/react/DyCard.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/card';
 const DyCard = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-card", { avatar: props.avatar, preview: props.preview, crossorigin: props.crossorigin });
-    }
     return React.createElement("dy-card", { ref: elementRef, ...props });
 });
 export default DyCard;

package/react/DyCarousel.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/carousel';
 const DyCarousel = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-carousel", { crossorigin: props.crossorigin, interval: props.interval });
-    }
     return React.createElement("dy-carousel", { ref: elementRef, ...props });
 });
 export default DyCarousel;

package/react/DyCascader.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/cascader';
 const DyCascader = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-cascader", { fit: props.fit, multiple: props.multiple });
-    }
     return React.createElement("dy-cascader", { ref: elementRef, ...props });
 });
 export default DyCascader;

package/react/DyCascaderPicker.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/cascader-picker';
 const DyCascaderPicker = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
@@ -10,12 +10,6 @@ const DyCascaderPicker = forwardRef(function (props, ref) {
             }
         };
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-cascader-picker", { placeholder: props.placeholder, fit: props.fit, disabled: props.disabled, multiple: props.multiple });
-    }
     return React.createElement("dy-cascader-picker", { ref: elementRef, ...props });
 });
 export default DyCascaderPicker;

package/react/DyChartTooltip.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/chart-tooltip';
 const DyChartTooltip = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-chart-tooltip", null);
-    }
     return React.createElement("dy-chart-tooltip", { ref: elementRef, ...props });
 });
 export default DyChartTooltip;

package/react/DyChartZoom.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/chart-zoom';
 const DyChartZoom = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-chart-zoom", null);
-    }
     return React.createElement("dy-chart-zoom", { ref: elementRef, ...props });
 });
 export default DyChartZoom;

package/react/DyCheckbox.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/checkbox';
 const DyCheckbox = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-checkbox", { checked: props.checked, indeterminate: props.indeterminate, disabled: props.disabled, value: props.value });
-    }
     return React.createElement("dy-checkbox", { ref: elementRef, ...props });
 });
 export default DyCheckbox;

package/react/DyCheckboxGroup.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/checkbox';
 const DyCheckboxGroup = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-checkbox-group", { orientation: props.orientation, disabled: props.disabled });
-    }
     return React.createElement("dy-checkbox-group", { ref: elementRef, ...props });
 });
 export default DyCheckboxGroup;

package/react/DyCoachMark.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/coach-mark';
 const DyCoachMark = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-coach-mark", { index: props.index, width: props.width, size: props.size, color: props.color });
-    }
     return React.createElement("dy-coach-mark", { ref: elementRef, ...props });
 });
 export default DyCoachMark;

package/react/DyCodeBlock.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/code-block';
 const DyCodeBlock = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-code-block", { codelang: props.codelang, range: props.range, highlight: props.highlight });
-    }
     return React.createElement("dy-code-block", { ref: elementRef, ...props });
 });
 export default DyCodeBlock;

package/react/DyCollapse.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/collapse';
 const DyCollapse = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-collapse", { type: props.type, searchable: props.searchable });
-    }
     return React.createElement("dy-collapse", { ref: elementRef, ...props });
 });
 export default DyCollapse;

package/react/DyCollapsePanel.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/collapse';
 const DyCollapsePanel = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-collapse-panel", { searchable: props.searchable });
-    }
     return React.createElement("dy-collapse-panel", { ref: elementRef, ...props });
 });
 export default DyCollapsePanel;

package/react/DyColorPanel.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/color-panel';
 const DyColorPanel = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-color-panel", { value: props.value, alpha: props.alpha });
-    }
     return React.createElement("dy-color-panel", { ref: elementRef, ...props });
 });
 export default DyColorPanel;

package/react/DyColorPicker.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/color-picker';
 const DyColorPicker = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
@@ -10,12 +10,6 @@ const DyColorPicker = forwardRef(function (props, ref) {
             }
         };
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-color-picker", { value: props.value, alpha: props.alpha, disabled: props.disabled });
-    }
     return React.createElement("dy-color-picker", { ref: elementRef, ...props });
 });
 export default DyColorPicker;

package/react/DyCompartment.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/compartment';
 const DyCompartment = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-compartment", null);
-    }
     return React.createElement("dy-compartment", { ref: elementRef, ...props });
 });
 export default DyCompartment;

package/react/DyContextmenu.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/contextmenu';
 const DyContextmenu = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-contextmenu", null);
-    }
     return React.createElement("dy-contextmenu", { ref: elementRef, ...props });
 });
 export default DyContextmenu;

package/react/DyCopy.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/copy';
 const DyCopy = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-copy", { silent: props.silent, block: props.block, tooltip: props.tooltip });
-    }
     return React.createElement("dy-copy", { ref: elementRef, ...props });
 });
 export default DyCopy;

package/react/DyDatePanel.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/date-panel';
 const DyDatePanel = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-date-panel", { time: props.time });
-    }
     return React.createElement("dy-date-panel", { ref: elementRef, ...props });
 });
 export default DyDatePanel;

package/react/DyDatePicker.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/date-picker';
 const DyDatePicker = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
@@ -10,12 +10,6 @@ const DyDatePicker = forwardRef(function (props, ref) {
             }
         };
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-date-picker", { placeholder: props.placeholder, time: props.time, clearable: props.clearable, disabled: props.disabled });
-    }
     return React.createElement("dy-date-picker", { ref: elementRef, ...props });
 });
 export default DyDatePicker;

package/react/DyDateRangePanel.js

@@ -1,17 +1,11 @@
 import React from 'react';
-import { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
 export * from '../elements/date-range-panel';
 const DyDateRangePanel = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
         return {};
     }, []);
-    // React Bug
-    const [mounted, update] = useState(false);
-    useEffect(() => update(true), []);
-    if (!mounted) {
-        return React.createElement("dy-date-range-panel", null);
-    }
     return React.createElement("dy-date-range-panel", { ref: elementRef, ...props });
 });
 export default DyDateRangePanel;