@bifrostui/react 2.0.0-alpha.31 → 2.0.0-alpha.33

package/dist/Card/CardHeader.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -56,6 +59,7 @@ __export(CardHeader_exports, {
   default: () => CardHeader_default
 });
 module.exports = __toCommonJS(CardHeader_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_icons = require("@bifrostui/icons");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
@@ -66,27 +70,30 @@ const CardHeader = /* @__PURE__ */ React.forwardRef(
     const _a = props, { title, subtitle, className, extra, endIcon, onClick } = _a, others = __objRest(_a, ["title", "subtitle", "className", "extra", "endIcon", "onClick"]);
     const chevron = (() => {
       if (typeof endIcon === "boolean") {
-        return endIcon ? /* @__PURE__ */ React.createElement(import_icons.ArrowForwardIcon, { size: "small", color: "disabled" }) : null;
+        return endIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowForwardIcon, { size: "small", color: "disabled" }) : null;
       }
       if (React.isValidElement(endIcon)) {
         return endIcon;
       }
       if (onClick) {
-        return /* @__PURE__ */ React.createElement(import_icons.ArrowForwardIcon, { size: "small", color: "disabled" });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowForwardIcon, { size: "small", color: "disabled" });
       }
       return null;
     })();
-    return title || subtitle ? /* @__PURE__ */ React.createElement(
+    return title || subtitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: (0, import_clsx.default)(prefixCls, className),
         onClick,
         ref
-      }, others),
-      title && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-title` }, title),
-      subtitle && /* @__PURE__ */ React.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-subtitle`) }, subtitle),
-      extra && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-extra` }, extra),
-      chevron && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-end-icon` }, chevron)
+      }, others), {
+        children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-title`, children: title }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(`${prefixCls}-subtitle`), children: subtitle }),
+          extra && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-extra`, children: extra }),
+          chevron && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-end-icon`, children: chevron })
+        ]
+      })
     ) : null;
   }
 );

package/dist/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CheckboxProps } from './Checkbox.types';
 import './index.less';
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Checkbox;

package/dist/Checkbox/Checkbox.js

@@ -59,10 +59,11 @@ __export(Checkbox_exports, {
   default: () => Checkbox_default
 });
 module.exports = __toCommonJS(Checkbox_exports);
-var import_icons = require("@bifrostui/icons");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icons_pioneer = require("@bifrostui/icons-pioneer");
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_CheckboxContext = __toESM(require("./CheckboxContext"));
 var import_index = require("./index.css");
 const prefixCls = "bui-checkbox";
@@ -112,8 +113,8 @@ const Checkbox = (0, import_react.forwardRef)((props, ref) => {
   if (groupContext && !value) {
     console.error("CheckboxGroup\u6A21\u5F0F\u4E0BCheckbox\u987B\u4F20\u5165value\u5C5E\u6027");
   }
-  const checkboxCheckIcon = checkedIcon || /* @__PURE__ */ import_react.default.createElement(import_icons.SuccessCircleFilledIcon, { color: "primary" });
-  const checkboxUncheckIcon = icon || /* @__PURE__ */ import_react.default.createElement(import_icons.CircleOutlinedIcon, { color: "neutral" });
+  const checkboxCheckIcon = checkedIcon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_pioneer.SuccessCircleFilledIcon, { color: "primary" });
+  const checkboxUncheckIcon = icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_pioneer.NotCheckedCircleOutlinedIcon, { color: "disabled" });
   const checkboxDisabled = disabled !== void 0 ? disabled : (groupContext == null ? void 0 : groupContext.disabled) || false;
   const handleChange = (e) => {
     var _a2, _b2, _c2;
@@ -130,9 +131,9 @@ const Checkbox = (0, import_react.forwardRef)((props, ref) => {
       (_c2 = groupContext == null ? void 0 : groupContext.unselect) == null ? void 0 : _c2.call(groupContext, e, value);
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_clsx.default)(
         prefixCls,
@@ -142,23 +143,26 @@ const Checkbox = (0, import_react.forwardRef)((props, ref) => {
           [`${prefixCls}-disabled`]: checkboxDisabled
         }
       )
-    }, others),
-    /* @__PURE__ */ import_react.default.createElement(
-      "input",
-      __spreadProps(__spreadValues(__spreadValues({
-        ref: inputRef,
-        type: "checkbox",
-        value,
-        name,
-        checked: checkboxChecked,
-        disabled: checkboxDisabled
-      }, ariaProps), inputProps), {
-        onChange: handleChange,
-        className: (0, import_clsx.default)(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
-      })
-    ),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-icon` }, checkboxChecked ? checkboxCheckIcon : checkboxUncheckIcon),
-    children && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-label` }, children)
+    }, others), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          __spreadProps(__spreadValues(__spreadValues({
+            ref: inputRef,
+            type: "checkbox",
+            value,
+            name,
+            checked: checkboxChecked,
+            disabled: checkboxDisabled
+          }, ariaProps), inputProps), {
+            onChange: handleChange,
+            className: (0, import_clsx.default)(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
+          })
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-icon`, children: checkboxChecked ? checkboxCheckIcon : checkboxUncheckIcon }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-label`, children })
+      ]
+    })
   );
 });
 Checkbox.displayName = "BuiCheckbox";

package/dist/Checkbox/CheckboxGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CheckboxGroupProps } from './Checkbox.types';
 import './index.less';
-declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<CheckboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default CheckboxGroup;

package/dist/Checkbox/CheckboxGroup.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -56,9 +59,10 @@ __export(CheckboxGroup_exports, {
   default: () => CheckboxGroup_default
 });
 module.exports = __toCommonJS(CheckboxGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_CheckboxContext = require("./CheckboxContext");
 var import_index = require("./index.css");
 const prefixCls = "bui-checkbox-group";
@@ -92,7 +96,7 @@ const CheckboxGroup = (0, import_react.forwardRef)(
       const values = groupValue.filter((item) => item !== v);
       triggerChange(e, values);
     };
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_CheckboxContext.CheckboxContextProvider,
       {
         value: {
@@ -101,9 +105,9 @@ const CheckboxGroup = (0, import_react.forwardRef)(
           select,
           unselect,
           disabled
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ ref, className: (0, import_clsx.default)(prefixCls, className) }, others), children)
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", __spreadProps(__spreadValues({ ref, className: (0, import_clsx.default)(prefixCls, className) }, others), { children }))
+      }
     );
   }
 );

package/dist/Checkbox/__tests__/fixtures/A11yDemos.d.ts

@@ -1,15 +1,14 @@
-import * as React from 'react';
 /**
  * 自定义 Checkbox 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
  * 文件名必须是 customDemoComponent.tsx（固定约定）
  */
-export declare const basicCheckboxDemo: () => React.JSX.Element;
-export declare const disabledCheckboxDemo: () => React.JSX.Element;
-export declare const ariaLabelCheckboxDemo: () => React.JSX.Element;
+export declare const basicCheckboxDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const disabledCheckboxDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const ariaLabelCheckboxDemo: () => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    basicCheckboxDemo: () => React.JSX.Element;
-    disabledCheckboxDemo: () => React.JSX.Element;
-    ariaLabelCheckboxDemo: () => React.JSX.Element;
+    basicCheckboxDemo: () => import("react/jsx-runtime").JSX.Element;
+    disabledCheckboxDemo: () => import("react/jsx-runtime").JSX.Element;
+    ariaLabelCheckboxDemo: () => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

package/dist/Checkbox/__tests__/fixtures/A11yDemos.js

@@ -33,16 +33,22 @@ __export(A11yDemos_exports, {
   disabledCheckboxDemo: () => disabledCheckboxDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_Checkbox = __toESM(require("../../Checkbox"));
 const basicCheckboxDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(import_Checkbox.default, { checked: true }), "Checkbox"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Checkbox.default, { checked: true }),
+    "Checkbox"
+  ] }) });
 };
 const disabledCheckboxDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(import_Checkbox.default, { disabled: true }), "Checkbox"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Checkbox.default, { disabled: true }),
+    "Checkbox"
+  ] }) });
 };
 const ariaLabelCheckboxDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Checkbox.default, { inputProps: { "aria-label": "\u590D\u9009\u6846" } }, "Checkbox"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Checkbox.default, { inputProps: { "aria-label": "\u590D\u9009\u6846" }, children: "Checkbox" }) });
 };
 var A11yDemos_default = {
   basicCheckboxDemo,

package/dist/Checkbox/index.css

@@ -1,11 +1,11 @@
 :root,
 page,
 xhs-page {
-  --bui-checkbox-label-color: var(--bui-color-fg-default);
-  --bui-checkbox-label-font-size: var(--bui-text-size-1);
-  --bui-checkbox-icon-font-size: var(--bui-title-size-2);
+  --bui-checkbox-label-color: var(--bui-color-fg-subtle);
+  --bui-checkbox-label-font-size: var(--bui-text-size-3);
+  --bui-checkbox-icon-font-size: var(--bui-font-size-md2);
   --bui-checkbox-disabled-opacity: 0.5;
-  --bui-checkbox-icon-padding: 5px;
+  --bui-checkbox-icon-padding: var(--bui-spacing-3);
 }
 .bui-checkbox {
   display: inline-flex;

package/dist/CitySelector/CitySelector.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CitySelectorProps } from './CitySelector.types';
-declare const CitySelector: React.ForwardRefExoticComponent<Omit<CitySelectorProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CitySelector: React.ForwardRefExoticComponent<Omit<CitySelectorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default CitySelector;

package/dist/CitySelector/CitySelector.js

@@ -47,6 +47,7 @@ __export(CitySelector_exports, {
   default: () => CitySelector_default
 });
 module.exports = __toCommonJS(CitySelector_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_CitySelectorCore = __toESM(require("./CitySelectorCore"));
 const CitySelector = /* @__PURE__ */ import_react.default.forwardRef(
@@ -70,7 +71,7 @@ const CitySelector = /* @__PURE__ */ import_react.default.forwardRef(
       const domHeight = (_a = document.querySelector(".bui-city-selector-scroll-view-container")) == null ? void 0 : _a.getBoundingClientRect().height;
       setHeight(`${domHeight / screenHeight * 100}vh`);
     }, [cities]);
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_CitySelectorCore.default,
       __spreadProps(__spreadValues({}, props), {
         ref,

package/dist/CitySelector/CitySelector.miniapp.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CitySelectorProps } from './CitySelector.types';
-declare const CitySelector: React.ForwardRefExoticComponent<Omit<CitySelectorProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CitySelector: React.ForwardRefExoticComponent<Omit<CitySelectorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default CitySelector;

package/dist/CitySelector/CitySelector.miniapp.js

@@ -47,6 +47,7 @@ __export(CitySelector_miniapp_exports, {
   default: () => CitySelector_miniapp_default
 });
 module.exports = __toCommonJS(CitySelector_miniapp_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_taro = __toESM(require("@tarojs/taro"));
 var import_CitySelectorCore = __toESM(require("./CitySelectorCore"));
@@ -110,7 +111,7 @@ const CitySelector = /* @__PURE__ */ import_react.default.forwardRef(
         pxToCode(clientY, scrollToCode, codeGroup);
       });
     };
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_CitySelectorCore.default,
       __spreadProps(__spreadValues({}, props), {
         ref,

package/dist/CitySelector/CitySelectorCore.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -56,6 +59,7 @@ __export(CitySelectorCore_exports, {
   default: () => CitySelectorCore_default
 });
 module.exports = __toCommonJS(CitySelectorCore_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_utils = require("@bifrostui/utils");
@@ -176,70 +180,88 @@ const CitySelector = /* @__PURE__ */ import_react.default.forwardRef(
     };
     const renderTitle = (title, titleCode) => {
       const parseTitle = (titleCode || title).toUpperCase();
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "select-city-title", id: disableIndex ? "" : parseTitle }, title == null ? void 0 : title.toUpperCase());
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "select-city-title", id: disableIndex ? "" : parseTitle, children: title == null ? void 0 : title.toUpperCase() });
     };
     const renderCity = (citys, title, titleCode) => {
-      return /* @__PURE__ */ import_react.default.createElement("div", null, renderTitle(title, titleCode), /* @__PURE__ */ import_react.default.createElement("div", { className: "select-city-buttons" }, citys.map((city, index) => {
-        return /* @__PURE__ */ import_react.default.createElement(import_Selector.default, { key: index, city, onSelect: selectHandler });
-      })));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        renderTitle(title, titleCode),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "select-city-buttons", children: citys.map((city, index) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Selector.default, { city, onSelect: selectHandler }, index);
+        }) })
+      ] });
     };
-    return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref: nodeRef }, others), pageTitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title` }, pageTitle, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-btn-close`, onClick: closeHandler }, "\u2715")) : null, /* @__PURE__ */ import_react.default.createElement(
-      import_ScrollView.default,
-      {
-        scrollIntoView: targetId,
-        scrollY: true,
-        className: (0, import_clsx.default)(`${prefixCls}-scroll-view-container tph`, {
-          "container-has-title": pageTitle
-        }),
-        onScroll: scrollHandler
-      },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-all-city` }, selectedCity ? renderCity(
-        [selectedCity],
-        selectedCityGroupName,
-        CURRENT_TYPE.code
-      ) : null, currentCity ? renderCity([currentCity], currentCityGroupName, GPS_TYPE.code) : null, (hotCities == null ? void 0 : hotCities.length) > 0 ? renderCity(hotCities, hotCitiesGroupName, HOT_CITY_TYPE.code) : null, (cities == null ? void 0 : cities.length) > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-list-container` }, cities.map((item, cityGroupIndex) => {
-        if (!(item == null ? void 0 : item.groupName))
-          return null;
-        return /* @__PURE__ */ import_react.default.createElement("div", { key: cityGroupIndex }, renderTitle(item.groupName, item.groupName), /* @__PURE__ */ import_react.default.createElement("ul", { className: `${prefixCls}-list` }, item.cities.map((city, cityIndex) => {
-          return /* @__PURE__ */ import_react.default.createElement(
-            "li",
-            {
-              className: `${prefixCls}-list-item`,
-              key: cityIndex,
-              onClick: (e) => {
-                selectHandler(e, city);
-              }
-            },
-            city.name
-          );
-        })));
-      })) : null)
-    ), (codeGroup == null ? void 0 : codeGroup.length) > 0 && height ? /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_clsx.default)(`${prefixCls}-index-container`, {
-          "left-in": codeShow,
-          "city-index-has-title": pageTitle
-        })
-      },
-      /* @__PURE__ */ import_react.default.createElement("ul", { onTouchMove: touchCbk, className: `${prefixCls}-index-list` }, codeGroup.map((item, chartIndex) => {
-        return /* @__PURE__ */ import_react.default.createElement(
-          "li",
-          {
-            className: `${prefixCls}-index-item`,
-            key: chartIndex,
-            "data-code": item.code || item,
-            onClick: () => {
-              codeClickHandler(item.code || item);
-            },
-            style: {
-              maxHeight: `calc((${height} - ${DEVIATION_HEIGHT}) / ${codeGroup.length})`
-            }
-          },
-          item.title || item
-        );
-      }))
-    ) : null);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", __spreadProps(__spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref: nodeRef }, others), { children: [
+      pageTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-title`, children: [
+        pageTitle,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-btn-close`, onClick: closeHandler, children: "\u2715" })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ScrollView.default,
+        {
+          scrollIntoView: targetId,
+          scrollY: true,
+          className: (0, import_clsx.default)(`${prefixCls}-scroll-view-container tph`, {
+            "container-has-title": pageTitle
+          }),
+          onScroll: scrollHandler,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-all-city`, children: [
+            selectedCity ? renderCity(
+              [selectedCity],
+              selectedCityGroupName,
+              CURRENT_TYPE.code
+            ) : null,
+            currentCity ? renderCity([currentCity], currentCityGroupName, GPS_TYPE.code) : null,
+            (hotCities == null ? void 0 : hotCities.length) > 0 ? renderCity(hotCities, hotCitiesGroupName, HOT_CITY_TYPE.code) : null,
+            (cities == null ? void 0 : cities.length) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-list-container`, children: cities.map((item, cityGroupIndex) => {
+              if (!(item == null ? void 0 : item.groupName))
+                return null;
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                renderTitle(item.groupName, item.groupName),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: `${prefixCls}-list`, children: item.cities.map((city, cityIndex) => {
+                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "li",
+                    {
+                      className: `${prefixCls}-list-item`,
+                      onClick: (e) => {
+                        selectHandler(e, city);
+                      },
+                      children: city.name
+                    },
+                    cityIndex
+                  );
+                }) })
+              ] }, cityGroupIndex);
+            }) }) : null
+          ] })
+        }
+      ),
+      (codeGroup == null ? void 0 : codeGroup.length) > 0 && height ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: (0, import_clsx.default)(`${prefixCls}-index-container`, {
+            "left-in": codeShow,
+            "city-index-has-title": pageTitle
+          }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { onTouchMove: touchCbk, className: `${prefixCls}-index-list`, children: codeGroup.map((item, chartIndex) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "li",
+              {
+                className: `${prefixCls}-index-item`,
+                "data-code": item.code || item,
+                onClick: () => {
+                  codeClickHandler(item.code || item);
+                },
+                style: {
+                  maxHeight: `calc((${height} - ${DEVIATION_HEIGHT}) / ${codeGroup.length})`
+                },
+                children: item.title || item
+              },
+              chartIndex
+            );
+          }) })
+        }
+      ) : null
+    ] }));
   }
 );
 CitySelector.displayName = "BuiCitySelector";

package/dist/CitySelector/Selector/index.d.ts

@@ -5,5 +5,5 @@ type propsType = {
     city: cityType;
     onSelect: (e: React.SyntheticEvent, city: cityType) => void;
 };
-declare const Selector: (props: propsType) => React.JSX.Element;
+declare const Selector: (props: propsType) => import("react/jsx-runtime").JSX.Element;
 export default Selector;

package/dist/CitySelector/Selector/index.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,33 +14,25 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Selector_exports = {};
 __export(Selector_exports, {
   default: () => Selector_default
 });
 module.exports = __toCommonJS(Selector_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_index = require("./index.css");
 const Selector = (props) => {
   const { city, onSelect } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     {
       className: "bui-city-selector-item",
       onClick: (e) => {
         onSelect == null ? void 0 : onSelect(e, city);
-      }
-    },
-    city.name
+      },
+      children: city.name
+    }
   );
 };
 var Selector_default = Selector;