@hi-ui/tag-input 4.0.0-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Xiaomi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,11 @@
+# `@hi-ui/tag-input`
+
+> TODO: description
+
+## Usage
+
+```
+const TagInput = require('@hi-ui/tag-input');
+
+// TODO: DEMONSTRATE API
+```

package/lib/cjs/TagInput.js

@@ -0,0 +1,225 @@
+/** @LICENSE
+ * @hi-ui/tag-input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var tslib = require('tslib');
+
+var React = require('react');
+
+var classname = require('@hi-ui/classname');
+
+var env = require('@hi-ui/env');
+
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+
+var icons = require('@hi-ui/icons');
+
+var useMergeRefs = require('@hi-ui/use-merge-refs');
+
+var useTagInput = require('./use-tag-input.js');
+
+var useOutsideClick = require('@hi-ui/use-outside-click');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _role = 'tag-input';
+
+var _prefix = classname.getPrefixCls(_role);
+
+var NOOP_ARRAY = [];
+/**
+ * TODO: What is TagInput
+ */
+
+var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+      _a$role = _a.role,
+      role = _a$role === void 0 ? _role : _a$role,
+      className = _a.className,
+      _a$defaultValue = _a.defaultValue,
+      defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
+      valueProp = _a.value,
+      onChange = _a.onChange,
+      placeholder = _a.placeholder,
+      _a$data = _a.data,
+      data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
+      _a$wrap = _a.wrap,
+      wrap = _a$wrap === void 0 ? true : _a$wrap,
+      _a$clearable = _a.clearable,
+      clearable = _a$clearable === void 0 ? false : _a$clearable,
+      _a$disabled = _a.disabled,
+      disabled = _a$disabled === void 0 ? false : _a$disabled,
+      suffix = _a.suffix,
+      displayRender = _a.displayRender,
+      onClick = _a.onClick,
+      _onMouseOver = _a.onMouseOver,
+      _onMouseLeave = _a.onMouseLeave,
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "wrap", "clearable", "disabled", "suffix", "displayRender", "onClick", "onMouseOver", "onMouseLeave"]);
+
+  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
+      value = _useUncontrolledState[0],
+      tryChangeValue = _useUncontrolledState[1];
+
+  var tagInputRef = React.useRef(null);
+
+  var _useTagInput = useTagInput.useTagInput(data, tagInputRef),
+      tagMaxWidth = _useTagInput[0];
+
+  var handleClear = React.useCallback(function (evt) {
+    if (disabled) return;
+    evt.stopPropagation();
+    tryChangeValue(NOOP_ARRAY);
+  }, [tryChangeValue, disabled]);
+  var tagList = React.useMemo(function () {
+    return value.map(function (id) {
+      return data.find(function (item) {
+        return item.id === id;
+      }) || {
+        id: id,
+        title: id
+      };
+    });
+  }, [value, data]);
+
+  var _useState = React.useState(false),
+      hover = _useState[0],
+      setHover = _useState[1];
+
+  var trySetHover = React.useCallback(function (hovered) {
+    if (disabled) return;
+    setHover(hovered);
+  }, [disabled]);
+  var tagCount = tagList.length; // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
+
+  var showClearableIcon = clearable && tagCount > 0 && !disabled;
+  var showTagCount = !wrap && tagCount > 0;
+
+  var _useState2 = React.useState(false),
+      expanded = _useState2[0],
+      setExpanded = _useState2[1];
+
+  useOutsideClick.useOutsideClick(tagInputRef, function () {
+    return setExpanded(false);
+  });
+  var handleExpand = React.useCallback(function (evt) {
+    evt.stopPropagation();
+    setExpanded(true);
+  }, []);
+  var cls = classname.cx(prefixCls, className, expanded ? prefixCls + "--expanded" : wrap ? prefixCls + "--wrap" : prefixCls + "--nowrap");
+  return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
+    ref: useMergeRefs.useMergeRefs(ref, tagInputRef),
+    role: role,
+    className: cls,
+    onMouseOver: function onMouseOver(evt) {
+      trySetHover(true);
+      _onMouseOver === null || _onMouseOver === void 0 ? void 0 : _onMouseOver(evt);
+    },
+    onMouseLeave: function onMouseLeave(evt) {
+      trySetHover(false);
+      _onMouseLeave === null || _onMouseLeave === void 0 ? void 0 : _onMouseLeave(evt);
+    }
+  }, rest), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: classname.cx(prefixCls + "__container", disabled && 'disabled'),
+    onClick: onClick
+  }, value.length !== 0 ? /*#__PURE__*/React__default['default'].createElement("span", {
+    className: prefixCls + "__value"
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: classname.cx(prefixCls + "__tags", wrap && prefixCls + "__tags--all")
+  }, tagList.map(function (option) {
+    var title = displayRender ? displayRender(option) : true;
+    var closeable = !option.disabled;
+    return /*#__PURE__*/React__default['default'].createElement("span", {
+      className: prefixCls + "__tag",
+      key: option.id
+    }, /*#__PURE__*/React__default['default'].createElement("span", {
+      className: prefixCls + "__tag-content",
+      style: {
+        maxWidth: tagMaxWidth
+      }
+    }, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default['default'].createElement("span", {
+      className: prefixCls + "__tag-closed",
+      onClick: function onClick(evt) {
+        if (disabled) return;
+        evt.stopPropagation();
+        var nextValue = [].concat(value).filter(function (id) {
+          return id !== option.id;
+        });
+        tryChangeValue(nextValue);
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(icons.CloseOutlined, null)) : null);
+  }))) : /*#__PURE__*/React__default['default'].createElement("span", {
+    className: prefixCls + "__placeholder"
+  }, placeholder), !!suffix || showClearableIcon && hover || showTagCount ? /*#__PURE__*/React__default['default'].createElement("span", {
+    className: prefixCls + "__suffix"
+  }, showTagCount ? /*#__PURE__*/React__default['default'].createElement("span", {
+    className: classname.cx(prefixCls + "__tag--total"),
+    onClick: handleExpand
+  }, "" + (tagCount > 99 ? '+99' : tagCount)) : showClearableIcon && hover ? /*#__PURE__*/React__default['default'].createElement("span", {
+    className: prefixCls + "__clear",
+    role: "button",
+    tabIndex: -1,
+    onClick: handleClear
+  }, /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleFilled, null)) : null, suffix) : null), value.length !== 0 && expanded ? /*#__PURE__*/React__default['default'].createElement("div", {
+    className: prefixCls + "__container__expand"
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: classname.cx(prefixCls + "__value")
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: classname.cx(prefixCls + "__tags", prefixCls + "__tags--all")
+  }, tagList.map(function (option) {
+    var title = displayRender ? displayRender(option) : true;
+    var closeable = !option.disabled;
+    return /*#__PURE__*/React__default['default'].createElement("span", {
+      className: prefixCls + "__tag",
+      key: option.id
+    }, /*#__PURE__*/React__default['default'].createElement("span", {
+      className: prefixCls + "__tag-content",
+      style: {
+        maxWidth: tagMaxWidth
+      }
+    }, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default['default'].createElement("span", {
+      className: prefixCls + "__tag-closed",
+      onClick: function onClick(evt) {
+        if (disabled) return;
+        evt.stopPropagation();
+        var nextValue = [].concat(value).filter(function (id) {
+          return id !== option.id;
+        });
+        tryChangeValue(nextValue);
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(icons.CloseOutlined, null)) : null);
+  }))), showClearableIcon ? /*#__PURE__*/React__default['default'].createElement("span", {
+    className: prefixCls + "__suffix"
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: prefixCls + "__clear",
+    role: "button",
+    tabIndex: -1,
+    onClick: handleClear
+  }, /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleFilled, null))) : null) : null);
+});
+
+if (env.__DEV__) {
+  TagInput.displayName = 'TagInput';
+}
+
+exports.TagInput = TagInput;
+//# sourceMappingURL=TagInput.js.map

package/lib/cjs/TagInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.js","sources":["../../src/TagInput.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","TagInput","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","placeholder","data","wrap","clearable","disabled","suffix","displayRender","onClick","onMouseOver","onMouseLeave","rest","useUncontrolledState","tryChangeValue","tagInputRef","useRef","useTagInput","tagMaxWidth","handleClear","useCallback","evt","stopPropagation","tagList","useMemo","map","id","find","item","title","useState","hover","setHover","trySetHover","hovered","tagCount","length","showClearableIcon","showTagCount","expanded","setExpanded","useOutsideClick","handleExpand","cls","cx","React","useMergeRefs","option","closeable","key","style","maxWidth","nextValue","filter","CloseOutlined","tabIndex","CloseCircleFilled","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,KAAK,GAAG,WAAd;;AACA,IAAMC,OAAO,GAAGC,sBAAAA,CAAaF,KAAbE,CAAhB;;AACA,IAAMC,UAAU,GAAG,EAAnB;AAEA;;;;IAGaC,QAAQ,gBAAGC,gBAAAA,CACtB,UACEC,EADF,EAoBEC,GApBF;wBAEIC;MAAAA,sCAAYP;mBACZQ;MAAAA,4BAAOT;MACPU,eAAAA;2BACAC;MAAAA,4CAAeR;MACRS,eAAPC;MACAC,cAAAA;MACAC,iBAAAA;mBACAC;MAAAA,4BAAOb;mBACPc;MAAAA,4BAAO;wBACPC;MAAAA,sCAAY;uBACZC;MAAAA,oCAAW;MACXC,YAAAA;MACAC,mBAAAA;MACAC,aAAAA;MACAC,kBAAAA;MACAC,mBAAAA;MACGC,wBAjBL,YAAA,QAAA,aAAA,gBAAA,SAAA,YAAA,eAAA,QAAA,QAAA,aAAA,YAAA,UAAA,iBAAA,WAAA,eAAA,gBAAA;;8BAqBgCC,yCAAAA,CAAqBf,YAArBe,EAAmCd,SAAnCc,EAA8CZ,QAA9CY;MAAzBb,KAAP;MAAcc,cAAd;;MAEMC,WAAW,GAAGC,YAAAA,CAAuB,IAAvBA;;qBACEC,uBAAAA,CAAYd,IAAZc,EAAkBF,WAAlBE;MAAfC,WAAP;;MAEMC,WAAW,GAAGC,iBAAAA,CAClB,UAACC,GAAD;QACMf,UAAU;AACde,IAAAA,GAAG,CAACC,eAAJD;AACAP,IAAAA,cAAc,CAACxB,UAAD,CAAdwB;AAJ2B,GAAXM,EAMlB,CAACN,cAAD,EAAiBR,QAAjB,CANkBc;MASdG,OAAO,GAAGC,aAAAA,CACd;WAAMxB,KAAK,CAACyB,GAANzB,CAAU,UAAC0B,EAAD;aAAQvB,IAAI,CAACwB,IAALxB,CAAU,UAACyB,IAAD;eAAUA,IAAI,CAACF,EAALE,KAAYF;AAAhC,OAAAvB,KAAuC;AAAEuB,QAAAA,EAAE,EAAFA,EAAF;AAAMG,QAAAA,KAAK,EAAEH;AAAb;AAAzD,KAAA1B;AADe,GAAPwB,EAEd,CAACxB,KAAD,EAAQG,IAAR,CAFcqB;;kBAKUM,cAAAA,CAAS,KAATA;MAAnBC,KAAP;MAAcC,QAAd;;MACMC,WAAW,GAAGb,iBAAAA,CAClB,UAACc,OAAD;QACM5B,UAAU;AACd0B,IAAAA,QAAQ,CAACE,OAAD,CAARF;AAH2B,GAAXZ,EAKlB,CAACd,QAAD,CALkBc;MAQde,QAAQ,GAAGZ,OAAO,CAACa;;MAEnBC,iBAAiB,GAAGhC,SAAS,IAAI8B,QAAQ,GAAG,CAAxB9B,IAA6B,CAACC;MAClDgC,YAAY,GAAG,CAAClC,IAAD,IAAS+B,QAAQ,GAAG;;mBAETL,cAAAA,CAAS,KAATA;MAAzBS,QAAP;MAAiBC,WAAjB;;AAEAC,EAAAA,+BAAAA,CAAgB1B,WAAhB0B,EAA6B;WAAMD,WAAW,CAAC,KAAD;AAA/B,GAAfC;MAEMC,YAAY,GAAGtB,iBAAAA,CAAY,UAACC,GAAD;AAC/BA,IAAAA,GAAG,CAACC,eAAJD;AACAmB,IAAAA,WAAW,CAAC,IAAD,CAAXA;AAF8B,GAAXpB,EAGlB,EAHkBA;MAKfuB,GAAG,GAAGC,YAAAA,CACVjD,SADUiD,EAEV/C,SAFU+C,EAGVL,QAAQ,GAAM5C,SAAN,eAAA,GAA8BS,IAAI,GAAMT,SAAN,WAAA,GAA6BA,SAA7B,aAHhCiD;sBAOVC,yBAAAA,cAAAA,MAAAA;AACEnD,IAAAA,GAAG,EAAEoD,yBAAAA,CAAapD,GAAboD,EAAkB/B,WAAlB+B;AACLlD,IAAAA,IAAI,EAAEA;AACNC,IAAAA,SAAS,EAAE8C;AACXjC,IAAAA,WAAW,EAAE,oBAAA,CAACW,GAAD;AACXY,MAAAA,WAAW,CAAC,IAAD,CAAXA;AACAvB,MAAAA,YAAW,SAAXA,IAAAA,YAAW,WAAXA,SAAAA,GAAAA,YAAW,CAAGW,GAAH,CAAXX;;AAEFC,IAAAA,YAAY,EAAE,qBAAA,CAACU,GAAD;AACZY,MAAAA,WAAW,CAAC,KAAD,CAAXA;AACAtB,MAAAA,aAAY,SAAZA,IAAAA,aAAY,WAAZA,SAAAA,GAAAA,aAAY,CAAGU,GAAH,CAAZV;;KAEEC,KAZNiC,eAcEA,yBAAAA,cAAAA,MAAAA;AAAKhD,IAAAA,SAAS,EAAE+C,YAAAA,CAAMjD,SAAJ,gBAAFiD,EAA8BtC,QAAQ,IAAI,UAA1CsC;AAAuDnC,IAAAA,OAAO,EAAEA;GAAhFoC,EACG7C,KAAK,CAACoC,MAANpC,KAAiB,CAAjBA,gBACC6C,yBAAAA,cAAAA,OAAAA;AAAMhD,IAAAA,SAAS,EAAKF,SAAL;GAAfkD,eACEA,yBAAAA,cAAAA,OAAAA;AAAMhD,IAAAA,SAAS,EAAE+C,YAAAA,CAAMjD,SAAJ,WAAFiD,EAAyBxC,IAAI,IAAOT,SAAP,gBAA7BiD;GAAjBC,EACGtB,OAAO,CAACE,GAARF,CAAY,UAACwB,MAAD;QACLlB,KAAK,GAAGrB,aAAa,GAAGA,aAAa,CAACuC,MAAD,CAAhB,GAA2B;QAChDC,SAAS,GAAG,CAACD,MAAM,CAACzC;wBAExBuC,yBAAAA,cAAAA,OAAAA;AAAMhD,MAAAA,SAAS,EAAKF,SAAL;AAAuBsD,MAAAA,GAAG,EAAEF,MAAM,CAACrB;KAAlDmB,eACEA,yBAAAA,cAAAA,OAAAA;AACEhD,MAAAA,SAAS,EAAKF,SAAL;AACTuD,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAEjC;AAAZ;KAFT2B,EAIGhB,KAAK,KAAK,IAAVA,GAAiBkB,MAAM,CAAClB,KAAxBA,GAAgCA,KAJnCgB,CADFA,EAOGG,SAAS,gBACRH,yBAAAA,cAAAA,OAAAA;AACEhD,MAAAA,SAAS,EAAKF,SAAL;AACTc,MAAAA,OAAO,EAAE,gBAAA,CAACY,GAAD;YACHf,UAAU;AAEde,QAAAA,GAAG,CAACC,eAAJD;YACM+B,SAAS,GAAG,SAAA,CAAIpD,KAAJ,EAAWqD,MAAX,CAAkB,UAAC3B,EAAD;iBAAQA,EAAE,KAAKqB,MAAM,CAACrB;AAAxC,SAAA;AAClBZ,QAAAA,cAAc,CAACsC,SAAD,CAAdtC;;KAPJ+B,eAUEA,yBAAAA,cAAAA,CAACS,mBAADT,MAAAA,CAVFA,CADQ,GAaN,IApBNA;AAJH,GAAAtB,CADHsB,CADFA,CADD7C,gBAkCC6C,yBAAAA,cAAAA,OAAAA;AAAMhD,IAAAA,SAAS,EAAKF,SAAL;GAAfkD,EAA+C3C,WAA/C2C,CAnCJA,EAqCG,CAAC,CAACtC,MAAF,IAAa8B,iBAAiB,IAAIN,KAAlC,IAA4CO,YAA5C,gBACCO,yBAAAA,cAAAA,OAAAA;AAAMhD,IAAAA,SAAS,EAAKF,SAAL;GAAfkD,EACGP,YAAY,gBACXO,yBAAAA,cAAAA,OAAAA;AAAMhD,IAAAA,SAAS,EAAE+C,YAAAA,CAAMjD,SAAJ,iBAAFiD;AAAgCnC,IAAAA,OAAO,EAAEiC;GAA1DG,QACMV,QAAQ,GAAG,EAAXA,GAAgB,KAAhBA,GAAwBA,SAD9BU,CADW,GAITR,iBAAiB,IAAIN,KAArBM,gBACFQ,yBAAAA,cAAAA,OAAAA;AACEhD,IAAAA,SAAS,EAAKF,SAAL;AACTC,IAAAA,IAAI,EAAC;AACL2D,IAAAA,QAAQ,EAAE,CAAC;AACX9C,IAAAA,OAAO,EAAEU;GAJX0B,eAMEA,yBAAAA,cAAAA,CAACW,uBAADX,MAAAA,CANFA,CADER,GASA,IAdNQ,EAeGtC,MAfHsC,CADD,GAkBG,IAvDNA,CAdFA,EAwEG7C,KAAK,CAACoC,MAANpC,KAAiB,CAAjBA,IAAsBuC,QAAtBvC,gBACC6C,yBAAAA,cAAAA,MAAAA;AAAKhD,IAAAA,SAAS,EAAKF,SAAL;GAAdkD,eACEA,yBAAAA,cAAAA,OAAAA;AAAMhD,IAAAA,SAAS,EAAE+C,YAAAA,CAAMjD,SAAJ,YAAFiD;GAAjBC,eACEA,yBAAAA,cAAAA,OAAAA;AAAMhD,IAAAA,SAAS,EAAE+C,YAAAA,CAAMjD,SAAJ,WAAFiD,EAA4BjD,SAA1B,gBAAFiD;GAAjBC,EACGtB,OAAO,CAACE,GAARF,CAAY,UAACwB,MAAD;QACLlB,KAAK,GAAGrB,aAAa,GAAGA,aAAa,CAACuC,MAAD,CAAhB,GAA2B;QAChDC,SAAS,GAAG,CAACD,MAAM,CAACzC;wBAGxBuC,yBAAAA,cAAAA,OAAAA;AAAMhD,MAAAA,SAAS,EAAKF,SAAL;AAAuBsD,MAAAA,GAAG,EAAEF,MAAM,CAACrB;KAAlDmB,eACEA,yBAAAA,cAAAA,OAAAA;AACEhD,MAAAA,SAAS,EAAKF,SAAL;AACTuD,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAEjC;AAAZ;KAFT2B,EAIGhB,KAAK,KAAK,IAAVA,GAAiBkB,MAAM,CAAClB,KAAxBA,GAAgCA,KAJnCgB,CADFA,EAOGG,SAAS,gBACRH,yBAAAA,cAAAA,OAAAA;AACEhD,MAAAA,SAAS,EAAKF,SAAL;AACTc,MAAAA,OAAO,EAAE,gBAAA,CAACY,GAAD;YACHf,UAAU;AAEde,QAAAA,GAAG,CAACC,eAAJD;YACM+B,SAAS,GAAG,SAAA,CAAIpD,KAAJ,EAAWqD,MAAX,CAAkB,UAAC3B,EAAD;iBAAQA,EAAE,KAAKqB,MAAM,CAACrB;AAAxC,SAAA;AAClBZ,QAAAA,cAAc,CAACsC,SAAD,CAAdtC;;KAPJ+B,eAUEA,yBAAAA,cAAAA,CAACS,mBAADT,MAAAA,CAVFA,CADQ,GAaN,IApBNA;AALH,GAAAtB,CADHsB,CADFA,CADFA,EAkCGR,iBAAiB,gBAChBQ,yBAAAA,cAAAA,OAAAA;AAAMhD,IAAAA,SAAS,EAAKF,SAAL;GAAfkD,eACEA,yBAAAA,cAAAA,OAAAA;AACEhD,IAAAA,SAAS,EAAKF,SAAL;AACTC,IAAAA,IAAI,EAAC;AACL2D,IAAAA,QAAQ,EAAE,CAAC;AACX9C,IAAAA,OAAO,EAAEU;GAJX0B,eAMEA,yBAAAA,cAAAA,CAACW,uBAADX,MAAAA,CANFA,CADFA,CADgB,GAWd,IA7CNA,CADD7C,GAgDG,IAxHN6C;AAxE4B,CAAVrD;;AAiPxB,IAAIiE,WAAJ,EAAa;AACXlE,EAAAA,QAAQ,CAACmE,WAATnE,GAAuB,UAAvBA;;;"}

package/lib/cjs/index.js

@@ -0,0 +1,22 @@
+/** @LICENSE
+ * @hi-ui/tag-input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+require('./styles/index.scss.js');
+
+var TagInput = require('./TagInput.js');
+
+exports.TagInput = TagInput.TagInput;
+exports["default"] = TagInput.TagInput;
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/styles/index.scss.js

@@ -0,0 +1,22 @@
+/** @LICENSE
+ * @hi-ui/tag-input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".hi-v4-tag-input {\n  position: relative;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1; }\n  .hi-v4-tag-input__container {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    width: 100%;\n    min-width: 160px;\n    font-size: 14px;\n    vertical-align: middle;\n    color: var(--color-black);\n    border: 1px solid transparent;\n    background-color: var(--color-white);\n    -webkit-transition: all 0.3s;\n    transition: all 0.3s;\n    padding: 4px 10px;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    min-height: 32px;\n    overflow: hidden;\n    border-color: var(--color-gray-30);\n    border-radius: 4px; }\n  .hi-v4-tag-input__container:not(.disabled):hover {\n      border-color: var(--color-primary); }\n  .hi-v4-tag-input__container:not(.disabled).focused {\n      border-color: var(--color-primary); }\n  .hi-v4-tag-input__container.disabled {\n      cursor: not-allowed;\n      color: var(--color-gray-50);\n      background-color: var(--color-gray-10); }\n  .hi-v4-tag-input__placeholder {\n    color: var(--color-gray-50); }\n  .hi-v4-tag-input__suffix {\n    font-size: 16px;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center; }\n  .hi-v4-tag-input__clear {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    width: 16px;\n    height: 16px;\n    font-size: 14px;\n    color: var(--color-gray-50);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    cursor: pointer;\n    -webkit-transition: all 0.3s;\n    transition: all 0.3s; }\n  .hi-v4-tag-input__clear:hover {\n      color: var(--color-black); }\n  .hi-v4-tag-input__value {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    width: 100%;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    height: 22px;\n    line-height: 22px; }\n  .hi-v4-tag-input__tags {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 1 auto;\n            flex: 0 1 auto;\n    display: inline-block;\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    white-space: nowrap;\n    height: 100%;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    margin-top: -4px; }\n  .hi-v4-tag-input__tag, .hi-v4-tag-input__tag--left {\n    display: inline-block;\n    margin-right: 4px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    padding: 0 8px;\n    vertical-align: middle;\n    font-size: 12px;\n    color: #333;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    background: #f2f2f2;\n    border-radius: 4px; }\n  .hi-v4-tag-input__tag--total {\n    display: inline-block;\n    margin-right: 6px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    padding: 0 8px;\n    vertical-align: middle;\n    font-size: 12px;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    background-color: var(--color-primary-20);\n    color: var(--color-primary);\n    border-radius: 4px;\n    line-height: 22px;\n    cursor: pointer; }\n  .hi-v4-tag-input__tag {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center; }\n  .hi-v4-tag-input__tag-content {\n      display: inline-block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box; }\n  .hi-v4-tag-input__tag-closed {\n      margin-left: 8px;\n      font-size: 12px;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      color: #8e8e8e;\n      cursor: pointer; }\n  .disabled .hi-v4-tag-input__tag-closed {\n        cursor: not-allowed; }\n  .hi-v4-tag-input__tag--left {\n      margin: 0;\n      max-width: 54px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      vertical-align: middle; }\n  .hi-v4-tag-input--nowrap .hi-v4-tag-input__value {\n    width: calc(100% - 64px);\n    overflow-x: hidden; }\n  .hi-v4-tag-input--wrap .hi-v4-tag-input__value {\n    height: auto; }\n  .hi-v4-tag-input--wrap .hi-v4-tag-input__tags {\n    white-space: normal;\n    margin-top: -4px; }\n  .hi-v4-tag-input--wrap .hi-v4-tag-input__tag {\n    margin-top: 4px; }\n  .hi-v4-tag-input--expanded {\n    position: relative; }\n  .hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: auto;\n      z-index: 1;\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      width: 100%;\n      min-width: 160px;\n      font-size: 14px;\n      vertical-align: middle;\n      color: var(--color-black);\n      border: 1px solid transparent;\n      background-color: var(--color-white);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s;\n      padding: 3px 0;\n      display: -webkit-inline-box;\n      display: -ms-inline-flexbox;\n      display: inline-flex;\n      -webkit-box-pack: justify;\n          -ms-flex-pack: justify;\n              justify-content: space-between;\n      -webkit-box-align: start;\n          -ms-flex-align: start;\n              align-items: flex-start;\n      min-height: 32px;\n      overflow: hidden;\n      border-radius: 4px;\n      border-color: var(--color-primary); }\n  .hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__value {\n        height: -webkit-fit-content;\n        height: -moz-fit-content;\n        height: fit-content;\n        max-height: 74px;\n        -webkit-box-align: stretch;\n            -ms-flex-align: stretch;\n                align-items: stretch;\n        overflow: scroll;\n        padding-left: 10px; }\n  .hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tags {\n        white-space: normal;\n        margin-top: -4px; }\n  .hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tag {\n        margin-top: 4px; }\n  .hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__suffix {\n        -webkit-box-align: start;\n            -ms-flex-align: start;\n                align-items: flex-start;\n        padding: 4px 10px 4px 0;\n        position: sticky;\n        top: 0; }\n";
+
+var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+
+__styleInject__(css_248z);
+
+exports["default"] = css_248z;
+//# sourceMappingURL=index.scss.js.map

package/lib/cjs/styles/index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/use-tag-input.js

@@ -0,0 +1,58 @@
+/** @LICENSE
+ * @hi-ui/tag-input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var index = require('./utils/index.js');
+
+var TAG_MARGIN_RIGHT = 4; // 留给显示剩余选项的宽度：suffix + paddingLeft + paddingRight + leftCountTag (16 + 10 + + 10 + 54)
+
+var LEFT_SPACE_WIDTH = 100 + TAG_MARGIN_RIGHT;
+
+var useTagInput = function useTagInput(tags, ref) {
+  var inputWidth = useResizeWidth(ref);
+  var tagMaxWidth = inputWidth ? inputWidth - (LEFT_SPACE_WIDTH + 1) : undefined;
+  return [tagMaxWidth];
+};
+
+var useResizeWidth = function useResizeWidth(ref) {
+  var _useState = React.useState(0),
+      width = _useState[0],
+      setWidth = _useState[1];
+
+  var tryUpdateWidth = React.useCallback(function () {
+    var _a;
+
+    var nextWidth = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
+    setWidth(function (prev) {
+      return nextWidth || prev || 0;
+    });
+  }, [ref]);
+  React.useLayoutEffect(function () {
+    // init with resize
+    tryUpdateWidth();
+    var debouncedResize = index.debounce(tryUpdateWidth, 60);
+    window.addEventListener('resize', debouncedResize);
+    return function () {
+      window.removeEventListener('resize', debouncedResize);
+      debouncedResize.cancel();
+    };
+  }, [tryUpdateWidth]);
+  return width;
+};
+
+exports.useResizeWidth = useResizeWidth;
+exports.useTagInput = useTagInput;
+//# sourceMappingURL=use-tag-input.js.map

package/lib/cjs/use-tag-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tag-input.js","sources":["../../src/use-tag-input.ts"],"sourcesContent":[null],"names":["TAG_MARGIN_RIGHT","LEFT_SPACE_WIDTH","useTagInput","tags","ref","inputWidth","useResizeWidth","tagMaxWidth","undefined","useState","width","setWidth","tryUpdateWidth","useCallback","nextWidth","current","getBoundingClientRect","prev","useLayoutEffect","debouncedResize","debounce","window","addEventListener","removeEventListener","cancel"],"mappings":";;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAG,CAAzB;;AAEA,IAAMC,gBAAgB,GAAG,MAAMD,gBAA/B;;IAEaE,WAAW,GAAG,SAAdA,WAAc,CAAIC,IAAJ,EAAeC,GAAf;MACnBC,UAAU,GAAGC,cAAc,CAACF,GAAD;MAC3BG,WAAW,GAAGF,UAAU,GAAGA,UAAU,IAAIJ,gBAAgB,GAAG,CAAvB,CAAb,GAAyCO;SAEhE,CAACD,WAAD;;;IAGID,cAAc,GAAG,SAAjBA,cAAiB,CAAoBF,GAApB;kBACFK,cAAAA,CAAS,CAATA;MAAnBC,KAAP;MAAcC,QAAd;;MAEMC,cAAc,GAAGC,iBAAAA,CAAY;;;QAC3BC,SAAS,GAAG,MAAAV,GAAG,CAACW,OAAJ,UAAA,iBAAA,SAAA,MAAaC,wBAAwBN;AACvDC,IAAAA,QAAQ,CAAC,UAACM,IAAD;aAAUH,SAAS,IAAIG,IAAbH,IAAqB;AAAhC,KAAA,CAARH;AAFgC,GAAXE,EAGpB,CAACT,GAAD,CAHoBS;AAKvBK,EAAAA,qBAAAA,CAAgB;;AAEdN,IAAAA,cAAc;QACRO,eAAe,GAAGC,cAAAA,CAASR,cAATQ,EAAyB,EAAzBA;AACxBC,IAAAA,MAAM,CAACC,gBAAPD,CAAwB,QAAxBA,EAAkCF,eAAlCE;WACO;AACLA,MAAAA,MAAM,CAACE,mBAAPF,CAA2B,QAA3BA,EAAqCF,eAArCE;AACAF,MAAAA,eAAe,CAACK,MAAhBL;AAFF;AALa,GAAfD,EASG,CAACN,cAAD,CATHM;SAWOR;;;;"}

package/lib/cjs/utils/index.js

@@ -0,0 +1,52 @@
+/** @LICENSE
+ * @hi-ui/tag-input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var debounce = function debounce(func, delay) {
+  if (delay === void 0) {
+    delay = 150;
+  }
+
+  var timer = 0;
+
+  var cancel = function cancel() {
+    if (timer) {
+      window.clearTimeout(timer);
+      timer = 0;
+    }
+  };
+
+  var debounceFn = function debounceFn() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    if (timer) {
+      cancel();
+    }
+
+    if (func) {
+      timer = window.setTimeout(function () {
+        func.apply(null, args);
+        timer = 0;
+      }, delay);
+    }
+  };
+
+  debounceFn.cancel = cancel;
+  return debounceFn;
+};
+
+exports.debounce = debounce;
+//# sourceMappingURL=index.js.map

package/lib/cjs/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":[null],"names":["debounce","func","delay","timer","cancel","window","clearTimeout","debounceFn","args","setTimeout","apply"],"mappings":";;;;;;;;;;;;;;;IAAaA,QAAQ,GAAG,SAAXA,QAAW,CAAqCC,IAArC,EAA+CC,KAA/C;MAA+CA;AAAAA,IAAAA,QAAQ,GAARA;;;MACjEC,KAAK,GAAG;;MAENC,MAAM,GAAG,SAATA,MAAS;QACTD,OAAO;AACTE,MAAAA,MAAM,CAACC,YAAPD,CAAoBF,KAApBE;AACAF,MAAAA,KAAK,GAAG,CAARA;;AAHJ;;MAOMI,UAAU,GAAG,SAAbA,UAAa;sCAAIC;AAAAA,MAAAA,UAAAA,kBAAAA;;;QACjBL,OAAO;AACTC,MAAAA,MAAM;;;QAGJH,MAAM;AACRE,MAAAA,KAAK,GAAGE,MAAM,CAACI,UAAPJ,CAAkB;AACxBJ,QAAAA,IAAI,CAACS,KAALT,CAAW,IAAXA,EAAiBO,IAAjBP;AACAE,QAAAA,KAAK,GAAG,CAARA;AAFM,OAAAE,EAGLH,KAHKG,CAARF;;AANJ;;AAaAI,EAAAA,UAAU,CAACH,MAAXG,GAAoBH,MAApBG;SAEOA;;;"}

package/lib/esm/TagInput.js

@@ -0,0 +1,200 @@
+/** @LICENSE
+ * @hi-ui/tag-input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React, { forwardRef, useRef, useCallback, useMemo, useState } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
+import { CloseOutlined, CloseCircleFilled } from '@hi-ui/icons';
+import { useMergeRefs } from '@hi-ui/use-merge-refs';
+import { useTagInput } from './use-tag-input.js';
+import { useOutsideClick } from '@hi-ui/use-outside-click';
+var _role = 'tag-input';
+
+var _prefix = getPrefixCls(_role);
+
+var NOOP_ARRAY = [];
+/**
+ * TODO: What is TagInput
+ */
+
+var TagInput = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+      _a$role = _a.role,
+      role = _a$role === void 0 ? _role : _a$role,
+      className = _a.className,
+      _a$defaultValue = _a.defaultValue,
+      defaultValue = _a$defaultValue === void 0 ? NOOP_ARRAY : _a$defaultValue,
+      valueProp = _a.value,
+      onChange = _a.onChange,
+      placeholder = _a.placeholder,
+      _a$data = _a.data,
+      data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
+      _a$wrap = _a.wrap,
+      wrap = _a$wrap === void 0 ? true : _a$wrap,
+      _a$clearable = _a.clearable,
+      clearable = _a$clearable === void 0 ? false : _a$clearable,
+      _a$disabled = _a.disabled,
+      disabled = _a$disabled === void 0 ? false : _a$disabled,
+      suffix = _a.suffix,
+      displayRender = _a.displayRender,
+      onClick = _a.onClick,
+      _onMouseOver = _a.onMouseOver,
+      _onMouseLeave = _a.onMouseLeave,
+      rest = __rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "wrap", "clearable", "disabled", "suffix", "displayRender", "onClick", "onMouseOver", "onMouseLeave"]);
+
+  var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChange),
+      value = _useUncontrolledState[0],
+      tryChangeValue = _useUncontrolledState[1];
+
+  var tagInputRef = useRef(null);
+
+  var _useTagInput = useTagInput(data, tagInputRef),
+      tagMaxWidth = _useTagInput[0];
+
+  var handleClear = useCallback(function (evt) {
+    if (disabled) return;
+    evt.stopPropagation();
+    tryChangeValue(NOOP_ARRAY);
+  }, [tryChangeValue, disabled]);
+  var tagList = useMemo(function () {
+    return value.map(function (id) {
+      return data.find(function (item) {
+        return item.id === id;
+      }) || {
+        id: id,
+        title: id
+      };
+    });
+  }, [value, data]);
+
+  var _useState = useState(false),
+      hover = _useState[0],
+      setHover = _useState[1];
+
+  var trySetHover = useCallback(function (hovered) {
+    if (disabled) return;
+    setHover(hovered);
+  }, [disabled]);
+  var tagCount = tagList.length; // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
+
+  var showClearableIcon = clearable && tagCount > 0 && !disabled;
+  var showTagCount = !wrap && tagCount > 0;
+
+  var _useState2 = useState(false),
+      expanded = _useState2[0],
+      setExpanded = _useState2[1];
+
+  useOutsideClick(tagInputRef, function () {
+    return setExpanded(false);
+  });
+  var handleExpand = useCallback(function (evt) {
+    evt.stopPropagation();
+    setExpanded(true);
+  }, []);
+  var cls = cx(prefixCls, className, expanded ? prefixCls + "--expanded" : wrap ? prefixCls + "--wrap" : prefixCls + "--nowrap");
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: useMergeRefs(ref, tagInputRef),
+    role: role,
+    className: cls,
+    onMouseOver: function onMouseOver(evt) {
+      trySetHover(true);
+      _onMouseOver === null || _onMouseOver === void 0 ? void 0 : _onMouseOver(evt);
+    },
+    onMouseLeave: function onMouseLeave(evt) {
+      trySetHover(false);
+      _onMouseLeave === null || _onMouseLeave === void 0 ? void 0 : _onMouseLeave(evt);
+    }
+  }, rest), /*#__PURE__*/React.createElement("div", {
+    className: cx(prefixCls + "__container", disabled && 'disabled'),
+    onClick: onClick
+  }, value.length !== 0 ? /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "__value"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: cx(prefixCls + "__tags", wrap && prefixCls + "__tags--all")
+  }, tagList.map(function (option) {
+    var title = displayRender ? displayRender(option) : true;
+    var closeable = !option.disabled;
+    return /*#__PURE__*/React.createElement("span", {
+      className: prefixCls + "__tag",
+      key: option.id
+    }, /*#__PURE__*/React.createElement("span", {
+      className: prefixCls + "__tag-content",
+      style: {
+        maxWidth: tagMaxWidth
+      }
+    }, title === true ? option.title : title), closeable ? /*#__PURE__*/React.createElement("span", {
+      className: prefixCls + "__tag-closed",
+      onClick: function onClick(evt) {
+        if (disabled) return;
+        evt.stopPropagation();
+        var nextValue = [].concat(value).filter(function (id) {
+          return id !== option.id;
+        });
+        tryChangeValue(nextValue);
+      }
+    }, /*#__PURE__*/React.createElement(CloseOutlined, null)) : null);
+  }))) : /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "__placeholder"
+  }, placeholder), !!suffix || showClearableIcon && hover || showTagCount ? /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "__suffix"
+  }, showTagCount ? /*#__PURE__*/React.createElement("span", {
+    className: cx(prefixCls + "__tag--total"),
+    onClick: handleExpand
+  }, "" + (tagCount > 99 ? '+99' : tagCount)) : showClearableIcon && hover ? /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "__clear",
+    role: "button",
+    tabIndex: -1,
+    onClick: handleClear
+  }, /*#__PURE__*/React.createElement(CloseCircleFilled, null)) : null, suffix) : null), value.length !== 0 && expanded ? /*#__PURE__*/React.createElement("div", {
+    className: prefixCls + "__container__expand"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: cx(prefixCls + "__value")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: cx(prefixCls + "__tags", prefixCls + "__tags--all")
+  }, tagList.map(function (option) {
+    var title = displayRender ? displayRender(option) : true;
+    var closeable = !option.disabled;
+    return /*#__PURE__*/React.createElement("span", {
+      className: prefixCls + "__tag",
+      key: option.id
+    }, /*#__PURE__*/React.createElement("span", {
+      className: prefixCls + "__tag-content",
+      style: {
+        maxWidth: tagMaxWidth
+      }
+    }, title === true ? option.title : title), closeable ? /*#__PURE__*/React.createElement("span", {
+      className: prefixCls + "__tag-closed",
+      onClick: function onClick(evt) {
+        if (disabled) return;
+        evt.stopPropagation();
+        var nextValue = [].concat(value).filter(function (id) {
+          return id !== option.id;
+        });
+        tryChangeValue(nextValue);
+      }
+    }, /*#__PURE__*/React.createElement(CloseOutlined, null)) : null);
+  }))), showClearableIcon ? /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "__suffix"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: prefixCls + "__clear",
+    role: "button",
+    tabIndex: -1,
+    onClick: handleClear
+  }, /*#__PURE__*/React.createElement(CloseCircleFilled, null))) : null) : null);
+});
+
+if (__DEV__) {
+  TagInput.displayName = 'TagInput';
+}
+
+export { TagInput };
+//# sourceMappingURL=TagInput.js.map

package/lib/esm/TagInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.js","sources":["../../src/TagInput.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","TagInput","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","placeholder","data","wrap","clearable","disabled","suffix","displayRender","onClick","onMouseOver","onMouseLeave","rest","useUncontrolledState","tryChangeValue","tagInputRef","useRef","useTagInput","tagMaxWidth","handleClear","useCallback","evt","stopPropagation","tagList","useMemo","map","id","find","item","title","useState","hover","setHover","trySetHover","hovered","tagCount","length","showClearableIcon","showTagCount","expanded","setExpanded","useOutsideClick","handleExpand","cls","cx","React","useMergeRefs","option","closeable","key","style","maxWidth","nextValue","filter","CloseOutlined","tabIndex","CloseCircleFilled","__DEV__","displayName"],"mappings":"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"}

package/lib/esm/index.js

@@ -0,0 +1,12 @@
+/** @LICENSE
+ * @hi-ui/tag-input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './styles/index.scss.js';
+export { TagInput, TagInput as default } from './TagInput.js';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/lib/esm/styles/index.scss.js

@@ -0,0 +1,17 @@
+/** @LICENSE
+ * @hi-ui/tag-input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var css_248z = ".hi-v4-tag-input {\n  position: relative;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1; }\n  .hi-v4-tag-input__container {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    width: 100%;\n    min-width: 160px;\n    font-size: 14px;\n    vertical-align: middle;\n    color: var(--color-black);\n    border: 1px solid transparent;\n    background-color: var(--color-white);\n    -webkit-transition: all 0.3s;\n    transition: all 0.3s;\n    padding: 4px 10px;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    min-height: 32px;\n    overflow: hidden;\n    border-color: var(--color-gray-30);\n    border-radius: 4px; }\n  .hi-v4-tag-input__container:not(.disabled):hover {\n      border-color: var(--color-primary); }\n  .hi-v4-tag-input__container:not(.disabled).focused {\n      border-color: var(--color-primary); }\n  .hi-v4-tag-input__container.disabled {\n      cursor: not-allowed;\n      color: var(--color-gray-50);\n      background-color: var(--color-gray-10); }\n  .hi-v4-tag-input__placeholder {\n    color: var(--color-gray-50); }\n  .hi-v4-tag-input__suffix {\n    font-size: 16px;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center; }\n  .hi-v4-tag-input__clear {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    width: 16px;\n    height: 16px;\n    font-size: 14px;\n    color: var(--color-gray-50);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    cursor: pointer;\n    -webkit-transition: all 0.3s;\n    transition: all 0.3s; }\n  .hi-v4-tag-input__clear:hover {\n      color: var(--color-black); }\n  .hi-v4-tag-input__value {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    width: 100%;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    height: 22px;\n    line-height: 22px; }\n  .hi-v4-tag-input__tags {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 1 auto;\n            flex: 0 1 auto;\n    display: inline-block;\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    white-space: nowrap;\n    height: 100%;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    margin-top: -4px; }\n  .hi-v4-tag-input__tag, .hi-v4-tag-input__tag--left {\n    display: inline-block;\n    margin-right: 4px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    padding: 0 8px;\n    vertical-align: middle;\n    font-size: 12px;\n    color: #333;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    background: #f2f2f2;\n    border-radius: 4px; }\n  .hi-v4-tag-input__tag--total {\n    display: inline-block;\n    margin-right: 6px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    padding: 0 8px;\n    vertical-align: middle;\n    font-size: 12px;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    background-color: var(--color-primary-20);\n    color: var(--color-primary);\n    border-radius: 4px;\n    line-height: 22px;\n    cursor: pointer; }\n  .hi-v4-tag-input__tag {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center; }\n  .hi-v4-tag-input__tag-content {\n      display: inline-block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box; }\n  .hi-v4-tag-input__tag-closed {\n      margin-left: 8px;\n      font-size: 12px;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      color: #8e8e8e;\n      cursor: pointer; }\n  .disabled .hi-v4-tag-input__tag-closed {\n        cursor: not-allowed; }\n  .hi-v4-tag-input__tag--left {\n      margin: 0;\n      max-width: 54px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      vertical-align: middle; }\n  .hi-v4-tag-input--nowrap .hi-v4-tag-input__value {\n    width: calc(100% - 64px);\n    overflow-x: hidden; }\n  .hi-v4-tag-input--wrap .hi-v4-tag-input__value {\n    height: auto; }\n  .hi-v4-tag-input--wrap .hi-v4-tag-input__tags {\n    white-space: normal;\n    margin-top: -4px; }\n  .hi-v4-tag-input--wrap .hi-v4-tag-input__tag {\n    margin-top: 4px; }\n  .hi-v4-tag-input--expanded {\n    position: relative; }\n  .hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: auto;\n      z-index: 1;\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      width: 100%;\n      min-width: 160px;\n      font-size: 14px;\n      vertical-align: middle;\n      color: var(--color-black);\n      border: 1px solid transparent;\n      background-color: var(--color-white);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s;\n      padding: 3px 0;\n      display: -webkit-inline-box;\n      display: -ms-inline-flexbox;\n      display: inline-flex;\n      -webkit-box-pack: justify;\n          -ms-flex-pack: justify;\n              justify-content: space-between;\n      -webkit-box-align: start;\n          -ms-flex-align: start;\n              align-items: flex-start;\n      min-height: 32px;\n      overflow: hidden;\n      border-radius: 4px;\n      border-color: var(--color-primary); }\n  .hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__value {\n        height: -webkit-fit-content;\n        height: -moz-fit-content;\n        height: fit-content;\n        max-height: 74px;\n        -webkit-box-align: stretch;\n            -ms-flex-align: stretch;\n                align-items: stretch;\n        overflow: scroll;\n        padding-left: 10px; }\n  .hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tags {\n        white-space: normal;\n        margin-top: -4px; }\n  .hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__tag {\n        margin-top: 4px; }\n  .hi-v4-tag-input--expanded .hi-v4-tag-input__container__expand .hi-v4-tag-input__suffix {\n        -webkit-box-align: start;\n            -ms-flex-align: start;\n                align-items: flex-start;\n        padding: 4px 10px 4px 0;\n        position: sticky;\n        top: 0; }\n";
+
+var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+
+__styleInject__(css_248z);
+
+export default css_248z;
+//# sourceMappingURL=index.scss.js.map

package/lib/esm/styles/index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/lib/esm/use-tag-input.js

@@ -0,0 +1,49 @@
+/** @LICENSE
+ * @hi-ui/tag-input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useState, useCallback, useLayoutEffect } from 'react';
+import { debounce } from './utils/index.js';
+var TAG_MARGIN_RIGHT = 4; // 留给显示剩余选项的宽度：suffix + paddingLeft + paddingRight + leftCountTag (16 + 10 + + 10 + 54)
+
+var LEFT_SPACE_WIDTH = 100 + TAG_MARGIN_RIGHT;
+
+var useTagInput = function useTagInput(tags, ref) {
+  var inputWidth = useResizeWidth(ref);
+  var tagMaxWidth = inputWidth ? inputWidth - (LEFT_SPACE_WIDTH + 1) : undefined;
+  return [tagMaxWidth];
+};
+
+var useResizeWidth = function useResizeWidth(ref) {
+  var _useState = useState(0),
+      width = _useState[0],
+      setWidth = _useState[1];
+
+  var tryUpdateWidth = useCallback(function () {
+    var _a;
+
+    var nextWidth = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
+    setWidth(function (prev) {
+      return nextWidth || prev || 0;
+    });
+  }, [ref]);
+  useLayoutEffect(function () {
+    // init with resize
+    tryUpdateWidth();
+    var debouncedResize = debounce(tryUpdateWidth, 60);
+    window.addEventListener('resize', debouncedResize);
+    return function () {
+      window.removeEventListener('resize', debouncedResize);
+      debouncedResize.cancel();
+    };
+  }, [tryUpdateWidth]);
+  return width;
+};
+
+export { useResizeWidth, useTagInput };
+//# sourceMappingURL=use-tag-input.js.map

package/lib/esm/use-tag-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tag-input.js","sources":["../../src/use-tag-input.ts"],"sourcesContent":[null],"names":["TAG_MARGIN_RIGHT","LEFT_SPACE_WIDTH","useTagInput","tags","ref","inputWidth","useResizeWidth","tagMaxWidth","undefined","useState","width","setWidth","tryUpdateWidth","useCallback","nextWidth","current","getBoundingClientRect","prev","useLayoutEffect","debouncedResize","debounce","window","addEventListener","removeEventListener","cancel"],"mappings":";;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAG,CAAzB;;AAEA,IAAMC,gBAAgB,GAAG,MAAMD,gBAA/B;;IAEaE,WAAW,GAAG,SAAdA,WAAc,CAAIC,IAAJ,EAAeC,GAAf;MACnBC,UAAU,GAAGC,cAAc,CAACF,GAAD;MAC3BG,WAAW,GAAGF,UAAU,GAAGA,UAAU,IAAIJ,gBAAgB,GAAG,CAAvB,CAAb,GAAyCO;SAEhE,CAACD,WAAD;;;IAGID,cAAc,GAAG,SAAjBA,cAAiB,CAAoBF,GAApB;kBACFK,QAAQ,CAAC,CAAD;MAA3BC,KAAP;MAAcC,QAAd;;MAEMC,cAAc,GAAGC,WAAW,CAAC;;;QAC3BC,SAAS,GAAG,MAAAV,GAAG,CAACW,OAAJ,UAAA,iBAAA,SAAA,MAAaC,wBAAwBN;AACvDC,IAAAA,QAAQ,CAAC,UAACM,IAAD;aAAUH,SAAS,IAAIG,IAAbH,IAAqB;AAAhC,KAAA,CAARH;AAFgC,GAAA,EAG/B,CAACP,GAAD,CAH+B;AAKlCc,EAAAA,eAAe,CAAC;;AAEdN,IAAAA,cAAc;QACRO,eAAe,GAAGC,QAAQ,CAACR,cAAD,EAAiB,EAAjB;AAChCS,IAAAA,MAAM,CAACC,gBAAPD,CAAwB,QAAxBA,EAAkCF,eAAlCE;WACO;AACLA,MAAAA,MAAM,CAACE,mBAAPF,CAA2B,QAA3BA,EAAqCF,eAArCE;AACAF,MAAAA,eAAe,CAACK,MAAhBL;AAFF;AALa,GAAA,EASZ,CAACP,cAAD,CATY,CAAfM;SAWOR;;;"}

package/lib/esm/utils/index.js

@@ -0,0 +1,46 @@
+/** @LICENSE
+ * @hi-ui/tag-input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var debounce = function debounce(func, delay) {
+  if (delay === void 0) {
+    delay = 150;
+  }
+
+  var timer = 0;
+
+  var cancel = function cancel() {
+    if (timer) {
+      window.clearTimeout(timer);
+      timer = 0;
+    }
+  };
+
+  var debounceFn = function debounceFn() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    if (timer) {
+      cancel();
+    }
+
+    if (func) {
+      timer = window.setTimeout(function () {
+        func.apply(null, args);
+        timer = 0;
+      }, delay);
+    }
+  };
+
+  debounceFn.cancel = cancel;
+  return debounceFn;
+};
+
+export { debounce };
+//# sourceMappingURL=index.js.map

package/lib/esm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":[null],"names":["debounce","func","delay","timer","cancel","window","clearTimeout","debounceFn","args","setTimeout","apply"],"mappings":";;;;;;;;;IAAaA,QAAQ,GAAG,SAAXA,QAAW,CAAqCC,IAArC,EAA+CC,KAA/C;MAA+CA;AAAAA,IAAAA,QAAQ,GAARA;;;MACjEC,KAAK,GAAG;;MAENC,MAAM,GAAG,SAATA,MAAS;QACTD,OAAO;AACTE,MAAAA,MAAM,CAACC,YAAPD,CAAoBF,KAApBE;AACAF,MAAAA,KAAK,GAAG,CAARA;;AAHJ;;MAOMI,UAAU,GAAG,SAAbA,UAAa;sCAAIC;AAAAA,MAAAA,UAAAA,kBAAAA;;;QACjBL,OAAO;AACTC,MAAAA,MAAM;;;QAGJH,MAAM;AACRE,MAAAA,KAAK,GAAGE,MAAM,CAACI,UAAPJ,CAAkB;AACxBJ,QAAAA,IAAI,CAACS,KAALT,CAAW,IAAXA,EAAiBO,IAAjBP;AACAE,QAAAA,KAAK,GAAG,CAARA;AAFM,OAAAE,EAGLH,KAHKG,CAARF;;AANJ;;AAaAI,EAAAA,UAAU,CAACH,MAAXG,GAAoBH,MAApBG;SAEOA;;;"}

package/lib/types/TagInput.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { TagInputOption } from './types';
+import { HiBaseHTMLProps } from '@hi-ui/core';
+/**
+ * TODO: What is TagInput
+ */
+export declare const TagInput: React.ForwardRefExoticComponent<Pick<TagInputProps, string | number> & React.RefAttributes<HTMLDivElement | null>>;
+export interface TagInputProps extends HiBaseHTMLProps {
+    /**
+     * 设置当前多选值
+     */
+    value?: React.ReactText[];
+    /**
+     * 设置当前多选值默认值
+     */
+    defaultValue?: React.ReactText[];
+    /**
+     * 多选值改变时的回调
+     */
+    onChange?: (values: React.ReactText[]) => void;
+    /**
+     * 是否可清空	boolean	true | false	true
+     */
+    clearable?: boolean;
+    /**
+     * 是否禁止使用	boolean	true | false	false
+     */
+    disabled?: boolean;
+    /**
+     * 自定义选择后触发器所展示的内容
+     */
+    displayRender?: (checkedOption: TagInputOption) => React.ReactNode;
+    /**
+     * 输入框占位符
+     */
+    placeholder?: string;
+    /**
+     * 是否开启换行全展示
+     */
+    wrap?: boolean;
+    /**
+     * 输入框后置内容
+     */
+    suffix?: React.ReactNode;
+    /**
+     * tag 列表数据源
+     */
+    data?: TagInputOption[];
+}

package/lib/types/index.d.ts

@@ -0,0 +1,3 @@
+import './styles/index.scss';
+export * from './TagInput';
+export { TagInput as default } from './TagInput';

package/lib/types/types.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface TagInputOption {
+    id: React.ReactText;
+    title?: React.ReactNode;
+    disabled?: boolean;
+}

package/lib/types/use-tag-input.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const useTagInput: <T>(tags: T[], ref: React.MutableRefObject<HTMLDivElement | null>) => readonly [number | undefined];
+export declare const useResizeWidth: <T extends Element>(ref: React.MutableRefObject<T | null>) => number;

package/lib/types/utils/index.d.ts

@@ -0,0 +1,3 @@
+export declare const debounce: <T extends (...args: any[]) => void>(func?: T | undefined, delay?: number) => T & {
+    cancel: () => void;
+};

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@hi-ui/tag-input",
+  "version": "4.0.0-alpha.1",
+  "description": "A sub-package for @hi-ui/hiui.",
+  "keywords": [],
+  "author": "HIUI <mi-hiui@xiaomi.com>",
+  "homepage": "https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme",
+  "license": "MIT",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "lib"
+  ],
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "types": "lib/types/index.d.ts",
+  "typings": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./lib/cjs/index.js",
+      "default": "./lib/esm/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XiaoMi/hiui.git"
+  },
+  "scripts": {
+    "test": "jest",
+    "clean": "rimraf lib",
+    "prebuild": "yarn clean",
+    "build:esm": "hi-build ./src/index.ts --format esm -d ./lib/esm",
+    "build:cjs": "hi-build ./src/index.ts --format cjs -d ./lib/cjs",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib/types",
+    "build": "concurrently yarn:build:*"
+  },
+  "bugs": {
+    "url": "https://github.com/XiaoMi/hiui/issues"
+  },
+  "dependencies": {
+    "@hi-ui/classname": "^4.0.0-alpha.0",
+    "@hi-ui/core": "^4.0.0-alpha.2",
+    "@hi-ui/core-css": "^4.0.0-alpha.0",
+    "@hi-ui/env": "^4.0.0-alpha.0",
+    "@hi-ui/icons": "^4.0.0-alpha.8",
+    "@hi-ui/use-merge-refs": "^4.0.0-alpha.2",
+    "@hi-ui/use-outside-click": "^4.0.0-alpha.4",
+    "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.5"
+  },
+  "peerDependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "devDependencies": {
+    "@hi-ui/hi-build": "^4.0.0-alpha.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "gitHead": "0e89a6d183d2f2c5901a9c2bb7f88b30d5e2b193"
+}