@hanwenbo/x-taro-ui 0.0.1 → 0.0.2

package/es/components/pagination/pagination.js

@@ -162,16 +162,21 @@ var Pagination = function Pagination(_ref3) {
     return /*#__PURE__*/_jsx(View, {
       "data-slot": "pagination-total",
       style: {
-        flexShrink: 0,
+        flexShrink: 1,
+        minWidth: 0,
+        maxWidth: '100%',
         display: 'flex',
         alignItems: 'center',
-        height: sizeTokens.buttonSize
+        minHeight: sizeTokens.buttonSize
       },
       children: /*#__PURE__*/_jsx(Text, {
         style: {
+          maxWidth: '100%',
           fontSize: sizeTokens.fontSize,
-          lineHeight: "".concat(sizeTokens.buttonSize, "px"),
-          color: palette.summary
+          lineHeight: "".concat(sizeTokens.textLineHeight, "px"),
+          color: palette.summary,
+          whiteSpace: 'normal',
+          overflowWrap: 'anywhere'
         },
         children: content
       })
@@ -219,9 +224,13 @@ var Pagination = function Pagination(_ref3) {
       onPress: function onPress() {
         return changePage(pageNumber);
       },
-      style: getButtonStyle({
+      style: _objectSpread(_objectSpread({}, getButtonStyle({
         active: isActive,
         disabledState: disabled
+      })), {}, {
+        width: 'auto',
+        paddingLeft: sizeTokens.ellipsisPaddingX,
+        paddingRight: sizeTokens.ellipsisPaddingX
       }),
       children: /*#__PURE__*/_jsx(Text, {
         style: getPageTextStyle(isActive),
@@ -385,6 +394,9 @@ var Pagination = function Pagination(_ref3) {
       flexDirection: 'row',
       flexWrap: 'wrap',
       alignItems: 'center',
+      minWidth: 0,
+      maxWidth: '100%',
+      boxSizing: 'border-box',
       gap: sizeTokens.gap
     }, style),
     children: [renderTotal(), /*#__PURE__*/_jsx(View, {
@@ -396,6 +408,7 @@ var Pagination = function Pagination(_ref3) {
         flexWrap: 'wrap',
         alignItems: 'center',
         gap: groupGap,
+        minWidth: 0,
         maxWidth: '100%',
         overflowX: 'visible'
       },

package/es/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/es/components/segmented/segmented.js

@@ -10,9 +10,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { Text, View } from '@tarojs/components';
 import { usePressable } from "../../patterns";
+import { subscribeViewportChange } from "../../adapters/miniapp/measure";
 import { segmentedSizeMetrics, useTheme } from "../../theme";
 import { classNames } from "../../utils";
 import { centeredInlineContent, centeredInlineSlot } from "../../utils/inlineAlignment";
@@ -211,7 +212,14 @@ var Segmented = function Segmented(_ref2) {
     itemId = _useTaroSelectionIndi.itemId,
     indicatorStyle = _useTaroSelectionIndi.indicatorStyle,
     indicatorReady = _useTaroSelectionIndi.indicatorReady,
-    indicatorMotionReady = _useTaroSelectionIndi.indicatorMotionReady;
+    indicatorMotionReady = _useTaroSelectionIndi.indicatorMotionReady,
+    remeasure = _useTaroSelectionIndi.remeasure;
+  useEffect(function () {
+    if (!motion) return;
+    return subscribeViewportChange(function () {
+      return void remeasure();
+    });
+  }, [motion, remeasure]);
   var activeTextColor = variant === 'filled' ? theme.colors['primary-foreground'] : theme.colors.foreground;
   var handleSelect = function handleSelect(option) {
     if (disabled || option.disabled || option.value === currentValue) return;

package/es/components/touchableOpacity/touchableOpacity.js

@@ -134,6 +134,7 @@ var TouchableOpacity = function TouchableOpacity(_ref) {
     "data-pressed": pressed ? 'true' : undefined,
     "data-testid": testID,
     style: _objectSpread({
+      boxSizing: 'border-box',
       width: block ? '100%' : undefined,
       cursor: disabled ? 'not-allowed' : 'pointer',
       userSelect: 'none',

package/es/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/lib/adapters/miniapp/overlayHost.js

@@ -67,13 +67,20 @@ var OverlayHost = ({
     enterDuration
   );
   const previousVisibleRef = (0, import_react.useRef)(visible);
+  const afterCloseRef = (0, import_react.useRef)(afterClose);
   (0, import_react.useEffect)(() => {
-    const wasVisible = previousVisibleRef.current;
-    previousVisibleRef.current = visible;
-    if (!wasVisible || visible || !afterClose) return void 0;
-    const timer = setTimeout(afterClose, exitDuration);
-    return () => clearTimeout(timer);
-  }, [afterClose, exitDuration, visible]);
+    afterCloseRef.current = afterClose;
+  }, [afterClose]);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (visible) {
+      previousVisibleRef.current = true;
+      return;
+    }
+    if (shouldRender || !previousVisibleRef.current) return;
+    previousVisibleRef.current = false;
+    (_a = afterCloseRef.current) == null ? void 0 : _a.call(afterCloseRef);
+  }, [shouldRender, visible]);
   (0, import_react.useEffect)(() => {
     const runtimeDocument = globalThis["document"];
     if (!visible || !disableBodyScroll || !(runtimeDocument == null ? void 0 : runtimeDocument.body)) return void 0;

package/lib/auth/components.d.ts

@@ -1,7 +1,7 @@
-import React, { type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { AccountSecurityState, AuthSession, ContactIdentifierType, SignInContextField, SignInMethod, ThirdPartyAuthProvider, ThirdPartySignInHandler, ThirdPartySignInResult } from '@hanwenbo/x-auth-core/types';
 import { type ModalProps } from '../components/modal';
-import { type AuthSurface } from './internal';
+import { type AuthSurface, type AuthHeaderAlign } from './internal';
 import type { AuthComponentProps } from './types';
 import './styles.css';
 export interface ThirdPartySignInProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
@@ -10,8 +10,9 @@ export interface ThirdPartySignInProps<Session extends AuthSession = AuthSession
     onSuccess?: (session: Session) => void;
     providers?: ThirdPartyAuthProvider[];
 }
-export declare function ThirdPartySignIn<Session extends AuthSession = AuthSession>({ className, config, onAuthError, onProviderSignIn, onReauthenticationRequired, onResult, onSuccess, providers, services, style, testID, tokens }: ThirdPartySignInProps<Session>): React.JSX.Element | null;
+export declare function ThirdPartySignIn<Session extends AuthSession = AuthSession>({ className, config, onAuthError, onProviderSignIn, onReauthenticationRequired, onResult, onSuccess, providers, services, style, testID, tokens }: ThirdPartySignInProps<Session>): import("react/jsx-runtime").JSX.Element | null;
 export interface SignInProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
+    headerAlign?: AuthHeaderAlign;
     contextFields?: SignInContextFieldProps[];
     defaultMethod?: SignInMethod;
     description?: ReactNode;
@@ -33,7 +34,7 @@ export interface SignInProps<Session extends AuthSession = AuthSession> extends
 export interface SignInContextFieldProps extends SignInContextField {
     prefix?: ReactNode;
 }
-export declare function SignIn<Session extends AuthSession = AuthSession>({ className, config, contextFields, defaultMethod, description, logo, methods, onAuthError, onForgotPassword, onMethodChange, onProviderResult, onProviderSignIn, onReauthenticationRequired, onSignUp, onSuccess, providers, services, showFieldLabels, showRemember, style, surface, testID, title, tokens }: SignInProps<Session>): React.JSX.Element;
+export declare function SignIn<Session extends AuthSession = AuthSession>({ className, config, contextFields, defaultMethod, description, headerAlign, logo, methods, onAuthError, onForgotPassword, onMethodChange, onProviderResult, onProviderSignIn, onReauthenticationRequired, onSignUp, onSuccess, providers, services, showFieldLabels, showRemember, style, surface, testID, title, tokens }: SignInProps<Session>): import("react/jsx-runtime").JSX.Element;
 export interface SignUpProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
     defaultIdentifier?: ContactIdentifierType;
     description?: ReactNode;
@@ -44,8 +45,9 @@ export interface SignUpProps<Session extends AuthSession = AuthSession> extends
     surface?: AuthSurface;
     title?: ReactNode;
 }
-export declare function SignUp<Session extends AuthSession = AuthSession>({ className, config, defaultIdentifier, description, identifiers, logo, onAuthError, onReauthenticationRequired, onSignIn, onSuccess, services, style, surface, testID, title, tokens }: SignUpProps<Session>): React.JSX.Element;
+export declare function SignUp<Session extends AuthSession = AuthSession>({ className, config, defaultIdentifier, description, identifiers, logo, onAuthError, onReauthenticationRequired, onSignIn, onSuccess, services, style, surface, testID, title, tokens }: SignUpProps<Session>): import("react/jsx-runtime").JSX.Element;
 export interface ForgotPasswordProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
+    description?: ReactNode;
     defaultIdentifier?: ContactIdentifierType;
     identifiers?: ContactIdentifierType[];
     onBackToSignIn?: () => void;
@@ -53,7 +55,7 @@ export interface ForgotPasswordProps<Session extends AuthSession = AuthSession>
     surface?: AuthSurface;
     title?: ReactNode;
 }
-export declare function ForgotPassword<Session extends AuthSession = AuthSession>({ className, config, defaultIdentifier, identifiers, onAuthError, onBackToSignIn, onReauthenticationRequired, onSuccess, services, style, surface, testID, title, tokens }: ForgotPasswordProps<Session>): React.JSX.Element;
+export declare function ForgotPassword<Session extends AuthSession = AuthSession>({ className, config, description, defaultIdentifier, identifiers, onAuthError, onBackToSignIn, onReauthenticationRequired, onSuccess, services, style, surface, testID, title, tokens }: ForgotPasswordProps<Session>): import("react/jsx-runtime").JSX.Element;
 export interface QuickSignInProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
     autoContinuePhone?: boolean;
     autoSubmitCode?: boolean;
@@ -70,7 +72,7 @@ export interface QuickSignInProps<Session extends AuthSession = AuthSession> ext
     surface?: AuthSurface;
     title?: ReactNode;
 }
-export declare function QuickSignIn<Session extends AuthSession = AuthSession>({ autoSubmitCode, className, config, description, footer, identifierSubmitText, identifierType, initialIdentifier, onAuthError, onClose, onReauthenticationRequired, onStepChange, onSuccess, services, showHeader, style, submitText, surface, testID, title, tokens }: QuickSignInProps<Session>): React.JSX.Element;
+export declare function QuickSignIn<Session extends AuthSession = AuthSession>({ autoSubmitCode, className, config, description, footer, identifierSubmitText, identifierType, initialIdentifier, onAuthError, onClose, onReauthenticationRequired, onStepChange, onSuccess, services, showHeader, style, submitText, surface, testID, title, tokens }: QuickSignInProps<Session>): import("react/jsx-runtime").JSX.Element;
 export interface QuickSignInDialogProps<Session extends AuthSession = AuthSession> extends Omit<QuickSignInProps<Session>, 'onClose' | 'showHeader' | 'surface'> {
     closeOnSuccess?: boolean;
     modalProps?: Omit<ModalProps, 'afterClose' | 'body' | 'onClose' | 'visible'> & {
@@ -79,7 +81,7 @@ export interface QuickSignInDialogProps<Session extends AuthSession = AuthSessio
     onClose: () => void;
     visible: boolean;
 }
-export declare function QuickSignInDialog<Session extends AuthSession = AuthSession>({ closeOnSuccess, modalProps, onClose, onSuccess, visible, ...props }: QuickSignInDialogProps<Session>): React.JSX.Element;
+export declare function QuickSignInDialog<Session extends AuthSession = AuthSession>({ closeOnSuccess, modalProps, onClose, onSuccess, visible, ...props }: QuickSignInDialogProps<Session>): import("react/jsx-runtime").JSX.Element;
 export declare type IdentifierBindingAction = 'bind' | 'change';
 export interface IdentifierBindingProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
     action?: IdentifierBindingAction;
@@ -91,7 +93,7 @@ export interface IdentifierBindingProps<Session extends AuthSession = AuthSessio
     surface?: AuthSurface;
     title?: ReactNode;
 }
-export declare function IdentifierBinding<Session extends AuthSession = AuthSession>({ action, className, config, currentDisplayValue, identifierType, onAuthError, onCancel, onReauthenticationRequired, onSuccess, requireReauthentication, services, style, surface, testID, title, tokens }: IdentifierBindingProps<Session>): React.JSX.Element;
+export declare function IdentifierBinding<Session extends AuthSession = AuthSession>({ action, className, config, currentDisplayValue, identifierType, onAuthError, onCancel, onReauthenticationRequired, onSuccess, requireReauthentication, services, style, surface, testID, title, tokens }: IdentifierBindingProps<Session>): import("react/jsx-runtime").JSX.Element;
 export interface ChangePasswordProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
     description?: ReactNode;
     onCancel?: () => void;
@@ -100,18 +102,18 @@ export interface ChangePasswordProps<Session extends AuthSession = AuthSession>
     surface?: AuthSurface;
     title?: ReactNode;
 }
-export declare function ChangePassword<Session extends AuthSession = AuthSession>({ className, config, description, onAuthError, onCancel, onReauthenticationRequired, onSuccess, requireCurrentPassword, services, style, surface, testID, title, tokens }: ChangePasswordProps<Session>): React.JSX.Element;
+export declare function ChangePassword<Session extends AuthSession = AuthSession>({ className, config, description, onAuthError, onCancel, onReauthenticationRequired, onSuccess, requireCurrentPassword, services, style, surface, testID, title, tokens }: ChangePasswordProps<Session>): import("react/jsx-runtime").JSX.Element;
 export interface AccountSecurityProps<Session extends AuthSession = AuthSession> extends AuthComponentProps<Session> {
     description?: ReactNode;
     onStateChange?: (state: AccountSecurityState) => void;
     state?: AccountSecurityState;
     title?: ReactNode;
 }
-export declare function AccountSecurity<Session extends AuthSession = AuthSession>({ className, config, description, onAuthError, onReauthenticationRequired, onStateChange, services, state, style, testID, title, tokens }: AccountSecurityProps<Session>): React.JSX.Element;
+export declare function AccountSecurity<Session extends AuthSession = AuthSession>({ className, config, description, onAuthError, onReauthenticationRequired, onStateChange, services, state, style, testID, title, tokens }: AccountSecurityProps<Session>): import("react/jsx-runtime").JSX.Element;
 declare type IdentifierShortcutProps<Session extends AuthSession> = Omit<IdentifierBindingProps<Session>, 'action' | 'identifierType'>;
-export declare function BindPhone<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): React.JSX.Element;
-export declare function BindEmail<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): React.JSX.Element;
-export declare function ChangePhone<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): React.JSX.Element;
-export declare function ChangeEmail<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): React.JSX.Element;
+export declare function BindPhone<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): import("react/jsx-runtime").JSX.Element;
+export declare function BindEmail<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): import("react/jsx-runtime").JSX.Element;
+export declare function ChangePhone<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): import("react/jsx-runtime").JSX.Element;
+export declare function ChangeEmail<Session extends AuthSession = AuthSession>(props: IdentifierShortcutProps<Session>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=components.d.ts.map