@unif/react-native-ui 0.2.30 → 0.3.2

package/lib/commonjs/index.js

@@ -87,6 +87,12 @@ Object.defineProperty(exports, "Space", {
     return _space.default;
   }
 });
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function () {
+    return _tag.default;
+  }
+});
 Object.defineProperty(exports, "Text", {
   enumerable: true,
   get: function () {
@@ -139,6 +145,7 @@ var _avatar = _interopRequireDefault(require("./avatar"));
 var _waveAnimation = _interopRequireDefault(require("./wave-animation"));
 var _input = _interopRequireDefault(require("./input"));
 var _chip = _interopRequireDefault(require("./chip"));
+var _tag = _interopRequireDefault(require("./tag"));
 var _actionSheet = _interopRequireDefault(require("./action-sheet"));
 var _popover = _interopRequireDefault(require("./popover"));
 var _menu = _interopRequireDefault(require("./menu"));

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_context","require","_tokens","_hooks","_row","_interopRequireDefault","_column","_center","_space","_text","_button","_divider","_listItem","_touchable","_avatar","_waveAnimation","_input","_chip","_actionSheet","_popover","_menu","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,IAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAEA,IAAAM,OAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAEA,IAAAO,MAAA,GAAAH,sBAAA,CAAAJ,OAAA;AAIA,IAAAQ,KAAA,GAAAJ,sBAAA,CAAAJ,OAAA;AAEA,IAAAS,OAAA,GAAAL,sBAAA,CAAAJ,OAAA;AAGA,IAAAU,QAAA,GAAAN,sBAAA,CAAAJ,OAAA;AACA,IAAAW,SAAA,GAAAP,sBAAA,CAAAJ,OAAA;AACA,IAAAY,UAAA,GAAAR,sBAAA,CAAAJ,OAAA;AAIA,IAAAa,OAAA,GAAAT,sBAAA,CAAAJ,OAAA;AAGA,IAAAc,cAAA,GAAAV,sBAAA,CAAAJ,OAAA;AAIA,IAAAe,MAAA,GAAAX,sBAAA,CAAAJ,OAAA;AAGA,IAAAgB,KAAA,GAAAZ,sBAAA,CAAAJ,OAAA;AAGA,IAAAiB,YAAA,GAAAb,sBAAA,CAAAJ,OAAA;AAMA,IAAAkB,QAAA,GAAAd,sBAAA,CAAAJ,OAAA;AAGA,IAAAmB,KAAA,GAAAf,sBAAA,CAAAJ,OAAA;AAAyC,SAAAI,uBAAAgB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
+{"version":3,"names":["_context","require","_tokens","_hooks","_row","_interopRequireDefault","_column","_center","_space","_text","_button","_divider","_listItem","_touchable","_avatar","_waveAnimation","_input","_chip","_tag","_actionSheet","_popover","_menu","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,IAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAEA,IAAAM,OAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAEA,IAAAO,MAAA,GAAAH,sBAAA,CAAAJ,OAAA;AAIA,IAAAQ,KAAA,GAAAJ,sBAAA,CAAAJ,OAAA;AAEA,IAAAS,OAAA,GAAAL,sBAAA,CAAAJ,OAAA;AAGA,IAAAU,QAAA,GAAAN,sBAAA,CAAAJ,OAAA;AACA,IAAAW,SAAA,GAAAP,sBAAA,CAAAJ,OAAA;AACA,IAAAY,UAAA,GAAAR,sBAAA,CAAAJ,OAAA;AAIA,IAAAa,OAAA,GAAAT,sBAAA,CAAAJ,OAAA;AAGA,IAAAc,cAAA,GAAAV,sBAAA,CAAAJ,OAAA;AAIA,IAAAe,MAAA,GAAAX,sBAAA,CAAAJ,OAAA;AAGA,IAAAgB,KAAA,GAAAZ,sBAAA,CAAAJ,OAAA;AAGA,IAAAiB,IAAA,GAAAb,sBAAA,CAAAJ,OAAA;AAGA,IAAAkB,YAAA,GAAAd,sBAAA,CAAAJ,OAAA;AAMA,IAAAmB,QAAA,GAAAf,sBAAA,CAAAJ,OAAA;AAGA,IAAAoB,KAAA,GAAAhB,sBAAA,CAAAJ,OAAA;AAAyC,SAAAI,uBAAAiB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/tag/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _hooks = require("../hooks");
+var _context = require("../theme/context");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Tag 标签组件
+ *
+ * 信息展示标签，支持三种变体：
+ * - filled（默认）：浅色底 + 深色字
+ * - solid：纯色底 + 白字
+ * - outlined：边框 + 深色字
+ *
+ * color 支持预设语义色（success/processing/warning/error/default）或自定义 hex。
+ */
+
+const Tag = ({
+  children,
+  variant = 'filled',
+  color,
+  size = 'default',
+  style,
+  styles: semanticStyles,
+  testID
+}) => {
+  const tokens = (0, _context.useTokens)();
+  const resolved = (0, _style.resolveColor)(color);
+  const s = (0, _react.useMemo)(() => {
+    let variantStyles;
+    if (variant === 'solid') {
+      variantStyles = (0, _style.createSolidStyles)(resolved);
+    } else if (variant === 'outlined') {
+      variantStyles = (0, _style.createOutlinedStyles)(resolved);
+    } else {
+      variantStyles = (0, _style.createFilledStyles)(resolved);
+    }
+    return (0, _hooks.mergeStyles)((0, _style.createDefaultStyles)(tokens), size === 'small' ? (0, _style.createSmallStyles)() : undefined, variantStyles, semanticStyles);
+  }, [variant, resolved, size, tokens, semanticStyles]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [s.root, style],
+    testID: testID,
+    children: typeof children === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: s.content,
+      children: children
+    }) : children
+  });
+};
+var _default = exports.default = Tag;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","_context","_style","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Tag","children","variant","color","size","style","styles","semanticStyles","testID","tokens","useTokens","resolved","resolveColor","s","useMemo","variantStyles","createSolidStyles","createOutlinedStyles","createFilledStyles","mergeStyles","createDefaultStyles","createSmallStyles","undefined","jsx","View","root","Text","content","_default","exports"],"sourceRoot":"../../../src","sources":["tag/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tag/style/index.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSolidStyles = exports.createSmallStyles = exports.createOutlinedStyles = exports.createFilledStyles = exports.createDefaultStyles = void 0;
+exports.resolveColor = resolveColor;
+/** 预设语义色 → 实际色值映射 */
+const PRESET_COLORS = {
+  success: '#52C41A',
+  processing: '#1677FF',
+  warning: '#FF9500',
+  error: '#FF3B30',
+  default: '#8C8C8C'
+};
+/** 解析颜色：支持预设名或自定义 hex */
+function resolveColor(color) {
+  if (!color) return PRESET_COLORS.default;
+  if (color in PRESET_COLORS) return PRESET_COLORS[color];
+  return color;
+}
+
+/**
+ * 十六进制颜色追加透明度
+ * '#1677FF' + 0.1 → '#1677FF1A'
+ */
+function withAlpha(hex, alpha) {
+  const a = Math.round(alpha * 255).toString(16).padStart(2, '0');
+  const base = hex.length === 9 ? hex.slice(0, 7) : hex;
+  return `${base}${a}`;
+}
+const createDefaultStyles = t => ({
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'flex-start',
+    borderRadius: t.radiusSm,
+    paddingHorizontal: 8,
+    paddingVertical: 2
+  },
+  content: {
+    fontSize: t.fontSizeXs
+  }
+});
+exports.createDefaultStyles = createDefaultStyles;
+const createSmallStyles = () => ({
+  root: {
+    paddingHorizontal: 6,
+    paddingVertical: 1
+  },
+  content: {
+    fontSize: 10
+  }
+});
+
+/** filled: 浅色底 + 深色字（默认） */
+exports.createSmallStyles = createSmallStyles;
+const createFilledStyles = color => ({
+  root: {
+    backgroundColor: withAlpha(color, 0.1)
+  },
+  content: {
+    color
+  }
+});
+
+/** solid: 纯色底 + 白字 */
+exports.createFilledStyles = createFilledStyles;
+const createSolidStyles = color => ({
+  root: {
+    backgroundColor: color
+  },
+  content: {
+    color: '#FFFFFF'
+  }
+});
+
+/** outlined: 边框 + 深色字 + 透明底 */
+exports.createSolidStyles = createSolidStyles;
+const createOutlinedStyles = color => ({
+  root: {
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: color
+  },
+  content: {
+    color
+  }
+});
+exports.createOutlinedStyles = createOutlinedStyles;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/tag/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PRESET_COLORS","success","processing","warning","error","default","resolveColor","color","withAlpha","hex","alpha","a","Math","round","toString","padStart","base","length","slice","createDefaultStyles","t","root","flexDirection","alignItems","alignSelf","borderRadius","radiusSm","paddingHorizontal","paddingVertical","content","fontSize","fontSizeXs","exports","createSmallStyles","createFilledStyles","backgroundColor","createSolidStyles","createOutlinedStyles","borderWidth","borderColor"],"sourceRoot":"../../../../src","sources":["tag/style/index.tsx"],"mappings":";;;;;;;AAQA;AACA,MAAMA,aAAa,GAAG;EACpBC,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE;AACX,CAAU;AAIV;AACO,SAASC,YAAYA,CAACC,KAAyB,EAAU;EAC9D,IAAI,CAACA,KAAK,EAAE,OAAOP,aAAa,CAACK,OAAO;EACxC,IAAIE,KAAK,IAAIP,aAAa,EAAE,OAAOA,aAAa,CAACO,KAAK,CAAe;EACrE,OAAOA,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA,SAASC,SAASA,CAACC,GAAW,EAAEC,KAAa,EAAU;EACrD,MAAMC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,GAAG,GAAG,CAAC,CAC9BI,QAAQ,CAAC,EAAE,CAAC,CACZC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACnB,MAAMC,IAAI,GAAGP,GAAG,CAACQ,MAAM,KAAK,CAAC,GAAGR,GAAG,CAACS,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGT,GAAG;EACrD,OAAO,GAAGO,IAAI,GAAGL,CAAC,EAAE;AACtB;AAEO,MAAMQ,mBAAmB,GAAIC,CAAS,KAAyB;EACpEC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,YAAY;IACvBC,YAAY,EAAEL,CAAC,CAACM,QAAQ;IACxBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAEV,CAAC,CAACW;EACd;AACF,CAAC,CAAC;AAACC,OAAA,CAAAb,mBAAA,GAAAA,mBAAA;AAEI,MAAMc,iBAAiB,GAAGA,CAAA,MAAmC;EAClEZ,IAAI,EAAE;IACJM,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;;AAEF;AAAAE,OAAA,CAAAC,iBAAA,GAAAA,iBAAA;AACO,MAAMC,kBAAkB,GAC7B3B,KAAa,KACmB;EAChCc,IAAI,EAAE;IACJc,eAAe,EAAE3B,SAAS,CAACD,KAAK,EAAE,GAAG;EACvC,CAAC;EACDsB,OAAO,EAAE;IACPtB;EACF;AACF,CAAC,CAAC;;AAEF;AAAAyB,OAAA,CAAAE,kBAAA,GAAAA,kBAAA;AACO,MAAME,iBAAiB,GAC5B7B,KAAa,KACmB;EAChCc,IAAI,EAAE;IACJc,eAAe,EAAE5B;EACnB,CAAC;EACDsB,OAAO,EAAE;IACPtB,KAAK,EAAE;EACT;AACF,CAAC,CAAC;;AAEF;AAAAyB,OAAA,CAAAI,iBAAA,GAAAA,iBAAA;AACO,MAAMC,oBAAoB,GAC/B9B,KAAa,KACmB;EAChCc,IAAI,EAAE;IACJc,eAAe,EAAE,aAAa;IAC9BG,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEhC;EACf,CAAC;EACDsB,OAAO,EAAE;IACPtB;EACF;AACF,CAAC,CAAC;AAACyB,OAAA,CAAAK,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/module/index.js

@@ -23,6 +23,7 @@ export { default as WaveAnimation } from "./wave-animation/index.js";
 // Base
 export { default as Input } from "./input/index.js";
 export { default as Chip } from "./chip/index.js";
+export { default as Tag } from "./tag/index.js";
 export { default as ActionSheet } from "./action-sheet/index.js";
 export { default as Popover } from "./popover/index.js";
 export { default as Menu } from "./menu/index.js";

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ConfigProvider","useTokens","defaultTokens","mergeStyles","default","Row","Column","Center","Space","Text","Button","Divider","ListItem","Touchable","Avatar","WaveAnimation","Input","Chip","ActionSheet","Popover","Menu"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA,SAASA,cAAc,EAAEC,SAAS,QAAQ,oBAAiB;AAE3D,SAASC,aAAa,QAAQ,mBAAgB;AAG9C;AACA,SAASC,WAAW,QAAQ,kBAAS;;AAErC;AACA,SAASC,OAAO,IAAIC,GAAG,QAAQ,gBAAO;AAEtC,SAASD,OAAO,IAAIE,MAAM,QAAQ,mBAAU;AAE5C,SAASF,OAAO,IAAIG,MAAM,QAAQ,mBAAU;AAE5C,SAASH,OAAO,IAAII,KAAK,QAAQ,kBAAS;AAG1C;AACA,SAASJ,OAAO,IAAIK,IAAI,QAAQ,iBAAQ;AAExC,SAASL,OAAO,IAAIM,MAAM,QAAQ,mBAAU;AAG5C,SAASN,OAAO,IAAIO,OAAO,QAAQ,oBAAW;AAC9C,SAASP,OAAO,IAAIQ,QAAQ,QAAQ,sBAAa;AACjD,SAASR,OAAO,IAAIS,SAAS,QAAQ,sBAAa;AAGlD;AACA,SAAST,OAAO,IAAIU,MAAM,QAAQ,mBAAU;AAG5C,SAASV,OAAO,IAAIW,aAAa,QAAQ,2BAAkB;AAG3D;AACA,SAASX,OAAO,IAAIY,KAAK,QAAQ,kBAAS;AAG1C,SAASZ,OAAO,IAAIa,IAAI,QAAQ,iBAAQ;AAGxC,SAASb,OAAO,IAAIc,WAAW,QAAQ,yBAAgB;AAMvD,SAASd,OAAO,IAAIe,OAAO,QAAQ,oBAAW;AAG9C,SAASf,OAAO,IAAIgB,IAAI,QAAQ,iBAAQ","ignoreList":[]}
+{"version":3,"names":["ConfigProvider","useTokens","defaultTokens","mergeStyles","default","Row","Column","Center","Space","Text","Button","Divider","ListItem","Touchable","Avatar","WaveAnimation","Input","Chip","Tag","ActionSheet","Popover","Menu"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA,SAASA,cAAc,EAAEC,SAAS,QAAQ,oBAAiB;AAE3D,SAASC,aAAa,QAAQ,mBAAgB;AAG9C;AACA,SAASC,WAAW,QAAQ,kBAAS;;AAErC;AACA,SAASC,OAAO,IAAIC,GAAG,QAAQ,gBAAO;AAEtC,SAASD,OAAO,IAAIE,MAAM,QAAQ,mBAAU;AAE5C,SAASF,OAAO,IAAIG,MAAM,QAAQ,mBAAU;AAE5C,SAASH,OAAO,IAAII,KAAK,QAAQ,kBAAS;AAG1C;AACA,SAASJ,OAAO,IAAIK,IAAI,QAAQ,iBAAQ;AAExC,SAASL,OAAO,IAAIM,MAAM,QAAQ,mBAAU;AAG5C,SAASN,OAAO,IAAIO,OAAO,QAAQ,oBAAW;AAC9C,SAASP,OAAO,IAAIQ,QAAQ,QAAQ,sBAAa;AACjD,SAASR,OAAO,IAAIS,SAAS,QAAQ,sBAAa;AAGlD;AACA,SAAST,OAAO,IAAIU,MAAM,QAAQ,mBAAU;AAG5C,SAASV,OAAO,IAAIW,aAAa,QAAQ,2BAAkB;AAG3D;AACA,SAASX,OAAO,IAAIY,KAAK,QAAQ,kBAAS;AAG1C,SAASZ,OAAO,IAAIa,IAAI,QAAQ,iBAAQ;AAGxC,SAASb,OAAO,IAAIc,GAAG,QAAQ,gBAAO;AAGtC,SAASd,OAAO,IAAIe,WAAW,QAAQ,yBAAgB;AAMvD,SAASf,OAAO,IAAIgB,OAAO,QAAQ,oBAAW;AAG9C,SAAShB,OAAO,IAAIiB,IAAI,QAAQ,iBAAQ","ignoreList":[]}

package/lib/module/tag/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+/**
+ * Tag 标签组件
+ *
+ * 信息展示标签，支持三种变体：
+ * - filled（默认）：浅色底 + 深色字
+ * - solid：纯色底 + 白字
+ * - outlined：边框 + 深色字
+ *
+ * color 支持预设语义色（success/processing/warning/error/default）或自定义 hex。
+ */
+
+import React, { useMemo } from 'react';
+import { View, Text } from 'react-native';
+import { mergeStyles } from "../hooks/index.js";
+import { useTokens } from "../theme/context.js";
+import { createDefaultStyles, createSmallStyles, createFilledStyles, createSolidStyles, createOutlinedStyles, resolveColor } from "./style/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Tag = ({
+  children,
+  variant = 'filled',
+  color,
+  size = 'default',
+  style,
+  styles: semanticStyles,
+  testID
+}) => {
+  const tokens = useTokens();
+  const resolved = resolveColor(color);
+  const s = useMemo(() => {
+    let variantStyles;
+    if (variant === 'solid') {
+      variantStyles = createSolidStyles(resolved);
+    } else if (variant === 'outlined') {
+      variantStyles = createOutlinedStyles(resolved);
+    } else {
+      variantStyles = createFilledStyles(resolved);
+    }
+    return mergeStyles(createDefaultStyles(tokens), size === 'small' ? createSmallStyles() : undefined, variantStyles, semanticStyles);
+  }, [variant, resolved, size, tokens, semanticStyles]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [s.root, style],
+    testID: testID,
+    children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+      style: s.content,
+      children: children
+    }) : children
+  });
+};
+export default Tag;
+//# sourceMappingURL=index.js.map

package/lib/module/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","Text","mergeStyles","useTokens","createDefaultStyles","createSmallStyles","createFilledStyles","createSolidStyles","createOutlinedStyles","resolveColor","jsx","_jsx","Tag","children","variant","color","size","style","styles","semanticStyles","testID","tokens","resolved","s","variantStyles","undefined","root","content"],"sourceRoot":"../../../src","sources":["tag/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEzC,SAASC,WAAW,QAAQ,mBAAU;AACtC,SAASC,SAAS,QAAQ,qBAAkB;AAE5C,SACEC,mBAAmB,EACnBC,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,oBAAoB,EACpBC,YAAY,QACP,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYjB,MAAMC,GAAuB,GAAGA,CAAC;EAC/BC,QAAQ;EACRC,OAAO,GAAG,QAAQ;EAClBC,KAAK;EACLC,IAAI,GAAG,SAAS;EAChBC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtBC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1B,MAAMmB,QAAQ,GAAGb,YAAY,CAACM,KAAK,CAAC;EAEpC,MAAMQ,CAAC,GAAGxB,OAAO,CAAC,MAAM;IACtB,IAAIyB,aAAa;IACjB,IAAIV,OAAO,KAAK,OAAO,EAAE;MACvBU,aAAa,GAAGjB,iBAAiB,CAACe,QAAQ,CAAC;IAC7C,CAAC,MAAM,IAAIR,OAAO,KAAK,UAAU,EAAE;MACjCU,aAAa,GAAGhB,oBAAoB,CAACc,QAAQ,CAAC;IAChD,CAAC,MAAM;MACLE,aAAa,GAAGlB,kBAAkB,CAACgB,QAAQ,CAAC;IAC9C;IAEA,OAAOpB,WAAW,CAChBE,mBAAmB,CAACiB,MAAM,CAAC,EAC3BL,IAAI,KAAK,OAAO,GAAGX,iBAAiB,CAAC,CAAC,GAAGoB,SAAS,EAClDD,aAAa,EACbL,cACF,CAAC;EACH,CAAC,EAAE,CAACL,OAAO,EAAEQ,QAAQ,EAAEN,IAAI,EAAEK,MAAM,EAAEF,cAAc,CAAC,CAAC;EAErD,oBACER,IAAA,CAACX,IAAI;IAACiB,KAAK,EAAE,CAACM,CAAC,CAACG,IAAI,EAAET,KAAK,CAAE;IAACG,MAAM,EAAEA,MAAO;IAAAP,QAAA,EAC1C,OAAOA,QAAQ,KAAK,QAAQ,gBAC3BF,IAAA,CAACV,IAAI;MAACgB,KAAK,EAAEM,CAAC,CAACI,OAAQ;MAAAd,QAAA,EAAEA;IAAQ,CAAO,CAAC,GAEzCA;EACD,CACG,CAAC;AAEX,CAAC;AAED,eAAeD,GAAG","ignoreList":[]}

package/lib/module/tag/style/index.js

@@ -0,0 +1,81 @@
+"use strict";
+
+/** 预设语义色 → 实际色值映射 */
+const PRESET_COLORS = {
+  success: '#52C41A',
+  processing: '#1677FF',
+  warning: '#FF9500',
+  error: '#FF3B30',
+  default: '#8C8C8C'
+};
+/** 解析颜色：支持预设名或自定义 hex */
+export function resolveColor(color) {
+  if (!color) return PRESET_COLORS.default;
+  if (color in PRESET_COLORS) return PRESET_COLORS[color];
+  return color;
+}
+
+/**
+ * 十六进制颜色追加透明度
+ * '#1677FF' + 0.1 → '#1677FF1A'
+ */
+function withAlpha(hex, alpha) {
+  const a = Math.round(alpha * 255).toString(16).padStart(2, '0');
+  const base = hex.length === 9 ? hex.slice(0, 7) : hex;
+  return `${base}${a}`;
+}
+export const createDefaultStyles = t => ({
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'flex-start',
+    borderRadius: t.radiusSm,
+    paddingHorizontal: 8,
+    paddingVertical: 2
+  },
+  content: {
+    fontSize: t.fontSizeXs
+  }
+});
+export const createSmallStyles = () => ({
+  root: {
+    paddingHorizontal: 6,
+    paddingVertical: 1
+  },
+  content: {
+    fontSize: 10
+  }
+});
+
+/** filled: 浅色底 + 深色字（默认） */
+export const createFilledStyles = color => ({
+  root: {
+    backgroundColor: withAlpha(color, 0.1)
+  },
+  content: {
+    color
+  }
+});
+
+/** solid: 纯色底 + 白字 */
+export const createSolidStyles = color => ({
+  root: {
+    backgroundColor: color
+  },
+  content: {
+    color: '#FFFFFF'
+  }
+});
+
+/** outlined: 边框 + 深色字 + 透明底 */
+export const createOutlinedStyles = color => ({
+  root: {
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: color
+  },
+  content: {
+    color
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/tag/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PRESET_COLORS","success","processing","warning","error","default","resolveColor","color","withAlpha","hex","alpha","a","Math","round","toString","padStart","base","length","slice","createDefaultStyles","t","root","flexDirection","alignItems","alignSelf","borderRadius","radiusSm","paddingHorizontal","paddingVertical","content","fontSize","fontSizeXs","createSmallStyles","createFilledStyles","backgroundColor","createSolidStyles","createOutlinedStyles","borderWidth","borderColor"],"sourceRoot":"../../../../src","sources":["tag/style/index.tsx"],"mappings":";;AAQA;AACA,MAAMA,aAAa,GAAG;EACpBC,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE;AACX,CAAU;AAIV;AACA,OAAO,SAASC,YAAYA,CAACC,KAAyB,EAAU;EAC9D,IAAI,CAACA,KAAK,EAAE,OAAOP,aAAa,CAACK,OAAO;EACxC,IAAIE,KAAK,IAAIP,aAAa,EAAE,OAAOA,aAAa,CAACO,KAAK,CAAe;EACrE,OAAOA,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA,SAASC,SAASA,CAACC,GAAW,EAAEC,KAAa,EAAU;EACrD,MAAMC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,GAAG,GAAG,CAAC,CAC9BI,QAAQ,CAAC,EAAE,CAAC,CACZC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACnB,MAAMC,IAAI,GAAGP,GAAG,CAACQ,MAAM,KAAK,CAAC,GAAGR,GAAG,CAACS,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGT,GAAG;EACrD,OAAO,GAAGO,IAAI,GAAGL,CAAC,EAAE;AACtB;AAEA,OAAO,MAAMQ,mBAAmB,GAAIC,CAAS,KAAyB;EACpEC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,YAAY;IACvBC,YAAY,EAAEL,CAAC,CAACM,QAAQ;IACxBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAEV,CAAC,CAACW;EACd;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,MAAmC;EAClEX,IAAI,EAAE;IACJM,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;;AAEF;AACA,OAAO,MAAMG,kBAAkB,GAC7B1B,KAAa,KACmB;EAChCc,IAAI,EAAE;IACJa,eAAe,EAAE1B,SAAS,CAACD,KAAK,EAAE,GAAG;EACvC,CAAC;EACDsB,OAAO,EAAE;IACPtB;EACF;AACF,CAAC,CAAC;;AAEF;AACA,OAAO,MAAM4B,iBAAiB,GAC5B5B,KAAa,KACmB;EAChCc,IAAI,EAAE;IACJa,eAAe,EAAE3B;EACnB,CAAC;EACDsB,OAAO,EAAE;IACPtB,KAAK,EAAE;EACT;AACF,CAAC,CAAC;;AAEF;AACA,OAAO,MAAM6B,oBAAoB,GAC/B7B,KAAa,KACmB;EAChCc,IAAI,EAAE;IACJa,eAAe,EAAE,aAAa;IAC9BG,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE/B;EACf,CAAC;EACDsB,OAAO,EAAE;IACPtB;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/commonjs/src/index.d.ts

@@ -31,6 +31,9 @@ export type { InputSemanticStyles } from './input/style';
 export { default as Chip } from './chip';
 export type { ChipProps } from './chip';
 export type { ChipSemanticStyles } from './chip/style';
+export { default as Tag } from './tag';
+export type { TagProps } from './tag';
+export type { TagSemanticStyles } from './tag/style';
 export { default as ActionSheet } from './action-sheet';
 export type { ActionSheetProps } from './action-sheet';
 export type { ActionSheetOption, ActionSheetSemanticStyles, } from './action-sheet/style';

package/lib/typescript/commonjs/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,YAAY,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EACV,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/commonjs/src/tag/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Tag 标签组件
+ *
+ * 信息展示标签，支持三种变体：
+ * - filled（默认）：浅色底 + 深色字
+ * - solid：纯色底 + 白字
+ * - outlined：边框 + 深色字
+ *
+ * color 支持预设语义色（success/processing/warning/error/default）或自定义 hex。
+ */
+import React from 'react';
+import type { ViewStyle } from 'react-native';
+import type { TagSemanticStyles } from './style';
+export interface TagProps {
+    children: React.ReactNode;
+    variant?: 'filled' | 'solid' | 'outlined';
+    color?: string;
+    size?: 'default' | 'small';
+    style?: ViewStyle;
+    styles?: Partial<TagSemanticStyles>;
+    testID?: string;
+}
+declare const Tag: React.FC<TagProps>;
+export default Tag;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/tag/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAUjD,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAuC3B,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/lib/typescript/commonjs/src/tag/style/index.d.ts

@@ -0,0 +1,17 @@
+import type { ViewStyle, TextStyle } from 'react-native';
+import type { Tokens } from '../../theme/tokens';
+export type TagSemanticStyles = {
+    root?: ViewStyle;
+    content?: TextStyle;
+};
+/** 解析颜色：支持预设名或自定义 hex */
+export declare function resolveColor(color: string | undefined): string;
+export declare const createDefaultStyles: (t: Tokens) => TagSemanticStyles;
+export declare const createSmallStyles: () => Partial<TagSemanticStyles>;
+/** filled: 浅色底 + 深色字（默认） */
+export declare const createFilledStyles: (color: string) => Partial<TagSemanticStyles>;
+/** solid: 纯色底 + 白字 */
+export declare const createSolidStyles: (color: string) => Partial<TagSemanticStyles>;
+/** outlined: 边框 + 深色字 + 透明底 */
+export declare const createOutlinedStyles: (color: string) => Partial<TagSemanticStyles>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/tag/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/tag/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAaF,yBAAyB;AACzB,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAI9D;AAcD,eAAO,MAAM,mBAAmB,GAAI,GAAG,MAAM,KAAG,iBAY9C,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAAO,OAAO,CAAC,iBAAiB,CAQ5D,CAAC;AAEH,4BAA4B;AAC5B,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,KACZ,OAAO,CAAC,iBAAiB,CAO1B,CAAC;AAEH,sBAAsB;AACtB,eAAO,MAAM,iBAAiB,GAC5B,OAAO,MAAM,KACZ,OAAO,CAAC,iBAAiB,CAO1B,CAAC;AAEH,+BAA+B;AAC/B,eAAO,MAAM,oBAAoB,GAC/B,OAAO,MAAM,KACZ,OAAO,CAAC,iBAAiB,CAS1B,CAAC"}

package/lib/typescript/module/src/index.d.ts

@@ -31,6 +31,9 @@ export type { InputSemanticStyles } from './input/style';
 export { default as Chip } from './chip';
 export type { ChipProps } from './chip';
 export type { ChipSemanticStyles } from './chip/style';
+export { default as Tag } from './tag';
+export type { TagProps } from './tag';
+export type { TagSemanticStyles } from './tag/style';
 export { default as ActionSheet } from './action-sheet';
 export type { ActionSheetProps } from './action-sheet';
 export type { ActionSheetOption, ActionSheetSemanticStyles, } from './action-sheet/style';

package/lib/typescript/module/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,YAAY,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EACV,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/module/src/tag/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Tag 标签组件
+ *
+ * 信息展示标签，支持三种变体：
+ * - filled（默认）：浅色底 + 深色字
+ * - solid：纯色底 + 白字
+ * - outlined：边框 + 深色字
+ *
+ * color 支持预设语义色（success/processing/warning/error/default）或自定义 hex。
+ */
+import React from 'react';
+import type { ViewStyle } from 'react-native';
+import type { TagSemanticStyles } from './style';
+export interface TagProps {
+    children: React.ReactNode;
+    variant?: 'filled' | 'solid' | 'outlined';
+    color?: string;
+    size?: 'default' | 'small';
+    style?: ViewStyle;
+    styles?: Partial<TagSemanticStyles>;
+    testID?: string;
+}
+declare const Tag: React.FC<TagProps>;
+export default Tag;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/tag/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAUjD,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAuC3B,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/lib/typescript/module/src/tag/style/index.d.ts

@@ -0,0 +1,17 @@
+import type { ViewStyle, TextStyle } from 'react-native';
+import type { Tokens } from '../../theme/tokens';
+export type TagSemanticStyles = {
+    root?: ViewStyle;
+    content?: TextStyle;
+};
+/** 解析颜色：支持预设名或自定义 hex */
+export declare function resolveColor(color: string | undefined): string;
+export declare const createDefaultStyles: (t: Tokens) => TagSemanticStyles;
+export declare const createSmallStyles: () => Partial<TagSemanticStyles>;
+/** filled: 浅色底 + 深色字（默认） */
+export declare const createFilledStyles: (color: string) => Partial<TagSemanticStyles>;
+/** solid: 纯色底 + 白字 */
+export declare const createSolidStyles: (color: string) => Partial<TagSemanticStyles>;
+/** outlined: 边框 + 深色字 + 透明底 */
+export declare const createOutlinedStyles: (color: string) => Partial<TagSemanticStyles>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/tag/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/tag/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAaF,yBAAyB;AACzB,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAI9D;AAcD,eAAO,MAAM,mBAAmB,GAAI,GAAG,MAAM,KAAG,iBAY9C,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAAO,OAAO,CAAC,iBAAiB,CAQ5D,CAAC;AAEH,4BAA4B;AAC5B,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,KACZ,OAAO,CAAC,iBAAiB,CAO1B,CAAC;AAEH,sBAAsB;AACtB,eAAO,MAAM,iBAAiB,GAC5B,OAAO,MAAM,KACZ,OAAO,CAAC,iBAAiB,CAO1B,CAAC;AAEH,+BAA+B;AAC/B,eAAO,MAAM,oBAAoB,GAC/B,OAAO,MAAM,KACZ,OAAO,CAAC,iBAAiB,CAS1B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unif/react-native-ui",
-  "version": "0.2.30",
+  "version": "0.3.2",
   "description": "UNIF React Native UI Components",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",

package/src/index.tsx

@@ -42,6 +42,9 @@ export type { InputSemanticStyles } from './input/style';
 export { default as Chip } from './chip';
 export type { ChipProps } from './chip';
 export type { ChipSemanticStyles } from './chip/style';
+export { default as Tag } from './tag';
+export type { TagProps } from './tag';
+export type { TagSemanticStyles } from './tag/style';
 export { default as ActionSheet } from './action-sheet';
 export type { ActionSheetProps } from './action-sheet';
 export type {

package/src/tag/index.tsx

@@ -0,0 +1,78 @@
+/**
+ * Tag 标签组件
+ *
+ * 信息展示标签，支持三种变体：
+ * - filled（默认）：浅色底 + 深色字
+ * - solid：纯色底 + 白字
+ * - outlined：边框 + 深色字
+ *
+ * color 支持预设语义色（success/processing/warning/error/default）或自定义 hex。
+ */
+
+import React, { useMemo } from 'react';
+import { View, Text } from 'react-native';
+import type { ViewStyle } from 'react-native';
+import { mergeStyles } from '../hooks';
+import { useTokens } from '../theme/context';
+import type { TagSemanticStyles } from './style';
+import {
+  createDefaultStyles,
+  createSmallStyles,
+  createFilledStyles,
+  createSolidStyles,
+  createOutlinedStyles,
+  resolveColor,
+} from './style';
+
+export interface TagProps {
+  children: React.ReactNode;
+  variant?: 'filled' | 'solid' | 'outlined';
+  color?: string;
+  size?: 'default' | 'small';
+  style?: ViewStyle;
+  styles?: Partial<TagSemanticStyles>;
+  testID?: string;
+}
+
+const Tag: React.FC<TagProps> = ({
+  children,
+  variant = 'filled',
+  color,
+  size = 'default',
+  style,
+  styles: semanticStyles,
+  testID,
+}) => {
+  const tokens = useTokens();
+  const resolved = resolveColor(color);
+
+  const s = useMemo(() => {
+    let variantStyles;
+    if (variant === 'solid') {
+      variantStyles = createSolidStyles(resolved);
+    } else if (variant === 'outlined') {
+      variantStyles = createOutlinedStyles(resolved);
+    } else {
+      variantStyles = createFilledStyles(resolved);
+    }
+
+    return mergeStyles<TagSemanticStyles>(
+      createDefaultStyles(tokens),
+      size === 'small' ? createSmallStyles() : undefined,
+      variantStyles,
+      semanticStyles
+    );
+  }, [variant, resolved, size, tokens, semanticStyles]);
+
+  return (
+    <View style={[s.root, style]} testID={testID}>
+      {typeof children === 'string' ? (
+        <Text style={s.content}>{children}</Text>
+      ) : (
+        children
+      )}
+    </View>
+  );
+};
+
+export default Tag;

package/src/tag/style/index.tsx

@@ -0,0 +1,99 @@
+import type { ViewStyle, TextStyle } from 'react-native';
+import type { Tokens } from '../../theme/tokens';
+
+export type TagSemanticStyles = {
+  root?: ViewStyle;
+  content?: TextStyle;
+};
+
+/** 预设语义色 → 实际色值映射 */
+const PRESET_COLORS = {
+  success: '#52C41A',
+  processing: '#1677FF',
+  warning: '#FF9500',
+  error: '#FF3B30',
+  default: '#8C8C8C',
+} as const;
+
+type PresetName = keyof typeof PRESET_COLORS;
+
+/** 解析颜色：支持预设名或自定义 hex */
+export function resolveColor(color: string | undefined): string {
+  if (!color) return PRESET_COLORS.default;
+  if (color in PRESET_COLORS) return PRESET_COLORS[color as PresetName];
+  return color;
+}
+
+/**
+ * 十六进制颜色追加透明度
+ * '#1677FF' + 0.1 → '#1677FF1A'
+ */
+function withAlpha(hex: string, alpha: number): string {
+  const a = Math.round(alpha * 255)
+    .toString(16)
+    .padStart(2, '0');
+  const base = hex.length === 9 ? hex.slice(0, 7) : hex;
+  return `${base}${a}`;
+}
+
+export const createDefaultStyles = (t: Tokens): TagSemanticStyles => ({
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'flex-start',
+    borderRadius: t.radiusSm,
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+  },
+  content: {
+    fontSize: t.fontSizeXs,
+  },
+});
+
+export const createSmallStyles = (): Partial<TagSemanticStyles> => ({
+  root: {
+    paddingHorizontal: 6,
+    paddingVertical: 1,
+  },
+  content: {
+    fontSize: 10,
+  },
+});
+
+/** filled: 浅色底 + 深色字（默认） */
+export const createFilledStyles = (
+  color: string
+): Partial<TagSemanticStyles> => ({
+  root: {
+    backgroundColor: withAlpha(color, 0.1),
+  },
+  content: {
+    color,
+  },
+});
+
+/** solid: 纯色底 + 白字 */
+export const createSolidStyles = (
+  color: string
+): Partial<TagSemanticStyles> => ({
+  root: {
+    backgroundColor: color,
+  },
+  content: {
+    color: '#FFFFFF',
+  },
+});
+
+/** outlined: 边框 + 深色字 + 透明底 */
+export const createOutlinedStyles = (
+  color: string
+): Partial<TagSemanticStyles> => ({
+  root: {
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: color,
+  },
+  content: {
+    color,
+  },
+});