@oceanbase/ui 1.0.0-alpha.1 → 1.0.0-alpha.3

package/lib/Boundary/Components/Function.js

@@ -33,20 +33,26 @@ __export(Function_exports, {
 });
 module.exports = __toCommonJS(Function_exports);
 var import_design = require("@oceanbase/design");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_classnames = __toESM(require("classnames"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var BoundaryFunction = (props) => {
   const { children, state, config, onClick, className, ...restProps } = props;
   const info = (0, import_react.useMemo)(() => {
     return state ? config[state] : config[Object.keys(config)[0]];
   }, [config, state]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       className: (0, import_classnames.default)("boundary-container", "ob-boundary-function", className),
-      ...restProps
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: info.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, info.title), children, info.buttonText && /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: onClick || info.onClick }, info.buttonText))
+      ...restProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "empty", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: info.imageUrl }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: info.title }),
+        children,
+        info.buttonText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Button, { type: "primary", onClick: onClick || info.onClick, children: info.buttonText })
+      ] })
+    }
   );
 };
 // Annotate the CommonJS export names for ESM import in node:

package/lib/ContentWithIcon/index.js

@@ -32,12 +32,13 @@ __export(ContentWithIcon_exports, {
   default: () => ContentWithIcon_default
 });
 module.exports = __toCommonJS(ContentWithIcon_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_antd = require("antd");
 var import_icons = require("@oceanbase/icons");
 var import_classnames = __toESM(require("classnames"));
 var import_util = require("../_util");
 var import_index = require("./index.less");
+var import_jsx_runtime = require("react/jsx-runtime");
 var prefix = (0, import_util.getPrefix)("content-with-question");
 var ContentWithIcon = ({
   content,
@@ -58,7 +59,7 @@ var ContentWithIcon = ({
 }) => {
   const defaultIconType = () => {
     if (iconType === "question") {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_icons.QuestionCircleOutlined,
         {
           style: { color: color === "default" ? "#132039" : color, fontSize: size },
@@ -68,7 +69,7 @@ var ContentWithIcon = ({
     }
     if (iconType === "info") {
       if (infoColor) {
-        return /* @__PURE__ */ import_react.default.createElement(
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_icons.InfoCircleFilled,
           {
             style: { color: infoColor, fontSize: size },
@@ -76,7 +77,7 @@ var ContentWithIcon = ({
           }
         );
       } else {
-        return /* @__PURE__ */ import_react.default.createElement(
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_icons.InfoCircleOutlined,
           {
             style: { color: "3333333", fontSize: size },
@@ -86,7 +87,7 @@ var ContentWithIcon = ({
       }
     }
     if (iconType === "exclamation") {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_icons.ExclamationCircleFilled,
         {
           style: { color: exclamationColor, fontSize: size },
@@ -99,32 +100,39 @@ var ContentWithIcon = ({
   const getIcon = (iconConfig) => {
     return iconConfig ? !textHidden && iconType === "info" ? (
       // 文本描述直接展示且只在 info 类型下生效
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, iconConfig, /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#5C6B8A" } }, "文本示意不超过二十字文本示意不超过二十字"))
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, children: [
+        iconConfig,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#5C6B8A" }, children: "文本示意不超过二十字文本示意不超过二十字" })
+      ] })
     ) : (
       // 提示文案描述带有链接
-      tooltipWithLink ? /* @__PURE__ */ import_react.default.createElement(import_antd.Popover, { ...popOver }, (0, import_react.isValidElement)(iconConfig) ? iconConfig : defaultIconType()) : /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { ...tooltip }, (0, import_react.isValidElement)(iconConfig) ? iconConfig : defaultIconType())
+      tooltipWithLink ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Popover, { ...popOver, children: (0, import_react.isValidElement)(iconConfig) ? iconConfig : defaultIconType() }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { ...tooltip, children: (0, import_react.isValidElement)(iconConfig) ? iconConfig : defaultIconType() })
     ) : null;
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     {
       className: (0, import_classnames.default)({
         [`${prefix}-item`]: true,
         [className]: !!className
       }),
-      ...restProps
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, getIcon(
-      //  图标在文字前
-      prefixIcon === true ? defaultIconType() : prefixIcon
-    ), /* @__PURE__ */ import_react.default.createElement(
-      "span",
-      {
-        "data-testid": "content",
-        style: { color: color === "default" ? "#5C6B8A" : color, fontSize: size }
-      },
-      content ?? children
-    ), getIcon(suffixIcon))
-  ));
+      ...restProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, children: [
+        getIcon(
+          //  图标在文字前
+          prefixIcon === true ? defaultIconType() : prefixIcon
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            "data-testid": "content",
+            style: { color: color === "default" ? "#5C6B8A" : color, fontSize: size },
+            children: content ?? children
+          }
+        ),
+        getIcon(suffixIcon)
+      ] })
+    }
+  ) });
 };
 var ContentWithIcon_default = ContentWithIcon;

package/lib/ContentWithQuestion/index.js

@@ -35,8 +35,9 @@ module.exports = __toCommonJS(ContentWithQuestion_exports);
 var import_icons = require("@oceanbase/icons");
 var import_design = require("@oceanbase/design");
 var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_style = __toESM(require("./style"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var ContentWithQuestion = ({
   content,
   tooltip,
@@ -51,10 +52,14 @@ var ContentWithQuestion = ({
   const prefixCls = getPrefixCls("content-with-question", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
   const getIcon = (iconConfig) => {
-    return iconConfig ? /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { ...tooltip }, (0, import_react.isValidElement)(iconConfig) ? iconConfig : /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, { className: `${prefixCls}-help` })) : null;
+    return iconConfig ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { ...tooltip, children: (0, import_react.isValidElement)(iconConfig) ? iconConfig : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.QuestionCircleOutlined, { className: `${prefixCls}-help` }) }) : null;
   };
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_classnames.default)(`${prefixCls}-item`, className), ...restProps }, /* @__PURE__ */ import_react.default.createElement(import_design.Space, null, getIcon(prefixIcon), /* @__PURE__ */ import_react.default.createElement("span", { "data-testid": "content" }, content ?? children), getIcon(suffixIcon)))
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_classnames.default)(`${prefixCls}-item`, className), ...restProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { children: [
+      getIcon(prefixIcon),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-testid": "content", children: content ?? children }),
+      getIcon(suffixIcon)
+    ] }) })
   );
 };
 var ContentWithQuestion_default = ContentWithQuestion;

package/lib/DateRanger/PickerPanel.js

@@ -45,6 +45,7 @@ var import_moment2 = __toESM(require("moment"));
 var import_dayjs2 = __toESM(require("dayjs"));
 var import_util = require("../_util");
 var import_constant = require("./constant");
+var import_jsx_runtime = require("react/jsx-runtime");
 var ALL_ERROR_TYPE_LIST = ["endDate", "startDate", "endTime", "startTime"];
 var CLICK_STATE = {
   START: "START",
@@ -140,233 +141,250 @@ var InternalPickerPanel = (props) => {
     const v = e.target.value;
     return formatDate(v);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(prefix) }, /* @__PURE__ */ import_react.default.createElement(import_design.Space, { direction: "vertical", size: 12, style: { margin: "12px 0" } }, /* @__PURE__ */ import_react.default.createElement(
-    import_design.Form,
-    {
-      layout: "vertical",
-      autoComplete: "off",
-      requiredMark: false,
-      style: { width: 280 },
-      form
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_design.Row, { gutter: 12, style: { marginBottom: 4 } }, /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 12, style: { paddingLeft: 12 } }, /* @__PURE__ */ import_react.default.createElement(
-      import_design.Form.Item,
-      {
-        name: "startDate",
-        label: locale.startDate,
-        validateStatus: errorTypeMap["startDate"],
-        style: { marginBottom: 8 },
-        rules: [{ required: true }]
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_design.DatePicker,
-        {
-          format: {
-            format: "YYYY-MM-DD",
-            type: "mask"
-          },
-          style: { width: 128 },
-          open: false,
-          suffixIcon: null,
-          allowClear: false,
-          onBlur: (e) => {
-            const v = validateInputDate(e);
-            if (v) {
-              form.setFieldValue("startDate", getDateInstance(v));
-              setCalendarValue(([, eDate]) => {
-                return [getDateInstance(v), eDate];
-              });
-            } else {
-              setFormatDateToForm();
-            }
-          }
-        }
-      )
-    )), /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 12, style: { paddingRight: 8 } }, /* @__PURE__ */ import_react.default.createElement(
-      import_design.Form.Item,
-      {
-        name: "startTime",
-        label: locale.startTime,
-        style: { marginBottom: 8 },
-        validateStatus: errorTypeMap["startTime"],
-        initialValue: defaultS || defaultTime,
-        rules: [{ required: true }]
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_design.TimePicker,
-        {
-          allowClear: false,
-          suffixIcon: null,
-          needConfirm: false,
-          getPopupContainer: (triggerNode) => triggerNode.parentNode,
-          style: { width: "100%" },
-          format: {
-            format: hideSecond ? "HH:mm" : "HH:mm:ss",
-            type: "mask"
-          }
-        }
-      )
-    ))),
-    /* @__PURE__ */ import_react.default.createElement(import_design.Row, { gutter: 12 }, /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 12, style: { paddingLeft: 12 } }, /* @__PURE__ */ import_react.default.createElement(
-      import_design.Form.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_classnames.default)(prefix), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Space, { direction: "vertical", size: 12, style: { margin: "12px 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_design.Form,
       {
-        name: "endDate",
-        label: locale.endDate,
-        style: { marginBottom: 0 },
-        validateStatus: errorTypeMap["endDate"],
-        rules: [{ required: true }]
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_design.DatePicker,
+        layout: "vertical",
+        autoComplete: "off",
+        requiredMark: false,
+        style: { width: 280 },
+        form,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Row, { gutter: 12, style: { marginBottom: 4 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Col, { span: 12, style: { paddingLeft: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_design.Form.Item,
+              {
+                name: "startDate",
+                label: locale.startDate,
+                validateStatus: errorTypeMap["startDate"],
+                style: { marginBottom: 8 },
+                rules: [{ required: true }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_design.DatePicker,
+                  {
+                    format: {
+                      format: "YYYY-MM-DD",
+                      type: "mask"
+                    },
+                    style: { width: 128 },
+                    open: false,
+                    suffixIcon: null,
+                    allowClear: false,
+                    onBlur: (e) => {
+                      const v = validateInputDate(e);
+                      if (v) {
+                        form.setFieldValue("startDate", getDateInstance(v));
+                        setCalendarValue(([, eDate]) => {
+                          return [getDateInstance(v), eDate];
+                        });
+                      } else {
+                        setFormatDateToForm();
+                      }
+                    }
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Col, { span: 12, style: { paddingRight: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_design.Form.Item,
+              {
+                name: "startTime",
+                label: locale.startTime,
+                style: { marginBottom: 8 },
+                validateStatus: errorTypeMap["startTime"],
+                initialValue: defaultS || defaultTime,
+                rules: [{ required: true }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_design.TimePicker,
+                  {
+                    allowClear: false,
+                    suffixIcon: null,
+                    needConfirm: false,
+                    getPopupContainer: (triggerNode) => triggerNode.parentNode,
+                    style: { width: "100%" },
+                    format: {
+                      format: hideSecond ? "HH:mm" : "HH:mm:ss",
+                      type: "mask"
+                    }
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Row, { gutter: 12, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Col, { span: 12, style: { paddingLeft: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_design.Form.Item,
+              {
+                name: "endDate",
+                label: locale.endDate,
+                style: { marginBottom: 0 },
+                validateStatus: errorTypeMap["endDate"],
+                rules: [{ required: true }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_design.DatePicker,
+                  {
+                    format: {
+                      format: "YYYY-MM-DD",
+                      type: "mask"
+                    },
+                    style: { width: 128 },
+                    open: false,
+                    suffixIcon: null,
+                    allowClear: false,
+                    onBlur: (e) => {
+                      const v = validateInputDate(e);
+                      if (v) {
+                        form.setFieldValue("endDate", getDateInstance(v));
+                        setCalendarValue(([sDate]) => {
+                          return [sDate, getDateInstance(v)];
+                        });
+                      } else {
+                        setFormatDateToForm();
+                      }
+                    }
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Col, { span: 12, style: { paddingRight: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_design.Form.Item,
+              {
+                name: "endTime",
+                label: locale.endTime,
+                style: { marginBottom: 0 },
+                validateStatus: errorTypeMap["endTime"],
+                initialValue: defaultE || defaultTime,
+                rules: [{ required: true }],
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_design.TimePicker,
+                  {
+                    allowClear: false,
+                    suffixIcon: null,
+                    needConfirm: false,
+                    getPopupContainer: (triggerNode) => triggerNode.parentNode,
+                    style: { width: "100%" },
+                    format: {
+                      format: hideSecond ? "HH:mm" : "HH:mm:ss",
+                      type: "mask"
+                    }
+                  }
+                )
+              }
+            ) })
+          ] })
+        ]
+      }
+    ) }),
+    wrapCSSVar(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
         {
-          format: {
-            format: "YYYY-MM-DD",
-            type: "mask"
+          className: (0, import_classnames.default)("ant-picker-dropdown", hashId, cssVarCls, rootCls),
+          style: {
+            position: "initial",
+            pointerEvents: "auto"
           },
-          style: { width: 128 },
-          open: false,
-          suffixIcon: null,
-          allowClear: false,
-          onBlur: (e) => {
-            const v = validateInputDate(e);
-            if (v) {
-              form.setFieldValue("endDate", getDateInstance(v));
-              setCalendarValue(([sDate]) => {
-                return [sDate, getDateInstance(v)];
-              });
-            } else {
-              setFormatDateToForm();
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_rc_picker.PickerPanel,
+            {
+              prefixCls,
+              generateConfig: isMoment ? import_moment.default : import_dayjs.default,
+              value: calendarValue,
+              disabledDate,
+              onHover: (...res) => {
+                onPanelHover(res[0]);
+              },
+              onSelect: (...res) => {
+                clickFSANext();
+                if (clickFSA === CLICK_STATE.END) {
+                  setCalendarValue([res[0], res[0]]);
+                } else {
+                  setCalendarValue(fillCalendarValue(res[0], activeIndex));
+                }
+                setActiveIndex((index) => {
+                  return index + 1 === 2 ? 0 : index + 1;
+                });
+              },
+              hoverRangeValue: hoverValues,
+              activeOffset: 0,
+              allowEmpty: [false, false],
+              mode: "date",
+              internalMode: "date",
+              picker: "date",
+              locale,
+              showNow: false,
+              range: true,
+              needConfirm: false
             }
-          }
+          )
         }
       )
-    )), /* @__PURE__ */ import_react.default.createElement(import_design.Col, { span: 12, style: { paddingRight: 8 } }, /* @__PURE__ */ import_react.default.createElement(
-      import_design.Form.Item,
-      {
-        name: "endTime",
-        label: locale.endTime,
-        style: { marginBottom: 0 },
-        validateStatus: errorTypeMap["endTime"],
-        initialValue: defaultE || defaultTime,
-        rules: [{ required: true }]
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_design.TimePicker,
-        {
-          allowClear: false,
-          suffixIcon: null,
-          needConfirm: false,
-          getPopupContainer: (triggerNode) => triggerNode.parentNode,
-          style: { width: "100%" },
-          format: {
-            format: hideSecond ? "HH:mm" : "HH:mm:ss",
-            type: "mask"
-          }
-        }
-      )
-    )))
-  )), wrapCSSVar(
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Divider, { style: { margin: "8px 0" } }),
+    tip && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Alert, { message: tip, type: "info", style: { marginBottom: 8 }, showIcon: true }),
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Alert, { message: errorMessage, type: "error", style: { marginBottom: 8 }, showIcon: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_design.Space,
       {
-        className: (0, import_classnames.default)("ant-picker-dropdown", hashId, cssVarCls, rootCls),
         style: {
-          position: "initial",
-          pointerEvents: "auto"
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_rc_picker.PickerPanel,
-        {
-          prefixCls,
-          generateConfig: isMoment ? import_moment.default : import_dayjs.default,
-          value: calendarValue,
-          disabledDate,
-          onHover: (...res) => {
-            onPanelHover(res[0]);
-          },
-          onSelect: (...res) => {
-            clickFSANext();
-            if (clickFSA === CLICK_STATE.END) {
-              setCalendarValue([res[0], res[0]]);
-            } else {
-              setCalendarValue(fillCalendarValue(res[0], activeIndex));
+          width: "100%",
+          justifyContent: "flex-end",
+          padding: "0 12px 4px 0"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_design.Button,
+            {
+              size: "small",
+              onClick: () => {
+                onCancel();
+              },
+              children: locale.cancel
             }
-            setActiveIndex((index) => {
-              return index + 1 === 2 ? 0 : index + 1;
-            });
-          },
-          hoverRangeValue: hoverValues,
-          activeOffset: 0,
-          allowEmpty: [false, false],
-          mode: "date",
-          internalMode: "date",
-          picker: "date",
-          locale,
-          showNow: false,
-          range: true,
-          needConfirm: false
-        }
-      )
-    )
-  ), /* @__PURE__ */ import_react.default.createElement(import_design.Divider, { style: { margin: "8px 0" } }), tip && !errorMessage && /* @__PURE__ */ import_react.default.createElement(import_design.Alert, { message: tip, type: "info", style: { marginBottom: 8 }, showIcon: true }), errorMessage && /* @__PURE__ */ import_react.default.createElement(import_design.Alert, { message: errorMessage, type: "error", style: { marginBottom: 8 }, showIcon: true }), /* @__PURE__ */ import_react.default.createElement(
-    import_design.Space,
-    {
-      style: {
-        width: "100%",
-        justifyContent: "flex-end",
-        padding: "0 12px 4px 0"
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_design.Button,
-      {
-        size: "small",
-        onClick: () => {
-          onCancel();
-        }
-      },
-      locale.cancel
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      import_design.Button,
-      {
-        size: "small",
-        type: "primary",
-        onClick: () => {
-          form.validateFields().then((values) => {
-            const { startDate, startTime, endDate, endTime } = values;
-            const [sTime, eTime] = startDate.isSame(endDate) ? [startTime, endTime].sort((a, b) => {
-              return (a == null ? void 0 : a.valueOf()) - (b == null ? void 0 : b.valueOf());
-            }) : [startTime, endTime];
-            const start = `${formatDate(startDate)} ${sTime.format(TIME_FORMAT)}`;
-            const end = `${formatDate(endDate)} ${eTime.format(TIME_FORMAT)}`;
-            let errorList = [];
-            let message = "";
-            rules == null ? void 0 : rules.some((item) => {
-              if (typeof (item == null ? void 0 : item.validator) === "function") {
-                const errorType = item.validator([start, end]);
-                if (errorType) {
-                  errorList = Array.isArray(errorType) ? errorType : [errorType];
-                  message = item.message;
-                  return true;
-                }
-              }
-              return false;
-            });
-            if (errorList.length > 0) {
-              setErrorTypeList(errorList.includes("all") ? ALL_ERROR_TYPE_LIST : errorList);
-              setErrorMessage(message);
-            } else {
-              setErrorMessage("");
-              setErrorTypeList([]);
-              onOk([start, end]);
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_design.Button,
+            {
+              size: "small",
+              type: "primary",
+              onClick: () => {
+                form.validateFields().then((values) => {
+                  const { startDate, startTime, endDate, endTime } = values;
+                  const [sTime, eTime] = startDate.isSame(endDate) ? [startTime, endTime].sort((a, b) => {
+                    return (a == null ? void 0 : a.valueOf()) - (b == null ? void 0 : b.valueOf());
+                  }) : [startTime, endTime];
+                  const start = `${formatDate(startDate)} ${sTime.format(TIME_FORMAT)}`;
+                  const end = `${formatDate(endDate)} ${eTime.format(TIME_FORMAT)}`;
+                  let errorList = [];
+                  let message = "";
+                  rules == null ? void 0 : rules.some((item) => {
+                    if (typeof (item == null ? void 0 : item.validator) === "function") {
+                      const errorType = item.validator([start, end]);
+                      if (errorType) {
+                        errorList = Array.isArray(errorType) ? errorType : [errorType];
+                        message = item.message;
+                        return true;
+                      }
+                    }
+                    return false;
+                  });
+                  if (errorList.length > 0) {
+                    setErrorTypeList(errorList.includes("all") ? ALL_ERROR_TYPE_LIST : errorList);
+                    setErrorMessage(message);
+                  } else {
+                    setErrorMessage("");
+                    setErrorTypeList([]);
+                    onOk([start, end]);
+                  }
+                });
+              },
+              children: locale.confirm
             }
-          });
-        }
-      },
-      locale.confirm
+          )
+        ]
+      }
     )
-  ));
+  ] });
 };
 var PickerPanel_default = InternalPickerPanel;