@tendaui/react 1.2.4 → 1.3.0

package/es/tag-input/_example/collapsed.js

@@ -0,0 +1,39 @@
+import React__default from 'react';
+import { TagInput } from '@tendaui/react';
+
+var CollapsedExample = function CollapsedExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u8D85\u8FC7 2 \u4E2A\u6298\u53E0"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C", "\u6807\u7B7E\u4E09", "\u6807\u7B7E\u56DB", "\u6807\u7B7E\u4E94"],
+    minCollapsedNum: 2,
+    placeholder: "\u8BF7\u8F93\u5165",
+    style: {
+      width: "400px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u8D85\u8FC7 3 \u4E2A\u6298\u53E0"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C", "\u6807\u7B7E\u4E09", "\u6807\u7B7E\u56DB", "\u6807\u7B7E\u4E94"],
+    minCollapsedNum: 3,
+    placeholder: "\u8BF7\u8F93\u5165",
+    style: {
+      width: "400px"
+    }
+  })));
+};
+
+export { CollapsedExample as default };
+//# sourceMappingURL=collapsed.js.map

package/es/tag-input/_example/collapsed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsed.js","sources":["../../../../components/tag-input/_example/collapsed.tsx"],"sourcesContent":["import React from 'react';\nimport { TagInput } from \"@tendaui/react\";\n\nconst CollapsedExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>超过 2 个折叠</div>\n      <TagInput\n        defaultValue={[\"标签一\", \"标签二\", \"标签三\", \"标签四\", \"标签五\"]}\n        minCollapsedNum={2}\n        placeholder=\"请输入\"\n        style={{ width: \"400px\" }}\n      />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>超过 3 个折叠</div>\n      <TagInput\n        defaultValue={[\"标签一\", \"标签二\", \"标签三\", \"标签四\", \"标签五\"]}\n        minCollapsedNum={3}\n        placeholder=\"请输入\"\n        style={{ width: \"400px\" }}\n      />\n    </div>\n  </div>\n);\n\nexport default CollapsedExample;\n"],"names":["CollapsedExample","React","createElement","style","display","flexDirection","gap","marginBottom","color","TagInput","defaultValue","minCollapsedNum","placeholder","width"],"mappings":";;;AAGA,IAAMA,gBAAA,GAAmB,SAAnBA,gBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;oBAClEL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,mCAAQ,CAAA,iBAC5DP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;IACCC,cAAc,CAAC,oBAAA,EAAO,oBAAA,EAAO,oBAAA,EAAO,sBAAO,oBAAK,CAAA;AAChDC,IAAAA,eAAA,EAAiB,CAAA;AACjBC,IAAAA,WAAA,EAAY,oBAAA;AACZT,IAAAA,KAAA,EAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAC1B,CACF,CAAA,iBACAZ,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,mCAAQ,CAAA,iBAC5DP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;IACCC,cAAc,CAAC,oBAAA,EAAO,oBAAA,EAAO,oBAAA,EAAO,sBAAO,oBAAK,CAAA;AAChDC,IAAAA,eAAA,EAAiB,CAAA;AACjBC,IAAAA,WAAA,EAAY,oBAAA;AACZT,IAAAA,KAAA,EAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;GAC1B,CACF,CACF,CAAA;AAAA;;;;"}

package/es/tag-input/_example/controlled-uncontrolled.js

@@ -0,0 +1,47 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { TagInput } from '@tendaui/react';
+
+var Example = function Example() {
+  var _useState = useState(["Vue", "React"]),
+    _useState2 = _slicedToArray(_useState, 2),
+    controlledTags = _useState2[0],
+    setControlledTags = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u53D7\u63A7\u6A21\u5F0F"), /* @__PURE__ */React__default.createElement(TagInput, {
+    value: controlledTags,
+    onChange: function onChange(val) {
+      return setControlledTags(val);
+    },
+    placeholder: "\u8BF7\u8F93\u5165",
+    clearable: true,
+    style: {
+      width: "400px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u975E\u53D7\u63A7\u6A21\u5F0F"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["Svelte", "Solid"],
+    placeholder: "\u8BF7\u8F93\u5165",
+    clearable: true,
+    style: {
+      width: "400px"
+    }
+  })));
+};
+
+export { Example as default };
+//# sourceMappingURL=controlled-uncontrolled.js.map

package/es/tag-input/_example/controlled-uncontrolled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-uncontrolled.js","sources":["../../../../components/tag-input/_example/controlled-uncontrolled.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { TagInput, TagInputValue } from \"@tendaui/react\";\n\nconst Example = () => {\n  const [controlledTags, setControlledTags] = useState<TagInputValue>([\"Vue\", \"React\"]);\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <div>\n        <div style={{ marginBottom: \"8px\", color: \"#666\" }}>受控模式</div>\n        <TagInput\n          value={controlledTags}\n          onChange={(val) => setControlledTags(val)}\n          placeholder=\"请输入\"\n          clearable\n          style={{ width: \"400px\" }}\n        />\n      </div>\n      <div>\n        <div style={{ marginBottom: \"8px\", color: \"#666\" }}>非受控模式</div>\n        <TagInput defaultValue={[\"Svelte\", \"Solid\"]} placeholder=\"请输入\" clearable style={{ width: \"400px\" }} />\n      </div>\n    </div>\n  );\n};\n\nexport default Example;\n"],"names":["Example","_useState","useState","_useState2","_slicedToArray","controlledTags","setControlledTags","React","createElement","style","display","flexDirection","gap","marginBottom","color","TagInput","value","onChange","val","placeholder","clearable","width","defaultValue"],"mappings":";;;;AAGA,IAAMA,UAAU,SAAVA,UAAgB;EACpB,IAAAC,SAAA,GAA4CC,SAAwB,CAAC,KAAA,EAAO,OAAO,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA7EI,IAAAA;AAAgBC,IAAAA,iBAAiB,GAAAH,UAAA,CAAA,CAAA,CAAA;AACxC,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,8CACjE,KAAA,EAAA,IAAA,iBACCL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,0BAAI,CAAA,iBACxDP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AACCC,IAAAA,KAAA,EAAOX,cAAA;AACPY,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQZ,iBAAA,CAAkBY,GAAG,CAAA;AAAA,IAAA,CAAA;AACxCC,IAAAA,WAAA,EAAY,oBAAA;AACZC,IAAAA,SAAA,EAAS,IAAA;AACTX,IAAAA,KAAA,EAAO;AAAEY,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAC1B,CACF,CAAA,iBACAd,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,8CACE,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,gCAAK,CAAA,iBACzDP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASO,IAAAA,YAAA,EAAc,CAAC,QAAA,EAAU,OAAO,CAAA;AAAGH,IAAAA,aAAY,oBAAA;AAAMC,IAAAA,SAAA,EAAS,IAAA;AAACX,IAAAA,KAAA,EAAO;AAAEY,MAAAA,KAAA,EAAO;AAAQ;GAAG,CACtG,CACF,CAAA;AAEJ;;;;"}

package/es/tag-input/_example/default.js

@@ -0,0 +1,31 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { TagInput } from '@tendaui/react';
+
+var DefaultExample = function DefaultExample() {
+  var _useState = useState(["Vue", "React", "Angular"]),
+    _useState2 = _slicedToArray(_useState, 2),
+    tags = _useState2[0],
+    setTags = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      width: "400px"
+    }
+  }, /* @__PURE__ */React__default.createElement(TagInput, {
+    value: tags,
+    onChange: function onChange(val) {
+      return setTags(val);
+    },
+    clearable: true,
+    placeholder: "\u8BF7\u8F93\u5165\u6807\u7B7E\uFF0C\u6309\u56DE\u8F66\u6DFB\u52A0"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginTop: "8px",
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u5F53\u524D\u6807\u7B7E\uFF1A", tags.join(", ")));
+};
+
+export { DefaultExample as default };
+//# sourceMappingURL=default.js.map

package/es/tag-input/_example/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sources":["../../../../components/tag-input/_example/default.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { TagInput, TagInputValue } from \"@tendaui/react\";\n\nconst DefaultExample = () => {\n  const [tags, setTags] = useState<TagInputValue>([\"Vue\", \"React\", \"Angular\"]);\n\n  return (\n    <div style={{ width: \"400px\" }}>\n      <TagInput value={tags} onChange={(val) => setTags(val)} clearable placeholder=\"请输入标签，按回车添加\" />\n      <div style={{ marginTop: \"8px\", color: \"#666\", fontSize: \"12px\" }}>当前标签：{tags.join(\", \")}</div>\n    </div>\n  );\n};\n\nexport default DefaultExample;\n"],"names":["DefaultExample","_useState","useState","_useState2","_slicedToArray","tags","setTags","style","width","React","createElement","TagInput","value","onChange","val","clearable","placeholder","marginTop","color","fontSize","join"],"mappings":";;;;AAGA,IAAMA,iBAAiB,SAAjBA,iBAAuB;EAC3B,IAAAC,SAAA,GAAwBC,SAAwB,CAAC,KAAA,EAAO,OAAA,EAAS,SAAS,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAApEI,IAAAA;AAAMC,IAAAA,OAAO,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEpB,EAAA,mDACG,KAAA,EAAA;AAAII,IAAAA,KAAA,EAAO;AAAEC,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAA,iBAC3BC,cAAA,CAAAC,aAAA,CAACC,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAOP;AAAMQ,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC;aAAQR,OAAA,CAAQQ,GAAG;;AAAGC,IAAAA,SAAA,EAAS,IAAA;AAACC,IAAAA,WAAA,EAAY;GAAc,kBAC5FP,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIH,IAAAA,KAAA,EAAO;AAAEU,MAAAA,WAAW,KAAA;AAAOC,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,gCAAA,EAAMd,KAAKe,IAAA,CAAK,IAAI,CAAE,CAC3F,CAAA;AAEJ;;;;"}

package/es/tag-input/_example/disabled-readonly.js

@@ -0,0 +1,50 @@
+import React__default from 'react';
+import { TagInput } from '@tendaui/react';
+
+var DisabledReadonlyExample = function DisabledReadonlyExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u6B63\u5E38"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["Vue", "React"],
+    placeholder: "\u6B63\u5E38",
+    style: {
+      width: "400px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u7981\u7528"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["Vue", "React"],
+    disabled: true,
+    placeholder: "\u7981\u7528",
+    style: {
+      width: "400px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u53EA\u8BFB"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["Vue", "React"],
+    readonly: true,
+    placeholder: "\u53EA\u8BFB",
+    style: {
+      width: "400px"
+    }
+  })));
+};
+
+export { DisabledReadonlyExample as default };
+//# sourceMappingURL=disabled-readonly.js.map

package/es/tag-input/_example/disabled-readonly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled-readonly.js","sources":["../../../../components/tag-input/_example/disabled-readonly.tsx"],"sourcesContent":["import React from \"react\";\nimport { TagInput } from \"@tendaui/react\";\n\nconst DisabledReadonlyExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>正常</div>\n      <TagInput defaultValue={[\"Vue\", \"React\"]} placeholder=\"正常\" style={{ width: \"400px\" }} />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>禁用</div>\n      <TagInput defaultValue={[\"Vue\", \"React\"]} disabled placeholder=\"禁用\" style={{ width: \"400px\" }} />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>只读</div>\n      <TagInput defaultValue={[\"Vue\", \"React\"]} readonly placeholder=\"只读\" style={{ width: \"400px\" }} />\n    </div>\n  </div>\n);\n\nexport default DisabledReadonlyExample;\n"],"names":["DisabledReadonlyExample","React","createElement","style","display","flexDirection","gap","marginBottom","color","TagInput","defaultValue","placeholder","width","disabled","readonly"],"mappings":";;;AAGA,IAAMA,uBAAA,GAA0B,SAA1BA,uBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC,4BACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,cAAE,CAAA,iBACtDP,cAAA,CAAAC,aAAA,CAACO;AAASC,IAAAA,YAAA,EAAc,CAAC,OAAO,OAAO,CAAA;AAAGC,IAAAA,WAAA,EAAY,cAAA;AAAKR,IAAAA,KAAA,EAAO;AAAES,MAAAA,OAAO;AAAQ;AAAA,GAAG,CACxF,CAAA,iBACAX,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,8CACE,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,cAAE,kBACtDP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASC,IAAAA,cAAc,CAAC,KAAA,EAAO,OAAO,CAAA;AAAGG,IAAAA,QAAA,EAAQ,IAAA;AAACF,IAAAA,aAAY,cAAA;AAAKR,IAAAA,KAAA,EAAO;AAAES,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAG,CACjG,CAAA,iBACAX,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,OAAO;AAAO;GAAA,EAAG,cAAE,CAAA,iBACtDP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASC,IAAAA,YAAA,EAAc,CAAC,KAAA,EAAO,OAAO,CAAA;AAAGI,IAAAA,QAAA,EAAQ,IAAA;AAACH,IAAAA,WAAA,EAAY,cAAA;AAAKR,IAAAA,KAAA,EAAO;AAAES,MAAAA,KAAA,EAAO;AAAQ;GAAG,CACjG,CACF,CAAA;AAAA;;;;"}

package/es/tag-input/_example/events.js

@@ -0,0 +1,84 @@
+import { _ as _toConsumableArray } from '../../_chunks/dep-CgyDw_YI.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { TagInput } from '@tendaui/react';
+
+var EventsExample = function EventsExample() {
+  var _useState = useState(["Vue"]),
+    _useState2 = _slicedToArray(_useState, 2),
+    tags = _useState2[0],
+    setTags = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    logs = _useState4[0],
+    setLogs = _useState4[1];
+  var addLog = function addLog(msg) {
+    setLogs(function (prev) {
+      return [].concat(_toConsumableArray(prev.slice(-4)), [msg]);
+    });
+  };
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "24px",
+      flexDirection: "column"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /* @__PURE__ */React__default.createElement(TagInput, {
+    value: tags,
+    onChange: function onChange(val, context) {
+      setTags(val);
+      addLog("onChange: ".concat(JSON.stringify(val), ", trigger: ").concat(context.trigger));
+    },
+    onEnter: function onEnter(val, context) {
+      addLog("onEnter: inputValue=".concat(context.inputValue));
+    },
+    onRemove: function onRemove(context) {
+      addLog("onRemove: removed=".concat(context.item, ", index=").concat(context.index));
+    },
+    onClear: function onClear() {
+      addLog("onClear: \u6E05\u7A7A\u6240\u6709\u6807\u7B7E");
+    },
+    onPaste: function onPaste(context) {
+      addLog("onPaste: ".concat(context.pasteValue));
+    },
+    clearable: true,
+    placeholder: "\u8BF7\u8F93\u5165\u6807\u7B7E",
+    style: {
+      width: "350px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      flex: 1,
+      padding: "12px",
+      background: "var(--td-bg-color-2)",
+      borderRadius: "4px",
+      fontSize: "12px",
+      maxHeight: "150px",
+      overflow: "auto"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      fontWeight: "bold",
+      marginBottom: "8px"
+    }
+  }, "\u4E8B\u4EF6\u65E5\u5FD7\uFF1A"), logs.length === 0 ? /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      color: "#999"
+    }
+  }, "\u6682\u65E0\u65E5\u5FD7") : logs.map(function (log, index) {
+    return /* @__PURE__ */React__default.createElement("div", {
+      key: index,
+      style: {
+        marginBottom: "4px",
+        color: "#666"
+      }
+    }, log);
+  })));
+};
+
+export { EventsExample as default };
+//# sourceMappingURL=events.js.map

package/es/tag-input/_example/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sources":["../../../../components/tag-input/_example/events.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { TagInput, TagInputValue } from \"@tendaui/react\";\n\nconst EventsExample = () => {\n  const [tags, setTags] = useState<TagInputValue>([\"Vue\"]);\n  const [logs, setLogs] = useState<string[]>([]);\n\n  const addLog = (msg: string) => {\n    setLogs((prev) => [...prev.slice(-4), msg]);\n  };\n\n  return (\n    <div style={{ display: \"flex\", gap: \"24px\", flexDirection: \"column\" }}>\n      <div style={{ flex: 1 }}>\n        <TagInput\n          value={tags}\n          onChange={(val, context) => {\n            setTags(val);\n            addLog(`onChange: ${JSON.stringify(val)}, trigger: ${context.trigger}`);\n          }}\n          onEnter={(val, context) => {\n            addLog(`onEnter: inputValue=${context.inputValue}`);\n          }}\n          onRemove={(context) => {\n            addLog(`onRemove: removed=${context.item}, index=${context.index}`);\n          }}\n          onClear={() => {\n            addLog(\"onClear: 清空所有标签\");\n          }}\n          onPaste={(context) => {\n            addLog(`onPaste: ${context.pasteValue}`);\n          }}\n          clearable\n          placeholder=\"请输入标签\"\n          style={{ width: \"350px\" }}\n        />\n      </div>\n      <div\n        style={{\n          flex: 1,\n          padding: \"12px\",\n          background: \"var(--td-bg-color-2)\",\n          borderRadius: \"4px\",\n          fontSize: \"12px\",\n          maxHeight: \"150px\",\n          overflow: \"auto\"\n        }}\n      >\n        <div style={{ fontWeight: \"bold\", marginBottom: \"8px\" }}>事件日志：</div>\n        {logs.length === 0 ? (\n          <div style={{ color: \"#999\" }}>暂无日志</div>\n        ) : (\n          logs.map((log, index) => (\n            <div key={index} style={{ marginBottom: \"4px\", color: \"#666\" }}>\n              {log}\n            </div>\n          ))\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default EventsExample;\n"],"names":["EventsExample","_useState","useState","_useState2","_slicedToArray","tags","setTags","_useState3","_useState4","logs","setLogs","addLog","msg","prev","slice","style","display","gap","flexDirection","React","createElement","flex","TagInput","value","onChange","val","context","concat","JSON","stringify","trigger","onEnter","inputValue","onRemove","item","index","onClear","onPaste","pasteValue","clearable","placeholder","width","padding","background","borderRadius","fontSize","maxHeight","overflow","fontWeight","marginBottom","length","color","map","log","key"],"mappings":"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"}

package/es/tag-input/_example/excess-display.js

@@ -0,0 +1,40 @@
+import React__default from 'react';
+import { TagInput } from '@tendaui/react';
+
+var ExcessDisplayExample = function ExcessDisplayExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "24px",
+      width: "500px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u6362\u884C\u663E\u793A\uFF08\u9ED8\u8BA4\uFF09"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C", "\u6807\u7B7E\u4E09", "\u6807\u7B7E\u56DB", "\u6807\u7B7E\u4E94", "\u6807\u7B7E\u516D"],
+    excessTagsDisplayType: "break-line",
+    placeholder: "\u8BF7\u8F93\u5165",
+    style: {
+      width: "300px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u6A2A\u5411\u6EDA\u52A8"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C", "\u6807\u7B7E\u4E09", "\u6807\u7B7E\u56DB", "\u6807\u7B7E\u4E94", "\u6807\u7B7E\u516D"],
+    excessTagsDisplayType: "scroll",
+    placeholder: "\u8BF7\u8F93\u5165",
+    style: {
+      width: "300px"
+    }
+  })));
+};
+
+export { ExcessDisplayExample as default };
+//# sourceMappingURL=excess-display.js.map

package/es/tag-input/_example/excess-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"excess-display.js","sources":["../../../../components/tag-input/_example/excess-display.tsx"],"sourcesContent":["import React from \"react\";\nimport { TagInput } from \"@tendaui/react\";\n\nconst ExcessDisplayExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"24px\", width: \"500px\" }}>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>换行显示（默认）</div>\n      <TagInput\n        defaultValue={[\"标签一\", \"标签二\", \"标签三\", \"标签四\", \"标签五\", \"标签六\"]}\n        excessTagsDisplayType=\"break-line\"\n        placeholder=\"请输入\"\n        style={{ width: \"300px\" }}\n      />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>横向滚动</div>\n      <TagInput\n        defaultValue={[\"标签一\", \"标签二\", \"标签三\", \"标签四\", \"标签五\", \"标签六\"]}\n        excessTagsDisplayType=\"scroll\"\n        placeholder=\"请输入\"\n        style={{ width: \"300px\" }}\n      />\n    </div>\n  </div>\n);\n\nexport default ExcessDisplayExample;\n"],"names":["ExcessDisplayExample","React","createElement","style","display","flexDirection","gap","width","marginBottom","color","TagInput","defaultValue","excessTagsDisplayType","placeholder"],"mappings":";;;AAGA,IAAMA,oBAAA,GAAuB,SAAvBA,oBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAA,iBAClFN,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEK,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,kDAAQ,CAAA,iBAC5DR,cAAA,CAAAC,aAAA,CAACQ,QAAA,EAAA;AACCC,IAAAA,cAAc,CAAC,oBAAA,EAAO,sBAAO,oBAAA,EAAO,oBAAA,EAAO,sBAAO,oBAAK,CAAA;AACvDC,IAAAA,qBAAA,EAAsB,YAAA;AACtBC,IAAAA,WAAA,EAAY,oBAAA;AACZV,IAAAA,KAAA,EAAO;AAAEI,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAC1B,CACF,CAAA,iBACAN,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEK,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,0BAAI,CAAA,iBACxDR,cAAA,CAAAC,aAAA,CAACQ,QAAA,EAAA;AACCC,IAAAA,cAAc,CAAC,oBAAA,EAAO,sBAAO,oBAAA,EAAO,oBAAA,EAAO,sBAAO,oBAAK,CAAA;AACvDC,IAAAA,qBAAA,EAAsB,QAAA;AACtBC,IAAAA,WAAA,EAAY,oBAAA;AACZV,IAAAA,KAAA,EAAO;AAAEI,MAAAA,KAAA,EAAO;AAAQ;GAC1B,CACF,CACF,CAAA;AAAA;;;;"}

package/es/tag-input/_example/max-tags.js

@@ -0,0 +1,36 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { TagInput } from '@tendaui/react';
+
+var MaxTagsExample = function MaxTagsExample() {
+  var _useState = useState(["Vue", "React"]),
+    _useState2 = _slicedToArray(_useState, 2),
+    tags = _useState2[0],
+    setTags = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(TagInput, {
+    value: tags,
+    onChange: function onChange(val) {
+      return setTags(val);
+    },
+    max: 5,
+    placeholder: "\u6700\u591A\u8F93\u5165 5 \u4E2A\u6807\u7B7E",
+    clearable: true,
+    style: {
+      width: "400px"
+    }
+  }), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u5DF2\u8F93\u5165 ", tags.length, "/5 \u4E2A\u6807\u7B7E"));
+};
+
+export { MaxTagsExample as default };
+//# sourceMappingURL=max-tags.js.map

package/es/tag-input/_example/max-tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"max-tags.js","sources":["../../../../components/tag-input/_example/max-tags.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { TagInput, TagInputValue } from \"@tendaui/react\";\n\nconst MaxTagsExample = () => {\n  const [tags, setTags] = useState<TagInputValue>([\"Vue\", \"React\"]);\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"8px\" }}>\n      <TagInput\n        value={tags}\n        onChange={(val) => setTags(val)}\n        max={5}\n        placeholder=\"最多输入 5 个标签\"\n        clearable\n        style={{ width: \"400px\" }}\n      />\n      <div style={{ color: \"#666\", fontSize: \"12px\" }}>已输入 {tags.length}/5 个标签</div>\n    </div>\n  );\n};\n\nexport default MaxTagsExample;\n"],"names":["MaxTagsExample","_useState","useState","_useState2","_slicedToArray","tags","setTags","React","createElement","style","display","flexDirection","gap","TagInput","value","onChange","val","max","placeholder","clearable","width","color","fontSize","length"],"mappings":";;;;AAGA,IAAMA,iBAAiB,SAAjBA,iBAAuB;EAC3B,IAAAC,SAAA,GAAwBC,SAAwB,CAAC,KAAA,EAAO,OAAO,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzDI,IAAAA;AAAMC,IAAAA,OAAO,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEpB,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAM;AAAA,GAAA,iBACjEL,cAAA,CAAAC,aAAA,CAACK,QAAA,EAAA;AACCC,IAAAA,KAAA,EAAOT,IAAA;AACPU,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQV,OAAA,CAAQU,GAAG,CAAA;AAAA,IAAA,CAAA;AAC9BC,IAAAA,GAAA,EAAK,CAAA;AACLC,IAAAA,WAAA,EAAY,+CAAA;AACZC,IAAAA,SAAA,EAAS,IAAA;AACTV,IAAAA,KAAA,EAAO;AAAEW,MAAAA,KAAA,EAAO;AAAQ;GAC1B,CAAA,iBACAb,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,qBAAA,EAAKjB,IAAA,CAAKkB,MAAA,EAAO,uBAAM,CAC1E,CAAA;AAEJ;;;;"}

package/es/tag-input/_example/sizes.js

@@ -0,0 +1,51 @@
+import React__default from 'react';
+import { TagInput } from '@tendaui/react';
+
+var SizesExample = function SizesExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u5C0F\u5C3A\u5BF8"), /* @__PURE__ */React__default.createElement(TagInput, {
+    size: "small",
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C"],
+    placeholder: "\u5C0F\u5C3A\u5BF8",
+    style: {
+      width: "400px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u4E2D\u5C3A\u5BF8\uFF08\u9ED8\u8BA4\uFF09"), /* @__PURE__ */React__default.createElement(TagInput, {
+    size: "medium",
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C"],
+    placeholder: "\u4E2D\u5C3A\u5BF8",
+    style: {
+      width: "400px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u5927\u5C3A\u5BF8"), /* @__PURE__ */React__default.createElement(TagInput, {
+    size: "large",
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C"],
+    placeholder: "\u5927\u5C3A\u5BF8",
+    style: {
+      width: "400px"
+    }
+  })));
+};
+
+export { SizesExample as default };
+//# sourceMappingURL=sizes.js.map

package/es/tag-input/_example/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../../components/tag-input/_example/sizes.tsx"],"sourcesContent":["import React from \"react\";\nimport { TagInput } from \"@tendaui/react\";\n\nconst SizesExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>小尺寸</div>\n      <TagInput size=\"small\" defaultValue={[\"标签一\", \"标签二\"]} placeholder=\"小尺寸\" style={{ width: \"400px\" }} />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>中尺寸（默认）</div>\n      <TagInput size=\"medium\" defaultValue={[\"标签一\", \"标签二\"]} placeholder=\"中尺寸\" style={{ width: \"400px\" }} />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>大尺寸</div>\n      <TagInput size=\"large\" defaultValue={[\"标签一\", \"标签二\"]} placeholder=\"大尺寸\" style={{ width: \"400px\" }} />\n    </div>\n  </div>\n);\n\nexport default SizesExample;\n"],"names":["SizesExample","React","createElement","style","display","flexDirection","gap","marginBottom","color","TagInput","size","defaultValue","placeholder","width"],"mappings":";;;AAGA,IAAMA,YAAA,GAAe,SAAfA,YAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,oBAAG,kBACvDP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASC,IAAAA,MAAK,OAAA;AAAQC,IAAAA,YAAA,EAAc,CAAC,oBAAA,EAAO,oBAAK,CAAA;AAAGC,IAAAA,WAAA,EAAY,oBAAA;AAAMT,IAAAA,KAAA,EAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAG,CACpG,CAAA,iBACAZ,cAAA,CAAAC,aAAA,CAAC,4BACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,OAAO;AAAO;GAAA,EAAG,4CAAO,CAAA,iBAC3DP,cAAA,CAAAC,aAAA,CAACO;AAASC,IAAAA,IAAA,EAAK,QAAA;AAASC,IAAAA,YAAA,EAAc,CAAC,oBAAA,EAAO,oBAAK;AAAGC,IAAAA,WAAA,EAAY,oBAAA;AAAMT,IAAAA,KAAA,EAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;GAAG,CACrG,CAAA,iBACAZ,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,oBAAG,CAAA,iBACvDP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASC,IAAAA,IAAA,EAAK,OAAA;AAAQC,IAAAA,YAAA,EAAc,CAAC,oBAAA,EAAO,oBAAK,CAAA;AAAGC,IAAAA,WAAA,EAAY,oBAAA;AAAMT,IAAAA,KAAA,EAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;GAAG,CACpG,CACF,CAAA;AAAA;;;;"}

package/es/tag-input/_example/status.js

@@ -0,0 +1,49 @@
+import React__default from 'react';
+import { TagInput } from '@tendaui/react';
+
+var StatusExample = function StatusExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "24px",
+      width: "500px",
+      margin: "8px 0"
+    }
+  }, /* @__PURE__ */React__default.createElement(TagInput, {
+    status: "default",
+    defaultValue: ["\u9ED8\u8BA4"],
+    tips: "\u8FD9\u662F\u63D0\u793A\u4FE1\u606F",
+    placeholder: "\u9ED8\u8BA4\u72B6\u6001",
+    style: {
+      width: "400px"
+    }
+  }), /* @__PURE__ */React__default.createElement(TagInput, {
+    status: "success",
+    defaultValue: ["\u6210\u529F"],
+    tips: "\u6821\u9A8C\u901A\u8FC7",
+    placeholder: "\u6210\u529F\u72B6\u6001",
+    style: {
+      width: "400px"
+    }
+  }), /* @__PURE__ */React__default.createElement(TagInput, {
+    status: "warning",
+    defaultValue: ["\u8B66\u544A"],
+    tips: "\u8BF7\u6CE8\u610F",
+    placeholder: "\u8B66\u544A\u72B6\u6001",
+    style: {
+      width: "400px"
+    }
+  }), /* @__PURE__ */React__default.createElement(TagInput, {
+    status: "error",
+    defaultValue: ["\u9519\u8BEF"],
+    tips: "\u8F93\u5165\u6709\u8BEF",
+    placeholder: "\u9519\u8BEF\u72B6\u6001",
+    style: {
+      width: "400px"
+    }
+  }));
+};
+
+export { StatusExample as default };
+//# sourceMappingURL=status.js.map

package/es/tag-input/_example/status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.js","sources":["../../../../components/tag-input/_example/status.tsx"],"sourcesContent":["import React from \"react\";\nimport { TagInput } from \"@tendaui/react\";\n\nconst StatusExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"24px\", width: \"500px\", margin: \"8px 0\" }}>\n    <TagInput\n      status=\"default\"\n      defaultValue={[\"默认\"]}\n      tips=\"这是提示信息\"\n      placeholder=\"默认状态\"\n      style={{ width: \"400px\" }}\n    />\n    <TagInput\n      status=\"success\"\n      defaultValue={[\"成功\"]}\n      tips=\"校验通过\"\n      placeholder=\"成功状态\"\n      style={{ width: \"400px\" }}\n    />\n    <TagInput\n      status=\"warning\"\n      defaultValue={[\"警告\"]}\n      tips=\"请注意\"\n      placeholder=\"警告状态\"\n      style={{ width: \"400px\" }}\n    />\n    <TagInput\n      status=\"error\"\n      defaultValue={[\"错误\"]}\n      tips=\"输入有误\"\n      placeholder=\"错误状态\"\n      style={{ width: \"400px\" }}\n    />\n  </div>\n);\n\nexport default StatusExample;\n"],"names":["StatusExample","React","createElement","style","display","flexDirection","gap","width","margin","TagInput","status","defaultValue","tips","placeholder"],"mappings":";;;AAGA,IAAMA,gBAAgB,SAAhBA;wBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,KAAK,MAAA;AAAQC,MAAAA,KAAA,EAAO,OAAA;AAASC,MAAAA,MAAA,EAAQ;AAAQ;AAAA,GAAA,iBACnGP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AACCC,IAAAA,MAAA,EAAO,SAAA;IACPC,YAAA,EAAc,CAAC,cAAI,CAAA;AACnBC,IAAAA,IAAA,EAAK,sCAAA;AACLC,IAAAA,WAAA,EAAY,0BAAA;AACZV,IAAAA,KAAA,EAAO;AAAEI,MAAAA,KAAA,EAAO;AAAQ;GAC1B,CAAA,iBACAN,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AACCC,IAAAA,MAAA,EAAO,SAAA;IACPC,YAAA,EAAc,CAAC,cAAI,CAAA;AACnBC,IAAAA,IAAA,EAAK,0BAAA;AACLC,IAAAA,WAAA,EAAY,0BAAA;AACZV,IAAAA,KAAA,EAAO;AAAEI,MAAAA,KAAA,EAAO;AAAQ;GAC1B,CAAA,iBACAN,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AACCC,IAAAA,MAAA,EAAO,SAAA;IACPC,YAAA,EAAc,CAAC,cAAI,CAAA;AACnBC,IAAAA,IAAA,EAAK,oBAAA;AACLC,IAAAA,WAAA,EAAY,0BAAA;AACZV,IAAAA,KAAA,EAAO;AAAEI,MAAAA,KAAA,EAAO;AAAQ;GAC1B,CAAA,iBACAN,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AACCC,IAAAA,MAAA,EAAO,OAAA;IACPC,YAAA,EAAc,CAAC,cAAI,CAAA;AACnBC,IAAAA,IAAA,EAAK,0BAAA;AACLC,IAAAA,WAAA,EAAY,0BAAA;AACZV,IAAAA,KAAA,EAAO;AAAEI,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAC1B,CACF,CAAA;AAAA;;;;"}

package/es/tag-input/_example/with-label.js

@@ -0,0 +1,31 @@
+import React__default from 'react';
+import { TagInput } from '@tendaui/react';
+
+var WithLabelExample = function WithLabelExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement(TagInput, {
+    label: "\u6280\u672F\u6808\uFF1A",
+    defaultValue: ["React", "TypeScript"],
+    placeholder: "\u8BF7\u8F93\u5165",
+    clearable: true,
+    style: {
+      width: "450px"
+    }
+  }), /* @__PURE__ */React__default.createElement(TagInput, {
+    label: "\u57CE\u5E02\uFF1A",
+    defaultValue: ["\u5317\u4EAC", "\u4E0A\u6D77"],
+    placeholder: "\u8BF7\u8F93\u5165",
+    clearable: true,
+    style: {
+      width: "450px"
+    }
+  }));
+};
+
+export { WithLabelExample as default };
+//# sourceMappingURL=with-label.js.map

package/es/tag-input/_example/with-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-label.js","sources":["../../../../components/tag-input/_example/with-label.tsx"],"sourcesContent":["import React from \"react\";\nimport { TagInput } from \"@tendaui/react\";\n\nconst WithLabelExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n    <TagInput\n      label=\"技术栈：\"\n      defaultValue={[\"React\", \"TypeScript\"]}\n      placeholder=\"请输入\"\n      clearable\n      style={{ width: \"450px\" }}\n    />\n    <TagInput\n      label=\"城市：\"\n      defaultValue={[\"北京\", \"上海\"]}\n      placeholder=\"请输入\"\n      clearable\n      style={{ width: \"450px\" }}\n    />\n  </div>\n);\n\nexport default WithLabelExample;\n"],"names":["WithLabelExample","React","createElement","style","display","flexDirection","gap","TagInput","label","defaultValue","placeholder","clearable","width"],"mappings":";;;AAGA,IAAMA,gBAAA,GAAmB,SAAnBA,gBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAACK,QAAA,EAAA;AACCC,IAAAA,KAAA,EAAM,0BAAA;AACNC,IAAAA,YAAA,EAAc,CAAC,OAAA,EAAS,YAAY,CAAA;AACpCC,IAAAA,WAAA,EAAY,oBAAA;AACZC,IAAAA,SAAA,EAAS,IAAA;AACTR,IAAAA,KAAA,EAAO;AAAES,MAAAA,KAAA,EAAO;AAAQ;GAC1B,CAAA,iBACAX,cAAA,CAAAC,aAAA,CAACK,QAAA,EAAA;AACCC,IAAAA,KAAA,EAAM,oBAAA;AACNC,IAAAA,YAAA,EAAc,CAAC,cAAA,EAAM,cAAI,CAAA;AACzBC,IAAAA,WAAA,EAAY,oBAAA;AACZC,IAAAA,SAAA,EAAS,IAAA;AACTR,IAAAA,KAAA,EAAO;AAAES,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAC1B,CACF,CAAA;AAAA;;;;"}

package/es/tag-input/hooks/useTagList.js

@@ -1,11 +1,11 @@
 import { _ as _defineProperty } from '../../_chunks/dep-Cwish4GD.js';
 import { _ as _toConsumableArray } from '../../_chunks/dep-CgyDw_YI.js';
 import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
-import React, { Fragment } from 'react';
+import React__default, { Fragment } from 'react';
 import { isFunction } from 'lodash-es';
 import { Tag } from '../../tag/index.js';
-import { u as useConfig } from '../../_chunks/dep-gy8uvBaS.js';
-import { u as useControlled } from '../../_chunks/dep-DwWrhxkd.js';
+import { u as useConfig } from '../../_chunks/dep-u1x3x6MJ.js';
+import { u as useControlled } from '../../_chunks/dep-grkSd2UB.js';
 import '../../_chunks/dep-D-UKOauR.js';
 import '../../tag/Tag.js';
 import '../../_chunks/dep-DN7d1SzH.js';
@@ -13,9 +13,10 @@ import 'classnames';
 import '@tendaui/icons';
 import '../../_chunks/dep-zOZQ0R9g.js';
 import '../../_chunks/dep-U1T8CQY9.js';
-import '../../_chunks/dep-ByzdZjUR.js';
+import '../../_chunks/dep-bWaVq_y3.js';
 import '../../_chunks/dep-DGvfel3I.js';
-import '../../_chunks/dep-5U9UjDaf.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 import '../../_chunks/dep-BP0-apUT.js';
 import 'hoist-non-react-statics';
@@ -110,13 +111,13 @@ function useTagList(props) {
     var displayNode = _ref.displayNode,
       label = _ref.label;
     var newList = minCollapsedNum ? tagValue.slice(0, minCollapsedNum) : tagValue;
-    var list = displayNode ? [/* @__PURE__ */React.createElement(Fragment, {
+    var list = displayNode ? [/* @__PURE__ */React__default.createElement(Fragment, {
       key: "display-node"
     }, displayNode)] : newList === null || newList === void 0 ? void 0 : newList.map(function (item, index) {
       var tagContent = isFunction(tag) ? tag({
         value: item
       }) : tag;
-      return /* @__PURE__ */React.createElement(Tag, _objectSpread(_objectSpread({
+      return /* @__PURE__ */React__default.createElement(Tag, _objectSpread(_objectSpread({
         key: index,
         size: size,
         disabled: disabled,
@@ -130,7 +131,7 @@ function useTagList(props) {
       }, getDragProps === null || getDragProps === void 0 ? void 0 : getDragProps(index, item)), tagProps), tagContent !== null && tagContent !== void 0 ? tagContent : item);
     });
     if (label) {
-      list === null || list === void 0 || list.unshift(/* @__PURE__ */React.createElement("div", {
+      list === null || list === void 0 || list.unshift(/* @__PURE__ */React__default.createElement("div", {
         className: "".concat(prefix, "-tag-input__prefix"),
         key: "label"
       }, label));
@@ -146,9 +147,9 @@ function useTagList(props) {
         onClose: _onClose
       };
       var more = isFunction(collapsedItems) ? collapsedItems(params) : collapsedItems;
-      list.push(/* @__PURE__ */React.createElement(Fragment, {
+      list.push(/* @__PURE__ */React__default.createElement(Fragment, {
         key: "more"
-      }, more !== null && more !== void 0 ? more : /* @__PURE__ */React.createElement(Tag, _objectSpread({
+      }, more !== null && more !== void 0 ? more : /* @__PURE__ */React__default.createElement(Tag, _objectSpread({
         size: size
       }, tagProps), "+", len)));
     }