react-native-system-ui 1.0.2 → 1.0.4

package/dist/es/utils/date.js

@@ -1,33 +1 @@
-export const padZero = (value, length = 2) => {
-  const s = String(value);
-  return s.length >= length ? s : `${'0'.repeat(length - s.length)}${s}`;
-};
-export const times = (count, fn) => Array.from({
-  length: count
-}, (_, i) => fn(i));
-export const getTrueValue = value => {
-  if (!value) return 0;
-  const n = parseInt(value, 10);
-  return Number.isNaN(n) ? 0 : n;
-};
-export const getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
-export const isValidDate = value => value instanceof Date && !Number.isNaN(value.getTime());
-export const formatDuration = (fmt, time) => {
-  let {
-    days,
-    hours,
-    minutes,
-    seconds,
-    milliseconds
-  } = time;
-  let t = fmt;
-  if (t.includes('DD')) t = t.replace('DD', padZero(days));else hours += days * 24;
-  if (t.includes('HH')) t = t.replace('HH', padZero(hours));else minutes += hours * 60;
-  if (t.includes('mm')) t = t.replace('mm', padZero(minutes));else seconds += minutes * 60;
-  if (t.includes('ss')) t = t.replace('ss', padZero(seconds));else milliseconds += seconds * 1000;
-  if (t.includes('S')) {
-    const ms = padZero(milliseconds, 3);
-    if (t.includes('SSS')) t = t.replace('SSS', ms);else if (t.includes('SS')) t = t.replace('SS', ms.slice(0, 2));else t = t.replace('S', ms.charAt(0));
-  }
-  return t;
-};
+export const padZero=(e,t=2)=>{const r=String(e);return r.length>=t?r:`${"0".repeat(t-r.length)}${r}`};export const times=(e,t)=>Array.from({length:e},(e,r)=>t(r));export const getTrueValue=e=>{if(!e)return 0;const t=parseInt(e,10);return Number.isNaN(t)?0:t};export const getMonthEndDay=(e,t)=>32-new Date(e,t-1,32).getDate();export const isValidDate=e=>e instanceof Date&&!Number.isNaN(e.getTime());export const formatDuration=(e,t)=>{let{days:r,hours:n,minutes:s,seconds:a,milliseconds:o}=t,c=e;if(c.includes("DD")?c=c.replace("DD",padZero(r)):n+=24*r,c.includes("HH")?c=c.replace("HH",padZero(n)):s+=60*n,c.includes("mm")?c=c.replace("mm",padZero(s)):a+=60*s,c.includes("ss")?c=c.replace("ss",padZero(a)):o+=1e3*a,c.includes("S")){const e=padZero(o,3);c=c.includes("SSS")?c.replace("SSS",e):c.includes("SS")?c.replace("SS",e.slice(0,2)):c.replace("S",e.charAt(0))}return c};

package/dist/es/utils/deepMerge.js

@@ -1,21 +1 @@
-const isPlainObject = v => Object.prototype.toString.call(v) === '[object Object]';
-export function deepMerge(target, source) {
-  if (!source) return target;
-  if (!Array.isArray(target) && !isPlainObject(target)) return source;
-  const out = Array.isArray(target) ? [...target] : {
-    ...target
-  };
-  for (const k of Object.keys(source)) {
-    const sv = source[k];
-    if (sv === undefined) continue;
-    const tv = target[k];
-    if (isPlainObject(tv) && isPlainObject(sv)) {
-      out[k] = deepMerge(tv, sv);
-      continue;
-    }
-    out[k] = Array.isArray(sv) ? [...sv] : isPlainObject(sv) ? {
-      ...sv
-    } : sv;
-  }
-  return out;
-}
+const isPlainObject=e=>"[object Object]"===Object.prototype.toString.call(e);export function deepMerge(e,r){if(!r)return e;if(!Array.isArray(e)&&!isPlainObject(e))return r;const t=Array.isArray(e)?[...e]:{...e};for(const i of Object.keys(r)){const n=r[i];if(void 0===n)continue;const c=e[i];isPlainObject(c)&&isPlainObject(n)?t[i]=deepMerge(c,n):t[i]=Array.isArray(n)?[...n]:isPlainObject(n)?{...n}:n}return t}

package/dist/es/utils/hairline.js

@@ -1,93 +1 @@
-import { Platform, StyleSheet } from 'react-native';
-const isWeb = Platform.OS === 'web';
-export const getHairlineWidth = () => StyleSheet.hairlineWidth;
-const ORIGINS = {
-  top: 'center top',
-  bottom: 'center bottom',
-  left: 'left center',
-  right: 'right center'
-};
-const SCALES = {
-  top: {
-    scaleY: 0.5
-  },
-  bottom: {
-    scaleY: 0.5
-  },
-  left: {
-    scaleX: 0.5
-  },
-  right: {
-    scaleX: 0.5
-  }
-};
-export const createHairlineView = ({
-  left,
-  right,
-  top,
-  bottom,
-  width,
-  color,
-  position = 'bottom',
-  enabled = true,
-  borderRadius
-} = {}) => {
-  if (!enabled) return {};
-  if (position === 'all') {
-    const bw = width ?? (isWeb ? 1 : StyleSheet.hairlineWidth);
-    if (isWeb && bw > 0 && bw <= 1) return {
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '200%',
-      height: '200%',
-      borderWidth: 1,
-      ...(color && {
-        borderColor: color
-      }),
-      ...(borderRadius != null && {
-        borderRadius: borderRadius * 2
-      }),
-      transform: [{
-        scale: 0.5
-      }],
-      transformOrigin: 'left top',
-      pointerEvents: 'none'
-    };
-    return {
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      borderWidth: bw,
-      ...(color && {
-        borderColor: color
-      }),
-      ...(borderRadius != null && {
-        borderRadius
-      }),
-      pointerEvents: 'none'
-    };
-  }
-  const bw = width ?? (isWeb ? 1 : StyleSheet.hairlineWidth);
-  const s = {
-    position: 'absolute',
-    pointerEvents: 'none',
-    left,
-    right,
-    top,
-    bottom
-  };
-  if (s[position] === undefined) s[position] = 0;
-  const k = `border${position[0].toUpperCase()}${position.slice(1)}`;
-  s[`${k}Width`] = bw;
-  if (color) s[`${k}Color`] = color;
-  if (isWeb && bw > 0 && bw <= 1) {
-    s[`${k}Width`] = 1;
-    s.transform = [SCALES[position]];
-    s.transformOrigin = ORIGINS[position];
-  }
-  ;
-  return s;
-};
+import{Platform,StyleSheet}from"react-native";const isWeb="web"===Platform.OS;export const getHairlineWidth=()=>StyleSheet.hairlineWidth;const ORIGINS={top:"center top",bottom:"center bottom",left:"left center",right:"right center"},SCALES={top:{scaleY:.5},bottom:{scaleY:.5},left:{scaleX:.5},right:{scaleX:.5}};export const createHairlineView=({left:t,right:e,top:o,bottom:r,width:i,color:n,position:l="bottom",enabled:s=!0,borderRadius:a}={})=>{if(!s)return{};if("all"===l){const t=i??(isWeb?1:StyleSheet.hairlineWidth);return isWeb&&t>0&&t<=1?{position:"absolute",top:0,left:0,width:"200%",height:"200%",borderWidth:1,...n&&{borderColor:n},...null!=a&&{borderRadius:2*a},transform:[{scale:.5}],transformOrigin:"left top",pointerEvents:"none"}:{position:"absolute",top:0,left:0,right:0,bottom:0,borderWidth:t,...n&&{borderColor:n},...null!=a&&{borderRadius:a},pointerEvents:"none"}}const b=i??(isWeb?1:StyleSheet.hairlineWidth),h={position:"absolute",pointerEvents:"none",left:t,right:e,top:o,bottom:r};void 0===h[l]&&(h[l]=0);const d=`border${l[0].toUpperCase()}${l.slice(1)}`;return h[`${d}Width`]=b,n&&(h[`${d}Color`]=n),isWeb&&b>0&&b<=1&&(h[`${d}Width`]=1,h.transform=[SCALES[l]],h.transformOrigin=ORIGINS[l]),h};

package/dist/es/utils/index.js

@@ -1,14 +1 @@
-export * from './array';
-export * from './color';
-export * from './compare';
-export * from './createPlatformShadow';
-export * from './date';
-export * from './deepMerge';
-export * from './hairline';
-export * from './number';
-export * from './promise';
-export * from './string';
-export * from './render';
-export * from './validate';
-export * from './rtl';
-export {};
+export*from"./array";export*from"./color";export*from"./compare";export*from"./createPlatformShadow";export*from"./date";export*from"./deepMerge";export*from"./hairline";export*from"./number";export*from"./promise";export*from"./string";export*from"./render";export*from"./validate";export*from"./rtl";export{};

package/dist/es/utils/number.js

@@ -1,48 +1 @@
-import { isFiniteNumber, isNumber, isString } from './validate';
-export const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
-export const clamp01 = value => clamp(value, 0, 1);
-export const parseNumberLike = (value, fallback) => {
-  if (isFiniteNumber(value)) return value;
-  if (isString(value)) {
-    const n = Number.parseFloat(value);
-    return Number.isFinite(n) ? n : fallback;
-  }
-  return fallback;
-};
-export const parseNumber = (value, fallback = 0) => parseNumberLike(value, fallback) ?? fallback;
-export const parsePercentage = value => {
-  if (isNumber(value)) return value;
-  if (isString(value)) {
-    const n = Number(value.trim().replace('%', ''));
-    return Number.isNaN(n) ? 0 : n;
-  }
-  return 0;
-};
-export const isNumericLike = value => isNumber(value) || isString(value) && value.trim() !== '' && !Number.isNaN(Number(value));
-export const addNumber = (a, b) => {
-  const c = 10 ** 10;
-  return Math.round((a + b) * c) / c;
-};
-export const formatNumber = (value, integer, decimalLength) => {
-  let n = integer ? Math.trunc(value) : value;
-  if (decimalLength !== undefined) {
-    const f = 10 ** decimalLength;
-    n = Math.round(n * f) / f;
-  }
-  return n;
-};
-export const numberToString = (value, decimalLength) => {
-  if (value === null || value === undefined || !Number.isFinite(value)) return '';
-  return decimalLength !== undefined ? value.toFixed(decimalLength) : String(value);
-};
-export const parseDecimalLength = value => {
-  if (value === undefined) return undefined;
-  const n = isNumber(value) ? value : Number.parseInt(value, 10);
-  return Number.isFinite(n) ? Math.max(0, Math.floor(n)) : undefined;
-};
-export const clampValue = (value, min, max) => {
-  let n = value;
-  if (isFiniteNumber(min)) n = Math.max(n, min);
-  if (isFiniteNumber(max)) n = Math.min(n, max);
-  return n;
-};
+import{isFiniteNumber,isNumber,isString}from"./validate";export const clamp=(r,e,t)=>Math.min(Math.max(r,e),t);export const clamp01=r=>clamp(r,0,1);export const parseNumberLike=(r,e)=>{if(isFiniteNumber(r))return r;if(isString(r)){const t=Number.parseFloat(r);return Number.isFinite(t)?t:e}return e};export const parseNumber=(r,e=0)=>parseNumberLike(r,e)??e;export const parsePercentage=r=>{if(isNumber(r))return r;if(isString(r)){const e=Number(r.trim().replace("%",""));return Number.isNaN(e)?0:e}return 0};export const isNumericLike=r=>isNumber(r)||isString(r)&&""!==r.trim()&&!Number.isNaN(Number(r));export const addNumber=(r,e)=>{const t=10**10;return Math.round((r+e)*t)/t};export const formatNumber=(r,e,t)=>{let i=e?Math.trunc(r):r;if(void 0!==t){const r=10**t;i=Math.round(i*r)/r}return i};export const numberToString=(r,e)=>null!=r&&Number.isFinite(r)?void 0!==e?r.toFixed(e):String(r):"";export const parseDecimalLength=r=>{if(void 0===r)return;const e=isNumber(r)?r:Number.parseInt(r,10);return Number.isFinite(e)?Math.max(0,Math.floor(e)):void 0};export const clampValue=(r,e,t)=>{let i=r;return isFiniteNumber(e)&&(i=Math.max(i,e)),isFiniteNumber(t)&&(i=Math.min(i,t)),i};

package/dist/es/utils/promise.js

@@ -1,2 +1 @@
-import { isFunction, isObject } from './validate';
-export const isPromiseLike = value => isObject(value) && isFunction(value.then);
+import{isFunction,isObject}from"./validate";export const isPromiseLike=i=>isObject(i)&&isFunction(i.then);

package/dist/es/utils/render.js

@@ -1,7 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { Text } from '../design-system';
-import { isText } from './validate';
-export const renderTextOrNode = (content, textStyle, textProps) => isText(content) ? /*#__PURE__*/React.createElement(Text, _extends({
-  style: textStyle
-}, textProps), content) : content;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}import React from"react";import{Text}from"../design-system";import{isText}from"./validate";export const renderTextOrNode=(e,t,r)=>isText(e)?React.createElement(Text,_extends({style:t},r),e):e;

package/dist/es/utils/rtl.js

@@ -1,17 +1 @@
-const swaps = [['paddingLeft', 'paddingRight'], ['marginLeft', 'marginRight'], ['borderLeftWidth', 'borderRightWidth'], ['borderTopLeftRadius', 'borderTopRightRadius'], ['borderBottomLeftRadius', 'borderBottomRightRadius'], ['left', 'right']];
-export const flipStyle = (style, dir) => {
-  if (dir !== 'rtl') return style;
-  const out = {
-    ...style
-  };
-  for (const [a, b] of swaps) {
-    if (a in out || b in out) {
-      const t = out[a];
-      out[a] = out[b];
-      out[b] = t;
-    }
-  }
-  if (out.flexDirection === 'row') out.flexDirection = 'row-reverse';else if (out.flexDirection === 'row-reverse') out.flexDirection = 'row';
-  return out;
-};
-export const rtlRow = dir => dir === 'rtl' ? 'row-reverse' : 'row';
+const swaps=[["paddingLeft","paddingRight"],["marginLeft","marginRight"],["borderLeftWidth","borderRightWidth"],["borderTopLeftRadius","borderTopRightRadius"],["borderBottomLeftRadius","borderBottomRightRadius"],["left","right"]];export const flipStyle=(r,t)=>{if("rtl"!==t)return r;const e={...r};for(const[r,t]of swaps)if(r in e||t in e){const o=e[r];e[r]=e[t],e[t]=o}return"row"===e.flexDirection?e.flexDirection="row-reverse":"row-reverse"===e.flexDirection&&(e.flexDirection="row"),e};export const rtlRow=r=>"rtl"===r?"row-reverse":"row";

package/dist/es/utils/string.js

@@ -1,13 +1 @@
-import { isTwoCNChar } from './validate';
-export const ensureSpace = (value, autoInsertSpace) => autoInsertSpace && isTwoCNChar(value) ? value.split('').join(' ') : value;
-export const trimExtraChar = (value, char, regExp) => {
-  const i = value.indexOf(char);
-  if (i === -1) return value;
-  if (char === '-' && i !== 0) return value.slice(0, i);
-  return value.slice(0, i + 1) + value.slice(i).replace(regExp, '');
-};
-export const formatNumberInput = (value, allowDot = true, allowMinus = true) => {
-  let n = allowDot ? trimExtraChar(value, '.', /\./g) : value.split('.')[0];
-  n = allowMinus ? trimExtraChar(n, '-', /-/g) : n.replace(/-/g, '');
-  return n.replace(allowDot ? /[^-0-9.]/g : /[^-0-9]/g, '');
-};
+import{isTwoCNChar}from"./validate";export const ensureSpace=(r,t)=>t&&isTwoCNChar(r)?r.split("").join(" "):r;export const trimExtraChar=(r,t,e)=>{const a=r.indexOf(t);return-1===a?r:"-"===t&&0!==a?r.slice(0,a):r.slice(0,a+1)+r.slice(a).replace(e,"")};export const formatNumberInput=(r,t=!0,e=!0)=>{let a=t?trimExtraChar(r,".",/\./g):r.split(".")[0];return a=e?trimExtraChar(a,"-",/-/g):a.replace(/-/g,""),a.replace(t?/[^-0-9.]/g:/[^-0-9]/g,"")};

package/dist/es/utils/validate.js

@@ -1,14 +1 @@
-import { isValidElement } from 'react';
-export const isDef = val => val !== undefined && val !== null;
-export const isRenderable = node => node != null && typeof node !== 'boolean';
-export const isText = node => typeof node === 'string' || typeof node === 'number';
-export const isNumber = val => typeof val === 'number' && !Number.isNaN(val);
-export const isFiniteNumber = val => isNumber(val) && Number.isFinite(val);
-export const isString = val => typeof val === 'string';
-export const isBoolean = val => typeof val === 'boolean';
-export const isFunction = val => typeof val === 'function';
-export const isUndefined = val => typeof val === 'undefined';
-export const isObject = val => val !== null && typeof val === 'object';
-export const isValidNode = node => isRenderable(node) && (typeof node !== 'string' || node.length > 0);
-export const isPlainObject = val => !!val && typeof val === 'object' && !Array.isArray(val) && ! /*#__PURE__*/isValidElement(val);
-export const isTwoCNChar = value => /^(?:[\u4e00-\u9fa5]){2}$/.test(value);
+import{isValidElement}from"react";export const isDef=e=>null!=e;export const isRenderable=e=>null!=e&&"boolean"!=typeof e;export const isText=e=>"string"==typeof e||"number"==typeof e;export const isNumber=e=>"number"==typeof e&&!Number.isNaN(e);export const isFiniteNumber=e=>isNumber(e)&&Number.isFinite(e);export const isString=e=>"string"==typeof e;export const isBoolean=e=>"boolean"==typeof e;export const isFunction=e=>"function"==typeof e;export const isUndefined=e=>void 0===e;export const isObject=e=>null!==e&&"object"==typeof e;export const isValidNode=e=>isRenderable(e)&&("string"!=typeof e||e.length>0);export const isPlainObject=e=>!!e&&"object"==typeof e&&!Array.isArray(e)&&!isValidElement(e);export const isTwoCNChar=e=>/^(?:[\u4e00-\u9fa5]){2}$/.test(e);

package/dist/types/components/nav-bar/tokens.d.ts

@@ -1,4 +1,4 @@
 import { type Foundations } from '../../design-system/tokens';
 import type { NavBarTokens } from './types';
-export declare const createNavBarTokens: ({ palette, spacing, fontSize, typography, }: Foundations) => NavBarTokens;
+export declare const createNavBarTokens: (foundations: Foundations) => NavBarTokens;
 export declare const useNavBarTokens: (overrides?: import("../..").DeepPartial<NavBarTokens> | undefined) => NavBarTokens;

package/dist/types/design-system/tokens.d.ts

@@ -66,6 +66,7 @@ export interface Foundations {
         loading: number;
         pressed: number;
     };
+    surface?: string;
 }
 export declare const defaultFoundations: Foundations;
 export type ThemeTokens = Foundations;

package/dist/types/nativewind.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from 'react';
+type CssInteropFn = (comp: ComponentType<any>, mapping: Record<string, string>) => any;
+export declare function enableNativeWind(cssInterop: CssInteropFn, lib?: Record<string, unknown>): void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-system-ui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "面向 React Native 的设计系统级组件库，Tokens + ThemeProvider 主题体系，按需引入、体积小；API 统一可组合、高效可靠，支持可访问性与多端一致。",
   "homepage": "https://rn-system-ui.netlify.app/",
   "main": "./dist/cjs/index.js",
@@ -52,7 +52,13 @@
     "react-dom": ">=18.2.0",
     "react-native": ">=0.79.0",
     "react-native-safe-area-context": ">=4.0.0",
-    "react-native-svg": ">=12.4.1"
+    "react-native-svg": ">=12.4.1",
+    "nativewind": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "nativewind": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@jest/test-sequencer": "^30.2.0",
@@ -70,7 +76,7 @@
     "react-native-svg": "^15.15.1",
     "react-native-web": "^0.21.2",
     "react-test-renderer": "^19.2.4",
-    "rndoc-cli": "^2.0.6",
+    "rndoc-cli": "^2.1.0",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3"
   },
@@ -444,6 +450,12 @@
       "import": "./dist/es/design-system/Text.js",
       "require": "./dist/cjs/design-system/Text.js"
     },
+    "./nativewind": {
+      "react-native": "./dist/es/nativewind.js",
+      "types": "./dist/types/nativewind.d.ts",
+      "import": "./dist/es/nativewind.js",
+      "require": "./dist/cjs/nativewind.js"
+    },
     "./package.json": "./package.json"
   }
 }