@hanwenbo/x-taro-ui 0.0.1 → 0.0.3

package/lib/components/searchBar/searchBar.js

@@ -233,6 +233,10 @@ var SearchBar = import_react.default.forwardRef((props, ref) => {
     width: "100%",
     flex: 1,
     height: "100%",
+    // H5 renders a Taro host around the shorter native input. Center that
+    // input inside the full-height host, as well as centering the host itself.
+    display: "flex",
+    alignItems: "center",
     boxSizing: "border-box",
     padding: 0,
     margin: 0,

package/lib/components/sectionList/sectionList.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import type { SectionListProps } from './types';
-declare function SectionList<T>({ sections, renderItem, renderSectionHeader, renderSectionFooter, keyExtractor, sectionKeyExtractor, stickySectionHeadersEnabled, extraData, initialNumToRender, inverted, ItemSeparatorComponent, SectionSeparatorComponent, ListEmptyComponent, ListHeaderComponent, ListFooterComponent, testID, activeSectionKey, defaultActiveSectionKey, collapsedSectionKeys, defaultCollapsedSectionKeys, size, variant, collapsible, accordion, divider, emptyText, onSectionChange, onCollapsedSectionKeysChange, children, className, style }: SectionListProps<T>): React.JSX.Element;
+declare function SectionList<T>({ sections, renderItem, renderSectionHeader, renderSectionFooter, keyExtractor, sectionKeyExtractor, stickySectionHeadersEnabled, extraData, initialNumToRender, inverted, ItemSeparatorComponent, SectionSeparatorComponent, ListEmptyComponent, ListHeaderComponent, ListFooterComponent, testID, activeSectionKey, defaultActiveSectionKey, collapsedSectionKeys, defaultCollapsedSectionKeys, size, variant, collapsible, accordion, divider, emptyText, onSectionChange, onCollapsedSectionKeysChange, children, className, style }: SectionListProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace SectionList {
     var displayName: string;
 }

package/lib/components/segmented/segmented.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(segmented_exports);
 var import_react = __toESM(require("react"));
 var import_components = require("@tarojs/components");
 var import_patterns = require("../../patterns");
+var import_measure = require("../../adapters/miniapp/measure");
 var import_theme = require("../../theme");
 var import_utils = require("../../utils");
 var import_inlineAlignment = require("../../utils/inlineAlignment");
@@ -217,12 +218,16 @@ var Segmented = ({
   const currentValue = value !== void 0 ? value : innerValue;
   const metrics = import_theme.segmentedSizeMetrics[size];
   const currentKey = currentValue === void 0 ? null : String(currentValue);
-  const { containerId, itemId, indicatorStyle, indicatorReady, indicatorMotionReady } = (0, import_useTaroSelectionIndicator.useTaroSelectionIndicator)({
+  const { containerId, itemId, indicatorStyle, indicatorReady, indicatorMotionReady, remeasure } = (0, import_useTaroSelectionIndicator.useTaroSelectionIndicator)({
     activeKey: currentKey,
     enabled: motion && currentKey !== null,
     inset: metrics.thumbInset,
     mode: "static"
   });
+  (0, import_react.useEffect)(() => {
+    if (!motion) return;
+    return (0, import_measure.subscribeViewportChange)(() => void remeasure());
+  }, [motion, remeasure]);
   const activeTextColor = variant === "filled" ? theme.colors["primary-foreground"] : theme.colors.foreground;
   const handleSelect = (option) => {
     if (disabled || option.disabled || option.value === currentValue) return;

package/lib/components/touchableOpacity/touchableOpacity.js

@@ -162,6 +162,7 @@ var TouchableOpacity = ({
       "data-pressed": pressed ? "true" : void 0,
       "data-testid": testID,
       style: {
+        boxSizing: "border-box",
         width: block ? "100%" : void 0,
         cursor: disabled ? "not-allowed" : "pointer",
         userSelect: "none",

package/lib/taro-components.d.ts

@@ -21,6 +21,12 @@ declare module '@tarojs/components/types/View' {
   }
 }
 
+declare module '@tarojs/components/types/Button' {
+  interface ButtonProps {
+    role?: string;
+  }
+}
+
 declare module '@tarojs/components/types/Input' {
   interface InputProps {
     readonly?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanwenbo/x-taro-ui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "A Taro mini-program UI library based on x-design-system",
   "author": "9476400@qq.com",
   "license": "MIT",
@@ -70,9 +70,9 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@hanwenbo/x-auth-core": "0.1.0",
-    "@hanwenbo/x-i18n": "1.0.0",
-    "@hanwenbo/x-mobile-locales": "1.0.0",
+    "@hanwenbo/x-auth-core": "0.1.3",
+    "@hanwenbo/x-i18n": "1.1.1",
+    "@hanwenbo/x-mobile-locales": "1.0.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.0",
     "tailwind-merge": "^2.2.0"