@tendaui/react 1.2.4 → 1.3.1

package/es/select/_example/filterable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterable.js","sources":["../../../../components/select/_example/filterable.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Select } from \"@tendaui/react\";\n\nconst basicOptions = [\n  { label: \"架构云\", value: \"1\", title: \"架构云选项\" },\n  { label: \"大数据\", value: \"2\" },\n  { label: \"区块链\", value: \"3\" },\n  { label: \"物联网\", value: \"4\", disabled: true },\n  { label: \"人工智能\", value: \"5\" }\n];\n\nconst FilterableExample = () => {\n  const [value, setValue] = useState(\"\");\n  return (\n    <Select\n      value={value}\n      onChange={(val) => setValue(val as string)}\n      options={basicOptions}\n      placeholder=\"请输入关键词搜索\"\n      filterable\n      clearable\n      style={{ width: \"300px\" }}\n    />\n  );\n};\n\nexport default FilterableExample;\n"],"names":["basicOptions","label","value","title","disabled","FilterableExample","_useState","useState","_useState2","_slicedToArray","setValue","React","createElement","Select","onChange","val","options","placeholder","filterable","clearable","style","width"],"mappings":";;;;AAGA,IAAMA,YAAA,GAAe,CACnB;AAAEC,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO,GAAA;AAAKC,EAAAA,OAAO;AAAQ,CAAA,EAC3C;AAAEF,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO;AAAI,CAAA,EAC3B;AAAED,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO;AAAI,CAAA,EAC3B;AAAED,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO,GAAA;AAAKE,EAAAA,UAAU;AAAK,CAAA,EAC3C;AAAEH,EAAAA,KAAA,EAAO,0BAAA;AAAQC,EAAAA,KAAA,EAAO;AAAI,CAAA,CAC9B;AAEA,IAAMG,oBAAoB,SAApBA,oBAA0B;AAC9B,EAAA,IAAAC,SAAA,GAA0BC,SAAS,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9BJ,IAAAA,KAAA,GAAAM,UAAA,CAAA,CAAA,CAAA;AAAOE,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AACtB,EAAA,sBACEG,cAAA,CAAAC,aAAA,CAACC,MAAA,EAAA;AACCX,IAAAA,KAAA,EAAAA,KAAA;AACAY,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQL,QAAA,CAASK,GAAa,CAAA;AAAA,IAAA,CAAA;AACzCC,IAAAA,OAAA,EAAShB,YAAA;AACTiB,IAAAA,WAAA,EAAY,kDAAA;AACZC,IAAAA,UAAA,EAAU,IAAA;AACVC,IAAAA,SAAA,EAAS,IAAA;AACTC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAC1B,CAAA;AAEJ;;;;"}

package/es/select/_example/group-options.js

@@ -0,0 +1,57 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Select } from '@tendaui/react';
+
+var groupOptions = [{
+  group: "\u534E\u5317",
+  children: [{
+    label: "\u5317\u4EAC",
+    value: "beijing"
+  }, {
+    label: "\u5929\u6D25",
+    value: "tianjin"
+  }]
+}, {
+  group: "\u534E\u4E1C",
+  children: [{
+    label: "\u4E0A\u6D77",
+    value: "shanghai"
+  }, {
+    label: "\u5357\u4EAC",
+    value: "nanjing"
+  }, {
+    label: "\u676D\u5DDE",
+    value: "hangzhou"
+  }]
+}, {
+  group: "\u534E\u5357",
+  children: [{
+    label: "\u5E7F\u5DDE",
+    value: "guangzhou"
+  }, {
+    label: "\u6DF1\u5733",
+    value: "shenzhen"
+  }]
+}];
+var GroupExample = function GroupExample() {
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /* @__PURE__ */React__default.createElement(Select, {
+    value: value,
+    onChange: function onChange(val) {
+      return setValue(val);
+    },
+    options: groupOptions,
+    placeholder: "\u8BF7\u9009\u62E9\u57CE\u5E02",
+    filterable: true,
+    clearable: true,
+    style: {
+      width: "300px"
+    }
+  });
+};
+
+export { GroupExample as default };
+//# sourceMappingURL=group-options.js.map

package/es/select/_example/group-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-options.js","sources":["../../../../components/select/_example/group-options.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Select } from \"@tendaui/react\";\n\nconst groupOptions = [\n  {\n    group: \"华北\",\n    children: [\n      { label: \"北京\", value: \"beijing\" },\n      { label: \"天津\", value: \"tianjin\" }\n    ]\n  },\n  {\n    group: \"华东\",\n    children: [\n      { label: \"上海\", value: \"shanghai\" },\n      { label: \"南京\", value: \"nanjing\" },\n      { label: \"杭州\", value: \"hangzhou\" }\n    ]\n  },\n  {\n    group: \"华南\",\n    children: [\n      { label: \"广州\", value: \"guangzhou\" },\n      { label: \"深圳\", value: \"shenzhen\" }\n    ]\n  }\n];\n\nconst GroupExample = () => {\n  const [value, setValue] = useState(\"\");\n  return (\n    <Select\n      value={value}\n      onChange={(val) => setValue(val as string)}\n      options={groupOptions}\n      placeholder=\"请选择城市\"\n      filterable\n      clearable\n      style={{ width: \"300px\" }}\n    />\n  );\n};\n\nexport default GroupExample;\n"],"names":["groupOptions","group","children","label","value","GroupExample","_useState","useState","_useState2","_slicedToArray","setValue","React","createElement","Select","onChange","val","options","placeholder","filterable","clearable","style","width"],"mappings":";;;;AAGA,IAAMA,YAAA,GAAe,CACnB;AACEC,EAAAA,KAAA,EAAO,cAAA;AACPC,EAAAA,QAAA,EAAU,CACR;AAAEC,IAAAA,KAAA,EAAO,cAAA;AAAMC,IAAAA,KAAA,EAAO;AAAU,GAAA,EAChC;AAAED,IAAAA,KAAA,EAAO,cAAA;AAAMC,IAAAA,KAAA,EAAO;GAAU;AAEpC,CAAA,EACA;AACEH,EAAAA,KAAA,EAAO,cAAA;AACPC,EAAAA,QAAA,EAAU,CACR;AAAEC,IAAAA,KAAA,EAAO,cAAA;AAAMC,IAAAA,KAAA,EAAO;AAAW,GAAA,EACjC;AAAED,IAAAA,KAAA,EAAO,cAAA;AAAMC,IAAAA,KAAA,EAAO;AAAU,GAAA,EAChC;AAAED,IAAAA,KAAA,EAAO,cAAA;AAAMC,IAAAA,KAAA,EAAO;GAAW;AAErC,CAAA,EACA;AACEH,EAAAA,KAAA,EAAO,cAAA;AACPC,EAAAA,QAAA,EAAU,CACR;AAAEC,IAAAA,KAAA,EAAO,cAAA;AAAMC,IAAAA,KAAA,EAAO;AAAY,GAAA,EAClC;AAAED,IAAAA,KAAA,EAAO,cAAA;AAAMC,IAAAA,KAAA,EAAO;GAAW;AAErC,CAAA,CACF;AAEA,IAAMC,eAAe,SAAfA,eAAqB;AACzB,EAAA,IAAAC,SAAA,GAA0BC,SAAS,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9BF,IAAAA,KAAA,GAAAI,UAAA,CAAA,CAAA,CAAA;AAAOE,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AACtB,EAAA,sBACEG,cAAA,CAAAC,aAAA,CAACC,MAAA,EAAA;AACCT,IAAAA,KAAA,EAAAA,KAAA;AACAU,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQL,QAAA,CAASK,GAAa,CAAA;AAAA,IAAA,CAAA;AACzCC,IAAAA,OAAA,EAAShB,YAAA;AACTiB,IAAAA,WAAA,EAAY,gCAAA;AACZC,IAAAA,UAAA,EAAU,IAAA;AACVC,IAAAA,SAAA,EAAS,IAAA;AACTC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAC1B,CAAA;AAEJ;;;;"}

package/es/select/_example/label-suffix.js

@@ -0,0 +1,51 @@
+import React__default from 'react';
+import { Select } from '@tendaui/react';
+
+var basicOptions = [{
+  label: "\u67B6\u6784\u4E91",
+  value: "1",
+  title: "\u67B6\u6784\u4E91\u9009\u9879"
+}, {
+  label: "\u5927\u6570\u636E",
+  value: "2"
+}, {
+  label: "\u533A\u5757\u94FE",
+  value: "3"
+}, {
+  label: "\u7269\u8054\u7F51",
+  value: "4",
+  disabled: true
+}, {
+  label: "\u4EBA\u5DE5\u667A\u80FD",
+  value: "5"
+}];
+var LabelSuffixExample = function LabelSuffixExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Select, {
+    label: "\u57CE\u5E02\uFF1A",
+    options: basicOptions,
+    placeholder: "\u8BF7\u9009\u62E9",
+    style: {
+      width: "350px"
+    }
+  }), /* @__PURE__ */React__default.createElement(Select, {
+    suffix: /* @__PURE__ */React__default.createElement("span", {
+      style: {
+        color: "#999"
+      }
+    }, "\u4E2A"),
+    options: basicOptions,
+    placeholder: "\u8BF7\u9009\u62E9",
+    style: {
+      width: "350px"
+    }
+  }));
+};
+
+export { LabelSuffixExample as default };
+//# sourceMappingURL=label-suffix.js.map

package/es/select/_example/label-suffix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-suffix.js","sources":["../../../../components/select/_example/label-suffix.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@tendaui/react\";\n\nconst basicOptions = [\n  { label: \"架构云\", value: \"1\", title: \"架构云选项\" },\n  { label: \"大数据\", value: \"2\" },\n  { label: \"区块链\", value: \"3\" },\n  { label: \"物联网\", value: \"4\", disabled: true },\n  { label: \"人工智能\", value: \"5\" }\n];\n\nconst LabelSuffixExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n    <Select label=\"城市：\" options={basicOptions} placeholder=\"请选择\" style={{ width: \"350px\" }} />\n    <Select\n      suffix={<span style={{ color: \"#999\" }}>个</span>}\n      options={basicOptions}\n      placeholder=\"请选择\"\n      style={{ width: \"350px\" }}\n    />\n  </div>\n);\n\nexport default LabelSuffixExample;\n"],"names":["basicOptions","label","value","title","disabled","LabelSuffixExample","React","createElement","style","display","flexDirection","gap","Select","options","placeholder","width","suffix","color"],"mappings":";;;AAGA,IAAMA,YAAA,GAAe,CACnB;AAAEC,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO,GAAA;AAAKC,EAAAA,OAAO;AAAQ,CAAA,EAC3C;AAAEF,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO;AAAI,CAAA,EAC3B;AAAED,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO;AAAI,CAAA,EAC3B;AAAED,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO,GAAA;AAAKE,EAAAA,UAAU;AAAK,CAAA,EAC3C;AAAEH,EAAAA,KAAA,EAAO,0BAAA;AAAQC,EAAAA,KAAA,EAAO;AAAI,CAAA,CAC9B;AAEA,IAAMG,kBAAA,GAAqB,SAArBA,kBAAAA,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,8CACjEC,MAAA,EAAA;AAAOX,IAAAA,KAAA,EAAM,oBAAA;AAAMY,IAAAA,OAAA,EAASb,YAAA;AAAcc,IAAAA,WAAA,EAAY,oBAAA;AAAMN,IAAAA,KAAA,EAAO;AAAEO,MAAAA,KAAA,EAAO;AAAQ;GAAG,CAAA,iBACxFT,cAAA,CAAAC,aAAA,CAACK,MAAA,EAAA;AACCI,IAAAA,MAAA,8CAAS,MAAA,EAAA;AAAKR,MAAAA,KAAA,EAAO;AAAES,QAAAA,KAAA,EAAO;AAAO;OAAG,QAAC,CAAA;AACzCJ,IAAAA,OAAA,EAASb,YAAA;AACTc,IAAAA,WAAA,EAAY,oBAAA;AACZN,IAAAA,KAAA,EAAO;AAAEO,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAC1B,CACF,CAAA;AAAA;;;;"}

package/es/select/_example/loading.js

@@ -0,0 +1,45 @@
+import React__default from 'react';
+import { Select } from '@tendaui/react';
+
+var basicOptions = [{
+  label: "\u67B6\u6784\u4E91",
+  value: "1",
+  title: "\u67B6\u6784\u4E91\u9009\u9879"
+}, {
+  label: "\u5927\u6570\u636E",
+  value: "2"
+}, {
+  label: "\u533A\u5757\u94FE",
+  value: "3"
+}, {
+  label: "\u7269\u8054\u7F51",
+  value: "4",
+  disabled: true
+}, {
+  label: "\u4EBA\u5DE5\u667A\u80FD",
+  value: "5"
+}];
+var LoadingExample = function LoadingExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Select, {
+    options: basicOptions,
+    placeholder: "\u6B63\u5E38",
+    style: {
+      width: "200px"
+    }
+  }), /* @__PURE__ */React__default.createElement(Select, {
+    options: [],
+    placeholder: "\u52A0\u8F7D\u4E2D...",
+    loading: true,
+    style: {
+      width: "200px"
+    }
+  }));
+};
+
+export { LoadingExample as default };
+//# sourceMappingURL=loading.js.map

package/es/select/_example/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sources":["../../../../components/select/_example/loading.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@tendaui/react\";\n\nconst basicOptions = [\n  { label: \"架构云\", value: \"1\", title: \"架构云选项\" },\n  { label: \"大数据\", value: \"2\" },\n  { label: \"区块链\", value: \"3\" },\n  { label: \"物联网\", value: \"4\", disabled: true },\n  { label: \"人工智能\", value: \"5\" }\n];\n\nconst LoadingExample = () => (\n  <div style={{ display: \"flex\", gap: \"16px\" }}>\n    <Select options={basicOptions} placeholder=\"正常\" style={{ width: \"200px\" }} />\n    <Select options={[]} placeholder=\"加载中...\" loading style={{ width: \"200px\" }} />\n  </div>\n);\n\nexport default LoadingExample;\n"],"names":["basicOptions","label","value","title","disabled","LoadingExample","React","createElement","style","display","gap","Select","options","placeholder","width","loading"],"mappings":";;;AAGA,IAAMA,YAAA,GAAe,CACnB;AAAEC,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO,GAAA;AAAKC,EAAAA,OAAO;AAAQ,CAAA,EAC3C;AAAEF,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO;AAAI,CAAA,EAC3B;AAAED,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO;AAAI,CAAA,EAC3B;AAAED,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO,GAAA;AAAKE,EAAAA,UAAU;AAAK,CAAA,EAC3C;AAAEH,EAAAA,KAAA,EAAO,0BAAA;AAAQC,EAAAA,KAAA,EAAO;AAAI,CAAA,CAC9B;AAEA,IAAMG,iBAAiB,SAAjBA;wBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK;AAAO;oBACzCJ,cAAA,CAAAC,aAAA,CAACI,MAAA,EAAA;AAAOC,IAAAA,OAAA,EAASZ,YAAA;AAAca,IAAAA,aAAY,cAAA;AAAKL,IAAAA,KAAA,EAAO;AAAEM,MAAAA,KAAA,EAAO;AAAQ;GAAG,CAAA,iBAC3ER,cAAA,CAAAC,aAAA,CAACI,MAAA,EAAA;AAAOC,IAAAA,SAAS,EAAC;AAAGC,IAAAA,WAAA,EAAY,uBAAA;AAASE,IAAAA,SAAO,IAAA;AAACP,IAAAA,KAAA,EAAO;AAAEM,MAAAA,KAAA,EAAO;AAAQ;GAAG,CAC/E,CAAA;AAAA;;;;"}

package/es/select/_example/multiple.js

@@ -0,0 +1,58 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Select } from '@tendaui/react';
+
+var MultipleExample = function MultipleExample() {
+  var _useState = useState(["1", "3"]),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var options = [{
+    label: "\u5168\u9009",
+    checkAll: true
+  }, {
+    label: "\u67B6\u6784\u4E91",
+    value: "1"
+  }, {
+    label: "\u5927\u6570\u636E",
+    value: "2"
+  }, {
+    label: "\u533A\u5757\u94FE",
+    value: "3"
+  }, {
+    label: "\u7269\u8054\u7F51",
+    value: "4",
+    disabled: true
+  }, {
+    label: "\u4EBA\u5DE5\u667A\u80FD",
+    value: "5"
+  }];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Select, {
+    value: value,
+    onChange: function onChange(val) {
+      return setValue(val);
+    },
+    options: options,
+    placeholder: "\u8BF7\u9009\u62E9\u591A\u4E2A\u9009\u9879",
+    multiple: true,
+    filterable: true,
+    clearable: true,
+    style: {
+      width: "400px"
+    }
+  }), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u9009\u4E2D\u503C\uFF1A", JSON.stringify(value)));
+};
+
+export { MultipleExample as default };
+//# sourceMappingURL=multiple.js.map

package/es/select/_example/multiple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple.js","sources":["../../../../components/select/_example/multiple.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Select } from \"@tendaui/react\";\n\nconst MultipleExample = () => {\n  const [value, setValue] = useState<string[]>([\"1\", \"3\"]);\n  const options = [\n    { label: \"全选\", checkAll: true },\n    { label: \"架构云\", value: \"1\" },\n    { label: \"大数据\", value: \"2\" },\n    { label: \"区块链\", value: \"3\" },\n    { label: \"物联网\", value: \"4\", disabled: true },\n    { label: \"人工智能\", value: \"5\" }\n  ];\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <Select\n        value={value}\n        onChange={(val) => setValue(val as string[])}\n        options={options}\n        placeholder=\"请选择多个选项\"\n        multiple\n        filterable\n        clearable\n        style={{ width: \"400px\" }}\n      />\n      <div style={{ color: \"#666\", fontSize: \"12px\" }}>选中值：{JSON.stringify(value)}</div>\n    </div>\n  );\n};\n\nexport default MultipleExample;\n"],"names":["MultipleExample","_useState","useState","_useState2","_slicedToArray","value","setValue","options","label","checkAll","disabled","React","createElement","style","display","flexDirection","gap","Select","onChange","val","placeholder","multiple","filterable","clearable","width","color","fontSize","JSON","stringify"],"mappings":";;;;AAGA,IAAMA,kBAAkB,SAAlBA,kBAAwB;EAC5B,IAAAC,SAAA,GAA0BC,SAAmB,CAAC,GAAA,EAAK,GAAG,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAhDI,IAAAA;AAAOC,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA;EACtB,IAAMI,OAAA,GAAU,CACd;AAAEC,IAAAA,KAAA,EAAO,cAAA;AAAMC,IAAAA,QAAA,EAAU;AAAK,GAAA,EAC9B;AAAED,IAAAA,KAAA,EAAO,oBAAA;AAAOH,IAAAA,KAAA,EAAO;AAAI,GAAA,EAC3B;AAAEG,IAAAA,KAAA,EAAO,oBAAA;AAAOH,IAAAA,KAAA,EAAO;AAAI,GAAA,EAC3B;AAAEG,IAAAA,KAAA,EAAO,oBAAA;AAAOH,IAAAA,KAAA,EAAO;AAAI,GAAA,EAC3B;AAAEG,IAAAA,KAAA,EAAO,oBAAA;AAAOH,IAAAA,KAAA,EAAO,GAAA;AAAKK,IAAAA,UAAU;AAAK,GAAA,EAC3C;AAAEF,IAAAA,KAAA,EAAO,0BAAA;AAAQH,IAAAA,KAAA,EAAO;AAAI,GAAA,CAC9B;AACA,EAAA,sBACEM,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAACK,MAAA,EAAA;AACCZ,IAAAA,KAAA,EAAAA,KAAA;AACAa,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQb,QAAA,CAASa,GAAe,CAAA;AAAA,IAAA,CAAA;AAC3CZ,IAAAA,OAAA,EAAAA,OAAA;AACAa,IAAAA,WAAA,EAAY,4CAAA;AACZC,IAAAA,QAAA,EAAQ,IAAA;AACRC,IAAAA,UAAA,EAAU,IAAA;AACVC,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;KAAG,0BAAA,EAAKC,IAAA,CAAKC,SAAA,CAAUvB,KAAK,CAAE,CAC9E,CAAA;AAEJ;;;;"}

package/es/select/_example/sizes.js

@@ -0,0 +1,54 @@
+import React__default from 'react';
+import { Select } from '@tendaui/react';
+
+var basicOptions = [{
+  label: "\u67B6\u6784\u4E91",
+  value: "1",
+  title: "\u67B6\u6784\u4E91\u9009\u9879"
+}, {
+  label: "\u5927\u6570\u636E",
+  value: "2"
+}, {
+  label: "\u533A\u5757\u94FE",
+  value: "3"
+}, {
+  label: "\u7269\u8054\u7F51",
+  value: "4",
+  disabled: true
+}, {
+  label: "\u4EBA\u5DE5\u667A\u80FD",
+  value: "5"
+}];
+var SizesExample = function SizesExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Select, {
+    size: "small",
+    options: basicOptions,
+    placeholder: "\u5C0F\u5C3A\u5BF8",
+    style: {
+      width: "300px"
+    }
+  }), /* @__PURE__ */React__default.createElement(Select, {
+    size: "medium",
+    options: basicOptions,
+    placeholder: "\u4E2D\u5C3A\u5BF8\uFF08\u9ED8\u8BA4\uFF09",
+    style: {
+      width: "300px"
+    }
+  }), /* @__PURE__ */React__default.createElement(Select, {
+    size: "large",
+    options: basicOptions,
+    placeholder: "\u5927\u5C3A\u5BF8",
+    style: {
+      width: "300px"
+    }
+  }));
+};
+
+export { SizesExample as default };
+//# sourceMappingURL=sizes.js.map

package/es/select/_example/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../../components/select/_example/sizes.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@tendaui/react\";\n\nconst basicOptions = [\n  { label: \"架构云\", value: \"1\", title: \"架构云选项\" },\n  { label: \"大数据\", value: \"2\" },\n  { label: \"区块链\", value: \"3\" },\n  { label: \"物联网\", value: \"4\", disabled: true },\n  { label: \"人工智能\", value: \"5\" }\n];\n\nconst SizesExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n    <Select size=\"small\" options={basicOptions} placeholder=\"小尺寸\" style={{ width: \"300px\" }} />\n    <Select size=\"medium\" options={basicOptions} placeholder=\"中尺寸（默认）\" style={{ width: \"300px\" }} />\n    <Select size=\"large\" options={basicOptions} placeholder=\"大尺寸\" style={{ width: \"300px\" }} />\n  </div>\n);\n\nexport default SizesExample;\n"],"names":["basicOptions","label","value","title","disabled","SizesExample","React","createElement","style","display","flexDirection","gap","Select","size","options","placeholder","width"],"mappings":";;;AAGA,IAAMA,YAAA,GAAe,CACnB;AAAEC,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO,GAAA;AAAKC,EAAAA,OAAO;AAAQ,CAAA,EAC3C;AAAEF,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO;AAAI,CAAA,EAC3B;AAAED,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO;AAAI,CAAA,EAC3B;AAAED,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO,GAAA;AAAKE,EAAAA,UAAU;AAAK,CAAA,EAC3C;AAAEH,EAAAA,KAAA,EAAO,0BAAA;AAAQC,EAAAA,KAAA,EAAO;AAAI,CAAA,CAC9B;AAEA,IAAMG,YAAA,GAAe,SAAfA,YAAAA,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,CAACK,MAAA,EAAA;AAAOC,IAAAA,IAAA,EAAK,OAAA;AAAQC,IAAAA,OAAA,EAASd,YAAA;AAAce,IAAAA,WAAA,EAAY,oBAAA;AAAMP,IAAAA,KAAA,EAAO;AAAEQ,MAAAA,KAAA,EAAO;AAAQ;GAAG,CAAA,8CACxFJ,MAAA,EAAA;AAAOC,IAAAA,IAAA,EAAK,QAAA;AAASC,IAAAA,OAAA,EAASd,YAAA;AAAce,IAAAA,WAAA,EAAY;AAAUP,IAAAA,KAAA,EAAO;AAAEQ,MAAAA,KAAA,EAAO;AAAQ;GAAG,CAAA,8CAC7FJ,MAAA,EAAA;AAAOC,IAAAA,IAAA,EAAK,OAAA;AAAQC,IAAAA,OAAA,EAASd,YAAA;AAAce,IAAAA,WAAA,EAAY,oBAAA;AAAMP,IAAAA,KAAA,EAAO;AAAEQ,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAG,CAC3F,CAAA;AAAA;;;;"}

package/es/select/_example/status.js

@@ -0,0 +1,66 @@
+import React__default from 'react';
+import { Select } from '@tendaui/react';
+
+var basicOptions = [{
+  label: "\u67B6\u6784\u4E91",
+  value: "1",
+  title: "\u67B6\u6784\u4E91\u9009\u9879"
+}, {
+  label: "\u5927\u6570\u636E",
+  value: "2"
+}, {
+  label: "\u533A\u5757\u94FE",
+  value: "3"
+}, {
+  label: "\u7269\u8054\u7F51",
+  value: "4",
+  disabled: true
+}, {
+  label: "\u4EBA\u5DE5\u667A\u80FD",
+  value: "5"
+}];
+var StatusExample = function StatusExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "24px",
+      margin: "8px 0"
+    }
+  }, /* @__PURE__ */React__default.createElement(Select, {
+    status: "default",
+    options: basicOptions,
+    placeholder: "\u9ED8\u8BA4\u72B6\u6001",
+    tips: "\u8FD9\u662F\u4E00\u6761\u63D0\u793A",
+    style: {
+      width: "300px"
+    }
+  }), /* @__PURE__ */React__default.createElement(Select, {
+    status: "success",
+    options: basicOptions,
+    placeholder: "\u6210\u529F\u72B6\u6001",
+    tips: "\u6821\u9A8C\u901A\u8FC7",
+    style: {
+      width: "300px"
+    }
+  }), /* @__PURE__ */React__default.createElement(Select, {
+    status: "warning",
+    options: basicOptions,
+    placeholder: "\u8B66\u544A\u72B6\u6001",
+    tips: "\u8BF7\u6CE8\u610F",
+    style: {
+      width: "300px"
+    }
+  }), /* @__PURE__ */React__default.createElement(Select, {
+    status: "error",
+    options: basicOptions,
+    placeholder: "\u9519\u8BEF\u72B6\u6001",
+    tips: "\u8F93\u5165\u6709\u8BEF",
+    style: {
+      width: "300px"
+    }
+  }));
+};
+
+export { StatusExample as default };
+//# sourceMappingURL=status.js.map

package/es/select/_example/status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.js","sources":["../../../../components/select/_example/status.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@tendaui/react\";\n\nconst basicOptions = [\n  { label: \"架构云\", value: \"1\", title: \"架构云选项\" },\n  { label: \"大数据\", value: \"2\" },\n  { label: \"区块链\", value: \"3\" },\n  { label: \"物联网\", value: \"4\", disabled: true },\n  { label: \"人工智能\", value: \"5\" }\n];\n\nconst StatusExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"24px\", margin: \"8px 0\" }}>\n    <Select\n      status=\"default\"\n      options={basicOptions}\n      placeholder=\"默认状态\"\n      tips=\"这是一条提示\"\n      style={{ width: \"300px\" }}\n    />\n    <Select status=\"success\" options={basicOptions} placeholder=\"成功状态\" tips=\"校验通过\" style={{ width: \"300px\" }} />\n    <Select status=\"warning\" options={basicOptions} placeholder=\"警告状态\" tips=\"请注意\" style={{ width: \"300px\" }} />\n    <Select status=\"error\" options={basicOptions} placeholder=\"错误状态\" tips=\"输入有误\" style={{ width: \"300px\" }} />\n  </div>\n);\n\nexport default StatusExample;\n"],"names":["basicOptions","label","value","title","disabled","StatusExample","React","createElement","style","display","flexDirection","gap","margin","Select","status","options","placeholder","tips","width"],"mappings":";;;AAGA,IAAMA,YAAA,GAAe,CACnB;AAAEC,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO,GAAA;AAAKC,EAAAA,OAAO;AAAQ,CAAA,EAC3C;AAAEF,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO;AAAI,CAAA,EAC3B;AAAED,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO;AAAI,CAAA,EAC3B;AAAED,EAAAA,KAAA,EAAO,oBAAA;AAAOC,EAAAA,KAAA,EAAO,GAAA;AAAKE,EAAAA,UAAU;AAAK,CAAA,EAC3C;AAAEH,EAAAA,KAAA,EAAO,0BAAA;AAAQC,EAAAA,KAAA,EAAO;AAAI,CAAA,CAC9B;AAEA,IAAMG,aAAA,GAAgB,SAAhBA,aAAAA,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,MAAA;AAAQC,MAAAA,MAAA,EAAQ;AAAQ;AAAA,GAAA,iBACnFN,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AACCC,IAAAA,MAAA,EAAO,SAAA;AACPC,IAAAA,OAAA,EAASf,YAAA;AACTgB,IAAAA,WAAA,EAAY,0BAAA;AACZC,IAAAA,IAAA,EAAK,sCAAA;AACLT,IAAAA,KAAA,EAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;GAC1B,CAAA,iBACAZ,cAAA,CAAAC,aAAA,CAACM;AAAOC,IAAAA,MAAA,EAAO,SAAA;AAAUC,IAAAA,SAASf,YAAA;AAAcgB,IAAAA,WAAA,EAAY;AAAOC,IAAAA,IAAA,EAAK,0BAAA;AAAOT,IAAAA,OAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;GAAG,CAAA,8CACzGL,MAAA,EAAA;AAAOC,IAAAA,MAAA,EAAO,SAAA;AAAUC,IAAAA,OAAA,EAASf,YAAA;AAAcgB,IAAAA,WAAA,EAAY;AAAOC,IAAAA,IAAA,EAAK,oBAAA;AAAMT,IAAAA,OAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;GAAG,CAAA,iBACzGZ,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOC,IAAAA,MAAA,EAAO,OAAA;AAAQC,IAAAA,SAASf,YAAA;AAAcgB,IAAAA,WAAA,EAAY;AAAOC,IAAAA,IAAA,EAAK,0BAAA;AAAOT,IAAAA,OAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAG,CAC1G,CAAA;AAAA;;;;"}

package/es/select/index.js

@@ -7,16 +7,17 @@ import '../_chunks/dep-CzLhKWCf.js';
 import 'react';
 import 'classnames';
 import 'lodash-es';
-import '../_chunks/dep-DQ6kXoi8.js';
-import '../_chunks/dep-DwWrhxkd.js';
-import '../_chunks/dep-gy8uvBaS.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../_chunks/dep-DHWwZ2Nj.js';
+import '../_chunks/dep-grkSd2UB.js';
+import '../_chunks/dep-u1x3x6MJ.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';
-import '../_chunks/dep-CJCt0IS0.js';
+import '../_chunks/dep-Cd1UOXnJ.js';
 import '../_chunks/dep-CgyDw_YI.js';
-import '../_chunks/dep-Bjfn7Zv_.js';
+import '../_chunks/dep-2HsCYcmp.js';
 import '../_chunks/dep-DGvfel3I.js';
 import './Option.js';
 import '../_chunks/dep-PPA-yoAy.js';
@@ -38,8 +39,8 @@ import '../select-input/hook/useSingle.js';
 import '../input/index.js';
 import '../input/Input.js';
 import '@tendaui/icons';
-import '../_chunks/dep-D6YxJv-F.js';
-import '../_chunks/dep-CD_4-1Xb.js';
+import '../_chunks/dep-spxR0DG0.js';
+import '../_chunks/dep-UHQn9biR.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
 import '../input/InputGroup.js';
@@ -51,14 +52,14 @@ import '../tag-input/hooks/useTagList.js';
 import '../tag/index.js';
 import '../tag/Tag.js';
 import '../_chunks/dep-zOZQ0R9g.js';
-import '../_chunks/dep-ByzdZjUR.js';
+import '../_chunks/dep-bWaVq_y3.js';
 import '../tag/style/css.js';
 import '../hooks/useDragSorter.js';
 import '../tag-input/style/css.js';
 import '../popup/index.js';
 import '../popup/Popup.js';
 import '../portal/Portal.js';
-import '../_chunks/dep-CkmtEv0Y.js';
+import '../_chunks/dep-B2D1svZy.js';
 import 'react-is';
 import '../_chunks/dep-C1XcmShP.js';
 import '../_chunks/dep-Ccktr_jk.js';
@@ -67,7 +68,7 @@ import 'react-fast-compare';
 import 'react-transition-group';
 import '../popup/style/css.js';
 import '../select-input/style/css.js';
-import '../_chunks/dep-aX8qrQpB.js';
+import '../_chunks/dep-BbOvNxhg.js';
 
 var Select = Select$1;
 

package/es/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../components/select/index.ts"],"sourcesContent":["import _Select from \"./Select\";\n\nimport \"./style/index.js\";\n\nexport type { SelectProps } from \"./Select\";\nexport * from \"./type\";\n\nexport const Select = _Select;\nexport default Select;\n"],"names":["Select","_Select"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAMA,MAAA,GAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../components/select/index.ts"],"sourcesContent":["import _Select from \"./Select\";\n\nimport \"./style/index.js\";\n\nexport type { SelectProps } from \"./Select\";\nexport * from \"./type\";\n\nexport const Select = _Select;\nexport default Select;\n"],"names":["Select","_Select"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAMA,MAAA,GAASC;;;;"}

package/es/select-input/SelectInput.js

@@ -1,5 +1,5 @@
 import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
-import React, { useMemo, useRef, useImperativeHandle } from 'react';
+import React__default, { useMemo, useRef, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import useSingle from './hook/useSingle.js';
 import useMultiple from './hook/useMultiple.js';
@@ -7,8 +7,8 @@ import { Popup } from '../popup/index.js';
 import { _ as _typeof } from '../_chunks/dep-D-UKOauR.js';
 import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
 import { isFunction, isObject } from 'lodash-es';
-import { u as useControlled } from '../_chunks/dep-DwWrhxkd.js';
-import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import { u as useControlled } from '../_chunks/dep-grkSd2UB.js';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
 import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
 import '../input/index.js';
 import '../input/Input.js';
@@ -16,11 +16,12 @@ import '../_chunks/dep-DN7d1SzH.js';
 import '@tendaui/icons';
 import '../_chunks/dep-BRbJGDI9.js';
 import '../_chunks/dep-DRwijJcv.js';
-import '../_chunks/dep-D6YxJv-F.js';
-import '../_chunks/dep-CD_4-1Xb.js';
+import '../_chunks/dep-spxR0DG0.js';
+import '../_chunks/dep-UHQn9biR.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 import '../input/InputGroup.js';
 import '../input/style/css.js';
@@ -32,7 +33,7 @@ import '../tag/index.js';
 import '../tag/Tag.js';
 import '../_chunks/dep-zOZQ0R9g.js';
 import '../_chunks/dep-U1T8CQY9.js';
-import '../_chunks/dep-ByzdZjUR.js';
+import '../_chunks/dep-bWaVq_y3.js';
 import '../_chunks/dep-BP0-apUT.js';
 import 'hoist-non-react-statics';
 import '../tag/style/css.js';
@@ -41,7 +42,7 @@ import '../tag-input/style/css.js';
 import '../popup/Popup.js';
 import '../portal/Portal.js';
 import 'react-dom';
-import '../_chunks/dep-CkmtEv0Y.js';
+import '../_chunks/dep-B2D1svZy.js';
 import 'react-is';
 import '../_chunks/dep-C1XcmShP.js';
 import '../_chunks/dep-Ccktr_jk.js';
@@ -130,7 +131,7 @@ var selectInputDefaultProps = {
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SelectInput = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
+var SelectInput = /*#__PURE__*/React__default.forwardRef(function (originalProps, ref) {
   var props = useDefaultProps(originalProps, selectInputDefaultProps);
   var _useConfig = useConfig(),
     prefix = _useConfig.classPrefix;
@@ -174,10 +175,10 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
     };
     (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, props.value, params);
   }
-  var mainContent = /* @__PURE__ */React.createElement("div", {
+  var mainContent = /* @__PURE__ */React__default.createElement("div", {
     className: popupClasses,
     style: props.style
-  }, /* @__PURE__ */React.createElement(Popup, _objectSpread(_objectSpread(_objectSpread({
+  }, /* @__PURE__ */React__default.createElement(Popup, _objectSpread(_objectSpread(_objectSpread({
     ref: selectInputRef,
     trigger: (popupProps === null || popupProps === void 0 ? void 0 : popupProps.trigger) || "click",
     placement: "bottom-left",
@@ -197,10 +198,10 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
   if (!props.tips) {
     return mainContent;
   }
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default.createElement("div", {
     ref: selectInputWrapRef,
     className: "t-select-input__wrap"
-  }, mainContent, props.tips && /* @__PURE__ */React.createElement("div", {
+  }, mainContent, props.tips && /* @__PURE__ */React__default.createElement("div", {
     className: "t-input__tips t-input__tips--".concat(props.status || "normal")
   }, props.tips));
 });

package/es/select-input/SelectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.js","sources":["../../../components/select-input/hook/useOverlayInnerStyle.ts","../../../components/select-input/defaultProps.ts","../../../components/select-input/SelectInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { isObject, isFunction } from \"lodash-es\";\nimport useControlled from \"../../hooks/useControlled\";\nimport { TdSelectInputProps } from \"../type\";\nimport { TdPopupProps, PopupVisibleChangeContext } from \"../../popup\";\n\nexport type overlayStyleProps = Pick<\n  TdSelectInputProps,\n  | \"popupProps\"\n  | \"autoWidth\"\n  | \"readonly\"\n  | \"onPopupVisibleChange\"\n  | \"disabled\"\n  | \"allowInput\"\n  | \"popupVisible\"\n  | \"defaultPopupVisible\"\n>;\n\nconst MAX_POPUP_WIDTH = 1000;\n\nexport default function useOverlayInnerStyle(\n  props: overlayStyleProps,\n  extra?: {\n    afterHidePopups?: (ctx: PopupVisibleChangeContext) => void;\n  }\n) {\n  const { popupProps, autoWidth, readonly, disabled, onPopupVisibleChange, allowInput } = props;\n  const [innerPopupVisible, setInnerPopupVisible] = useControlled(props, \"popupVisible\", onPopupVisibleChange);\n  const matchWidthFunc = (triggerElement: HTMLElement, popupElement: HTMLElement) => {\n    if (!triggerElement || !popupElement) {\n      return;\n    }\n\n    const prevDisplay = popupElement.style.display;\n    popupElement.style.display = \"\";\n    const overlayScrollWidth = popupElement.offsetWidth - popupElement.scrollWidth;\n    const width =\n      popupElement.offsetWidth - overlayScrollWidth > triggerElement.offsetWidth\n        ? popupElement.scrollWidth\n        : triggerElement.offsetWidth - overlayScrollWidth;\n    if (prevDisplay === \"none\") {\n      popupElement.style.display = \"none\";\n    }\n    let otherOverlayInnerStyle: React.CSSProperties = {};\n    if (popupProps && typeof popupProps.overlayInnerStyle === \"object\" && !popupProps.overlayInnerStyle.width) {\n      otherOverlayInnerStyle = popupProps.overlayInnerStyle;\n    }\n    return {\n      width: `${Math.min(width, MAX_POPUP_WIDTH)}px`,\n      ...otherOverlayInnerStyle\n    };\n  };\n\n  const onInnerPopupVisibleChange = (visible: boolean, context: PopupVisibleChangeContext) => {\n    if (disabled || readonly) {\n      return;\n    }\n    // 如果点击触发元素（输入框）且为可输入状态，则继续显示下拉框\n    const newVisible = context.trigger === \"trigger-element-click\" && allowInput ? true : visible;\n    if (props.popupVisible !== newVisible) {\n      setInnerPopupVisible(newVisible, context);\n      if (!newVisible) {\n        extra?.afterHidePopups?.(context);\n      }\n    }\n  };\n  const tOverlayInnerStyle = useMemo(() => {\n    let result: TdPopupProps[\"overlayInnerStyle\"] = {};\n    const overlayInnerStyle = popupProps?.overlayInnerStyle || {};\n    if (isFunction(overlayInnerStyle) || (isObject(overlayInnerStyle) && overlayInnerStyle.width)) {\n      result = overlayInnerStyle;\n    } else if (!autoWidth) {\n      result = matchWidthFunc;\n    }\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoWidth, popupProps?.overlayInnerStyle]);\n\n  return {\n    tOverlayInnerStyle,\n    innerPopupVisible,\n    onInnerPopupVisibleChange\n  };\n}\n","import { TdSelectInputProps } from \"./type\";\n\nexport const selectInputDefaultProps: TdSelectInputProps = {\n  allowInput: false,\n  autoWidth: false,\n  autofocus: false,\n  borderless: false,\n  clearable: false,\n  loading: false,\n  minCollapsedNum: 0,\n  multiple: false,\n  readonly: false,\n  reserveKeyword: false,\n  status: \"default\"\n};\n","import React, { useRef, useImperativeHandle } from \"react\";\nimport classNames from \"classnames\";\nimport useSingle from \"./hook/useSingle\";\nimport useMultiple from \"./hook/useMultiple\";\nimport Popup, { PopupRef, PopupVisibleChangeContext } from \"../popup\";\nimport useOverlayInnerStyle from \"./hook/useOverlayInnerStyle\";\nimport { TdSelectInputProps } from \"./type\";\nimport { StyledProps } from \"../common\";\nimport { selectInputDefaultProps } from \"./defaultProps\";\nimport useConfig from \"../hooks/useConfig\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport { InputRef } from \"../input\";\n\nexport interface SelectInputProps extends TdSelectInputProps, StyledProps {\n  updateScrollTop?: (content: HTMLDivElement) => void;\n  options?: unknown[]; // 参数穿透options, 给SelectInput/SelectInput 自定义选中项呈现的内容和多选状态下设置折叠项内容\n}\n\nconst SelectInput = React.forwardRef<Partial<PopupRef & InputRef>, SelectInputProps>((originalProps, ref) => {\n  const props = useDefaultProps<SelectInputProps>(originalProps, selectInputDefaultProps);\n  const { classPrefix: prefix } = useConfig();\n  const selectInputRef = useRef<PopupRef>(null);\n  const selectInputWrapRef = useRef<HTMLElement>(null);\n  const { multiple, value, popupVisible, popupProps, borderless, disabled } = props;\n  const { commonInputProps, inputRef, singleInputValue, onInnerClear, renderSelectSingle } = useSingle(props);\n\n  const { tagInputRef, multipleInputValue, renderSelectMultiple } = useMultiple(props);\n  const { tOverlayInnerStyle, innerPopupVisible, onInnerPopupVisibleChange } = useOverlayInnerStyle(props, {\n    afterHidePopups: onInnerBlur\n  });\n\n  const popupClasses = classNames([\n    props.className,\n    `${prefix}-select-input`,\n    {\n      [`${prefix}-select-input--borderless`]: borderless,\n      [`${prefix}-select-input--multiple`]: multiple,\n      [`${prefix}-select-input--popup-visible`]: popupVisible ?? innerPopupVisible,\n      [`${prefix}-select-input--empty`]: value instanceof Array ? !value.length : !value\n    }\n  ]);\n  useImperativeHandle(ref, () => ({\n    ...(selectInputRef.current || {}),\n    ...(inputRef.current || {}),\n    ...(tagInputRef.current || {})\n  }));\n\n  // 浮层显示的受控与非受控\n  const visibleProps = { visible: popupVisible ?? innerPopupVisible };\n  function onInnerBlur(ctx: PopupVisibleChangeContext) {\n    const inputValue = props.multiple ? multipleInputValue : singleInputValue;\n    const params: Parameters<TdSelectInputProps[\"onBlur\"]>[1] = {\n      e: ctx.e,\n      inputValue\n    };\n    props.onBlur?.(props.value, params);\n  }\n  const mainContent = (\n    <div className={popupClasses} style={props.style}>\n      <Popup\n        ref={selectInputRef}\n        trigger={popupProps?.trigger || \"click\"}\n        placement=\"bottom-left\"\n        content={props.panel}\n        hideEmptyPopup={true}\n        onVisibleChange={onInnerPopupVisibleChange}\n        updateScrollTop={props.updateScrollTop}\n        {...visibleProps}\n        {...popupProps}\n        disabled={disabled}\n        overlayInnerStyle={tOverlayInnerStyle}\n      >\n        {multiple\n          ? renderSelectMultiple({\n              commonInputProps,\n              onInnerClear,\n              popupVisible: visibleProps.visible,\n              allowInput: props.allowInput\n            })\n          : renderSelectSingle(visibleProps.visible)}\n      </Popup>\n    </div>\n  );\n  if (!props.tips) {\n    return mainContent;\n  }\n\n  return (\n    <div ref={selectInputWrapRef as React.Ref<HTMLDivElement>} className={`t-select-input__wrap`}>\n      {mainContent}\n      {props.tips && <div className={`t-input__tips t-input__tips--${props.status || \"normal\"}`}>{props.tips}</div>}\n    </div>\n  );\n});\n\nSelectInput.displayName = \"SelectInput\";\n\nexport default SelectInput;\n"],"names":["MAX_POPUP_WIDTH","useOverlayInnerStyle","props","extra","popupProps","autoWidth","readonly","disabled","onPopupVisibleChange","allowInput","_useControlled","useControlled","_useControlled2","_slicedToArray","innerPopupVisible","setInnerPopupVisible","matchWidthFunc","triggerElement","popupElement","prevDisplay","style","display","overlayScrollWidth","offsetWidth","scrollWidth","width","otherOverlayInnerStyle","_typeof","overlayInnerStyle","_objectSpread","Math","min","onInnerPopupVisibleChange","visible","context","newVisible","trigger","popupVisible","_extra$afterHidePopup","afterHidePopups","call","tOverlayInnerStyle","useMemo","result","isFunction","isObject","selectInputDefaultProps","autofocus","borderless","clearable","loading","minCollapsedNum","multiple","reserveKeyword","status","SelectInput","React","forwardRef","originalProps","ref","useDefaultProps","_useConfig","useConfig","prefix","classPrefix","selectInputRef","useRef","selectInputWrapRef","value","_useSingle","useSingle","commonInputProps","inputRef","singleInputValue","onInnerClear","renderSelectSingle","_useMultiple","useMultiple","tagInputRef","multipleInputValue","renderSelectMultiple","_useOverlayInnerStyle","onInnerBlur","popupClasses","classNames","className","concat","_defineProperty","Array","length","useImperativeHandle","current","visibleProps","ctx","_props$onBlur","inputValue","params","e","onBlur","mainContent","createElement","Popup","placement","content","panel","hideEmptyPopup","onVisibleChange","updateScrollTop","tips","displayName"],"mappings":"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"}
+{"version":3,"file":"SelectInput.js","sources":["../../../components/select-input/hook/useOverlayInnerStyle.ts","../../../components/select-input/defaultProps.ts","../../../components/select-input/SelectInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { isObject, isFunction } from \"lodash-es\";\nimport useControlled from \"../../hooks/useControlled\";\nimport { TdSelectInputProps } from \"../type\";\nimport { TdPopupProps, PopupVisibleChangeContext } from \"../../popup\";\n\nexport type overlayStyleProps = Pick<\n  TdSelectInputProps,\n  | \"popupProps\"\n  | \"autoWidth\"\n  | \"readonly\"\n  | \"onPopupVisibleChange\"\n  | \"disabled\"\n  | \"allowInput\"\n  | \"popupVisible\"\n  | \"defaultPopupVisible\"\n>;\n\nconst MAX_POPUP_WIDTH = 1000;\n\nexport default function useOverlayInnerStyle(\n  props: overlayStyleProps,\n  extra?: {\n    afterHidePopups?: (ctx: PopupVisibleChangeContext) => void;\n  }\n) {\n  const { popupProps, autoWidth, readonly, disabled, onPopupVisibleChange, allowInput } = props;\n  const [innerPopupVisible, setInnerPopupVisible] = useControlled(props, \"popupVisible\", onPopupVisibleChange);\n  const matchWidthFunc = (triggerElement: HTMLElement, popupElement: HTMLElement) => {\n    if (!triggerElement || !popupElement) {\n      return;\n    }\n\n    const prevDisplay = popupElement.style.display;\n    popupElement.style.display = \"\";\n    const overlayScrollWidth = popupElement.offsetWidth - popupElement.scrollWidth;\n    const width =\n      popupElement.offsetWidth - overlayScrollWidth > triggerElement.offsetWidth\n        ? popupElement.scrollWidth\n        : triggerElement.offsetWidth - overlayScrollWidth;\n    if (prevDisplay === \"none\") {\n      popupElement.style.display = \"none\";\n    }\n    let otherOverlayInnerStyle: React.CSSProperties = {};\n    if (popupProps && typeof popupProps.overlayInnerStyle === \"object\" && !popupProps.overlayInnerStyle.width) {\n      otherOverlayInnerStyle = popupProps.overlayInnerStyle;\n    }\n    return {\n      width: `${Math.min(width, MAX_POPUP_WIDTH)}px`,\n      ...otherOverlayInnerStyle\n    };\n  };\n\n  const onInnerPopupVisibleChange = (visible: boolean, context: PopupVisibleChangeContext) => {\n    if (disabled || readonly) {\n      return;\n    }\n    // 如果点击触发元素（输入框）且为可输入状态，则继续显示下拉框\n    const newVisible = context.trigger === \"trigger-element-click\" && allowInput ? true : visible;\n    if (props.popupVisible !== newVisible) {\n      setInnerPopupVisible(newVisible, context);\n      if (!newVisible) {\n        extra?.afterHidePopups?.(context);\n      }\n    }\n  };\n  const tOverlayInnerStyle = useMemo(() => {\n    let result: TdPopupProps[\"overlayInnerStyle\"] = {};\n    const overlayInnerStyle = popupProps?.overlayInnerStyle || {};\n    if (isFunction(overlayInnerStyle) || (isObject(overlayInnerStyle) && overlayInnerStyle.width)) {\n      result = overlayInnerStyle;\n    } else if (!autoWidth) {\n      result = matchWidthFunc;\n    }\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoWidth, popupProps?.overlayInnerStyle]);\n\n  return {\n    tOverlayInnerStyle,\n    innerPopupVisible,\n    onInnerPopupVisibleChange\n  };\n}\n","import { TdSelectInputProps } from \"./type\";\n\nexport const selectInputDefaultProps: TdSelectInputProps = {\n  allowInput: false,\n  autoWidth: false,\n  autofocus: false,\n  borderless: false,\n  clearable: false,\n  loading: false,\n  minCollapsedNum: 0,\n  multiple: false,\n  readonly: false,\n  reserveKeyword: false,\n  status: \"default\"\n};\n","import React, { useRef, useImperativeHandle } from \"react\";\nimport classNames from \"classnames\";\nimport useSingle from \"./hook/useSingle\";\nimport useMultiple from \"./hook/useMultiple\";\nimport Popup, { PopupRef, PopupVisibleChangeContext } from \"../popup\";\nimport useOverlayInnerStyle from \"./hook/useOverlayInnerStyle\";\nimport { TdSelectInputProps } from \"./type\";\nimport { StyledProps } from \"../common\";\nimport { selectInputDefaultProps } from \"./defaultProps\";\nimport useConfig from \"../hooks/useConfig\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport { InputRef } from \"../input\";\n\nexport interface SelectInputProps extends TdSelectInputProps, StyledProps {\n  updateScrollTop?: (content: HTMLDivElement) => void;\n  options?: unknown[]; // 参数穿透options, 给SelectInput/SelectInput 自定义选中项呈现的内容和多选状态下设置折叠项内容\n}\n\nconst SelectInput = React.forwardRef<Partial<PopupRef & InputRef>, SelectInputProps>((originalProps, ref) => {\n  const props = useDefaultProps<SelectInputProps>(originalProps, selectInputDefaultProps);\n  const { classPrefix: prefix } = useConfig();\n  const selectInputRef = useRef<PopupRef>(null);\n  const selectInputWrapRef = useRef<HTMLElement>(null);\n  const { multiple, value, popupVisible, popupProps, borderless, disabled } = props;\n  const { commonInputProps, inputRef, singleInputValue, onInnerClear, renderSelectSingle } = useSingle(props);\n\n  const { tagInputRef, multipleInputValue, renderSelectMultiple } = useMultiple(props);\n  const { tOverlayInnerStyle, innerPopupVisible, onInnerPopupVisibleChange } = useOverlayInnerStyle(props, {\n    afterHidePopups: onInnerBlur\n  });\n\n  const popupClasses = classNames([\n    props.className,\n    `${prefix}-select-input`,\n    {\n      [`${prefix}-select-input--borderless`]: borderless,\n      [`${prefix}-select-input--multiple`]: multiple,\n      [`${prefix}-select-input--popup-visible`]: popupVisible ?? innerPopupVisible,\n      [`${prefix}-select-input--empty`]: value instanceof Array ? !value.length : !value\n    }\n  ]);\n  useImperativeHandle(ref, () => ({\n    ...(selectInputRef.current || {}),\n    ...(inputRef.current || {}),\n    ...(tagInputRef.current || {})\n  }));\n\n  // 浮层显示的受控与非受控\n  const visibleProps = { visible: popupVisible ?? innerPopupVisible };\n  function onInnerBlur(ctx: PopupVisibleChangeContext) {\n    const inputValue = props.multiple ? multipleInputValue : singleInputValue;\n    const params: Parameters<TdSelectInputProps[\"onBlur\"]>[1] = {\n      e: ctx.e,\n      inputValue\n    };\n    props.onBlur?.(props.value, params);\n  }\n  const mainContent = (\n    <div className={popupClasses} style={props.style}>\n      <Popup\n        ref={selectInputRef}\n        trigger={popupProps?.trigger || \"click\"}\n        placement=\"bottom-left\"\n        content={props.panel}\n        hideEmptyPopup={true}\n        onVisibleChange={onInnerPopupVisibleChange}\n        updateScrollTop={props.updateScrollTop}\n        {...visibleProps}\n        {...popupProps}\n        disabled={disabled}\n        overlayInnerStyle={tOverlayInnerStyle}\n      >\n        {multiple\n          ? renderSelectMultiple({\n              commonInputProps,\n              onInnerClear,\n              popupVisible: visibleProps.visible,\n              allowInput: props.allowInput\n            })\n          : renderSelectSingle(visibleProps.visible)}\n      </Popup>\n    </div>\n  );\n  if (!props.tips) {\n    return mainContent;\n  }\n\n  return (\n    <div ref={selectInputWrapRef as React.Ref<HTMLDivElement>} className={`t-select-input__wrap`}>\n      {mainContent}\n      {props.tips && <div className={`t-input__tips t-input__tips--${props.status || \"normal\"}`}>{props.tips}</div>}\n    </div>\n  );\n});\n\nSelectInput.displayName = \"SelectInput\";\n\nexport default SelectInput;\n"],"names":["MAX_POPUP_WIDTH","useOverlayInnerStyle","props","extra","popupProps","autoWidth","readonly","disabled","onPopupVisibleChange","allowInput","_useControlled","useControlled","_useControlled2","_slicedToArray","innerPopupVisible","setInnerPopupVisible","matchWidthFunc","triggerElement","popupElement","prevDisplay","style","display","overlayScrollWidth","offsetWidth","scrollWidth","width","otherOverlayInnerStyle","_typeof","overlayInnerStyle","_objectSpread","Math","min","onInnerPopupVisibleChange","visible","context","newVisible","trigger","popupVisible","_extra$afterHidePopup","afterHidePopups","call","tOverlayInnerStyle","useMemo","result","isFunction","isObject","selectInputDefaultProps","autofocus","borderless","clearable","loading","minCollapsedNum","multiple","reserveKeyword","status","SelectInput","React","forwardRef","originalProps","ref","useDefaultProps","_useConfig","useConfig","prefix","classPrefix","selectInputRef","useRef","selectInputWrapRef","value","_useSingle","useSingle","commonInputProps","inputRef","singleInputValue","onInnerClear","renderSelectSingle","_useMultiple","useMultiple","tagInputRef","multipleInputValue","renderSelectMultiple","_useOverlayInnerStyle","onInnerBlur","popupClasses","classNames","className","concat","_defineProperty","Array","length","useImperativeHandle","current","visibleProps","ctx","_props$onBlur","inputValue","params","e","onBlur","mainContent","createElement","Popup","placement","content","panel","hideEmptyPopup","onVisibleChange","updateScrollTop","tips","displayName"],"mappings":"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"}