x-ui-design 0.2.0 → 0.2.2

package/dist/index.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var reactDom = require('react-dom');
 
@@ -31,16 +32,6 @@ function styleInject(css, ref) {
 var css_248z$l = ":root{--xui-color-hover:#f5f5f5;--xui-color-disabled:#e6e6e6;--xui-primary-color:#1677ff;--xui-primary-color-light:#40a9ff;--xui-text-color:rgba(0,0,0,.88);--xui-text-color-light:rgba(0,0,0,.5);--xui-error-color:#ff4d4f;--xui-error-color-light:#ff6668;--xui-success-color:#52c41a;--xui-background-color:#fff;--xui-font-size-xs:12px;--xui-font-size-sm:14px;--xui-font-size-md:14px;--xui-font-size-lg:16px;--xui-border-radius-sm:4px;--xui-border-radius-md:4px;--xui-border-radius-lg:6px;--xui-border-color:#d9d9d9;--xui-select-primary-color:var(--xui-primary-color);--xui-select-background-color:var(--xui-background-color)}html{font-family:sans-serif}.globalEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
 styleInject(css_248z$l);
 
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
 const useForm = (initialValues = {}, onFieldsChange, onValuesChange) => {
   const touchedFieldsRef = react.useRef(new Set());
   const rulesRef = react.useRef({});
@@ -373,48 +364,52 @@ const FormItem = ({
   }, [errorRef.current]);
   const isRequired = react.useMemo(() => rules.some(rule => rule.required), [rules]);
   const errorMessage = getFieldError(valuePropName || name)?.[0];
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxRuntime.jsxs("div", {
     style: style,
     className: clsx([`${prefixCls}`, {
       [layout]: layout,
       [className]: className,
       noStyle: props.noStyle
-    }])
-  }, !props.noStyle && (label || name) && /*#__PURE__*/React.createElement("label", {
-    className: `${prefixCls}-label`,
-    htmlFor: name
-  }, label || name, ":", isRequired && /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-required`
-  }, "*")), react.Children.map(childrenList, (child, key) => {
-    if (/*#__PURE__*/react.isValidElement(child) && child.type !== react.Fragment) {
-      const {
-        value,
-        ...childProps
-      } = child.props;
-      const fieldValue = getFieldValue(valuePropName || name) ?? initialValue;
-      return /*#__PURE__*/React.createElement(FormItemChildComponent, _extends({}, childProps, {
-        name: name,
-        child: child,
-        value: value,
-        fieldValue: fieldValue,
-        noStyle: props.noStyle,
-        normalize: props.normalize,
-        key: `${key}_${isReseting}`,
-        error: Boolean(errorMessage),
-        setFieldValue: setFieldValue,
-        valuePropName: valuePropName,
-        feedbackIcons: feedbackIcons
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        ,
-        size: childProps.size || props.size
-      }));
-    }
-    return child;
-  }), !props.noStyle && errorMessage && /*#__PURE__*/React.createElement("span", {
-    ref: errorRef,
-    className: `${prefixCls}-error`
-  }, errorMessage));
+    }]),
+    children: [!props.noStyle && (label || name) && jsxRuntime.jsxs("label", {
+      className: `${prefixCls}-label`,
+      htmlFor: name,
+      children: [label || name, ":", isRequired && jsxRuntime.jsx("span", {
+        className: `${prefixCls}-required`,
+        children: "*"
+      })]
+    }), react.Children.map(childrenList, (child, key) => {
+      if (/*#__PURE__*/react.isValidElement(child) && child.type !== react.Fragment) {
+        const {
+          value,
+          ...childProps
+        } = child.props;
+        const fieldValue = getFieldValue(valuePropName || name) ?? initialValue;
+        return /*#__PURE__*/react.createElement(FormItemChildComponent, {
+          ...childProps,
+          name: name,
+          child: child,
+          value: value,
+          fieldValue: fieldValue,
+          noStyle: props.noStyle,
+          normalize: props.normalize,
+          key: `${key}_${isReseting}`,
+          error: Boolean(errorMessage),
+          setFieldValue: setFieldValue,
+          valuePropName: valuePropName,
+          feedbackIcons: feedbackIcons,
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-expect-error
+          size: childProps.size || props.size
+        });
+      }
+      return child;
+    }), !props.noStyle && errorMessage && jsxRuntime.jsx("span", {
+      ref: errorRef,
+      className: `${prefixCls}-error`,
+      children: errorMessage
+    })]
+  });
 };
 const FormItemChildComponent = ({
   child,
@@ -451,15 +446,16 @@ const FormItemChildComponent = ({
     setFieldValue(valuePropName || name, rawValue);
     onChange?.(e, option);
   };
-  return /*#__PURE__*/React.createElement(child.type, _extends({}, props, {
+  return /*#__PURE__*/react.createElement(child.type, {
+    ...props,
     name: name,
-    onChange: handleChange
-  }, error ? {
-    error
-  } : {}, {
+    onChange: handleChange,
+    ...(error ? {
+      error
+    } : {}),
     key: `${name}_${wasNormalize}`,
     value: fieldValue ?? props.value
-  }));
+  });
 };
 FormItem.displayName = 'FormItem';
 
@@ -502,118 +498,128 @@ const Form = ({
       formInstance.onValuesChange = onValuesChange;
     }
   }, [formInstance, onFieldsChange, onValuesChange]);
-  return /*#__PURE__*/React.createElement(FormContext.Provider, {
-    value: formInstance
-  }, /*#__PURE__*/React.createElement("form", {
-    style: style,
-    ref: formRef,
-    onSubmit: handleSubmit,
-    className: `${prefixCls} ${className}`
-  }, react.Children.map(childrenList, child => {
-    if (/*#__PURE__*/react.isValidElement(child) && child.type !== react.Fragment) {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-expect-error
-      const {
-        ...childProps
-      } = child.props;
-      return /*#__PURE__*/React.createElement(child.type, _extends({}, childProps, {
-        child: child,
-        size: childProps.size || rest.size,
-        layout: childProps.layout || layout
-      }));
-    }
-    return child;
-  })));
+  return jsxRuntime.jsx(FormContext.Provider, {
+    value: formInstance,
+    children: jsxRuntime.jsx("form", {
+      style: style,
+      ref: formRef,
+      onSubmit: handleSubmit,
+      className: `${prefixCls} ${className}`,
+      children: react.Children.map(childrenList, child => {
+        if (/*#__PURE__*/react.isValidElement(child) && child.type !== react.Fragment) {
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-expect-error
+          const {
+            ...childProps
+          } = child.props;
+          return jsxRuntime.jsx(child.type, {
+            ...childProps,
+            child: child,
+            size: childProps.size || rest.size,
+            layout: childProps.layout || layout
+          });
+        }
+        return child;
+      })
+    })
+  });
 };
 Form.Item = FormItem;
 
 var css_248z$j = ".xUi-rangepicker-range-container{font-size:14px;position:relative;user-select:none}.xUi-rangepicker-range-input-wrapper{background-color:#fff;border-radius:6px;display:flex;transition:all .3s;width:100%}.xUi-rangepicker-range-input-wrapper:hover{border-color:#4096ff}.xUi-rangepicker-range-input{align-items:center;border-right:1px solid var(--xui-border-color);cursor:pointer;display:flex;flex:1;padding:4px 11px}.xUi-rangepicker-range-input:last-child{border-right:none}.xUi-rangepicker-range-input input{background:transparent;border:none;color:#000;cursor:pointer;font-size:14px;outline:none;width:100%}.xUi-rangepicker-range-input input::placeholder{color:#bfbfbf}.xUi-rangepicker-range-clear,.xUi-rangepicker-range-icon{align-items:center;display:flex;margin-left:8px;transition:color .3s}.xUi-rangepicker-range-icon{color:rgba(0,0,0,.25)}.xUi-rangepicker-range-clear{color:rgba(0,0,0,.45);cursor:pointer}.xUi-rangepicker-range-clear:hover{color:#000}.xUi-rangepicker-range-dropdown-wrapper{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;left:0;margin-top:4px;min-width:560px;opacity:1;padding:8px;position:absolute;top:100%;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;z-index:1050}.xUi-rangepicker-range-dropdown-wrapper.show{display:flex}.xUi-rangepicker-dropdown-range,.xUi-rangepicker-range-dropdown{background-color:#fff;border:1px solid var(--xui-border-color);border-radius:6px;display:flex;margin-top:2px;overflow:hidden}.xUi-rangepicker-calendar{background:#fff;border-radius:6px;margin:12px}.xUi-rangepicker-calendar.month,.xUi-rangepicker-calendar.year{width:280px}.xUi-rangepicker-calendar-header{align-items:center;display:flex;font-weight:500;justify-content:space-between}.xUi-rangepicker-month,.xUi-rangepicker-year{background:none;border:none;border-radius:4px;color:var(--xui-text-color);cursor:pointer;height:30px;line-height:30px;margin:7px;min-width:30px;text-align:center;transition:all .2s}.xUi-rangepicker-day:disabled,.xUi-rangepicker-month:disabled,.xUi-rangepicker-select:disabled,.xUi-rangepicker-year:disabled{background-color:var(--xui-color-disabled);cursor:not-allowed;opacity:.5}.xUi-rangepicker-day:not(:disabled):hover,.xUi-rangepicker-month:not(:disabled):hover,.xUi-rangepicker-year:not(:disabled):hover{background:var(--xui-primary-color-light);color:#fff}.xUi-rangepicker-calendar-header button,.xUi-rangepicker-dropdown-selects button,.xUi-rangepicker-nav-buttons button{background:transparent;border:none;color:#595959;cursor:pointer;font-size:14px;font-weight:600;line-height:1;padding:0 6px;transition:color .2s ease}.xUi-rangepicker-nav-buttons button{font-size:20px;font-weight:400}.xUi-rangepicker-calendar-header button:hover,.xUi-rangepicker-dropdown-selects button:hover,.xUi-rangepicker-nav-buttons button:hover{color:var(--xui-primary-color)}.xUi-rangepicker-input{align-items:center;background-color:transparent;border:1px solid var(--xui-border-color);border-radius:6px;color:var(--xui-text-color);cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:3px 7px;transition:all .3s}.xUi-rangepicker-input.noBordered{border:none!important}.xUi-rangepicker-input input{border:none;color:var(--xui-text-color);font-size:var(--xui-font-size-sm);outline:none;padding:0}.xUi-rangepicker-input:placeholder-shown{text-overflow:ellipsis}.xUi-rangepicker-input:hover{border-color:var(--xui-primary-color)}.xUi-rangepicker-weekday-row{background-color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.1);display:grid;gap:4px;grid-template-columns:repeat(7,1fr);position:sticky;top:0;z-index:1}.xUi-rangepicker-weekday{align-items:center;color:var(--xui-text-color);display:flex;font-size:12px;font-weight:500;font-weight:600;height:30px;justify-content:center;text-align:center}.xUi-rangepicker-days-grid,.xUi-rangepicker-grid{display:grid;gap:2px;grid-template-columns:repeat(3,1fr)}.xUi-rangepicker-days-grid.day{grid-template-columns:repeat(7,0fr)}.xUi-rangepicker-day{background-color:transparent;border:none;border-radius:4px;cursor:pointer;height:30px;line-height:30px;text-align:center;transition:background-color .3s,color .3s;width:30px}.xUi-rangepicker-day:hover{background-color:var(--xui-primary-color);border-radius:4px;color:#fff}.xUi-rangepicker-day.xUi-rangepicker-other-month:hover{background-color:var(--xui-color-disabled)!important;color:var(--xui-text-color)}.xUi-rangepicker-range-end:not(.xUi-rangepicker-other-month),.xUi-rangepicker-range-start:not(.xUi-rangepicker-other-month),.xUi-rangepicker-selected:not(.xUi-rangepicker-other-month){background-color:var(--xui-primary-color);color:#fff;font-weight:600}.xUi-rangepicker-in-range:not(.xUi-rangepicker-other-month){background-color:#f0f5ff}.xUi-rangepicker-hover-end{background-color:var(--xui-primary-color)!important}.xUi-rangepicker-disabled,.xUi-rangepicker-other-month{color:#ccc}.xUi-rangepicker-disabled{cursor:not-allowed}.xUi-rangepicker-footer{display:flex;grid-column:span 7;justify-content:center;padding-top:6px}.xUi-rangepicker-select{background:none;border:none;color:var(--xui-primary-color);cursor:pointer}.xUi-rangepicker-input.sm{font-size:var(--xui-font-size-sm);padding:4px 8px}.xUi-rangepicker-input.md{font-size:var(--xui-font-size-md);padding:8px 12px}.xUi-rangepicker-input.lg{font-size:var(--xui-font-size-lg);padding:10px 16px}.xUi-rangepicker-dropdown-wrapper{opacity:0;pointer-events:none;position:absolute;transform:scale(.95);transition:opacity .2s ease,transform .2s ease;z-index:1000}.xUi-rangepicker-dropdown-wrapper.bottomLeft{left:0;margin-top:4px;top:100%}.xUi-rangepicker-dropdown-wrapper.bottomRight{margin-top:4px;right:0;top:100%}.xUi-rangepicker-dropdown-wrapper.topLeft{bottom:100%;left:0;margin-bottom:4px}.xUi-rangepicker-dropdown-wrapper.topRight{bottom:100%;margin-bottom:4px;right:0}.xUi-rangepicker-dropdown-wrapper.show{opacity:1;pointer-events:auto;transform:scale(1)}.xUi-rangepicker-large .xUi-rangepicker-selected-date{font-size:16px}.xUi-rangepicker-large .xUi-rangepicker-input{padding:11px}.xUi-rangepicker-middle .xUi-rangepicker-input{padding:6px 11px}.xUi-rangepicker-dropdown-trigger{background-color:#fff;border:1px solid var(--xui-border-color);border-radius:2px;cursor:pointer;line-height:32px;padding:0 8px}.xUi-rangepicker-dropdown-menu{background:#fff;border:1px solid var(--xui-border-color);box-shadow:0 2px 8px rgba(0,0,0,.15);max-height:200px;overflow-y:auto;position:absolute;z-index:1000}.xUi-rangepicker-dropdown-item{cursor:pointer;padding:4px 12px}.xUi-rangepicker-dropdown-item:hover{background:#f5f5f5}.xUi-rangepicker-dropdown-item.active{background-color:#e6f7ff;font-weight:700}.xUi-rangepicker-header{align-items:center;border-bottom:1px solid var(--xui-border-color);display:flex;gap:8px;justify-content:space-between;margin-bottom:8px;padding-bottom:12px;width:100%}";
 styleInject(css_248z$j);
 
-const ClearIcon = () => /*#__PURE__*/React.createElement("svg", {
+const ClearIcon = () => jsxRuntime.jsx("svg", {
   width: "10",
   height: "10",
   viewBox: "0 0 14 14",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M1 1L13 13M13 1L1 13",
-  stroke: "currentColor",
-  strokeWidth: "2",
-  strokeLinecap: "round"
-}));
+  xmlns: "http://www.w3.org/2000/svg",
+  children: jsxRuntime.jsx("path", {
+    d: "M1 1L13 13M13 1L1 13",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round"
+  })
+});
 const ArrowIcon = ({
   isOpen
-}) => /*#__PURE__*/React.createElement("svg", {
+}) => jsxRuntime.jsx("svg", {
   width: "18",
   height: "18",
   viewBox: "0 0 24 24",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M7 10L12 15L17 10",
-  stroke: "currentColor",
-  strokeWidth: "2",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  transform: isOpen ? 'rotate(180, 12, 12)' : ''
-}));
-const LoadingIcon = () => /*#__PURE__*/React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  children: jsxRuntime.jsx("path", {
+    d: "M7 10L12 15L17 10",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    transform: isOpen ? 'rotate(180, 12, 12)' : ''
+  })
+});
+const LoadingIcon = () => jsxRuntime.jsx("svg", {
   viewBox: "0 0 1024 1024",
   focusable: "false",
   "data-icon": "loading",
   width: "12",
   height: "12",
   fill: "currentColor",
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-}));
-const CheckIcon = () => /*#__PURE__*/React.createElement("svg", {
+  "aria-hidden": "true",
+  children: jsxRuntime.jsx("path", {
+    d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+  })
+});
+const CheckIcon = () => jsxRuntime.jsx("svg", {
   viewBox: "64 64 896 896",
   focusable: "false",
   "data-icon": "check",
   width: "12",
   height: "12",
   fill: "currentColor",
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
-}));
-const SearchIcon = () => /*#__PURE__*/React.createElement("svg", {
+  "aria-hidden": "true",
+  children: jsxRuntime.jsx("path", {
+    d: "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
+  })
+});
+const SearchIcon = () => jsxRuntime.jsx("svg", {
   viewBox: "64 64 896 896",
   focusable: "false",
   "data-icon": "search",
   width: "1em",
   height: "1em",
   fill: "currentColor",
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
-}));
-const CalendarIcon = () => /*#__PURE__*/React.createElement("svg", {
+  "aria-hidden": "true",
+  children: jsxRuntime.jsx("path", {
+    d: "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
+  })
+});
+const CalendarIcon = () => jsxRuntime.jsx("svg", {
   viewBox: "64 64 896 896",
   focusable: "false",
   "data-icon": "calendar",
   width: "1em",
   height: "1em",
   fill: "currentColor",
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-}));
-const SuccessIcon = () => /*#__PURE__*/React.createElement("svg", {
+  "aria-hidden": "true",
+  children: jsxRuntime.jsx("path", {
+    d: "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
+  })
+});
+const SuccessIcon = () => jsxRuntime.jsx("svg", {
   viewBox: "64 64 896 896",
   focusable: "false",
   "data-icon": "check-circle",
   width: "1em",
   height: "1em",
   fill: "currentColor",
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
-}));
-const ErrorIcon = () => /*#__PURE__*/React.createElement("svg", {
+  "aria-hidden": "true",
+  children: jsxRuntime.jsx("path", {
+    d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
+  })
+});
+const ErrorIcon = () => jsxRuntime.jsx("svg", {
   className: "error-svg-icon",
   viewBox: "64 64 896 896",
   focusable: "false",
@@ -621,67 +627,73 @@ const ErrorIcon = () => /*#__PURE__*/React.createElement("svg", {
   width: "1em",
   height: "1em",
   fill: "currentColor",
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-}));
-const DateDistanceIcon = () => /*#__PURE__*/React.createElement("svg", {
+  "aria-hidden": "true",
+  children: jsxRuntime.jsx("path", {
+    d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
+  })
+});
+const DateDistanceIcon = () => jsxRuntime.jsx("svg", {
   viewBox: "0 0 1024 1024",
   focusable: "false",
   "data-icon": "swap-right",
   width: "1em",
   height: "1em",
   fill: "currentColor",
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
-}));
-const TimeIcon = () => /*#__PURE__*/React.createElement("svg", {
+  "aria-hidden": "true",
+  children: jsxRuntime.jsx("path", {
+    d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
+  })
+});
+const TimeIcon = () => jsxRuntime.jsxs("svg", {
   viewBox: "64 64 896 896",
   focusable: "false",
   "data-icon": "clock-circle",
   width: "1em",
   height: "1em",
   fill: "currentColor",
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-}));
-const StampleIcon = () => /*#__PURE__*/React.createElement("svg", {
+  "aria-hidden": "true",
+  children: [jsxRuntime.jsx("path", {
+    d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+  }), jsxRuntime.jsx("path", {
+    d: "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
+  })]
+});
+const StampleIcon = () => jsxRuntime.jsx("svg", {
   viewBox: "64 64 896 896",
   focusable: "false",
   "data-icon": "paper-clip",
   width: "1em",
   height: "1em",
   fill: "currentColor",
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-}));
-const TrashIcon = () => /*#__PURE__*/React.createElement("svg", {
+  "aria-hidden": "true",
+  children: jsxRuntime.jsx("path", {
+    d: "M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+  })
+});
+const TrashIcon = () => jsxRuntime.jsx("svg", {
   viewBox: "64 64 896 896",
   focusable: "false",
   "data-icon": "delete",
   width: "1em",
   height: "1em",
   fill: "currentColor",
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-}));
-const SpinerIcon = () => /*#__PURE__*/React.createElement("svg", {
+  "aria-hidden": "true",
+  children: jsxRuntime.jsx("path", {
+    d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+  })
+});
+const SpinerIcon = () => jsxRuntime.jsx("svg", {
   viewBox: "0 0 1024 1024",
   focusable: "false",
   "data-icon": "loading",
   width: "1em",
   height: "1em",
   fill: "currentColor",
-  "aria-hidden": "true"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-}));
+  "aria-hidden": "true",
+  children: jsxRuntime.jsx("path", {
+    d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+  })
+});
 
 const RangePicker = ({
   prefixCls = prefixClsRangePicker,
@@ -765,31 +777,41 @@ const RangePicker = ({
   const renderMonthYearSelector = (monthOffset = 0, all) => {
     const baseYear = currentYear;
     const baseMonth = currentMonth + monthOffset;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-header`
-    }, all || !monthOffset ? /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-nav-buttons`
-    }, /*#__PURE__*/React.createElement("button", {
-      onClick: () => setCurrentYear(y => y - 1)
-    }, "\xAB"), /*#__PURE__*/React.createElement("button", {
-      onClick: () => setCurrentMonth(m => m === 0 ? (setCurrentYear(y => y - 1), MONTH_LENGTH) : m - 1)
-    }, "\u2039")) : /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-dropdown-selects`
-    }, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: `${prefixCls}-select`,
-      onClick: () => setViewMode('year')
-    }, baseYear), /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: `${prefixCls}-select`,
-      onClick: () => setViewMode('month')
-    }, localeMonths[baseMonth])), all || monthOffset ? /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-nav-buttons`
-    }, /*#__PURE__*/React.createElement("button", {
-      onClick: () => setCurrentMonth(m => m === MONTH_LENGTH ? (setCurrentYear(y => y + 1), 0) : m + 1)
-    }, "\u203A"), /*#__PURE__*/React.createElement("button", {
-      onClick: () => setCurrentYear(y => y + 1)
-    }, "\xBB")) : /*#__PURE__*/React.createElement("span", null));
+    return jsxRuntime.jsxs("div", {
+      className: `${prefixCls}-header`,
+      children: [all || !monthOffset ? jsxRuntime.jsxs("div", {
+        className: `${prefixCls}-nav-buttons`,
+        children: [jsxRuntime.jsx("button", {
+          onClick: () => setCurrentYear(y => y - 1),
+          children: "\u00AB"
+        }), jsxRuntime.jsx("button", {
+          onClick: () => setCurrentMonth(m => m === 0 ? (setCurrentYear(y => y - 1), MONTH_LENGTH) : m - 1),
+          children: "\u2039"
+        })]
+      }) : jsxRuntime.jsx("span", {}), jsxRuntime.jsxs("div", {
+        className: `${prefixCls}-dropdown-selects`,
+        children: [jsxRuntime.jsx("button", {
+          type: "button",
+          className: `${prefixCls}-select`,
+          onClick: () => setViewMode('year'),
+          children: baseYear
+        }), jsxRuntime.jsx("button", {
+          type: "button",
+          className: `${prefixCls}-select`,
+          onClick: () => setViewMode('month'),
+          children: localeMonths[baseMonth]
+        })]
+      }), all || monthOffset ? jsxRuntime.jsxs("div", {
+        className: `${prefixCls}-nav-buttons`,
+        children: [jsxRuntime.jsx("button", {
+          onClick: () => setCurrentMonth(m => m === MONTH_LENGTH ? (setCurrentYear(y => y + 1), 0) : m + 1),
+          children: "\u203A"
+        }), jsxRuntime.jsx("button", {
+          onClick: () => setCurrentYear(y => y + 1),
+          children: "\u00BB"
+        })]
+      }) : jsxRuntime.jsx("span", {})]
+    });
   };
   const renderCalendar = (monthOffset = 0, all) => {
     const baseDate = new Date(currentYear, currentMonth + monthOffset, 1);
@@ -813,105 +835,118 @@ const RangePicker = ({
       length: remaining
     }, (_, i) => new Date(year, month + 1, i + 1));
     const days = [...prevMonthDays, ...currentMonthDays, ...nextMonthDays];
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-calendar ${viewMode}`
-    }, /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-calendar-header`
-    }, renderMonthYearSelector(monthOffset, all)), viewMode === 'day' && /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-days-grid day`
-    }, localeWeekdays.map((day, i) => /*#__PURE__*/React.createElement("div", {
-      key: i,
-      className: `${prefixCls}-weekday`
-    }, day)), days.map((day, i) => {
-      const isSelected = day && selectedDates.some(d => d?.toDateString() === day.toDateString());
-      const inRange = day && isInRange(day);
-      const isSameMonth = day?.getMonth() === month;
-      return /*#__PURE__*/React.createElement("button", {
-        key: i,
-        disabled: disabledDate?.(day, {
-          from: undefined,
-          to: undefined
-        }),
-        onClick: () => day && handleSelect(day),
-        onMouseEnter: () => day && setHoveredDate(day),
-        className: clsx([`${prefixCls}-day`, {
-          [`${prefixCls}-selected`]: isSelected,
-          [`${prefixCls}-in-range`]: inRange,
-          [`${prefixCls}-hover-end`]: hoveredDate && selectedDates[0] && !selectedDates[1] && hoveredDate > selectedDates[0] && hoveredDate.toDateString() === day?.toDateString(),
-          [`${prefixCls}-other-month`]: !isSameMonth
-        }])
-      }, day?.getDate());
-    })), viewMode === 'month' && /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-grid`
-    }, localeMonths.map((m, i) => /*#__PURE__*/React.createElement("button", {
-      key: i,
-      className: `${prefixCls}-month`,
-      onClick: () => {
-        setCurrentMonth(i);
-        setViewMode('day');
-      },
-      disabled: isMonthDisabled(i)
-    }, m))), viewMode === 'year' && /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-grid`
-    }, Array.from({
-      length: 12
-    }, (_, i) => {
-      const year = currentYear - NUMBER_SIX + i;
-      return /*#__PURE__*/React.createElement("button", {
-        key: year,
-        className: `${prefixCls}-year`,
-        disabled: isYearDisabled(year),
-        onClick: () => {
-          setCurrentYear(year);
-          setViewMode('month');
-        }
-      }, year);
-    })));
+    return jsxRuntime.jsxs("div", {
+      className: `${prefixCls}-calendar ${viewMode}`,
+      children: [jsxRuntime.jsx("div", {
+        className: `${prefixCls}-calendar-header`,
+        children: renderMonthYearSelector(monthOffset, all)
+      }), viewMode === 'day' && jsxRuntime.jsxs("div", {
+        className: `${prefixCls}-days-grid day`,
+        children: [localeWeekdays.map((day, i) => jsxRuntime.jsx("div", {
+          className: `${prefixCls}-weekday`,
+          children: day
+        }, i)), days.map((day, i) => {
+          const isSelected = day && selectedDates.some(d => d?.toDateString() === day.toDateString());
+          const inRange = day && isInRange(day);
+          const isSameMonth = day?.getMonth() === month;
+          return jsxRuntime.jsx("button", {
+            disabled: disabledDate?.(day, {
+              from: undefined,
+              to: undefined
+            }),
+            onClick: () => day && handleSelect(day),
+            onMouseEnter: () => day && setHoveredDate(day),
+            className: clsx([`${prefixCls}-day`, {
+              [`${prefixCls}-selected`]: isSelected,
+              [`${prefixCls}-in-range`]: inRange,
+              [`${prefixCls}-hover-end`]: hoveredDate && selectedDates[0] && !selectedDates[1] && hoveredDate > selectedDates[0] && hoveredDate.toDateString() === day?.toDateString(),
+              [`${prefixCls}-other-month`]: !isSameMonth
+            }]),
+            children: day?.getDate()
+          }, i);
+        })]
+      }), viewMode === 'month' && jsxRuntime.jsx("div", {
+        className: `${prefixCls}-grid`,
+        children: localeMonths.map((m, i) => jsxRuntime.jsx("button", {
+          className: `${prefixCls}-month`,
+          onClick: () => {
+            setCurrentMonth(i);
+            setViewMode('day');
+          },
+          disabled: isMonthDisabled(i),
+          children: m
+        }, i))
+      }), viewMode === 'year' && jsxRuntime.jsx("div", {
+        className: `${prefixCls}-grid`,
+        children: Array.from({
+          length: 12
+        }, (_, i) => {
+          const year = currentYear - NUMBER_SIX + i;
+          return jsxRuntime.jsx("button", {
+            className: `${prefixCls}-year`,
+            disabled: isYearDisabled(year),
+            onClick: () => {
+              setCurrentYear(year);
+              setViewMode('month');
+            },
+            children: year
+          }, year);
+        })
+      })]
+    });
   };
   const handleClear = () => {
     setSelectedDates([null, null]);
     onChange?.(null, ['', '']);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxRuntime.jsxs("div", {
     ref: containerRef,
     style: style,
     className: clsx([`${prefixCls}-range-container`, {
       [`${prefixCls}-${size}`]: size,
       [className]: className
-    }])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-range-input-wrapper`
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: clsx([`${prefixCls}-input`, {
-      noBordered: !bordered,
-      [`${prefixCls}-error`]: error,
-      [`${prefixCls}-disabled`]: disabled
     }]),
-    disabled: disabled,
-    onClick: () => setIsOpen(!isOpen)
-  }, prefix, /*#__PURE__*/React.createElement("input", {
-    readOnly: inputReadOnly,
-    className: `${prefixCls}-selected-date`,
-    placeholder: placeholder[0],
-    value: selectedDates[0] ? formatDate(selectedDates[0]) : ''
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-range-separator`
-  }, separator || /*#__PURE__*/React.createElement(DateDistanceIcon, null)), /*#__PURE__*/React.createElement("input", {
-    readOnly: inputReadOnly,
-    className: `${prefixCls}-selected-date`,
-    placeholder: placeholder[1],
-    value: selectedDates[1] ? formatDate(selectedDates[1]) : ''
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-icon`
-  }, allowClear && (selectedDates[0] || selectedDates[1]) ? /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-clear`,
-    onClick: handleClear
-  }, /*#__PURE__*/React.createElement(ClearIcon, null)) : /*#__PURE__*/React.createElement(CalendarIcon, null)))), isOpen && /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-dropdown-wrapper show`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-dropdown-range`
-  }, renderCalendar(0, viewMode !== 'day'), viewMode === 'day' && renderCalendar(1, viewMode !== 'day'))));
+    children: [jsxRuntime.jsx("div", {
+      className: `${prefixCls}-range-input-wrapper`,
+      children: jsxRuntime.jsxs("button", {
+        type: "button",
+        className: clsx([`${prefixCls}-input`, {
+          noBordered: !bordered,
+          [`${prefixCls}-error`]: error,
+          [`${prefixCls}-disabled`]: disabled
+        }]),
+        disabled: disabled,
+        onClick: () => setIsOpen(!isOpen),
+        children: [prefix, jsxRuntime.jsx("input", {
+          readOnly: inputReadOnly,
+          className: `${prefixCls}-selected-date`,
+          placeholder: placeholder[0],
+          value: selectedDates[0] ? formatDate(selectedDates[0]) : ''
+        }), jsxRuntime.jsx("span", {
+          className: `${prefixCls}-range-separator`,
+          children: separator || jsxRuntime.jsx(DateDistanceIcon, {})
+        }), jsxRuntime.jsx("input", {
+          readOnly: inputReadOnly,
+          className: `${prefixCls}-selected-date`,
+          placeholder: placeholder[1],
+          value: selectedDates[1] ? formatDate(selectedDates[1]) : ''
+        }), jsxRuntime.jsx("span", {
+          className: `${prefixCls}-icon`,
+          children: allowClear && (selectedDates[0] || selectedDates[1]) ? jsxRuntime.jsx("span", {
+            className: `${prefixCls}-clear`,
+            onClick: handleClear,
+            children: jsxRuntime.jsx(ClearIcon, {})
+          }) : jsxRuntime.jsx(CalendarIcon, {})
+        })]
+      })
+    }), isOpen && jsxRuntime.jsx("div", {
+      className: `${prefixCls}-dropdown-wrapper show`,
+      children: jsxRuntime.jsxs("div", {
+        className: `${prefixCls}-dropdown-range`,
+        children: [renderCalendar(0, viewMode !== 'day'), viewMode === 'day' && renderCalendar(1, viewMode !== 'day')]
+      })
+    })]
+  });
 };
 
 var css_248z$i = ".xUi-datepicker-container{font-family:Arial,sans-serif;height:max-content;position:relative}.xUi-datepicker-input{align-items:center;background-color:transparent;border:1px solid var(--xui-border-color);border-radius:6px;color:var(--xui-text-color);cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:3px 7px;transition:all .3s}.xUi-datepicker-input.noBordered{border:none!important}.xUi-datepicker-input input{border:none;color:var(--xui-text-color);font-size:var(--xui-font-size-sm);outline:none;padding:0}.xUi-datepicker-input:placeholder-shown{text-overflow:ellipsis}.xUi-datepicker-input:hover{border-color:var(--xui-primary-color)}.xUi-datepicker-icon{color:var(--xui-text-color);cursor:pointer;height:16px;opacity:.6;transition:.3s ease;width:16px}.xUi-datepicker-icon:hover{color:var(--xui-primary-color);opacity:1}.xUi-datepicker-selected-date{border:none;color:var(--xui-text-color);font-size:var(--xui-font-size-md);letter-spacing:.8px;outline:none}.xUi-datepicker-disabled{background-color:var(--xui-color-disabled);border-color:var(--xui-border-color)!important;cursor:not-allowed;opacity:.5}.xUi-datepicker-disabled .xUi-datepicker-selected-date{cursor:not-allowed;opacity:.6}.xUi-datepicker-disabled .xUi-datepicker-icon{cursor:not-allowed}.xUi-datepicker-icon{align-items:center;color:#8c8c8c;display:flex;font-size:16px;gap:6px}.xUi-datepicker-error{border-color:var(--xui-error-color)}.xUi-datepicker-error .error-svg-icon,.xUi-datepicker-error .xUi-datepicker-icon,.xUi-datepicker-icon .error-svg-icon{color:var(--xui-error-color)}.xUi-datepicker-input.sm{font-size:var(--xui-font-size-sm);padding:4px 8px}.xUi-datepicker-input.md{font-size:var(--xui-font-size-md);padding:8px 12px}.xUi-datepicker-input.lg{font-size:var(--xui-font-size-lg);padding:10px 16px}.xUi-datepicker-dropdown-wrapper{opacity:0;pointer-events:none;position:absolute;transform:scale(.95);transition:opacity .2s ease,transform .2s ease;z-index:1000}.xUi-datepicker-dropdown-wrapper.bottomLeft{left:0;margin-top:4px;top:100%}.xUi-datepicker-dropdown-wrapper.bottomRight{margin-top:4px;right:0;top:100%}.xUi-datepicker-dropdown-wrapper.topLeft{bottom:100%;left:0;margin-bottom:4px}.xUi-datepicker-dropdown-wrapper.topRight{bottom:100%;margin-bottom:4px;right:0}.xUi-datepicker-dropdown-wrapper.show{opacity:1;pointer-events:auto;transform:scale(1)}.xUi-datepicker-dropdown{background:var(--xui-background-color);border:1px solid var(--xui-border-color);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);min-width:250px;padding:12px}.xUi-datepicker-header{align-items:center;border-bottom:1px solid var(--xui-border-color);display:flex;gap:8px;justify-content:space-between;margin-bottom:8px;padding-bottom:12px}.xUi-datepicker-day-footer{align-items:center;border-top:1px solid var(--xui-border-color);display:flex;justify-content:center;margin-top:8px;padding-top:12px;width:100%}.xUi-datepicker-nav-buttons{display:flex;gap:4px}.xUi-datepicker-nav-buttons button{background:none;border:none;border-radius:4px;color:var(--xui-text-color);cursor:pointer;font-size:20px;opacity:.7;padding:2px 6px;transition:all .3s}.xUi-datepicker-nav-buttons button:not(:disabled):hover{color:var(--xui-primary-color)}.xUi-datepicker-dropdown-selects{align-items:center;display:flex;gap:6px}.xUi-datepicker-dropdown-selects button,.xUi-datepicker-select{background:var(--xui-background-color);border:none;border-radius:4px;color:var(--xui-text-color);cursor:pointer;font-weight:600;padding:4px 8px;transition:all .3s}.xUi-datepicker-dropdown-selects button:hover,.xUi-datepicker-select:not(:disabled):hover{color:var(--xui-primary-color)}.xUi-datepicker-grid{display:grid;gap:2px;grid-template-columns:repeat(3,1fr);text-align:center}.xUi-datepicker-grid.day{grid-template-columns:repeat(7,1fr)}.xUi-datepicker-day-header{color:var(--xui-text-color);font-size:14px;margin:4px 0;user-select:none}.xUi-datepicker-day,.xUi-datepicker-month,.xUi-datepicker-year{background:none;border:none;border-radius:4px;color:var(--xui-text-color);cursor:pointer;height:30px;line-height:30px;min-width:30px;text-align:center;transition:all .2s}.xUi-datepicker-month,.xUi-datepicker-year{margin:7px}.xUi-datepicker-day:disabled,.xUi-datepicker-month:disabled,.xUi-datepicker-select:disabled,.xUi-datepicker-year:disabled{background-color:var(--xui-color-disabled);cursor:not-allowed;opacity:.5}.xUi-datepicker-day:not(:disabled):hover,.xUi-datepicker-month:not(:disabled):hover,.xUi-datepicker-year:not(:disabled):hover{background:var(--xui-primary-color-light);color:#fff}.xUi-datepicker-selected{background:var(--xui-primary-color)!important;color:#fff!important;font-weight:700}.xUi-datepicker-other-month{color:var(--xui-text-color);opacity:.4}.xUi-datepicker-other-month:not(:disabled):hover{background-color:var(--xui-color-hover);color:var(--xui-text-color);user-select:none}.xUi-datepicker-footer{margin-top:12px;text-align:right}.xUi-datepicker-footer-today-btn{background:none;border:1px solid var(--xui-border-color);border-radius:4px;color:var(--xui-primary-color);cursor:pointer;font-size:13px;padding:4px 8px;transition:all .3s}.xUi-datepicker-footer-today-btn:not(:disabled):hover{background-color:var(--xui-primary-color-light);color:#fff}.xUi-datepicker-large .xUi-datepicker-selected-date{font-size:16px}.xUi-datepicker-large .xUi-datepicker-input{padding:11px}.xUi-datepicker-middle .xUi-datepicker-input{padding:6px 11px}";
@@ -1086,137 +1121,159 @@ const DatePickerComponent = ({
     month: nextMonth,
     year: nextMonthYear
   }))];
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxRuntime.jsxs("div", {
     ref: containerRef,
     className: clsx([`${prefixCls}-container`, {
       noStyle,
       [`${prefixCls}-${size}`]: size
-    }])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-input-wrapper`
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: clsx([`${prefixCls}-input`, {
-      noBordered: !bordered,
-      [`${prefixCls}-error`]: error,
-      [`${prefixCls}-${size}`]: size,
-      [`${prefixCls}-disabled`]: disabled
     }]),
-    disabled: disabled,
-    onClick: () => setIsOpen(!isOpen)
-  }, prefix || null, /*#__PURE__*/React.createElement("input", {
-    size: INPUT_SIZE$1,
-    disabled: disabled,
-    readOnly: inputReadOnly,
-    className: `${prefixCls}-selected-date globalEllipsis`,
-    placeholder: placeholder,
-    style: {
-      opacity: isOpen ? '0.6' : 1
-    },
-    defaultValue: selectedDatePlaceholder
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-icon`
-  }, allowClear && selectedDate ? /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-clear`,
-    onClick: clearSelection
-  }, typeof allowClear === 'object' && allowClear.clearIcon ? allowClear.clearIcon : /*#__PURE__*/React.createElement(ClearIcon, null)) : suffixIcon || /*#__PURE__*/React.createElement(CalendarIcon, null), error && feedbackIcons ? /*#__PURE__*/React.createElement(ErrorIcon, null) : null))), /*#__PURE__*/React.createElement("div", {
-    style: popupContainerRef.current ? {
-      position: 'absolute'
-    } : {},
-    className: clsx([placement, `${prefixCls}-dropdown-wrapper`, {
-      show: isOpen
-    }])
-  }, isOpen && /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-dropdown`,
-    style: placementPossition
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-header`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-nav-buttons`
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: () => setCurrentYear(y => y - 1)
-  }, "\xAB"), /*#__PURE__*/React.createElement("button", {
-    onClick: () => setCurrentMonth(m => m === 0 ? (setCurrentYear(y => y - 1), MONTH_LENGTH) : m - 1)
-  }, "\u2039")), /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-dropdown-selects`
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: `${prefixCls}-select`,
-    onClick: () => setViewMode('year')
-  }, currentYear), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: `${prefixCls}-select`,
-    onClick: () => setViewMode('month')
-  }, localeMonths[currentMonth])), /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-nav-buttons`
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: () => setCurrentMonth(m => m === MONTH_LENGTH ? (setCurrentYear(y => y + 1), 0) : m + 1)
-  }, "\u203A"), /*#__PURE__*/React.createElement("button", {
-    onClick: () => setCurrentYear(y => y + 1)
-  }, "\xBB"))), viewMode === 'day' && /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-grid day`
-  }, localeWeekdays.map(day => /*#__PURE__*/React.createElement("div", {
-    key: day,
-    className: `${prefixCls}-day-header`
-  }, day)), days.map(({
-    day,
-    current,
-    month,
-    year
-  }, idx) => {
-    const isSelected = selectedDate && selectedDate.getDate() === day && selectedDate.getMonth() === month && selectedDate.getFullYear() === year;
-    return /*#__PURE__*/React.createElement("button", {
-      key: `${year}-${month}-${day}-${idx}`,
-      className: clsx([`${prefixCls}-day`, {
-        [`${prefixCls}-selected`]: isSelected,
-        [`${prefixCls}-other-month`]: !current
+    children: [jsxRuntime.jsx("div", {
+      className: `${prefixCls}-input-wrapper`,
+      children: jsxRuntime.jsxs("button", {
+        type: "button",
+        className: clsx([`${prefixCls}-input`, {
+          noBordered: !bordered,
+          [`${prefixCls}-error`]: error,
+          [`${prefixCls}-${size}`]: size,
+          [`${prefixCls}-disabled`]: disabled
+        }]),
+        disabled: disabled,
+        onClick: () => setIsOpen(!isOpen),
+        children: [prefix || null, jsxRuntime.jsx("input", {
+          size: INPUT_SIZE$1,
+          disabled: disabled,
+          readOnly: inputReadOnly,
+          className: `${prefixCls}-selected-date globalEllipsis`,
+          placeholder: placeholder,
+          style: {
+            opacity: isOpen ? '0.6' : 1
+          },
+          defaultValue: selectedDatePlaceholder
+        }), jsxRuntime.jsxs("span", {
+          className: `${prefixCls}-icon`,
+          children: [allowClear && selectedDate ? jsxRuntime.jsx("span", {
+            className: `${prefixCls}-clear`,
+            onClick: clearSelection,
+            children: typeof allowClear === 'object' && allowClear.clearIcon ? allowClear.clearIcon : jsxRuntime.jsx(ClearIcon, {})
+          }) : suffixIcon || jsxRuntime.jsx(CalendarIcon, {}), error && feedbackIcons ? jsxRuntime.jsx(ErrorIcon, {}) : null]
+        })]
+      })
+    }), jsxRuntime.jsx("div", {
+      style: popupContainerRef.current ? {
+        position: 'absolute'
+      } : {},
+      className: clsx([placement, `${prefixCls}-dropdown-wrapper`, {
+        show: isOpen
       }]),
-      onClick: () => handleSelect(day, month, year),
-      disabled: disabledDate?.(new Date(year, month, day), {
-        from: undefined,
-        to: undefined
+      children: isOpen && jsxRuntime.jsxs("div", {
+        className: `${prefixCls}-dropdown`,
+        style: placementPossition,
+        children: [jsxRuntime.jsxs("div", {
+          className: `${prefixCls}-header`,
+          children: [jsxRuntime.jsxs("div", {
+            className: `${prefixCls}-nav-buttons`,
+            children: [jsxRuntime.jsx("button", {
+              onClick: () => setCurrentYear(y => y - 1),
+              children: "\u00AB"
+            }), jsxRuntime.jsx("button", {
+              onClick: () => setCurrentMonth(m => m === 0 ? (setCurrentYear(y => y - 1), MONTH_LENGTH) : m - 1),
+              children: "\u2039"
+            })]
+          }), jsxRuntime.jsxs("div", {
+            className: `${prefixCls}-dropdown-selects`,
+            children: [jsxRuntime.jsx("button", {
+              type: "button",
+              className: `${prefixCls}-select`,
+              onClick: () => setViewMode('year'),
+              children: currentYear
+            }), jsxRuntime.jsx("button", {
+              type: "button",
+              className: `${prefixCls}-select`,
+              onClick: () => setViewMode('month'),
+              children: localeMonths[currentMonth]
+            })]
+          }), jsxRuntime.jsxs("div", {
+            className: `${prefixCls}-nav-buttons`,
+            children: [jsxRuntime.jsx("button", {
+              onClick: () => setCurrentMonth(m => m === MONTH_LENGTH ? (setCurrentYear(y => y + 1), 0) : m + 1),
+              children: "\u203A"
+            }), jsxRuntime.jsx("button", {
+              onClick: () => setCurrentYear(y => y + 1),
+              children: "\u00BB"
+            })]
+          })]
+        }), viewMode === 'day' && jsxRuntime.jsxs("div", {
+          className: `${prefixCls}-grid day`,
+          children: [localeWeekdays.map(day => jsxRuntime.jsx("div", {
+            className: `${prefixCls}-day-header`,
+            children: day
+          }, day)), days.map(({
+            day,
+            current,
+            month,
+            year
+          }, idx) => {
+            const isSelected = selectedDate && selectedDate.getDate() === day && selectedDate.getMonth() === month && selectedDate.getFullYear() === year;
+            return jsxRuntime.jsx("button", {
+              className: clsx([`${prefixCls}-day`, {
+                [`${prefixCls}-selected`]: isSelected,
+                [`${prefixCls}-other-month`]: !current
+              }]),
+              onClick: () => handleSelect(day, month, year),
+              disabled: disabledDate?.(new Date(year, month, day), {
+                from: undefined,
+                to: undefined
+              }),
+              children: day
+            }, `${year}-${month}-${day}-${idx}`);
+          })]
+        }), viewMode === 'month' && jsxRuntime.jsx("div", {
+          className: `${prefixCls}-grid`,
+          children: localeMonths.map((m, i) => jsxRuntime.jsx("button", {
+            className: `${prefixCls}-month`,
+            onClick: () => {
+              setCurrentMonth(i);
+              setViewMode('day');
+            },
+            disabled: isMonthDisabled(i),
+            children: m
+          }, i))
+        }), viewMode === 'year' && jsxRuntime.jsx("div", {
+          className: `${prefixCls}-grid`,
+          children: Array.from({
+            length: 12
+          }, (_, i) => {
+            const year = currentYear - NUMBER_SIX + i;
+            return jsxRuntime.jsx("button", {
+              className: `${prefixCls}-year`,
+              disabled: isYearDisabled(year),
+              onClick: () => {
+                setCurrentYear(year);
+                setViewMode('month');
+              },
+              children: year
+            }, year);
+          })
+        }), showToday && jsxRuntime.jsx("div", {
+          className: `${prefixCls}-day-footer`,
+          style: {
+            gridColumn: 'span 7'
+          },
+          children: jsxRuntime.jsx("button", {
+            className: `${prefixCls}-select`,
+            disabled: disabledDate?.(new Date(DateNow.getDate(), DateNow.getMonth(), DateNow.getFullYear()), {
+              from: undefined,
+              to: undefined
+            }),
+            onClick: () => {
+              handleSelect(DateNow.getDate(), DateNow.getMonth(), DateNow.getFullYear());
+            },
+            children: locale?.today || 'Today'
+          })
+        })]
       })
-    }, day);
-  })), viewMode === 'month' && /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-grid`
-  }, localeMonths.map((m, i) => /*#__PURE__*/React.createElement("button", {
-    key: i,
-    className: `${prefixCls}-month`,
-    onClick: () => {
-      setCurrentMonth(i);
-      setViewMode('day');
-    },
-    disabled: isMonthDisabled(i)
-  }, m))), viewMode === 'year' && /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-grid`
-  }, Array.from({
-    length: 12
-  }, (_, i) => {
-    const year = currentYear - NUMBER_SIX + i;
-    return /*#__PURE__*/React.createElement("button", {
-      key: year,
-      className: `${prefixCls}-year`,
-      disabled: isYearDisabled(year),
-      onClick: () => {
-        setCurrentYear(year);
-        setViewMode('month');
-      }
-    }, year);
-  })), showToday && /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-day-footer`,
-    style: {
-      gridColumn: 'span 7'
-    }
-  }, /*#__PURE__*/React.createElement("button", {
-    className: `${prefixCls}-select`,
-    disabled: disabledDate?.(new Date(DateNow.getDate(), DateNow.getMonth(), DateNow.getFullYear()), {
-      from: undefined,
-      to: undefined
-    }),
-    onClick: () => {
-      handleSelect(DateNow.getDate(), DateNow.getMonth(), DateNow.getFullYear());
-    }
-  }, locale?.today || 'Today')))));
+    })]
+  });
 };
 const DatePicker = Object.assign(DatePickerComponent, {
   RangePicker
@@ -1244,8 +1301,8 @@ const TimePicker = ({
   onBlur,
   onSelect,
   showNow = true,
-  clearIcon = /*#__PURE__*/React.createElement(ClearIcon, null),
-  suffixIcon = /*#__PURE__*/React.createElement(TimeIcon, null),
+  clearIcon = jsxRuntime.jsx(ClearIcon, {}),
+  suffixIcon = jsxRuntime.jsx(TimeIcon, {}),
   placeholder = 'Select time'
 }) => {
   const [open, setOpen] = react.useState(false);
@@ -1428,109 +1485,124 @@ const TimePicker = ({
     } = getTimeParts(tempValue);
     const currentHour = selectedHour ?? 0;
     const currentMinute = selectedMinute ?? 0;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-panel`
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: hourRef,
-      className: `${prefixCls}-column`
-    }, hours.map((h, index) => h === false ? /*#__PURE__*/React.createElement("div", {
-      key: `${h}_${index}`,
-      className: `${prefixCls}-cell`,
-      style: {
-        opacity: 0,
-        userSelect: 'none',
-        cursor: 'inherit'
-      }
-    }, "0") : /*#__PURE__*/React.createElement("div", {
-      key: h,
-      className: clsx([`${prefixCls}-cell`, {
-        [`${prefixCls}-cell-disabled`]: getDisabled('hour').includes(h),
-        [`${prefixCls}-cell-selected`]: selectedHour === h
-      }]),
-      onClick: () => !getDisabled('hour').includes(h) && onSelectHour(h)
-    }, pad(h)))), /*#__PURE__*/React.createElement("div", {
-      ref: minuteRef,
-      className: `${prefixCls}-column`
-    }, minutesSeconds.map((m, index) => m === false ? /*#__PURE__*/React.createElement("div", {
-      key: `${m}_${index}`,
-      className: `${prefixCls}-cell`,
-      style: {
-        opacity: 0,
-        userSelect: 'none',
-        cursor: 'inherit'
-      }
-    }, "0") : /*#__PURE__*/React.createElement("div", {
-      key: m,
-      className: clsx([`${prefixCls}-cell`, {
-        [`${prefixCls}-cell-disabled`]: getDisabled('minute', currentHour).includes(m),
-        [`${prefixCls}-cell-selected`]: selectedMinute === m
-      }]),
-      onClick: () => !getDisabled('minute', currentHour).includes(m) && onSelectMinute(m)
-    }, pad(m)))), /*#__PURE__*/React.createElement("div", {
-      ref: secondRef,
-      className: `${prefixCls}-column`
-    }, minutesSeconds.map((s, index) => s === false ? /*#__PURE__*/React.createElement("div", {
-      key: `${s}_${index}`,
-      className: `${prefixCls}-cell`,
-      style: {
-        opacity: 0,
-        userSelect: 'none',
-        cursor: 'inherit'
-      }
-    }, "0") : /*#__PURE__*/React.createElement("div", {
-      key: s,
-      className: clsx([`${prefixCls}-cell`, {
-        [`${prefixCls}-cell-disabled`]: getDisabled('second', currentHour, currentMinute).includes(s),
-        [`${prefixCls}-cell-selected`]: selectedSecond === s
-      }]),
-      onClick: () => !getDisabled('second', currentHour, currentMinute).includes(s) && onSelectSecond(s)
-    }, pad(s))))), /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-actions`
-    }, showNow ? /*#__PURE__*/React.createElement("div", {
-      className: `${prefixCls}-now-btn`,
-      onClick: handleShowNow
-    }, "Now") : /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("button", {
-      className: `${prefixCls}-ok-btn`,
-      disabled: selectedHour === null || selectedMinute === null || selectedSecond === null,
-      onClick: handleOkButton
-    }, "OK")));
+    return jsxRuntime.jsxs("div", {
+      children: [jsxRuntime.jsxs("div", {
+        className: `${prefixCls}-panel`,
+        children: [jsxRuntime.jsx("div", {
+          ref: hourRef,
+          className: `${prefixCls}-column`,
+          children: hours.map((h, index) => h === false ? jsxRuntime.jsx("div", {
+            className: `${prefixCls}-cell`,
+            style: {
+              opacity: 0,
+              userSelect: 'none',
+              cursor: 'inherit'
+            },
+            children: "0"
+          }, `${h}_${index}`) : jsxRuntime.jsx("div", {
+            className: clsx([`${prefixCls}-cell`, {
+              [`${prefixCls}-cell-disabled`]: getDisabled('hour').includes(h),
+              [`${prefixCls}-cell-selected`]: selectedHour === h
+            }]),
+            onClick: () => !getDisabled('hour').includes(h) && onSelectHour(h),
+            children: pad(h)
+          }, h))
+        }), jsxRuntime.jsx("div", {
+          ref: minuteRef,
+          className: `${prefixCls}-column`,
+          children: minutesSeconds.map((m, index) => m === false ? jsxRuntime.jsx("div", {
+            className: `${prefixCls}-cell`,
+            style: {
+              opacity: 0,
+              userSelect: 'none',
+              cursor: 'inherit'
+            },
+            children: "0"
+          }, `${m}_${index}`) : jsxRuntime.jsx("div", {
+            className: clsx([`${prefixCls}-cell`, {
+              [`${prefixCls}-cell-disabled`]: getDisabled('minute', currentHour).includes(m),
+              [`${prefixCls}-cell-selected`]: selectedMinute === m
+            }]),
+            onClick: () => !getDisabled('minute', currentHour).includes(m) && onSelectMinute(m),
+            children: pad(m)
+          }, m))
+        }), jsxRuntime.jsx("div", {
+          ref: secondRef,
+          className: `${prefixCls}-column`,
+          children: minutesSeconds.map((s, index) => s === false ? jsxRuntime.jsx("div", {
+            className: `${prefixCls}-cell`,
+            style: {
+              opacity: 0,
+              userSelect: 'none',
+              cursor: 'inherit'
+            },
+            children: "0"
+          }, `${s}_${index}`) : jsxRuntime.jsx("div", {
+            className: clsx([`${prefixCls}-cell`, {
+              [`${prefixCls}-cell-disabled`]: getDisabled('second', currentHour, currentMinute).includes(s),
+              [`${prefixCls}-cell-selected`]: selectedSecond === s
+            }]),
+            onClick: () => !getDisabled('second', currentHour, currentMinute).includes(s) && onSelectSecond(s),
+            children: pad(s)
+          }, s))
+        })]
+      }), jsxRuntime.jsxs("div", {
+        className: `${prefixCls}-actions`,
+        children: [showNow ? jsxRuntime.jsx("div", {
+          className: `${prefixCls}-now-btn`,
+          onClick: handleShowNow,
+          children: "Now"
+        }) : jsxRuntime.jsx("span", {}), jsxRuntime.jsx("button", {
+          className: `${prefixCls}-ok-btn`,
+          disabled: selectedHour === null || selectedMinute === null || selectedSecond === null,
+          onClick: handleOkButton,
+          children: "OK"
+        })]
+      })]
+    });
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxRuntime.jsxs("div", {
     className: clsx([`${prefixCls}-wrapper`, className]),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-input-wrapper`,
-    onClick: () => setOpen(true)
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    ref: inputRef,
-    size: INPUT_SIZE,
-    placeholder: placeholder,
-    className: `${prefixCls}-input`,
-    readOnly: inputReadOnly,
-    onChange: handleOnChange
-  }, open ? {} : {
-    value: formatDate(innerValue)
-  }, {
-    onBlur: e => {
-      onBlur?.(e, {
-        source: 'input'
-      });
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-icons`
-  }, clearIcon && innerValue ? /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-clear`,
-    onClick: handleClear
-  }, clearIcon) : suffixIcon && /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-suffix`,
-    onClick: e => {
-      e.stopPropagation();
-      setOpen(true);
-    }
-  }, suffixIcon))), open && /*#__PURE__*/React.createElement("div", {
-    ref: popupRef,
-    className: `${prefixCls}-popup`
-  }, renderOptions()));
+    style: style,
+    children: [jsxRuntime.jsxs("div", {
+      className: `${prefixCls}-input-wrapper`,
+      onClick: () => setOpen(true),
+      children: [jsxRuntime.jsx("input", {
+        ref: inputRef,
+        size: INPUT_SIZE,
+        placeholder: placeholder,
+        className: `${prefixCls}-input`,
+        readOnly: inputReadOnly,
+        onChange: handleOnChange,
+        ...(open ? {} : {
+          value: formatDate(innerValue)
+        }),
+        onBlur: e => {
+          onBlur?.(e, {
+            source: 'input'
+          });
+        }
+      }), jsxRuntime.jsx("div", {
+        className: `${prefixCls}-icons`,
+        children: clearIcon && innerValue ? jsxRuntime.jsx("span", {
+          className: `${prefixCls}-clear`,
+          onClick: handleClear,
+          children: clearIcon
+        }) : suffixIcon && jsxRuntime.jsx("span", {
+          className: `${prefixCls}-suffix`,
+          onClick: e => {
+            e.stopPropagation();
+            setOpen(true);
+          },
+          children: suffixIcon
+        })
+      })]
+    }), open && jsxRuntime.jsx("div", {
+      ref: popupRef,
+      className: `${prefixCls}-popup`,
+      children: renderOptions()
+    })]
+  });
 };
 
 var css_248z$g = ".xUi-input-container{align-items:center;background-color:transparent;border:1px solid var(--xui-border-color);border-radius:var(--xui-border-radius-sm);display:flex;overflow:hidden}.xUi-input-container:not(.xUi-input-error):has(.xUi-input):hover,.xUi-input-container:not(.xUi-input-error):has(.xUi-input:focus){border:1px solid var(--xui-primary-color)}.xUi-input-container.xUi-input-error{border-color:var(--xui-error-color)}.xUi-input-container.xUi-input-error .error-svg-icon,.xUi-input-suffix .error-svg-icon{color:var(--xui-error-color)}.xUi-input-wrapper{align-items:center;display:flex;flex-grow:1;margin:-1px;position:relative;transition:border .3s}.xUi-input,.xUi-input-wrapper{background-color:transparent;height:-webkit-fill-available}.xUi-input{border:none;color:var(--xui-text-color);flex:1;outline:none;padding:0 7px;width:100%}.xUi-input:placeholder-shown{text-overflow:ellipsis}.xUi-input::placeholder{color:var(--xui-text-color);opacity:.6}.xUi-input-prefix,.xUi-input-suffix{background-color:transparent;gap:4px}.xUi-input-addon,.xUi-input-prefix,.xUi-input-suffix{align-items:center;color:var(--xui-text-color);display:flex;height:-webkit-fill-available;padding:0 7px}.xUi-input-addon.xUi-input-after{border-left:1px solid var(--xui-border-color)}.xUi-input-addon.xUi-input-before{border-right:1px solid var(--xui-border-color)}.xUi-input-large .xUi-input-addon{padding:0 10px}.xUi-input-clear{align-items:center;cursor:pointer;display:flex;margin:0 3px;position:relative;width:16px}.xUi-input-clear svg{color:var(--xui-text-color)}.xUi-input-disabled{background-color:var(--xui-color-disabled);cursor:not-allowed}.xUi-input-small{height:22px}.xUi-input-large .xUi-input-clear,.xUi-input-small .xUi-input,.xUi-input-small .xUi-input::placeholder{font-size:var(--xui-font-size-md)}.xUi-input-middle{border-radius:var(--xui-border-radius-md);height:30px}.xUi-input-large .xUi-input-clear,.xUi-input-middle .xUi-input,.xUi-input-middle .xUi-input::placeholder{font-size:var(--xui-font-size-md)}.xUi-input-large{border-radius:var(--xui-border-radius-lg);height:40px}.xUi-input-large .xUi-input,.xUi-input-large .xUi-input-clear,.xUi-input-large .xUi-input::placeholder{font-size:var(--xui-font-size-lg)}";
@@ -1593,26 +1665,29 @@ const Textarea = /*#__PURE__*/react.forwardRef(({
       });
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-wrapper ${rootClassName || ''}`
-  }, /*#__PURE__*/React.createElement("textarea", _extends({}, props, {
-    ref: ref || textareaRef,
-    value: inputValue,
-    onChange: handleChange,
-    onKeyDown: handleKeyDown,
-    style: {
-      ...styles?.textarea,
-      ...style
-    },
-    className: clsx([`${prefixCls} ${prefixCls}-${size} ${prefixCls}-${variant} ${className}`, {
-      [`${prefixCls}-bordered`]: bordered,
-      [`${prefixCls}-success`]: status === 'success',
-      [`${prefixCls}-error`]: status === 'error' || error
-    }])
-  })), allowClear && inputValue && /*#__PURE__*/React.createElement("button", {
-    className: `${prefixCls}-clear`,
-    onClick: handleClear
-  }, "\u2715"));
+  return jsxRuntime.jsxs("div", {
+    className: `${prefixCls}-wrapper ${rootClassName || ''}`,
+    children: [jsxRuntime.jsx("textarea", {
+      ...props,
+      ref: ref || textareaRef,
+      value: inputValue,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown,
+      style: {
+        ...styles?.textarea,
+        ...style
+      },
+      className: clsx([`${prefixCls} ${prefixCls}-${size} ${prefixCls}-${variant} ${className}`, {
+        [`${prefixCls}-bordered`]: bordered,
+        [`${prefixCls}-success`]: status === 'success',
+        [`${prefixCls}-error`]: status === 'error' || error
+      }])
+    }), allowClear && inputValue && jsxRuntime.jsx("button", {
+      className: `${prefixCls}-clear`,
+      onClick: handleClear,
+      children: "\u2715"
+    })]
+  });
 });
 Textarea.displayName = 'Textarea';
 
@@ -1664,40 +1739,49 @@ const InputComponent = /*#__PURE__*/react.forwardRef(({
       onPressEnter(e);
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxRuntime.jsxs("div", {
     className: clsx([`${prefixCls}-container`, {
       [`${prefixCls}-error`]: error,
       [`${prefixCls}-disabled`]: disabled,
       [`${prefixCls}-${size}`]: size,
       noStyle: noStyle
     }, className]),
-    style: props.style
-  }, addonBefore && /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-addon ${prefixCls}-before`
-  }, addonBefore), /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-wrapper`
-  }, prefix && /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-prefix`
-  }, prefix), /*#__PURE__*/React.createElement("input", _extends({}, props, {
-    ref: inputRef
-  }, props.type === 'password' && iconRender ? {
-    type: iconRenderVisible ? 'text' : 'password'
-  } : {}, {
-    disabled: disabled,
-    value: internalValue,
-    onChange: handleChange,
-    onKeyDown: handleOnKeyDown,
-    className: clsx([prefixCls, className])
-  })), /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-clear`,
-    onClick: handleClear
-  }, allowClear && internalValue ? /*#__PURE__*/React.createElement(ErrorIcon, null) : null), (suffix || iconRender) && /*#__PURE__*/React.createElement("span", _extends({
-    className: `${prefixCls}-suffix`
-  }, iconRender !== undefined ? {
-    onClick: () => setIconRenderVisible(icon => !icon)
-  } : {}), suffix || iconRender?.(iconRenderVisible), error && feedbackIcons ? /*#__PURE__*/React.createElement(ErrorIcon, null) : null)), addonAfter ? /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-addon ${prefixCls}-after`
-  }, addonAfter) : null);
+    style: props.style,
+    children: [addonBefore && jsxRuntime.jsx("span", {
+      className: `${prefixCls}-addon ${prefixCls}-before`,
+      children: addonBefore
+    }), jsxRuntime.jsxs("div", {
+      className: `${prefixCls}-wrapper`,
+      children: [prefix && jsxRuntime.jsx("span", {
+        className: `${prefixCls}-prefix`,
+        children: prefix
+      }), jsxRuntime.jsx("input", {
+        ...props,
+        ref: inputRef,
+        ...(props.type === 'password' && iconRender ? {
+          type: iconRenderVisible ? 'text' : 'password'
+        } : {}),
+        disabled: disabled,
+        value: internalValue,
+        onChange: handleChange,
+        onKeyDown: handleOnKeyDown,
+        className: clsx([prefixCls, className])
+      }), jsxRuntime.jsx("span", {
+        className: `${prefixCls}-clear`,
+        onClick: handleClear,
+        children: allowClear && internalValue ? jsxRuntime.jsx(ErrorIcon, {}) : null
+      }), (suffix || iconRender) && jsxRuntime.jsxs("span", {
+        className: `${prefixCls}-suffix`,
+        ...(iconRender !== undefined ? {
+          onClick: () => setIconRenderVisible(icon => !icon)
+        } : {}),
+        children: [suffix || iconRender?.(iconRenderVisible), error && feedbackIcons ? jsxRuntime.jsx(ErrorIcon, {}) : null]
+      })]
+    }), addonAfter ? jsxRuntime.jsx("span", {
+      className: `${prefixCls}-addon ${prefixCls}-after`,
+      children: addonAfter
+    }) : null]
+  });
 });
 InputComponent.displayName = 'Input';
 const Input = InputComponent;
@@ -1715,7 +1799,8 @@ const RadioButton = ({
   size = 'large',
   ...props
 }) => {
-  return /*#__PURE__*/React.createElement(Radio, _extends({}, props, {
+  return jsxRuntime.jsx(Radio, {
+    ...props,
     checked: checked,
     disabled: disabled,
     className: clsx([`${prefixCls}-button`, {
@@ -1723,10 +1808,12 @@ const RadioButton = ({
       [className]: className,
       [`${prefixCls}-button-${size}`]: size,
       [`${prefixCls}-button-checked`]: checked
-    }])
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-button-content`
-  }, children ?? props.value));
+    }]),
+    children: jsxRuntime.jsx("span", {
+      className: `${prefixCls}-button-content`,
+      children: children ?? props.value
+    })
+  });
 };
 
 var css_248z$d = ".xUi-radio-group.xUi-radio-group-small{height:24px}.xUi-radio-group.xUi-radio-group-small .xUi-radio-button:first-child{border-radius:var(--xui-border-radius-sm) 0 0 var(--xui-border-radius-sm)}.xUi-radio-group.xUi-radio-group-small .xUi-radio-button:last-child{border-radius:0 var(--xui-border-radius-sm) var(--xui-border-radius-sm) 0}.xUi-radio-group.xUi-radio-group-middle{height:32px}.xUi-radio-group.xUi-radio-group-middle .xUi-radio-button:first-child{border-radius:var(--xui-border-radius-md) 0 0 var(--xui-border-radius-md)}.xUi-radio-group.xUi-radio-group-middle .xUi-radio-button:last-child{border-radius:0 var(--xui-border-radius-md) var(--xui-border-radius-md) 0}.xUi-radio-group.xUi-radio-group-large{height:40px}.xUi-radio-group.xUi-radio-group-large .xUi-radio-button:first-child{border-radius:var(--xui-border-radius-lg) 0 0 var(--xui-border-radius-lg)}.xUi-radio-group.xUi-radio-group-large .xUi-radio-button:last-child{border-radius:0 var(--xui-border-radius-lg) var(--xui-border-radius-lg) 0}.xUi-radio-group .xUi-radio-button:not(:first-child){border-radius:0}.xUi-radio-group.block{display:inline-flex;width:100%}.xUi-radio-group.block .xUi-radio-button{width:100%}.xUi-radio-group:not(.xUi-radio-group-solid) .xUi-radio-button-checked{background-color:var(--xui-background-color);color:var(--xui-primary-color)}";
@@ -1754,12 +1841,13 @@ const RadioGroup = ({
       return options.map((option, key) => {
         const optionValue = typeof option === 'object' ? option.value : option;
         const optionLabel = typeof option === 'object' ? option.label : option;
-        return /*#__PURE__*/React.createElement(Radio, _extends({
+        return jsxRuntime.jsx(Radio, {
           value: optionValue,
-          key: `${key}_${optionValue}`,
           checked: selectedValue === optionValue,
-          disabled: disabled || typeof option === 'object' && option.disabled
-        }, props), optionLabel);
+          disabled: disabled || typeof option === 'object' && option.disabled,
+          ...props,
+          children: optionLabel
+        }, `${key}_${optionValue}`);
       });
     }
     return react.Children.map(children, child => {
@@ -1781,7 +1869,7 @@ const RadioGroup = ({
       return child;
     });
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxRuntime.jsx("div", {
     id: id,
     style: style,
     className: clsx([`${prefixCls}-group`, {
@@ -1789,8 +1877,9 @@ const RadioGroup = ({
       className,
       [`${prefixCls}-group-${size}`]: size,
       [`${prefixCls}-group-solid`]: buttonStyle === 'solid'
-    }])
-  }, renderChildren());
+    }]),
+    children: renderChildren()
+  });
 };
 
 var css_248z$c = ".xUi-radio-label{align-items:center;cursor:pointer;display:inline-flex;font-size:var(--xui-font-size-md);line-height:1;margin:16px 0;position:relative}.xUi-radio-label input{display:none}.xUi-radio{border:1px solid var(--xui-border-color);border-radius:50%;height:16px;position:relative;transition:all .3s;width:16px}.xUi-radio-error:not(.xUi-radio-disabled){border:1px solid var(--xui-error-color)}.xUi-radio-label input:checked+.xUi-radio-error:not(.xUi-radio-disabled){background:var(--xui-error-color)}.xUi-radio-group{display:flex}.xUi-radio-label .xUi-radio-enabled:not(.xUi-radio-error):hover{border:1px solid var(--xui-primary-color-light)!important}.xUi-radio-disabled{background-color:var(--xui-color-disabled)}.xUi-radio-title{color:var(--xui-text-color);padding-inline-end:8px;padding-inline-start:8px}.xUi-radio-label input:checked+.xUi-radio{background:var(--xui-primary-color)}.xUi-radio-label input:checked+.xUi-radio:after{background-color:#fff;border-radius:50%;content:\"\";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.xUi-radio-label.disabled{cursor:not-allowed;opacity:.5}";
@@ -1825,7 +1914,7 @@ const RadioComponent = /*#__PURE__*/react.forwardRef(({
       onChange?.(parseValue(value));
     }
   }, [defaultChecked, checked]);
-  return /*#__PURE__*/React.createElement("label", {
+  return jsxRuntime.jsxs("label", {
     ref: ref,
     title: title,
     onMouseEnter: onMouseEnter,
@@ -1834,20 +1923,22 @@ const RadioComponent = /*#__PURE__*/react.forwardRef(({
       disabled,
       noStyle: noStyle,
       [className]: className
-    }])
-  }, /*#__PURE__*/React.createElement("input", {
-    name: name,
-    type: "radio",
-    onClick: onClick,
-    disabled: disabled,
-    onChange: handleChange,
-    onBlur: e => onBlur?.(e),
-    onFocus: e => onFocus?.(e)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: clsx([`${prefixCls} ${prefixCls}-${disabled ? 'disabled' : 'enabled'}`])
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-title`
-  }, children ?? title ?? value));
+    }]),
+    children: [jsxRuntime.jsx("input", {
+      name: name,
+      type: "radio",
+      onClick: onClick,
+      disabled: disabled,
+      onChange: handleChange,
+      onBlur: e => onBlur?.(e),
+      onFocus: e => onFocus?.(e)
+    }), jsxRuntime.jsx("span", {
+      className: clsx([`${prefixCls} ${prefixCls}-${disabled ? 'disabled' : 'enabled'}`])
+    }), jsxRuntime.jsx("span", {
+      className: `${prefixCls}-title`,
+      children: children ?? title ?? value
+    })]
+  });
 });
 RadioComponent.displayName = 'Radio';
 const Radio = Object.assign(RadioComponent, {
@@ -1876,16 +1967,18 @@ const Option = ({
     }
     onClick?.(e);
   };
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsxRuntime.jsx("div", {
     className: clsx([`${prefixCls}-option ${className} `, {
       selected: selected,
       disabled: disabled
     }]),
     style: style,
-    onClick: handleClick
-  }, title ? {
-    title
-  } : {}), render ? render(value) : children || value);
+    onClick: handleClick,
+    ...(title ? {
+      title
+    } : {}),
+    children: render ? render(value) : children || value
+  });
 };
 
 var css_248z$a = ".xUi-select .xUi-select-tag-container{display:flex;flex:auto;flex-wrap:wrap;gap:4px;line-height:12px;position:relative}.xUi-select.large .xUi-select-tag-container,.xUi-select.middle .xUi-select-tag-container{line-height:22px}.xUi-select .xUi-select-tag{align-items:center;align-self:center;background:rgba(0,0,0,.06);border:1px solid transparent;border-radius:var(--xui-border-radius-sm);box-sizing:border-box;cursor:default;display:flex;flex:none;height:100%;max-width:100%;overflow:hidden;padding:2px;text-overflow:ellipsis;transition:font-size .3s,line-height .3s,height .3s;white-space:nowrap}.xUi-select.middle .xUi-select-tag{padding:4px 8px}.xUi-select.large .xUi-select-tag{font-size:var(--xui-font-size-lg);padding:8px}.xUi-select .xUi-select-tag span{font-size:var(--xui-font-size-sm);margin:0 2px}.xUi-select .xUi-select-tag .xUi-select-tag-close-icon{color:rgba(0,0,0,.5);cursor:pointer;font-size:var(--xui-font-size-xs)}.xUi-select .xUi-select-tag .xUi-select-tag-close-icon:hover{color:var(--xui-text-color)}.xUi-select .xUi-select-tag:has([class=xUi-select-tag-input]){background:transparent;border:none;color:var(--xui-text-color);font-size:var(--xui-font-size-md);outline:none;padding:0}.xUi-select .xUi-select-tag:has([class=xUi-select-tag-input]) input{background-color:transparent;border:none;font-size:var(--xui-font-size-md);height:-webkit-fill-available;padding:0}.xUi-select .xUi-select-tag-input:focus{border:none;box-shadow:none;outline:none}";
@@ -1907,16 +2000,22 @@ const Tag = ({
     e.target.value = value;
     onClose(e);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxRuntime.jsxs("div", {
     style: {
       ...style,
       backgroundColor: color
     },
-    className: `${prefixCls}-tag`
-  }, /*#__PURE__*/React.createElement("span", null, label !== undefined ? label : value), closable && /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-tag-close-icon`,
-    onClick: handleOnClick
-  }, icon || /*#__PURE__*/React.createElement(React.Fragment, null, "\u2715")));
+    className: `${prefixCls}-tag`,
+    children: [jsxRuntime.jsx("span", {
+      children: label !== undefined ? label : value
+    }), closable && jsxRuntime.jsx("span", {
+      className: `${prefixCls}-tag-close-icon`,
+      onClick: handleOnClick,
+      children: icon || jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: "\u2715"
+      })
+    })]
+  });
 };
 
 var css_248z$9 = ".xUi-empty{align-items:center;display:grid;gap:4px;justify-content:center;padding:14px}.xUi-empty-description{color:var(--xui-text-color);font-size:var(--xui-font-size-md);text-align:center}";
@@ -1929,35 +2028,43 @@ const EmptyContent = ({
   title = 'No Data',
   description = 'No data',
   prefixCls = prefixClsEmpty
-}) => /*#__PURE__*/React.createElement("div", {
+}) => jsxRuntime.jsxs("div", {
   style: style,
-  className: `${prefixCls} ${prefixCls}-normal ${prefixCls}-small ${className}`
-}, /*#__PURE__*/React.createElement("div", {
-  className: `${prefixCls}-image`
-}, icon || /*#__PURE__*/React.createElement("svg", {
-  width: "64",
-  height: "41",
-  viewBox: "0 0 64 41",
-  xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/React.createElement("title", null, title), /*#__PURE__*/React.createElement("g", {
-  transform: "translate(0 1)",
-  fill: "none"
-}, /*#__PURE__*/React.createElement("ellipse", {
-  fill: "#f5f5f5",
-  cx: "32",
-  cy: "33",
-  rx: "32",
-  ry: "7"
-}), /*#__PURE__*/React.createElement("g", {
-  stroke: "#d9d9d9"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",
-  fill: "#fafafa"
-}))))), /*#__PURE__*/React.createElement("div", {
-  className: `${prefixCls}-description`
-}, description));
+  className: `${prefixCls} ${prefixCls}-normal ${prefixCls}-small ${className}`,
+  children: [jsxRuntime.jsx("div", {
+    className: `${prefixCls}-image`,
+    children: icon || jsxRuntime.jsxs("svg", {
+      width: "64",
+      height: "41",
+      viewBox: "0 0 64 41",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [jsxRuntime.jsx("title", {
+        children: title
+      }), jsxRuntime.jsxs("g", {
+        transform: "translate(0 1)",
+        fill: "none",
+        children: [jsxRuntime.jsx("ellipse", {
+          fill: "#f5f5f5",
+          cx: "32",
+          cy: "33",
+          rx: "32",
+          ry: "7"
+        }), jsxRuntime.jsxs("g", {
+          stroke: "#d9d9d9",
+          children: [jsxRuntime.jsx("path", {
+            d: "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
+          }), jsxRuntime.jsx("path", {
+            d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",
+            fill: "#fafafa"
+          })]
+        })]
+      })]
+    })
+  }), jsxRuntime.jsx("div", {
+    className: `${prefixCls}-description`,
+    children: description
+  })]
+});
 
 var css_248z$8 = "@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.xUi-select{background-color:transparent;border:1px solid var(--xui-border-color);border-radius:var(--xui-border-radius-sm);box-sizing:border-box;color:var(--xui-text-color);display:inline-flex;flex-direction:row-reverse;margin-bottom:15px;min-height:24px;padding:2px 8px;position:relative;width:100%}.xUi-select-disabled{background:rgba(0,0,0,.04)}.xUi-select-arrow{align-items:center;color:var(--xui-text-color-light);display:flex;gap:6px;margin:0 4px}.xUi-select-arrow svg{align-items:center;display:flex;justify-content:center}.xUi-select-loading{animation:spin 1s linear infinite;color:var(--xui-text-color-light);display:inline-block;margin:0 8px}.xUi-select .xUi-select-trigger{align-items:center;background:transparent;border-radius:var(--xui-border-radius-sm);cursor:pointer;display:flex;justify-content:end;width:100%}.xUi-select .xUi-select-clear-btn{background:none;border:none;color:#999;cursor:pointer;font-size:var(--xui-font-size-lg);line-height:1;margin:0 8px;padding:0}.xUi-select .xUi-select-clear-btn:hover{color:var(--xui-primary-color)}.xUi-select-dropdown{background-color:var(--xui-select-background-color);border-radius:var(--xui-border-radius-sm);box-shadow:0 4px 12px rgba(0,0,0,.15);left:0;margin-top:5px;max-height:200px;min-width:max-content;overflow-y:auto;position:absolute;right:unset;top:100%;width:inherit;z-index:10}.xUi-select-dropdown.bottomRight,.xUi-select-dropdown.topRight{left:unset;right:0}.xUi-select .xUi-select-loading-spinner{color:#999;padding:10px;text-align:center}.xUi-select:focus-within{border-color:var(--xui-primary-color-light);box-shadow:none}.xUi-select:hover:not(.xUi-select-disabled){border-color:var(--xui-primary-color)}.xUi-select-disabled,.xUi-select-disabled .xUi-select-input,.xUi-select-disabled .xUi-select-trigger{cursor:not-allowed!important;opacity:.6!important}.xUi-select-selected-icon{color:var(--xui-primary-color-light)}.xUi-select-error{border-color:var(--xui-error-color)}.xUi-select-arrow .error-svg-icon,.xUi-select-error .error-svg-icon{color:var(--xui-error-color)}.xUi-select .xUi-select-input{align-items:center;background:transparent;border:none;color:var(--xui-text-color);cursor:pointer;display:inline-flex;font-size:var(--xui-font-size-md);height:-webkit-fill-available;outline:none;padding:0;user-select:none;width:100%}.xUi-select .xUi-select-input:focus{border:none;box-shadow:none;outline:none}.xUi-select.middle{border-radius:var(--xui-border-radius-md);min-height:30px}.xUi-select.middle,.xUi-select.middle input{font-size:var(--xui-font-size-md)}.xUi-select.middle .xUi-select-trigger{border-radius:var(--xui-border-radius-md)}.xUi-select.large{font-size:var(--xui-font-size-lg);min-height:40px}.xUi-select.large,.xUi-select.large .xUi-select-trigger{border-radius:var(--xui-border-radius-lg)}.xUi-select input{font-size:var(--xui-font-size-lg)}";
 styleInject(css_248z$8);
@@ -2166,9 +2273,11 @@ const SelectComponent = /*#__PURE__*/react.forwardRef(({
     if (!showArrow) {
       return null;
     }
-    return showSearch && isOpen ? /*#__PURE__*/React.createElement(SearchIcon, null) : /*#__PURE__*/React.createElement("span", null, suffixIcon || showArrow && /*#__PURE__*/React.createElement(ArrowIcon, {
-      isOpen: isOpen
-    }));
+    return showSearch && isOpen ? jsxRuntime.jsx(SearchIcon, {}) : jsxRuntime.jsx("span", {
+      children: suffixIcon || showArrow && jsxRuntime.jsx(ArrowIcon, {
+        isOpen: isOpen
+      })
+    });
   }, [showArrow, showSearch, isOpen, suffixIcon]);
   const popupContainer = react.useMemo(() => {
     return selectRef.current ? getPopupContainer?.(selectRef.current) : selectRef.current;
@@ -2210,9 +2319,8 @@ const SelectComponent = /*#__PURE__*/react.forwardRef(({
       ...props
     }) => {
       const isSelected = hasMode ? selected.includes(props.value) : props.value === selected;
-      return /*#__PURE__*/React.createElement(Option, _extends({
-        key: `${props.value}`
-      }, props, {
+      return jsxRuntime.jsxs(Option, {
+        ...props,
         selected: isSelected,
         className: clsx([className, {
           [`${prefixCls}-focused`]: hasMode ? isSelected : props.value === selected,
@@ -2228,14 +2336,16 @@ const SelectComponent = /*#__PURE__*/react.forwardRef(({
             ...props
           });
         },
-        "data-value": props.value
-      }), children || props.value, hasMode && isSelected && /*#__PURE__*/React.createElement("span", {
-        className: `${prefixCls}-selected-icon`
-      }, menuItemSelectedIcon === true ? /*#__PURE__*/React.createElement(CheckIcon, null) : menuItemSelectedIcon));
+        "data-value": props.value,
+        children: [children || props.value, hasMode && isSelected && jsxRuntime.jsx("span", {
+          className: `${prefixCls}-selected-icon`,
+          children: menuItemSelectedIcon === true ? jsxRuntime.jsx(CheckIcon, {}) : menuItemSelectedIcon
+        })]
+      }, `${props.value}`);
     });
     return dropdownRender ? dropdownRender(options) : options;
   })();
-  const dropdownContent = !loading && isOpen && /*#__PURE__*/React.createElement("div", {
+  const dropdownContent = !loading && isOpen && jsxRuntime.jsxs("div", {
     className: clsx([`${prefixCls}-dropdown`, {
       [placement]: placement,
       [dropdownClassName]: dropdownClassName
@@ -2246,28 +2356,31 @@ const SelectComponent = /*#__PURE__*/react.forwardRef(({
       ...(['topLeft', 'topRight'].includes(placement) ? {
         top: -((selectRef.current?.querySelector(`.${prefixCls}-dropdown`)?.clientHeight || listHeight) + PADDING_PLACEMENT) + (selectRef.current?.clientHeight || 0)
       } : {})
-    }
-  }, filterable && /*#__PURE__*/React.createElement("input", {
-    type: "text",
-    className: `${prefixCls}-search`,
-    value: searchQuery,
-    onChange: handleSearch,
-    placeholder: "Search..."
-  }), !loading && /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-options globalEllipsis`,
-    style: {
-      maxHeight: listHeight,
-      overflowY: 'auto'
-    }
-  }, asTag && !!searchQuery && /*#__PURE__*/React.createElement(Option, {
-    value: searchQuery,
-    className: `${prefixCls}-focused`,
-    onClick: e => {
-      handleSelect(e, searchQuery);
     },
-    "data-value": searchQuery
-  }, searchQuery), filteredOptions.length ? dataRender : !asTag ? notFoundContent || /*#__PURE__*/React.createElement(EmptyContent, null) : null));
-  return /*#__PURE__*/React.createElement("div", {
+    children: [filterable && jsxRuntime.jsx("input", {
+      type: "text",
+      className: `${prefixCls}-search`,
+      value: searchQuery,
+      onChange: handleSearch,
+      placeholder: "Search..."
+    }), !loading && jsxRuntime.jsxs("div", {
+      className: `${prefixCls}-options globalEllipsis`,
+      style: {
+        maxHeight: listHeight,
+        overflowY: 'auto'
+      },
+      children: [asTag && !!searchQuery && jsxRuntime.jsx(Option, {
+        value: searchQuery,
+        className: `${prefixCls}-focused`,
+        onClick: e => {
+          handleSelect(e, searchQuery);
+        },
+        "data-value": searchQuery,
+        children: searchQuery
+      }), filteredOptions.length ? dataRender : !asTag ? notFoundContent || jsxRuntime.jsx(EmptyContent, {}) : null]
+    })]
+  });
+  return jsxRuntime.jsxs("div", {
     id: id,
     ref: selectRef,
     style: style,
@@ -2278,77 +2391,88 @@ const SelectComponent = /*#__PURE__*/react.forwardRef(({
       [`${prefixCls}-error`]: error,
       [`${prefixCls}-multi`]: hasMode,
       [`${prefixCls}-disabled`]: disabled
-    }])
-  }, /*#__PURE__*/React.createElement("div", {
-    onClick: handleTriggerClick,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    className: `${prefixCls}-trigger`
-  }, showSearch ? /*#__PURE__*/React.createElement("div", {
-    style: {
-      ...style,
-      ...(isOpen ? {
-        maxWidth: `${searchInputWidth}px`
-      } : {}),
-      minWidth: `${searchInputWidth}px`
-    },
-    className: `${prefixCls}-tag-container`
-  }, hasMode && selected.map((tag, index) => tagRender ? /*#__PURE__*/React.createElement("div", {
-    key: `${index}_${tag}`
-  }, tagRender?.({
-    label: extractedOptions.find(e => e.value === tag)?.children || tag,
-    value: tag,
-    onClose: handleRemoveTag,
-    closable: true
-  })) : /*#__PURE__*/React.createElement(Tag, {
-    closable: true,
-    value: tag,
-    label: tag === '' ? placeholder : extractedOptions.find(e => e.value === tag)?.children || tag,
-    onClose: handleRemoveTag,
-    key: `${index}_${tag}`
-  })), isOpen ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-tag`
-  }, /*#__PURE__*/React.createElement("div", {
-    onClick: e => {
-      if (disabled) {
-        e.preventDefault();
-        e.stopPropagation();
-        return;
-      }
-    },
-    onKeyDown: handleOnKeyDown,
-    style: {
-      width: 'auto',
-      display: 'ruby',
-      textAlign: 'center'
-    },
-    contentEditable: "plaintext-only",
-    id: `${prefixCls}-search-tag-input`,
-    className: `${prefixCls}-tag-input`
-  })) : !hasMode ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-input`,
-    style: {
-      opacity: isOpen || selected === '' ? '0.6' : '1'
-    }
-  }, selected === '' ? placeholder : extractedOptions.find(e => e.value === selected)?.children || selected) : null) : !hasMode ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-input`,
-    onClick: () => !disabled && setIsOpen(!isOpen || open),
-    style: {
-      opacity: isOpen || selected === '' ? '0.6' : '1'
-    }
-  }, selected === '' ? placeholder : (() => {
-    const option = extractedOptions.find(e => e.value === selected);
-    return option?.children || option?.value || null;
-  })()) : null, isHover && !loading ? allowClear && selected ? /*#__PURE__*/React.createElement("button", {
-    className: `${prefixCls}-clear-btn`,
-    onClick: handleClear
-  }, removeIcon || /*#__PURE__*/React.createElement(ClearIcon, null)) : /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-arrow`
-  }, ArrowContainer, error && feedbackIcons ? /*#__PURE__*/React.createElement(ErrorIcon, null) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, !loading && /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-arrow`
-  }, ArrowContainer, error && feedbackIcons ? /*#__PURE__*/React.createElement(ErrorIcon, null) : null), loading && /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-loading`
-  }, /*#__PURE__*/React.createElement(LoadingIcon, null)))), popupContainer ? /*#__PURE__*/reactDom.createPortal(dropdownContent, popupContainer) : dropdownContent);
+    }]),
+    children: [jsxRuntime.jsxs("div", {
+      onClick: handleTriggerClick,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      className: `${prefixCls}-trigger`,
+      children: [showSearch ? jsxRuntime.jsxs("div", {
+        style: {
+          ...style,
+          ...(isOpen ? {
+            maxWidth: `${searchInputWidth}px`
+          } : {}),
+          minWidth: `${searchInputWidth}px`
+        },
+        className: `${prefixCls}-tag-container`,
+        children: [hasMode && selected.map((tag, index) => tagRender ? jsxRuntime.jsx("div", {
+          children: tagRender?.({
+            label: extractedOptions.find(e => e.value === tag)?.children || tag,
+            value: tag,
+            onClose: handleRemoveTag,
+            closable: true
+          })
+        }, `${index}_${tag}`) : jsxRuntime.jsx(Tag, {
+          closable: true,
+          value: tag,
+          label: tag === '' ? placeholder : extractedOptions.find(e => e.value === tag)?.children || tag,
+          onClose: handleRemoveTag
+        }, `${index}_${tag}`)), isOpen ? jsxRuntime.jsx("div", {
+          className: `${prefixCls}-tag`,
+          children: jsxRuntime.jsx("div", {
+            onClick: e => {
+              if (disabled) {
+                e.preventDefault();
+                e.stopPropagation();
+                return;
+              }
+            },
+            onKeyDown: handleOnKeyDown,
+            style: {
+              width: 'auto',
+              display: 'ruby',
+              textAlign: 'center'
+            },
+            contentEditable: "plaintext-only",
+            id: `${prefixCls}-search-tag-input`,
+            className: `${prefixCls}-tag-input`
+          })
+        }) : !hasMode ? jsxRuntime.jsx("div", {
+          className: `${prefixCls}-input`,
+          style: {
+            opacity: isOpen || selected === '' ? '0.6' : '1'
+          },
+          children: selected === '' ? placeholder : extractedOptions.find(e => e.value === selected)?.children || selected
+        }) : null]
+      }) : !hasMode ? jsxRuntime.jsx("div", {
+        className: `${prefixCls}-input`,
+        onClick: () => !disabled && setIsOpen(!isOpen || open),
+        style: {
+          opacity: isOpen || selected === '' ? '0.6' : '1'
+        },
+        children: selected === '' ? placeholder : (() => {
+          const option = extractedOptions.find(e => e.value === selected);
+          return option?.children || option?.value || null;
+        })()
+      }) : null, isHover && !loading ? allowClear && selected ? jsxRuntime.jsx("button", {
+        className: `${prefixCls}-clear-btn`,
+        onClick: handleClear,
+        children: removeIcon || jsxRuntime.jsx(ClearIcon, {})
+      }) : jsxRuntime.jsxs("span", {
+        className: `${prefixCls}-arrow`,
+        children: [ArrowContainer, error && feedbackIcons ? jsxRuntime.jsx(ErrorIcon, {}) : null]
+      }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [!loading && jsxRuntime.jsxs("span", {
+          className: `${prefixCls}-arrow`,
+          children: [ArrowContainer, error && feedbackIcons ? jsxRuntime.jsx(ErrorIcon, {}) : null]
+        }), loading && jsxRuntime.jsx("span", {
+          className: `${prefixCls}-loading`,
+          children: jsxRuntime.jsx(LoadingIcon, {})
+        })]
+      })]
+    }), popupContainer ? /*#__PURE__*/reactDom.createPortal(dropdownContent, popupContainer) : dropdownContent]
+  });
 });
 SelectComponent.displayName = 'Select';
 const Select = Object.assign(SelectComponent, {
@@ -2371,15 +2495,16 @@ const SkeletonButton = ({
   size = 'default',
   applyElementStyle = true
 }) => {
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxRuntime.jsx("div", {
     className: clsx([`${prefixCls}`, {
       [`${prefixCls}-element`]: applyElementStyle,
       [`${prefixCls}-active`]: active
-    }, className])
-  }, /*#__PURE__*/React.createElement("span", {
-    className: clsx([`${prefixCls}-button `, BUTTON_SKELETON_SIZE[size], className]),
-    style: style
-  }));
+    }, className]),
+    children: jsxRuntime.jsx("span", {
+      className: clsx([`${prefixCls}-button `, BUTTON_SKELETON_SIZE[size], className]),
+      style: style
+    })
+  });
 };
 
 var css_248z$6 = "@keyframes xUi-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.xUi-skeleton-avatar{animation:xUi-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);background-size:400% 100%;display:block;height:40px;line-height:40px;width:40px}.xUi-skeleton-avatar-circle{border-radius:50%}.xUi-skeleton-avatar-square{border-radius:4px}";
@@ -2409,23 +2534,25 @@ const SkeletonAvatar = ({
   applyElementStyle = true,
   ...props
 }) => {
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsxRuntime.jsx("div", {
     className: clsx([`${prefixCls}`, {
       [`${prefixCls}-element`]: applyElementStyle,
       [`${prefixCls}-active`]: active
     }, className]),
-    style: wrapperStyle
-  }, props), /*#__PURE__*/React.createElement("span", {
-    className: clsx([`${prefixCls}-avatar ${prefixCls}-avatar-${shape}`]),
-    style: {
-      ...(size ? {
-        width: size,
-        height: size,
-        lineHeight: size
-      } : {}),
-      ...(style || {})
-    }
-  }));
+    style: wrapperStyle,
+    ...props,
+    children: jsxRuntime.jsx("span", {
+      className: clsx([`${prefixCls}-avatar ${prefixCls}-avatar-${shape}`]),
+      style: {
+        ...(size ? {
+          width: size,
+          height: size,
+          lineHeight: size
+        } : {}),
+        ...(style || {})
+      }
+    })
+  });
 };
 
 var css_248z$5 = ".xUi-skeleton-image{align-items:center;background:hsla(0,0%,75%,.2);display:flex;height:96px;justify-content:center;line-height:96px;vertical-align:top;width:96px}.xUi-skeleton-image .xUi-skeleton-icon{font-size:inherit!important}.xUi-skeleton-image svg{height:100%;line-height:48px;max-width:192px;width:48px}";
@@ -2437,31 +2564,34 @@ const SkeletonImage = ({
   className,
   style = {}
 }) => {
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxRuntime.jsx("div", {
     className: `${prefixCls}-image ${className || ''}`,
-    style: style
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-icon`,
-    style: {
-      fontSize: `${style?.width || CUSTOm_ICON_SIZE}px`,
-      color: '#bfbfbf',
-      position: 'relative',
-      width: '100%',
-      height: '100%',
-      ...(style?.backgroundColor ? {
-        backgroundColor: style?.backgroundColor
-      } : {})
-    }
-  }, /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 1098 1024",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "currentColor"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z",
-    className: `${prefixCls}-image-path`
-  }))));
+    style: style,
+    children: jsxRuntime.jsx("span", {
+      className: `${prefixCls}-icon`,
+      style: {
+        fontSize: `${style?.width || CUSTOm_ICON_SIZE}px`,
+        color: '#bfbfbf',
+        position: 'relative',
+        width: '100%',
+        height: '100%',
+        ...(style?.backgroundColor ? {
+          backgroundColor: style?.backgroundColor
+        } : {})
+      },
+      children: jsxRuntime.jsx("svg", {
+        viewBox: "0 0 1098 1024",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        children: jsxRuntime.jsx("path", {
+          d: "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z",
+          className: `${prefixCls}-image-path`
+        })
+      })
+    })
+  });
 };
 
 var css_248z$4 = "@keyframes xUi-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.xUi-skeleton-element{display:inline-block!important;width:auto!important}.xUi-skeleton-input{background:hsla(0,0%,75%,.2);display:inline-block;height:32px;line-height:32px;min-width:160px;vertical-align:top;width:160px}.xUi-skeleton-input-sm{height:24px;line-height:24px;min-width:120px;width:120px}.xUi-skeleton-input-lg{height:40px;line-height:40px;min-width:200px;width:200px}.xUi-skeleton-active .xUi-skeleton-input{animation:xUi-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);background-size:400% 100%}.xUi-skeleton-block,.xUi-skeleton-block .xUi-skeleton-input{width:100%}";
@@ -2480,15 +2610,16 @@ const SkeletonInput = ({
   className,
   size = 'default'
 }) => {
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxRuntime.jsx("div", {
     className: clsx([`${prefixCls}-element`, {
       [`${prefixCls}-active`]: active,
       [`${prefixCls}-block`]: block
-    }, className])
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-input ${INPUT_SKELETON_SIZE[size]} ${className || ''}`,
-    style: style
-  }));
+    }, className]),
+    children: jsxRuntime.jsx("span", {
+      className: `${prefixCls}-input ${INPUT_SKELETON_SIZE[size]} ${className || ''}`,
+      style: style
+    })
+  });
 };
 
 var css_248z$3 = "@keyframes xUi-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.xUi-skeleton{display:table;width:100%}.xUi-skeleton__withAvatar{display:flex;gap:12px}.xUi-skeleton-content{width:100%}.xUi-skeleton-content,.xUi-skeleton__header{display:table-cell;vertical-align:top}.xUi-skeleton-title{background:hsla(0,0%,75%,.2);border-radius:4px;height:16px;margin-top:16px;width:38%}.xUi-skeleton-title-avatar{margin-top:12px;width:100%}.xUi-skeleton-title+.xUi-skeleton-paragraph{margin-top:24px}.xUi-skeleton-paragraph{padding:0}.xUi-skeleton-paragraph li{background:hsla(0,0%,75%,.2);border-radius:4px;height:16px;list-style:none;width:100%}.xUi-skeleton-paragraph li+li{margin-top:16px}.xUi-skeleton-paragraph li:last-child:not(:first-child){width:61%}.xUi-skeleton-active .xUi-skeleton-paragraph>li,.xUi-skeleton-active .xUi-skeleton-title{animation:xUi-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);background-size:400% 100%}.xUi-skeleton-round .xUi-skeleton-content,.xUi-skeleton-round .xUi-skeleton-paragraph>li,.xUi-skeleton-round .xUi-skeleton-title{border-radius:100px}";
@@ -2516,30 +2647,34 @@ const Skeleton = ({
   } : {};
   const PARAGRAPH_ROWS = avatar ? PARAGRAPH_AVATAR_ROWS : PARAGRAPH_DEFAULT_ROWS;
   const HAS_PHARAGRAPH = typeof paragraph === 'boolean' || !paragraph ? PARAGRAPH_ROWS : paragraph?.rows ?? PARAGRAPH_ROWS;
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxRuntime.jsxs("div", {
     className: clsx([prefixCls, {
       [`${prefixCls}__withAvatar`]: avatar,
       [`${prefixCls}-active`]: active,
       [`${prefixCls}-round`]: round
     }, className]),
-    style: style
-  }, avatar && teamLogo && /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}__header`
-  }, /*#__PURE__*/React.createElement(SkeletonAvatar, GET_AVATAR_SKELETON_PROPS(avatar))), /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-content`
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: clsx([`${prefixCls}-title ${GET_TITLE_SKELETON_PROPS.className}`, {
-      [`${prefixCls}-title-avatar`]: avatar
-    }]),
-    style: GET_TITLE_SKELETON_PROPS.style
-  }), paragraph !== false && /*#__PURE__*/React.createElement("ul", {
-    className: `${prefixCls}-paragraph`,
-    style: {
-      ...(typeof paragraph !== 'boolean' && paragraph ? paragraph.style : {})
-    }
-  }, createArray(HAS_PHARAGRAPH).map(key => /*#__PURE__*/React.createElement("li", {
-    key: key
-  })))));
+    style: style,
+    children: [avatar && teamLogo && jsxRuntime.jsx("div", {
+      className: `${prefixCls}__header`,
+      children: jsxRuntime.jsx(SkeletonAvatar, {
+        ...GET_AVATAR_SKELETON_PROPS(avatar)
+      })
+    }), jsxRuntime.jsxs("div", {
+      className: `${prefixCls}-content`,
+      children: [jsxRuntime.jsx("h3", {
+        className: clsx([`${prefixCls}-title ${GET_TITLE_SKELETON_PROPS.className}`, {
+          [`${prefixCls}-title-avatar`]: avatar
+        }]),
+        style: GET_TITLE_SKELETON_PROPS.style
+      }), paragraph !== false && jsxRuntime.jsx("ul", {
+        className: `${prefixCls}-paragraph`,
+        style: {
+          ...(typeof paragraph !== 'boolean' && paragraph ? paragraph.style : {})
+        },
+        children: createArray(HAS_PHARAGRAPH).map(key => jsxRuntime.jsx("li", {}, key))
+      })]
+    })]
+  });
 };
 Skeleton.Image = SkeletonImage;
 Skeleton.Input = SkeletonInput;
@@ -2580,27 +2715,35 @@ const ButtonBase = ({
     [`${prefixCls}-disabled`]: disabled
   }, className);
   const mergedDisabled = disabled || isLoading;
-  const content = /*#__PURE__*/React.createElement(React.Fragment, null, iconNode && iconPosition === 'start' && /*#__PURE__*/React.createElement("span", {
-    className: clsx(`${prefixCls}-icon`, customClassNames.icon),
-    style: styles.icon
-  }, iconNode), /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-content`
-  }, children), iconNode && iconPosition === 'end' && /*#__PURE__*/React.createElement("span", {
-    className: clsx(`${prefixCls}-icon`, customClassNames.icon),
-    style: styles.icon
-  }, iconNode));
+  const content = jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [iconNode && iconPosition === 'start' && jsxRuntime.jsx("span", {
+      className: clsx(`${prefixCls}-icon`, customClassNames.icon),
+      style: styles.icon,
+      children: iconNode
+    }), jsxRuntime.jsx("span", {
+      className: `${prefixCls}-content`,
+      children: children
+    }), iconNode && iconPosition === 'end' && jsxRuntime.jsx("span", {
+      className: clsx(`${prefixCls}-icon`, customClassNames.icon),
+      style: styles.icon,
+      children: iconNode
+    })]
+  });
   if (href) {
-    return /*#__PURE__*/React.createElement("a", {
+    return jsxRuntime.jsx("a", {
       className: classes,
       href: mergedDisabled ? undefined : href,
-      "aria-disabled": mergedDisabled
-    }, content);
+      "aria-disabled": mergedDisabled,
+      children: content
+    });
   }
-  return /*#__PURE__*/React.createElement("button", _extends({
+  return jsxRuntime.jsx("button", {
     type: htmlType,
     className: classes,
-    disabled: mergedDisabled
-  }, restProps), content);
+    disabled: mergedDisabled,
+    ...restProps,
+    children: content
+  });
 };
 
 const MyButton = props => {
@@ -2621,14 +2764,15 @@ const MyButton = props => {
     }
   }, [loading]);
   const iconNode = react.useMemo(() => {
-    return innerLoading ? typeof loading === 'object' && loading.icon || /*#__PURE__*/React.createElement("span", {
+    return innerLoading ? typeof loading === 'object' && loading.icon || jsxRuntime.jsx("span", {
       className: `${prefixCls}-spinner`
     }) : icon;
   }, [icon, innerLoading, loading, prefixCls]);
-  return /*#__PURE__*/React.createElement(ButtonBase, _extends({}, props, {
+  return jsxRuntime.jsx(ButtonBase, {
+    ...props,
     isLoading: innerLoading,
     iconNode: iconNode
-  }));
+  });
 };
 
 var css_248z$1 = ".xUi-upload-wrapper{font-family:Arial,sans-serif;width:100%}.xUi-upload{align-items:center;border-radius:6px;color:#666;cursor:pointer;display:flex;justify-content:flex-start;text-align:center;transition:all .3s}.xUi-upload:hover{border-color:var(--xui-primary-color,var(--xui-primary-color));color:var(--xui-primary-color,var(--xui-primary-color))}.xUi-upload-disabled{cursor:not-allowed;opacity:.6}.xUi-upload-disabled .xUi-upload-picture button{cursor:not-allowed}.xUi-upload-input{display:none}.xUi-upload-list{list-style:none;margin:0;padding:0}.xUi-upload-list-picture .xUi-upload-item{border:1px dashed var(--xui-border-color);line-height:unset;margin-top:8px;padding:8px}.xUi-upload-list-picture .xUi-upload-item-done{border:1px solid var(--xui-border-color)}.xUi-upload-list-picture .xUi-upload-item-error{border:1px solid var(--xui-error-color)}.xUi-upload-list-picture .xUi-upload-item-error .xUi-upload-item-title{color:var(--xui-error-color)}.xUi-upload-item{align-items:center;border-radius:8px;color:#333;display:flex;font-size:14px;gap:8px;line-height:35px;margin:0;transition:background .3s}.xUi-upload-item.uploading{color:var(--xui-primary-color)}.xUi-upload-item.done{color:var(--xui-success-color)}.xUi-upload-item.error{color:var(--xui-error-color)}.xUi-upload-remove{color:rgba(0,0,0,.45)}.xUi-upload-item-title{align-items:center;color:var(--xui-text-color);display:flex;justify-content:space-between}.xUi-upload-item-title svg{color:var(--xui-error-color)}.xUi-upload-list-picture-card{display:flex;flex-wrap:wrap;gap:8px}.xUi-upload-list-picture-card .xUi-upload-item{align-items:center;border-radius:4px;display:flex;flex-direction:column;height:104px;justify-content:center;position:relative;width:104px}.xUi-upload-list-picture-card .xUi-upload-item img{max-height:100%;max-width:100%;object-fit:cover}.xUi-upload-list-picture-card .xUi-upload-remove{border-radius:50%;color:#fff;font-size:12px;line-height:1;padding:2px 6px;position:absolute;right:4px;top:4px}.xUi-upload-item-thumbnail{border-radius:4px;height:40px;object-fit:cover;width:40px}.xUi-upload-item-progress-line{border:1px solid var(--xui-border-color);height:0;width:calc(100% - 8px)}.xUi-upload-item-progress-line-percent{border:1px solid red;height:0;position:relative;top:-2px}";
@@ -2774,71 +2918,80 @@ const Upload = ({
       uploadRef.current.click();
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return jsxRuntime.jsxs("div", {
     className: clsx([`${prefixCls}-wrapper`, className, rootClassName, {
       noStyle: noStyle,
       [`${prefixCls}-disabled`]: disabled
     }]),
-    style: style
-  }, /*#__PURE__*/React.createElement("span", {
-    className: clsx([`${prefixCls}`, `${prefixCls}-${listType}`]),
-    onClick: handleClick
-  }, children, /*#__PURE__*/React.createElement("input", _extends({
-    type: "file",
-    ref: uploadRef,
-    accept: accept,
-    multiple: multiple,
-    onChange: handleFileChange,
-    className: `${prefixCls}-input`,
-    disabled: disabled
-  }, directory ? {
-    directory: true,
-    webkitdirectory: true
-  } : {}))), showUploadList && fileList.length > 0 && /*#__PURE__*/React.createElement("ul", {
-    className: `${prefixCls}-list ${prefixCls}-list-${listType}`
-  }, fileList.map(file => /*#__PURE__*/React.createElement("li", {
-    key: file.uid,
-    className: `${prefixCls}-item ${prefixCls}-item-${file.status}`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-remove`,
-    onClick: () => handleRemove(file.uid)
-  }, listType === 'picture' && (file.originFileObj || file.url) ?
-  /*#__PURE__*/
-  // eslint-disable-next-line @next/next/no-img-element
-  React.createElement("img", {
-    width: IMAGE_SIZE,
-    height: IMAGE_SIZE,
-    alt: file.name,
-    src: file.url || URL.createObjectURL(file.originFileObj),
-    className: `${prefixCls}-item-thumbnail`
-  }) : /*#__PURE__*/React.createElement(StampleIcon, null)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '100%'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-item-title`,
-    style: {
-      ...(file.status === 'uploading' ? {
-        marginBottom: 12
-      } : {})
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-item-remove-icon`,
-    onClick: () => handleRemove(file.uid),
-    style: {
-      cursor: 'pointer',
-      marginLeft: 'auto'
-    },
-    role: "button",
-    "aria-label": "Remove file"
-  }, /*#__PURE__*/React.createElement(TrashIcon, null))), file.status === 'uploading' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-item-progress-line`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-item-progress-line-percent`,
-    style: {
-      width: `${file.percent}%`
-    }
-  })))))));
+    style: style,
+    children: [jsxRuntime.jsxs("span", {
+      className: clsx([`${prefixCls}`, `${prefixCls}-${listType}`]),
+      onClick: handleClick,
+      children: [children, jsxRuntime.jsx("input", {
+        type: "file",
+        ref: uploadRef,
+        accept: accept,
+        multiple: multiple,
+        onChange: handleFileChange,
+        className: `${prefixCls}-input`,
+        disabled: disabled,
+        ...(directory ? {
+          directory: true,
+          webkitdirectory: true
+        } : {})
+      })]
+    }), showUploadList && fileList.length > 0 && jsxRuntime.jsx("ul", {
+      className: `${prefixCls}-list ${prefixCls}-list-${listType}`,
+      children: fileList.map(file => jsxRuntime.jsxs("li", {
+        className: `${prefixCls}-item ${prefixCls}-item-${file.status}`,
+        children: [jsxRuntime.jsx("span", {
+          className: `${prefixCls}-remove`,
+          onClick: () => handleRemove(file.uid),
+          children: listType === 'picture' && (file.originFileObj || file.url) ?
+          // eslint-disable-next-line @next/next/no-img-element
+          jsxRuntime.jsx("img", {
+            width: IMAGE_SIZE,
+            height: IMAGE_SIZE,
+            alt: file.name,
+            src: file.url || URL.createObjectURL(file.originFileObj),
+            className: `${prefixCls}-item-thumbnail`
+          }) : jsxRuntime.jsx(StampleIcon, {})
+        }), jsxRuntime.jsxs("div", {
+          style: {
+            width: '100%'
+          },
+          children: [jsxRuntime.jsx("div", {
+            className: `${prefixCls}-item-title`,
+            style: {
+              ...(file.status === 'uploading' ? {
+                marginBottom: 12
+              } : {})
+            },
+            children: jsxRuntime.jsx("span", {
+              className: `${prefixCls}-item-remove-icon`,
+              onClick: () => handleRemove(file.uid),
+              style: {
+                cursor: 'pointer',
+                marginLeft: 'auto'
+              },
+              role: "button",
+              "aria-label": "Remove file",
+              children: jsxRuntime.jsx(TrashIcon, {})
+            })
+          }), file.status === 'uploading' && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [jsxRuntime.jsx("div", {
+              className: `${prefixCls}-item-progress-line`
+            }), jsxRuntime.jsx("div", {
+              className: `${prefixCls}-item-progress-line-percent`,
+              style: {
+                width: `${file.percent}%`
+              }
+            })]
+          })]
+        })]
+      }, file.uid))
+    })]
+  });
 };
 
 var css_248z = ".xUi-checkbox-wrapper{align-items:center;color:var(--xui-main-color);cursor:pointer;display:inline-flex;font-size:var(--xui-font-size-md);margin:16px 0}.xUi-checkbox{background-color:transparent;border:1px solid var(--xui-border-color);border-radius:var(--xui-border-radius-sm);display:inline-block;height:14px;position:relative;transition:all .3s;width:14px}.xUi-checkbox.xUi-checkbox-checked{background-color:#f0f5ff;border-color:var(--xui-primary-color)}.xUi-checkbox input{cursor:pointer;inset:0;opacity:0;position:absolute}.xUi-checkbox-inner{border-left:0;border-top:0;border:2px solid var(--xui-background-color);height:6px;left:50%;position:absolute;top:50%;transform:rotate(45deg) scale(0);transition:transform .2s ease-in-out;width:10px}.xUi-checkbox-check{background-color:var(--xui-primary-color);border-color:var(--xui-primary-color);display:block;height:100%;position:relative;transition:.1s ease;width:100%}.xUi-checkbox-check:after{border:solid #fff;border-width:0 2px 2px 0;content:\"\";height:8px;left:3px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.xUi-checkbox-disabled,.xUi-checkbox-disabled .xUi-checkbox-check{background-color:var(--xui-color-disabled);border-color:var(--xui-border-color)!important;cursor:not-allowed;opacity:.5}.xUi-checkbox-label{font-size:14px;margin-left:8px;user-select:none}.xUi-checkbox:focus:not(.disabled),.xUi-checkbox:hover:not(.disabled){border-color:var(--xui-primary-color);cursor:pointer}.xUi-checkbox.disabled{cursor:not-allowed;opacity:.5}";
@@ -2884,39 +3037,43 @@ const Checkbox = /*#__PURE__*/react.forwardRef(({
       setInternalChecked(checked);
     }
   }, [checked]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-wrapper`
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    style: style,
-    onClick: handleClick,
-    className: clsx([prefixCls, className, {
-      noStyle: noStyle,
-      [`${prefixCls}-disabled`]: disabled,
-      [`${prefixCls}-checked`]: internalChecked
-    }])
-  }, /*#__PURE__*/React.createElement("input", {
-    id: id,
-    type: type,
-    name: name,
-    disabled: disabled,
-    tabIndex: tabIndex,
-    required: required,
-    autoFocus: autoFocus,
-    onKeyDown: onKeyDown,
-    onKeyPress: onKeyPress,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-box`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-check`,
-    style: {
-      opacity: Number(internalChecked)
-    }
-  }))), children && /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-label`
-  }, children));
+  return jsxRuntime.jsxs("div", {
+    className: `${prefixCls}-wrapper`,
+    children: [jsxRuntime.jsxs("div", {
+      ref: ref,
+      style: style,
+      onClick: handleClick,
+      className: clsx([prefixCls, className, {
+        noStyle: noStyle,
+        [`${prefixCls}-disabled`]: disabled,
+        [`${prefixCls}-checked`]: internalChecked
+      }]),
+      children: [jsxRuntime.jsx("input", {
+        id: id,
+        type: type,
+        name: name,
+        disabled: disabled,
+        tabIndex: tabIndex,
+        required: required,
+        autoFocus: autoFocus,
+        onKeyDown: onKeyDown,
+        onKeyPress: onKeyPress,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave
+      }), jsxRuntime.jsx("span", {
+        className: `${prefixCls}-box`,
+        children: jsxRuntime.jsx("span", {
+          className: `${prefixCls}-check`,
+          style: {
+            opacity: Number(internalChecked)
+          }
+        })
+      })]
+    }), children && jsxRuntime.jsx("span", {
+      className: `${prefixCls}-label`,
+      children: children
+    })]
+  });
 });
 Checkbox.displayName = 'Checkbox';