@hanwenbo/x-taro-ui 0.0.1

package/es/theme/types.d.ts

@@ -0,0 +1,94 @@
+/**
+ * Theme types for x-taro-ui
+ * Following x-design-system specification
+ */
+/// <reference types="react" />
+import type { DesignSystemBaseColor, DesignSystemColorScheme } from './generated/design-system.generated';
+export declare type BaseColor = DesignSystemBaseColor;
+export declare type ColorScheme = DesignSystemColorScheme;
+export declare type ThemeMode = 'light' | 'dark' | 'system';
+export interface ThemeColors {
+    background: string;
+    foreground: string;
+    card: string;
+    'card-foreground': string;
+    popover: string;
+    'popover-foreground': string;
+    primary: string;
+    'primary-foreground': string;
+    secondary: string;
+    'secondary-foreground': string;
+    muted: string;
+    'muted-foreground': string;
+    accent: string;
+    'accent-foreground': string;
+    destructive: string;
+    'destructive-foreground': string;
+    border: string;
+    input: string;
+    ring: string;
+    'chart-1': string;
+    'chart-2': string;
+    'chart-3': string;
+    'chart-4': string;
+    'chart-5': string;
+    sidebar: string;
+    'sidebar-foreground': string;
+    'sidebar-primary': string;
+    'sidebar-primary-foreground': string;
+    'sidebar-accent': string;
+    'sidebar-accent-foreground': string;
+    'sidebar-border': string;
+    'sidebar-ring': string;
+    success: string;
+    warning: string;
+    danger: string;
+    white: string;
+    weak: string;
+    light: string;
+    text: string;
+    backgroundSecondary: string;
+    fill: string;
+    fillSecondary: string;
+}
+export interface Theme {
+    mode: 'light' | 'dark';
+    baseColor: BaseColor;
+    colorScheme: ColorScheme;
+    radius: number;
+    colors: ThemeColors;
+    cssVariables: Record<string, string>;
+}
+export interface ThemeConfig {
+    baseColor?: BaseColor;
+    colorScheme?: ColorScheme;
+    radius?: number | string;
+    colors?: Partial<ThemeColors>;
+    cssVariables?: Record<string, string | number>;
+}
+export interface ThemeContextType {
+    theme: Theme;
+    config: ThemeConfig;
+    setTheme: (mode: ThemeMode) => void;
+    toggleTheme: () => void;
+    setColorScheme: (scheme: ColorScheme) => void;
+    setBaseColor: (color: BaseColor) => void;
+    updateTheme: (config: Partial<ThemeConfig>) => void;
+}
+export interface SlotOverrideConfig {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface ComponentSlotOverrides {
+    [slotName: string]: SlotOverrideConfig;
+}
+export declare type SizeVariant = 'mini' | 'small' | 'middle' | 'large';
+export interface FormControlTokens {
+    height: number;
+    minHeight?: number;
+    textSize: number;
+    inlinePadding: number;
+    gap: number;
+    iconSize: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/es/theme/types.js

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

package/es/theme/typography.d.ts

@@ -0,0 +1,88 @@
+import { designSystemTypography, designSystemTypographyRoles } from './generated/design-system.generated';
+export declare type TypographyRole = keyof typeof designSystemTypographyRoles;
+export declare type TypographySize = keyof typeof designSystemTypography.sizes;
+export declare function getTypographyRole(role: TypographyRole): {
+    readonly fontSize: 48;
+    readonly fontWeight: 600;
+    readonly tracking: "tight";
+} | {
+    readonly fontSize: 36;
+    readonly fontWeight: 600;
+    readonly tracking: "tight";
+} | {
+    readonly fontSize: 30;
+    readonly fontWeight: 600;
+    readonly tracking: "tight";
+} | {
+    readonly fontSize: 24;
+    readonly fontWeight: 600;
+    readonly tracking: "tight";
+} | {
+    readonly fontSize: 20;
+    readonly fontWeight: 600;
+    readonly tracking: "tight";
+} | {
+    readonly fontSize: 18;
+    readonly fontWeight: 600;
+    readonly tracking: "tight";
+} | {
+    readonly fontSize: 16;
+    readonly fontWeight: 400;
+} | {
+    readonly fontSize: 16;
+    readonly fontWeight: 400;
+    readonly colorToken: "{semantic.muted-foreground}";
+} | {
+    readonly fontSize: 14;
+    readonly fontWeight: 500;
+} | {
+    readonly fontSize: 14;
+    readonly fontWeight: 400;
+    readonly colorToken: "{semantic.muted-foreground}";
+} | {
+    readonly fontSize: 12;
+    readonly fontWeight: 400;
+    readonly colorToken: "{semantic.muted-foreground}";
+} | {
+    readonly fontSize: 12;
+    readonly fontWeight: 500;
+    readonly letterSpacingEm: 0.2;
+    readonly transform: "uppercase";
+} | {
+    readonly fontSize: 14;
+    readonly fontWeight: 500;
+    readonly colorToken: "{semantic.foreground}";
+    readonly colorOpacity: 0.7;
+} | {
+    readonly fontSize: 14;
+    readonly fontWeight: 400;
+} | {
+    readonly fontSize: 14;
+    readonly fontWeight: 400;
+    readonly features: readonly ["tabular-nums"];
+} | {
+    readonly fontSize: 14;
+    readonly fontWeight: 400;
+    readonly fontFamily: "mono";
+};
+export declare function getTypographySize(size: TypographySize): 12 | 16 | 20 | 24 | 48 | 14 | 18 | 30 | 36;
+/** Pixel line-heights shared by x-series typography roles. */
+export declare const designSystemLineHeights: {
+    readonly display: 52;
+    readonly h1: 40;
+    readonly h2: 36;
+    readonly h3: 32;
+    readonly h4: 28;
+    readonly h5: 28;
+    readonly body: 24;
+    readonly label: 20;
+    readonly helper: 20;
+    readonly caption: 18;
+    readonly overline: 18;
+    readonly tableHeader: 20;
+    readonly tableBody: 20;
+    readonly numeric: 20;
+    readonly code: 20;
+};
+export declare function typographyLineHeight(role: keyof typeof designSystemLineHeights): string;
+//# sourceMappingURL=typography.d.ts.map

package/es/theme/typography.js

@@ -0,0 +1,29 @@
+import { designSystemTypography, designSystemTypographyRoles } from "./generated/design-system.generated";
+export function getTypographyRole(role) {
+  return designSystemTypographyRoles[role];
+}
+export function getTypographySize(size) {
+  return designSystemTypography.sizes[size];
+}
+
+/** Pixel line-heights shared by x-series typography roles. */
+export var designSystemLineHeights = {
+  display: 52,
+  h1: 40,
+  h2: 36,
+  h3: 32,
+  h4: 28,
+  h5: 28,
+  body: 24,
+  label: 20,
+  helper: 20,
+  caption: 18,
+  overline: 18,
+  tableHeader: 20,
+  tableBody: 20,
+  numeric: 20,
+  code: 20
+};
+export function typographyLineHeight(role) {
+  return "".concat(designSystemLineHeights[role], "px");
+}

package/es/utils/iconSlot.d.ts

@@ -0,0 +1,3 @@
+import type { CSSProperties } from 'react';
+export declare function iconSlot(size: number | string, extra?: CSSProperties): CSSProperties;
+//# sourceMappingURL=iconSlot.d.ts.map

package/es/utils/iconSlot.js

@@ -0,0 +1,16 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+export function iconSlot(size, extra) {
+  return _objectSpread({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: size,
+    height: size,
+    flexShrink: 0
+  }, extra);
+}

package/es/utils/index.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Utility functions for x-taro-ui
+ */
+import { type ClassValue } from 'clsx';
+/**
+ * Merge class names with Tailwind support
+ */
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Merge class names without Tailwind (for mini-program)
+ */
+export declare function classNames(...inputs: ClassValue[]): string;
+/**
+ * Convert px to rpx for mini-program
+ * 1px = 2rpx (base width 750rpx = 375px)
+ */
+export declare function toRpx(px: number): string;
+/**
+ * Convert px number to rpx number
+ */
+export declare function toRpxNumber(px: number): number;
+/**
+ * Check if value is empty
+ */
+export declare function isEmpty(value: unknown): boolean;
+/**
+ * Check if value is defined
+ */
+export declare function isDefined<T>(value: T | undefined | null): value is T;
+/**
+ * Get initials from name
+ */
+export declare function getInitials(name: string, length?: number): string;
+/**
+ * Debounce function
+ */
+export declare function debounce<T extends (...args: unknown[]) => unknown>(fn: T, delay: number): (...args: Parameters<T>) => void;
+/**
+ * Throttle function
+ */
+export declare function throttle<T extends (...args: unknown[]) => unknown>(fn: T, limit: number): (...args: Parameters<T>) => void;
+/**
+ * Generate unique ID
+ */
+export declare function uniqueId(prefix?: string): string;
+/**
+ * Deep merge objects
+ */
+export declare function deepMerge<T extends Record<string, unknown>>(target: T, source: Partial<T>): T;
+//# sourceMappingURL=index.d.ts.map

package/es/utils/index.js

@@ -0,0 +1,131 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+/**
+ * Utility functions for x-taro-ui
+ */
+
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+/**
+ * Merge class names with Tailwind support
+ */
+export function cn() {
+  for (var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++) {
+    inputs[_key] = arguments[_key];
+  }
+  return twMerge(clsx(inputs));
+}
+
+/**
+ * Merge class names without Tailwind (for mini-program)
+ */
+export function classNames() {
+  for (var _len2 = arguments.length, inputs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    inputs[_key2] = arguments[_key2];
+  }
+  return clsx(inputs);
+}
+
+/**
+ * Convert px to rpx for mini-program
+ * 1px = 2rpx (base width 750rpx = 375px)
+ */
+export function toRpx(px) {
+  return "".concat(px * 2, "rpx");
+}
+
+/**
+ * Convert px number to rpx number
+ */
+export function toRpxNumber(px) {
+  return px * 2;
+}
+
+/**
+ * Check if value is empty
+ */
+export function isEmpty(value) {
+  if (value == null) return true;
+  if (typeof value === 'string') return value.length === 0;
+  if (Array.isArray(value)) return value.length === 0;
+  if (_typeof(value) === 'object') return Object.keys(value).length === 0;
+  return false;
+}
+
+/**
+ * Check if value is defined
+ */
+export function isDefined(value) {
+  return value !== undefined && value !== null;
+}
+
+/**
+ * Get initials from name
+ */
+export function getInitials(name) {
+  var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  return name.split(/\s+/).map(function (part) {
+    return part[0];
+  }).join('').toUpperCase().slice(0, length);
+}
+
+/**
+ * Debounce function
+ */
+export function debounce(fn, delay) {
+  var timeoutId;
+  return function () {
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(function () {
+      return fn.apply(void 0, args);
+    }, delay);
+  };
+}
+
+/**
+ * Throttle function
+ */
+export function throttle(fn, limit) {
+  var inThrottle = false;
+  return function () {
+    if (!inThrottle) {
+      fn.apply(void 0, arguments);
+      inThrottle = true;
+      setTimeout(function () {
+        return inThrottle = false;
+      }, limit);
+    }
+  };
+}
+
+/**
+ * Generate unique ID
+ */
+export function uniqueId() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'x';
+  return "".concat(prefix, "-").concat(Math.random().toString(36).substr(2, 9));
+}
+
+/**
+ * Deep merge objects
+ */
+export function deepMerge(target, source) {
+  var result = _objectSpread({}, target);
+  for (var key in source) {
+    if (source[key] && _typeof(source[key]) === 'object' && !Array.isArray(source[key])) {
+      var _ref;
+      result[key] = deepMerge((_ref = target[key]) !== null && _ref !== void 0 ? _ref : {}, source[key]);
+    } else {
+      result[key] = source[key];
+    }
+  }
+  return result;
+}

package/es/utils/inlineAlignment.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+/**
+ * Keep an icon, label and optional badge centered as one visual unit.
+ *
+ * The explicit flex basis is important for equal-width navigation items: the
+ * content group may shrink, but it must not stretch and make the visible label
+ * appear off-center.
+ */
+export declare function centeredInlineContent(gap: React.CSSProperties['gap'], style?: React.CSSProperties): React.CSSProperties;
+/** Center arbitrary icon, label or badge nodes inside their semantic slot. */
+export declare function centeredInlineSlot(style?: React.CSSProperties): React.CSSProperties;
+//# sourceMappingURL=inlineAlignment.d.ts.map

package/es/utils/inlineAlignment.js

@@ -0,0 +1,34 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+/**
+ * Keep an icon, label and optional badge centered as one visual unit.
+ *
+ * The explicit flex basis is important for equal-width navigation items: the
+ * content group may shrink, but it must not stretch and make the visible label
+ * appear off-center.
+ */
+export function centeredInlineContent(gap, style) {
+  return _objectSpread({
+    display: 'flex',
+    flex: '0 1 auto',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    minWidth: 0,
+    maxWidth: '100%',
+    gap: gap
+  }, style);
+}
+
+/** Center arbitrary icon, label or badge nodes inside their semantic slot. */
+export function centeredInlineSlot(style) {
+  return _objectSpread({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, style);
+}

package/es/utils/locale.d.ts

@@ -0,0 +1,3 @@
+/** Resolve a shared x-series locale message with a stable fallback. */
+export declare function resolveLocaleText(locale: string, key: string, fallback: string): string;
+//# sourceMappingURL=locale.d.ts.map

package/es/utils/locale.js

@@ -0,0 +1,8 @@
+import { locales, zhCN } from '@hanwenbo/x-mobile-locales';
+
+/** Resolve a shared x-series locale message with a stable fallback. */
+export function resolveLocaleText(locale, key, fallback) {
+  var _locales$locale$key, _locales$locale;
+  var message = (_locales$locale$key = (_locales$locale = locales[locale]) === null || _locales$locale === void 0 ? void 0 : _locales$locale[key]) !== null && _locales$locale$key !== void 0 ? _locales$locale$key : zhCN[key];
+  return typeof message === 'string' ? message : fallback;
+}

package/es/utils/resolveThemeColor.d.ts

@@ -0,0 +1,6 @@
+import type { ThemeColors } from '../theme/types';
+declare type NamedColors = Readonly<Record<string, string>>;
+/** Resolve theme tokens and preset color names before they reach inline CSS. */
+export declare function resolveThemeColor(color: string | undefined, colors: ThemeColors, namedColors: NamedColors): string | undefined;
+export {};
+//# sourceMappingURL=resolveThemeColor.d.ts.map

package/es/utils/resolveThemeColor.js

@@ -0,0 +1,11 @@
+/** Resolve theme tokens and preset color names before they reach inline CSS. */
+export function resolveThemeColor(color, colors, namedColors) {
+  if (!color) return undefined;
+  if (Object.prototype.hasOwnProperty.call(colors, color)) {
+    return colors[color];
+  }
+  if (Object.prototype.hasOwnProperty.call(namedColors, color)) {
+    return namedColors[color];
+  }
+  return color;
+}

package/es/utils/style.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from 'react';
+export declare type CssLength = CSSProperties['paddingTop'];
+export declare const toCssLength: (value: CssLength) => string | undefined;
+export declare const splitCssShorthand: (value: string) => string[];
+export declare const resolveBlockPaddingEdge: (value: CssLength, edge: 'start' | 'end') => string | number | undefined;
+export declare const resolvePhysicalPadding: (value: CssLength, side: 'top' | 'right' | 'bottom' | 'left') => string | number | undefined;
+export declare const addCssEnvironmentInset: (enabled: boolean, environmentVariable: string, baseValue: CssLength) => CssLength;
+//# sourceMappingURL=style.d.ts.map

package/es/utils/style.js

@@ -0,0 +1,70 @@
+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 _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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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; }
+export var toCssLength = function toCssLength(value) {
+  if (typeof value === 'number') return "".concat(value, "px");
+  return typeof value === 'string' ? value.trim() : undefined;
+};
+export var splitCssShorthand = function splitCssShorthand(value) {
+  var values = [];
+  var current = '';
+  var depth = 0;
+  var _iterator = _createForOfIteratorHelper(value.trim()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var character = _step.value;
+      if (/\s/.test(character) && depth === 0) {
+        if (current) {
+          values.push(current);
+          current = '';
+        }
+        continue;
+      }
+      current += character;
+      if (character === '(') depth += 1;
+      if (character === ')') depth = Math.max(0, depth - 1);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  if (current) values.push(current);
+  return values;
+};
+export var resolveBlockPaddingEdge = function resolveBlockPaddingEdge(value, edge) {
+  if (typeof value !== 'string') return value;
+  var _splitCssShorthand = splitCssShorthand(value),
+    _splitCssShorthand2 = _slicedToArray(_splitCssShorthand, 2),
+    first = _splitCssShorthand2[0],
+    second = _splitCssShorthand2[1];
+  if (edge === 'start') return first;
+  return second !== null && second !== void 0 ? second : first;
+};
+export var resolvePhysicalPadding = function resolvePhysicalPadding(value, side) {
+  var _ref;
+  if (typeof value !== 'string') return value;
+  var _splitCssShorthand3 = splitCssShorthand(value),
+    _splitCssShorthand4 = _slicedToArray(_splitCssShorthand3, 4),
+    first = _splitCssShorthand4[0],
+    second = _splitCssShorthand4[1],
+    third = _splitCssShorthand4[2],
+    fourth = _splitCssShorthand4[3];
+  var resolved = {
+    top: first,
+    right: second !== null && second !== void 0 ? second : first,
+    bottom: third !== null && third !== void 0 ? third : first,
+    left: (_ref = fourth !== null && fourth !== void 0 ? fourth : second) !== null && _ref !== void 0 ? _ref : first
+  };
+  return resolved[side];
+};
+export var addCssEnvironmentInset = function addCssEnvironmentInset(enabled, environmentVariable, baseValue) {
+  if (!enabled) return baseValue !== null && baseValue !== void 0 ? baseValue : 0;
+  var cssLength = toCssLength(baseValue) || '0px';
+  return "calc(".concat(cssLength, " + env(").concat(environmentVariable, "))");
+};

package/es/utils/taroProps.d.ts

@@ -0,0 +1,20 @@
+declare type TaroEnvironment = string | undefined;
+interface TaroInputPlatformOptions {
+    ariaLabel?: string;
+    onConfirm?: (value: string) => void;
+    placeholderColor: string;
+    readOnly: boolean;
+}
+/**
+ * Taro 的小程序无障碍属性使用 camelCase，components-react 则会把它们
+ * 原样透传到 DOM。这里按编译目标选择属性，避免 H5 React 告警，同时保留
+ * WeApp 的 ariaRole/ariaLabel 语义。
+ */
+export declare function resolveTaroAccessibilityProps(role: string | undefined, ariaLabel: string | undefined, taroEnvironment?: TaroEnvironment): Record<string, string | undefined>;
+/**
+ * Taro Input 的 readonly、placeholderStyle 和 ariaLabel 在 H5 与小程序端
+ * 使用不同属性；onConfirm 则统一走 Taro Input 自身派发的 confirm 事件。
+ */
+export declare function resolveTaroInputPlatformProps(options: TaroInputPlatformOptions, taroEnvironment?: TaroEnvironment): Record<string, unknown>;
+export {};
+//# sourceMappingURL=taroProps.d.ts.map