@bifrostui/react 1.1.11-beta.0 → 1.1.11-beta.9

package/es/CitySelector/CitySelector.miniapp.js

@@ -1,77 +1,98 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useRef, useState } from 'react';
-import Taro from '@tarojs/taro';
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import React, { useEffect, useRef, useState } from "react";
+import Taro from "@tarojs/taro";
 import CitySelectorCore from "./CitySelectorCore";
 import "./miniapp.css";
-var CitySelector = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var cities = props.cities;
-  var containerTop = useRef(0);
-  var codeHeight = useRef(0);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    height = _useState2[0],
-    setHeight = _useState2[1];
-  var queryContainerTop = function queryContainerTop(cbk) {
-    var query = Taro.createSelectorQuery();
-    query.select('.bui-city-selector-index-container').boundingClientRect();
-    query.exec(function (res) {
-      var _res$;
-      containerTop.current = (_res$ = res[0]) === null || _res$ === void 0 ? void 0 : _res$.top;
-      cbk === null || cbk === void 0 || cbk();
-    });
-  };
-  useEffect(function () {
-    if ((cities === null || cities === void 0 ? void 0 : cities.length) === 0 || codeHeight.current) return;
-    // 演示获取字母高度
-    setTimeout(function () {
-      var query = Taro.createSelectorQuery();
-      query.select('.bui-city-selector-index-item').boundingClientRect();
-      query.exec(function (res) {
-        var _res$2;
-        codeHeight.current = (_res$2 = res[0]) === null || _res$2 === void 0 ? void 0 : _res$2.height;
+const CitySelector = React.forwardRef(
+  (props, ref) => {
+    const { cities } = props;
+    const containerTop = useRef(0);
+    const codeHeight = useRef(0);
+    const [height, setHeight] = useState("");
+    const queryContainerTop = (cbk) => {
+      const query = Taro.createSelectorQuery();
+      query.select(".bui-city-selector-index-container").boundingClientRect();
+      query.exec((res) => {
+        var _a;
+        containerTop.current = (_a = res[0]) == null ? void 0 : _a.top;
+        cbk == null ? void 0 : cbk();
       });
-    }, 300);
-  }, [cities, height]);
-  useEffect(function () {
-    if (!(cities !== null && cities !== void 0 && cities.length) || height) return;
-    var _Taro$getSystemInfoSy = Taro.getSystemInfoSync(),
-      screenHeight = _Taro$getSystemInfoSy.screenHeight;
-    var query = Taro.createSelectorQuery();
-    query.select('.bui-city-selector-scroll-view-container').boundingClientRect();
-    query.exec(function (codeRect) {
-      var _codeRect$;
-      var domHeight = codeRect === null || codeRect === void 0 || (_codeRect$ = codeRect[0]) === null || _codeRect$ === void 0 ? void 0 : _codeRect$.height;
-      setHeight("".concat(domHeight / screenHeight * 100, "vh"));
-    });
-  }, [cities]);
-  var parseIndex = function parseIndex(length, index) {
-    if (index <= 0) return 0;
-    if (index >= length - 1) return length - 1;
-    return index;
-  };
-  var pxToCode = function pxToCode(clientY, scrollToCode, codeGroup) {
-    var index = Math.floor((clientY - containerTop.current) / codeHeight.current);
-    index = parseIndex(codeGroup.length, index);
-    var codeItem = codeGroup[index];
-    scrollToCode(codeItem.code || codeItem);
-  };
-  var touchHandler = function touchHandler(event, scrollToCode, codeGroup) {
-    var clientY = event.changedTouches[0].clientY;
-    queryContainerTop(function () {
-      pxToCode(clientY, scrollToCode, codeGroup);
-    });
-  };
-  return /*#__PURE__*/React.createElement(CitySelectorCore, _extends({}, props, {
-    ref: ref,
-    touchHandler: touchHandler,
-    height: height
-  }));
-});
-CitySelector.displayName = 'BuiCitySelector';
-export default CitySelector;
+    };
+    useEffect(() => {
+      if ((cities == null ? void 0 : cities.length) === 0 || codeHeight.current)
+        return;
+      setTimeout(() => {
+        const query = Taro.createSelectorQuery();
+        query.select(".bui-city-selector-index-item").boundingClientRect();
+        query.exec((res) => {
+          var _a;
+          codeHeight.current = (_a = res[0]) == null ? void 0 : _a.height;
+        });
+      }, 300);
+    }, [cities, height]);
+    useEffect(() => {
+      if (!(cities == null ? void 0 : cities.length) || height)
+        return;
+      const { screenHeight } = Taro.getSystemInfoSync();
+      const query = Taro.createSelectorQuery();
+      query.select(".bui-city-selector-scroll-view-container").boundingClientRect();
+      query.exec((codeRect) => {
+        var _a;
+        const domHeight = (_a = codeRect == null ? void 0 : codeRect[0]) == null ? void 0 : _a.height;
+        setHeight(`${domHeight / screenHeight * 100}vh`);
+      });
+    }, [cities]);
+    const parseIndex = (length, index) => {
+      if (index <= 0)
+        return 0;
+      if (index >= length - 1)
+        return length - 1;
+      return index;
+    };
+    const pxToCode = (clientY, scrollToCode, codeGroup) => {
+      let index = Math.floor(
+        (clientY - containerTop.current) / codeHeight.current
+      );
+      index = parseIndex(codeGroup.length, index);
+      const codeItem = codeGroup[index];
+      scrollToCode(codeItem.code || codeItem);
+    };
+    const touchHandler = (event, scrollToCode, codeGroup) => {
+      const { clientY } = event.changedTouches[0];
+      queryContainerTop(() => {
+        pxToCode(clientY, scrollToCode, codeGroup);
+      });
+    };
+    return /* @__PURE__ */ React.createElement(
+      CitySelectorCore,
+      __spreadProps(__spreadValues({}, props), {
+        ref,
+        touchHandler,
+        height
+      })
+    );
+  }
+);
+CitySelector.displayName = "BuiCitySelector";
+var CitySelector_miniapp_default = CitySelector;
+export {
+  CitySelector_miniapp_default as default
+};

package/es/CitySelector/CitySelector.types.js

@@ -1 +0,0 @@
-export {};

package/es/CitySelector/CitySelectorCore.js

@@ -1,194 +1,210 @@
-var _excluded = ["className", "title", "selectedCity", "selectedCityGroupName", "currentCity", "currentCityGroupName", "hotCities", "hotCitiesGroupName", "cities", "disableIndex", "touchHandler", "height", "onSelect", "onClose"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useState, useEffect, useRef } from 'react';
-import clsx from 'clsx';
-import { throttle, useForkRef, useTouchEmulator } from '@bifrostui/utils';
-import { ScrollView } from "../ScrollView";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React, { useState, useEffect, useRef } from "react";
+import clsx from "clsx";
+import { throttle, useForkRef, useTouchEmulator } from "@bifrostui/utils";
+import ScrollView from "../ScrollView";
 import Selector from "./Selector";
 import "./CitySelector.css";
-
-// 误差偏移量
-var DEVIATION_HEIGHT = '6vmin';
-var GPS_TYPE = {
-  title: '定位',
-  code: 'GPS'
+const DEVIATION_HEIGHT = "6vmin";
+const GPS_TYPE = {
+  title: "\u5B9A\u4F4D",
+  code: "GPS"
 };
-var CURRENT_TYPE = {
-  title: '当前',
-  code: 'CRRT'
+const CURRENT_TYPE = {
+  title: "\u5F53\u524D",
+  code: "CRRT"
 };
-var HOT_CITY_TYPE = {
-  title: '热门',
-  code: 'HOT'
+const HOT_CITY_TYPE = {
+  title: "\u70ED\u95E8",
+  code: "HOT"
 };
-var prefixCls = 'bui-city-selector';
-var CitySelector = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    pageTitle = props.title,
-    selectedCity = props.selectedCity,
-    _props$selectedCityGr = props.selectedCityGroupName,
-    selectedCityGroupName = _props$selectedCityGr === void 0 ? '当前城市' : _props$selectedCityGr,
-    currentCity = props.currentCity,
-    _props$currentCityGro = props.currentCityGroupName,
-    currentCityGroupName = _props$currentCityGro === void 0 ? '定位城市' : _props$currentCityGro,
-    hotCities = props.hotCities,
-    _props$hotCitiesGroup = props.hotCitiesGroupName,
-    hotCitiesGroupName = _props$hotCitiesGroup === void 0 ? '热门城市' : _props$hotCitiesGroup,
-    cities = props.cities,
-    disableIndex = props.disableIndex,
-    touchHandler = props.touchHandler,
-    height = props.height,
-    onSelect = props.onSelect,
-    onClose = props.onClose,
-    others = _objectWithoutProperties(props, _excluded);
-  var cityRef = useRef(null);
-  var nodeRef = useForkRef(ref, cityRef);
-  useTouchEmulator(cityRef.current);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    codeGroup = _useState2[0],
-    setCodeGroup = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    codeShow = _useState4[0],
-    setCodeShow = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    targetId = _useState6[0],
-    setTargetId = _useState6[1];
-
-  // 提取字母
-  useEffect(function () {
-    if (!cities || (cities === null || cities === void 0 ? void 0 : cities.length) === 0 || codeGroup.length !== 0 || disableIndex) return;
-    var newGroup = [];
-    if (selectedCity) {
-      newGroup.push(CURRENT_TYPE);
-    }
-    if (currentCity) {
-      newGroup.push(GPS_TYPE);
-    }
-    if (hotCities) {
-      newGroup.push(HOT_CITY_TYPE);
-    }
-    cities.forEach(function (item) {
-      newGroup.push(item.groupName.toUpperCase());
-    });
-    setCodeGroup(newGroup);
-  }, [cities, selectedCity, currentCity, hotCities]);
-
-  // 计算每个code的top
-  useEffect(function () {
-    if (codeGroup.length === 0) return;
-    setCodeShow(true);
-  }, [codeGroup]);
-  var selectHandler = function selectHandler(e, city) {
-    onSelect(e, {
-      city: city
-    });
-  };
-  var scrollToCode = function scrollToCode(targetCode) {
-    if (!targetCode) return;
-    setTargetId(function (oldCode) {
-      if (targetCode !== oldCode) return targetCode;
-      return oldCode;
-    });
-  };
-  var touchCbk = function touchCbk(e) {
-    e.stopPropagation();
-    touchHandler === null || touchHandler === void 0 || touchHandler(e, scrollToCode, codeGroup);
-  };
-  var codeClickHandler = function codeClickHandler(rightCode) {
-    setTargetId(rightCode);
-  };
-  var scrollHandler = throttle(function () {
-    if (targetId) {
-      setTargetId(undefined);
-    }
-  }, 500);
-  var closeHandler = function closeHandler(e) {
-    onClose === null || onClose === void 0 || onClose(e);
-  };
-  var renderTitile = function renderTitile(title, titleCode) {
-    var parseTitle = (titleCode || title).toUpperCase();
-    return /*#__PURE__*/React.createElement("div", {
-      className: "select-city-title",
-      id: disableIndex ? '' : parseTitle
-    }, title.toUpperCase());
-  };
-  var renderCity = function renderCity(citys, title, titleCode) {
-    return /*#__PURE__*/React.createElement("div", null, renderTitile(title, titleCode), /*#__PURE__*/React.createElement("div", {
-      className: "select-city-buttons"
-    }, citys.map(function (city, index) {
-      return /*#__PURE__*/React.createElement(Selector, {
-        key: index,
-        city: city,
-        onSelect: selectHandler
+const prefixCls = "bui-city-selector";
+const CitySelector = React.forwardRef(
+  (props, ref) => {
+    const _a = props, {
+      className,
+      title: pageTitle,
+      selectedCity,
+      selectedCityGroupName = "\u5F53\u524D\u57CE\u5E02",
+      currentCity,
+      currentCityGroupName = "\u5B9A\u4F4D\u57CE\u5E02",
+      hotCities,
+      hotCitiesGroupName = "\u70ED\u95E8\u57CE\u5E02",
+      cities,
+      disableIndex,
+      touchHandler,
+      height,
+      onSelect,
+      onClose
+    } = _a, others = __objRest(_a, [
+      "className",
+      "title",
+      "selectedCity",
+      "selectedCityGroupName",
+      "currentCity",
+      "currentCityGroupName",
+      "hotCities",
+      "hotCitiesGroupName",
+      "cities",
+      "disableIndex",
+      "touchHandler",
+      "height",
+      "onSelect",
+      "onClose"
+    ]);
+    const cityRef = useRef(null);
+    const nodeRef = useForkRef(ref, cityRef);
+    useTouchEmulator(cityRef.current);
+    const [codeGroup, setCodeGroup] = useState([]);
+    const [codeShow, setCodeShow] = useState(false);
+    const [targetId, setTargetId] = useState("");
+    useEffect(() => {
+      if (!cities || (cities == null ? void 0 : cities.length) === 0 || codeGroup.length !== 0 || disableIndex)
+        return;
+      const newGroup = [];
+      if (selectedCity) {
+        newGroup.push(CURRENT_TYPE);
+      }
+      if (currentCity) {
+        newGroup.push(GPS_TYPE);
+      }
+      if (hotCities) {
+        newGroup.push(HOT_CITY_TYPE);
+      }
+      cities.forEach((item) => {
+        newGroup.push(item.groupName.toUpperCase());
       });
-    })));
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(prefixCls, className),
-    ref: nodeRef
-  }, others), pageTitle ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-title")
-  }, pageTitle, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-btn-close"),
-    onClick: closeHandler
-  }, "\u2715")) : null, /*#__PURE__*/React.createElement(ScrollView, {
-    scrollIntoView: targetId,
-    scrollY: true,
-    className: clsx("".concat(prefixCls, "-scroll-view-container tph"), {
-      'container-has-title': pageTitle
-    }),
-    onScroll: scrollHandler
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-all-city")
-  }, selectedCity ? renderCity([selectedCity], selectedCityGroupName, CURRENT_TYPE.code) : null, currentCity ? renderCity([currentCity], currentCityGroupName, GPS_TYPE.code) : null, (hotCities === null || hotCities === void 0 ? void 0 : hotCities.length) > 0 ? renderCity(hotCities, hotCitiesGroupName, HOT_CITY_TYPE.code) : null, (cities === null || cities === void 0 ? void 0 : cities.length) > 0 ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-list-container")
-  }, cities.map(function (item, cityGroupIndex) {
-    if (!(item !== null && item !== void 0 && item.groupName)) return null;
-    return /*#__PURE__*/React.createElement("div", {
-      key: cityGroupIndex
-    }, renderTitile(item.groupName, item.groupName), /*#__PURE__*/React.createElement("ul", {
-      className: "".concat(prefixCls, "-list")
-    }, item.cities.map(function (city, cityIndex) {
-      return /*#__PURE__*/React.createElement("li", {
-        className: "".concat(prefixCls, "-list-item"),
-        key: cityIndex,
-        onClick: function onClick(e) {
-          selectHandler(e, city);
-        }
-      }, city.name);
-    })));
-  })) : null)), (codeGroup === null || codeGroup === void 0 ? void 0 : codeGroup.length) > 0 && height ? /*#__PURE__*/React.createElement("div", {
-    className: clsx("".concat(prefixCls, "-index-container"), {
-      'left-in': codeShow,
-      'city-index-has-title': pageTitle
-    })
-  }, /*#__PURE__*/React.createElement("ul", {
-    onTouchMove: touchCbk,
-    className: "".concat(prefixCls, "-index-list")
-  }, codeGroup.map(function (item, chartIndex) {
-    return /*#__PURE__*/React.createElement("li", {
-      className: "".concat(prefixCls, "-index-item"),
-      key: chartIndex,
-      "data-code": item.code || item,
-      onClick: function onClick() {
-        codeClickHandler(item.code || item);
-      },
-      style: {
-        maxHeight: "calc((".concat(height, " - ").concat(DEVIATION_HEIGHT, ") / ").concat(codeGroup.length, ")")
+      setCodeGroup(newGroup);
+    }, [cities, selectedCity, currentCity, hotCities]);
+    useEffect(() => {
+      if (codeGroup.length === 0)
+        return;
+      setCodeShow(true);
+    }, [codeGroup]);
+    const selectHandler = (e, city) => {
+      onSelect(e, { city });
+    };
+    const scrollToCode = (targetCode) => {
+      if (!targetCode)
+        return;
+      setTargetId((oldCode) => {
+        if (targetCode !== oldCode)
+          return targetCode;
+        return oldCode;
+      });
+    };
+    const touchCbk = (e) => {
+      e.stopPropagation();
+      touchHandler == null ? void 0 : touchHandler(e, scrollToCode, codeGroup);
+    };
+    const codeClickHandler = (rightCode) => {
+      setTargetId(rightCode);
+    };
+    const scrollHandler = throttle(() => {
+      if (targetId) {
+        setTargetId(void 0);
       }
-    }, item.title || item);
-  }))) : null);
-});
-CitySelector.displayName = 'BuiCitySelector';
-export default CitySelector;
+    }, 500);
+    const closeHandler = (e) => {
+      onClose == null ? void 0 : onClose(e);
+    };
+    const renderTitile = (title, titleCode) => {
+      const parseTitle = (titleCode || title).toUpperCase();
+      return /* @__PURE__ */ React.createElement("div", { className: "select-city-title", id: disableIndex ? "" : parseTitle }, title.toUpperCase());
+    };
+    const renderCity = (citys, title, titleCode) => {
+      return /* @__PURE__ */ React.createElement("div", null, renderTitile(title, titleCode), /* @__PURE__ */ React.createElement("div", { className: "select-city-buttons" }, citys.map((city, index) => {
+        return /* @__PURE__ */ React.createElement(Selector, { key: index, city, onSelect: selectHandler });
+      })));
+    };
+    return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: clsx(prefixCls, className), ref: nodeRef }, others), pageTitle ? /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-title` }, pageTitle, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-btn-close`, onClick: closeHandler }, "\u2715")) : null, /* @__PURE__ */ React.createElement(
+      ScrollView,
+      {
+        scrollIntoView: targetId,
+        scrollY: true,
+        className: clsx(`${prefixCls}-scroll-view-container tph`, {
+          "container-has-title": pageTitle
+        }),
+        onScroll: scrollHandler
+      },
+      /* @__PURE__ */ React.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__ */ React.createElement("div", { className: `${prefixCls}-list-container` }, cities.map((item, cityGroupIndex) => {
+        if (!(item == null ? void 0 : item.groupName))
+          return null;
+        return /* @__PURE__ */ React.createElement("div", { key: cityGroupIndex }, renderTitile(item.groupName, item.groupName), /* @__PURE__ */ React.createElement("ul", { className: `${prefixCls}-list` }, item.cities.map((city, cityIndex) => {
+          return /* @__PURE__ */ React.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__ */ React.createElement(
+      "div",
+      {
+        className: clsx(`${prefixCls}-index-container`, {
+          "left-in": codeShow,
+          "city-index-has-title": pageTitle
+        })
+      },
+      /* @__PURE__ */ React.createElement("ul", { onTouchMove: touchCbk, className: `${prefixCls}-index-list` }, codeGroup.map((item, chartIndex) => {
+        return /* @__PURE__ */ React.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);
+  }
+);
+CitySelector.displayName = "BuiCitySelector";
+var CitySelectorCore_default = CitySelector;
+export {
+  CitySelectorCore_default as default
+};

package/es/CitySelector/Selector/index.js

@@ -1,13 +1,19 @@
-import React from 'react';
+import React from "react";
 import "./index.css";
-var Selector = function Selector(props) {
-  var city = props.city,
-    onSelect = props.onSelect;
-  return /*#__PURE__*/React.createElement("span", {
-    className: "bui-city-selector-item",
-    onClick: function onClick(e) {
-      onSelect === null || onSelect === void 0 || onSelect(e, city);
-    }
-  }, city.name);
+const Selector = (props) => {
+  const { city, onSelect } = props;
+  return /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      className: "bui-city-selector-item",
+      onClick: (e) => {
+        onSelect == null ? void 0 : onSelect(e, city);
+      }
+    },
+    city.name
+  );
+};
+var Selector_default = Selector;
+export {
+  Selector_default as default
 };
-export default Selector;

package/es/CitySelector/index.js

@@ -1,2 +1,6 @@
-export { default as CitySelector, default } from "./CitySelector";
-export * from "./CitySelector.types";
+import { default as default2, default as default3 } from "./CitySelector";
+export * from "./CitySelector.types";
+export {
+  default2 as CitySelector,
+  default3 as default
+};

package/es/Countdown/Countdown.css

@@ -21,7 +21,17 @@
   align-items: center;
 }
 .bui-countdown-slice-value {
-  font-family: 'Helvetica Neue', helvetica, 'PingFang SC', 'Chinese Quote', 'Segoe UI', roboto, 'Hiragino Sans GB', 'Microsoft YaHei', arial, sans-serif;
+  font-family:
+    "Helvetica Neue",
+    helvetica,
+    "PingFang SC",
+    "Chinese Quote",
+    "Segoe UI",
+    roboto,
+    "Hiragino Sans GB",
+    "Microsoft YaHei",
+    arial,
+    sans-serif;
 }
 .bui-countdown-slice-unit {
   margin: 0 2px;