@hi-ui/tag-input 4.0.0-alpha.8 → 4.0.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/lib/cjs/TagInput.js +30 -31
  2. package/lib/cjs/TagInputMock.js +58 -30
  3. package/lib/cjs/index.js +0 -1
  4. package/lib/cjs/styles/index.scss.js +1 -2
  5. package/lib/cjs/use-tag-input.js +2 -3
  6. package/lib/esm/TagInput.js +9 -10
  7. package/lib/esm/TagInputMock.js +46 -18
  8. package/lib/esm/index.js +0 -1
  9. package/lib/esm/styles/index.scss.js +2 -3
  10. package/lib/esm/use-tag-input.js +1 -2
  11. package/lib/types/TagInputMock.d.ts +35 -3
  12. package/package.json +16 -15
  13. package/lib/cjs/TagInput.js.map +0 -1
  14. package/lib/cjs/TagInputMock.js.map +0 -1
  15. package/lib/cjs/index.js.map +0 -1
  16. package/lib/cjs/styles/index.scss.js.map +0 -1
  17. package/lib/cjs/use-tag-input.js.map +0 -1
  18. package/lib/cjs/utils/index.js +0 -52
  19. package/lib/cjs/utils/index.js.map +0 -1
  20. package/lib/esm/TagInput.js.map +0 -1
  21. package/lib/esm/TagInputMock.js.map +0 -1
  22. package/lib/esm/index.js.map +0 -1
  23. package/lib/esm/styles/index.scss.js.map +0 -1
  24. package/lib/esm/use-tag-input.js.map +0 -1
  25. package/lib/esm/utils/index.js +0 -46
  26. package/lib/esm/utils/index.js.map +0 -1
  27. package/lib/types/utils/index.d.ts +0 -3
package/lib/cjs/TagInput.js CHANGED
@@ -68,7 +68,7 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
68
68
  _a$wrap = _a.wrap,
69
69
  wrap = _a$wrap === void 0 ? true : _a$wrap,
70
70
  _a$clearable = _a.clearable,
71
- clearable = _a$clearable === void 0 ? false : _a$clearable,
71
+ clearable = _a$clearable === void 0 ? true : _a$clearable,
72
72
  _a$disabled = _a.disabled,
73
73
  disabled = _a$disabled === void 0 ? false : _a$disabled,
74
74
  suffix = _a.suffix,
@@ -89,12 +89,6 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
89
89
  tagMaxWidth = _useTagInput[0];
90
90
 
91
91
  var onClearLatest = useLatest.useLatestCallback(onClear);
92
- var handleClear = React.useCallback(function (evt) {
93
- if (disabled) return;
94
- evt.stopPropagation();
95
- tryChangeValue(NOOP_ARRAY);
96
- onClearLatest();
97
- }, [tryChangeValue, disabled, onClearLatest]);
98
92
  var tagList = React.useMemo(function () {
99
93
  return value.map(function (id) {
100
94
  return data.find(function (item) {
@@ -105,6 +99,12 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
105
99
  };
106
100
  });
107
101
  }, [value, data]);
102
+ var handleClear = React.useCallback(function (evt) {
103
+ if (disabled) return;
104
+ evt.stopPropagation();
105
+ tryChangeValue(NOOP_ARRAY, tagList, false);
106
+ onClearLatest();
107
+ }, [tryChangeValue, disabled, onClearLatest, tagList]);
108
108
 
109
109
  var _useState = React.useState(false),
110
110
  hover = _useState[0],
@@ -131,7 +131,7 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
131
131
  setExpanded(true);
132
132
  }, []);
133
133
  var cls = classname.cx(prefixCls, className, expanded ? prefixCls + "--expanded" : wrap ? prefixCls + "--wrap" : prefixCls + "--nowrap");
134
- return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
134
+ return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
135
135
  ref: useMergeRefs.useMergeRefs(ref, tagInputRef),
136
136
  role: role,
137
137
  className: cls,
@@ -143,25 +143,25 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
143
143
  trySetHover(false);
144
144
  _onMouseLeave === null || _onMouseLeave === void 0 ? void 0 : _onMouseLeave(evt);
145
145
  }
146
- }, rest), /*#__PURE__*/React__default['default'].createElement("div", {
146
+ }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
147
147
  className: classname.cx(prefixCls + "__container", disabled && 'disabled'),
148
148
  onClick: onClick
149
- }, value.length !== 0 ? /*#__PURE__*/React__default['default'].createElement("span", {
149
+ }, value.length !== 0 ? /*#__PURE__*/React__default["default"].createElement("span", {
150
150
  className: prefixCls + "__value"
151
- }, /*#__PURE__*/React__default['default'].createElement("span", {
151
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
152
152
  className: classname.cx(prefixCls + "__tags", wrap && prefixCls + "__tags--all")
153
153
  }, tagList.map(function (option) {
154
154
  var title = displayRender ? displayRender(option) : true;
155
155
  var closeable = !option.disabled;
156
- return /*#__PURE__*/React__default['default'].createElement("span", {
156
+ return /*#__PURE__*/React__default["default"].createElement("span", {
157
157
  className: prefixCls + "__tag",
158
158
  key: option.id
159
- }, /*#__PURE__*/React__default['default'].createElement("span", {
159
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
160
160
  className: prefixCls + "__tag-content",
161
161
  style: {
162
162
  maxWidth: tagMaxWidth
163
163
  }
164
- }, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default['default'].createElement("span", {
164
+ }, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default["default"].createElement("span", {
165
165
  className: prefixCls + "__tag-closed",
166
166
  onClick: function onClick(evt) {
167
167
  if (disabled) return;
@@ -169,39 +169,39 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
169
169
  var nextValue = [].concat(value).filter(function (id) {
170
170
  return id !== option.id;
171
171
  });
172
- tryChangeValue(nextValue);
172
+ tryChangeValue(nextValue, [option], false);
173
173
  }
174
- }, /*#__PURE__*/React__default['default'].createElement(icons.CloseOutlined, null)) : null);
175
- }))) : /*#__PURE__*/React__default['default'].createElement("span", {
174
+ }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutlined, null)) : null);
175
+ }))) : /*#__PURE__*/React__default["default"].createElement("span", {
176
176
  className: prefixCls + "__placeholder"
177
- }, placeholder), !!suffix || showClearableIcon && hover || showTagCount ? /*#__PURE__*/React__default['default'].createElement("span", {
177
+ }, placeholder), !!suffix || showClearableIcon && hover || showTagCount ? /*#__PURE__*/React__default["default"].createElement("span", {
178
178
  className: prefixCls + "__suffix"
179
- }, showTagCount ? /*#__PURE__*/React__default['default'].createElement("span", {
179
+ }, showTagCount ? /*#__PURE__*/React__default["default"].createElement("span", {
180
180
  className: classname.cx(prefixCls + "__tag--total"),
181
181
  onClick: handleExpand
182
- }, "" + (tagCount > 99 ? '+99' : tagCount)) : showClearableIcon && hover ? /*#__PURE__*/React__default['default'].createElement("span", {
182
+ }, "" + (tagCount > 99 ? '+99' : tagCount)) : showClearableIcon && hover ? /*#__PURE__*/React__default["default"].createElement("span", {
183
183
  className: prefixCls + "__clear",
184
184
  role: "button",
185
185
  tabIndex: -1,
186
186
  onClick: handleClear
187
- }, /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleFilled, null)) : null, suffix) : null), value.length !== 0 && expanded ? /*#__PURE__*/React__default['default'].createElement("div", {
187
+ }, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null)) : null, suffix) : null), value.length !== 0 && expanded ? /*#__PURE__*/React__default["default"].createElement("div", {
188
188
  className: prefixCls + "__container__expand"
189
- }, /*#__PURE__*/React__default['default'].createElement("span", {
189
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
190
190
  className: classname.cx(prefixCls + "__value")
191
- }, /*#__PURE__*/React__default['default'].createElement("span", {
191
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
192
192
  className: classname.cx(prefixCls + "__tags", prefixCls + "__tags--all")
193
193
  }, tagList.map(function (option) {
194
194
  var title = displayRender ? displayRender(option) : true;
195
195
  var closeable = !option.disabled;
196
- return /*#__PURE__*/React__default['default'].createElement("span", {
196
+ return /*#__PURE__*/React__default["default"].createElement("span", {
197
197
  className: prefixCls + "__tag",
198
198
  key: option.id
199
- }, /*#__PURE__*/React__default['default'].createElement("span", {
199
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
200
200
  className: prefixCls + "__tag-content",
201
201
  style: {
202
202
  maxWidth: tagMaxWidth
203
203
  }
204
- }, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default['default'].createElement("span", {
204
+ }, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default["default"].createElement("span", {
205
205
  className: prefixCls + "__tag-closed",
206
206
  onClick: function onClick(evt) {
207
207
  if (disabled) return;
@@ -211,15 +211,15 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
211
211
  });
212
212
  tryChangeValue(nextValue);
213
213
  }
214
- }, /*#__PURE__*/React__default['default'].createElement(icons.CloseOutlined, null)) : null);
215
- }))), showClearableIcon ? /*#__PURE__*/React__default['default'].createElement("span", {
214
+ }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutlined, null)) : null);
215
+ }))), showClearableIcon ? /*#__PURE__*/React__default["default"].createElement("span", {
216
216
  className: prefixCls + "__suffix"
217
- }, /*#__PURE__*/React__default['default'].createElement("span", {
217
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
218
218
  className: prefixCls + "__clear",
219
219
  role: "button",
220
220
  tabIndex: -1,
221
221
  onClick: handleClear
222
- }, /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleFilled, null))) : null) : null);
222
+ }, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null))) : null) : null);
223
223
  });
224
224
 
225
225
  if (env.__DEV__) {
@@ -227,4 +227,3 @@ if (env.__DEV__) {
227
227
  }
228
228
 
229
229
  exports.TagInput = TagInput;
230
- //# sourceMappingURL=TagInput.js.map
package/lib/cjs/TagInputMock.js CHANGED
@@ -65,10 +65,26 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
65
65
  placeholder = _a.placeholder,
66
66
  _a$data = _a.data,
67
67
  data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
68
- _a$clearable = _a.clearable,
69
- clearable = _a$clearable === void 0 ? false : _a$clearable,
70
68
  _a$disabled = _a.disabled,
71
69
  disabled = _a$disabled === void 0 ? false : _a$disabled,
70
+ _a$clearable = _a.clearable,
71
+ clearable = _a$clearable === void 0 ? true : _a$clearable,
72
+ _a$focused = _a.focused,
73
+ focused = _a$focused === void 0 ? false : _a$focused,
74
+ _a$invalid = _a.invalid,
75
+ invalid = _a$invalid === void 0 ? false : _a$invalid,
76
+ _a$readOnly = _a.readOnly,
77
+ readOnly = _a$readOnly === void 0 ? false : _a$readOnly,
78
+ _a$size = _a.size,
79
+ size = _a$size === void 0 ? 'md' : _a$size,
80
+ _a$appearance = _a.appearance,
81
+ appearance = _a$appearance === void 0 ? 'line' : _a$appearance,
82
+ _a$wrap = _a.wrap,
83
+ wrap = _a$wrap === void 0 ? false : _a$wrap,
84
+ _a$expandable = _a.expandable,
85
+ expandable = _a$expandable === void 0 ? false : _a$expandable,
86
+ _a$activeExpandable = _a.activeExpandable,
87
+ activeExpandable = _a$activeExpandable === void 0 ? false : _a$activeExpandable,
72
88
  suffix = _a.suffix,
73
89
  _a$tagWidth = _a.tagWidth,
74
90
  tagWidth = _a$tagWidth === void 0 ? 20 : _a$tagWidth,
@@ -76,7 +92,8 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
76
92
  _onMouseOver = _a.onMouseOver,
77
93
  _onMouseLeave = _a.onMouseLeave,
78
94
  onClear = _a.onClear,
79
- rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "clearable", "disabled", "suffix", "tagWidth", "displayRender", "onMouseOver", "onMouseLeave", "onClear"]);
95
+ onExpand = _a.onExpand,
96
+ rest = tslib.__rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "disabled", "clearable", "focused", "invalid", "readOnly", "size", "appearance", "wrap", "expandable", "activeExpandable", "suffix", "tagWidth", "displayRender", "onMouseOver", "onMouseLeave", "onClear", "onExpand"]);
80
97
 
81
98
  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
82
99
  value = _useUncontrolledState[0],
@@ -100,9 +117,14 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
100
117
  setContainerWidth = _useState[1];
101
118
 
102
119
  var mergedTagList = React.useMemo(function () {
120
+ if (wrap) {
121
+ return tagList;
122
+ }
123
+
103
124
  return tagList.slice(0, Math.min(tagList.length, containerWidth / tagWidth));
104
- }, [tagList, tagWidth, containerWidth]);
125
+ }, [tagList, tagWidth, containerWidth, wrap]);
105
126
  var showTags = mergedTagList.length > 0;
127
+ var showTagCount = !wrap && showTags;
106
128
 
107
129
  var _useState2 = React.useState({}),
108
130
  tagsWidth = _useState2[0],
@@ -149,17 +171,18 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
149
171
  }
150
172
  } else {
151
173
  tagMaxCount = 0;
152
- }
174
+ } // 保底要展示 1 个
175
+
153
176
 
154
- setTagMaxCount(tagMaxCount);
177
+ setTagMaxCount(typeAssertion.isArrayNonEmpty(mergedTagList) && tagMaxCount < 1 ? 1 : tagMaxCount);
155
178
  }, [tagsWidth, suffixWidth, getTagWidth, containerWidth, mergedTagList, suffix]);
156
179
  var onClearLatest = useLatest.useLatestCallback(onClear);
157
180
  var handleClear = React.useCallback(function (evt) {
158
181
  if (disabled) return;
159
182
  evt.stopPropagation();
160
- tryChangeValue(NOOP_ARRAY);
183
+ tryChangeValue(NOOP_ARRAY, tagList, false);
161
184
  onClearLatest();
162
- }, [tryChangeValue, disabled, onClearLatest]);
185
+ }, [tryChangeValue, disabled, onClearLatest, tagList]);
163
186
 
164
187
  var _useState5 = React.useState(false),
165
188
  hover = _useState5[0],
@@ -171,15 +194,16 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
171
194
  }, [disabled]); // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
172
195
 
173
196
  var showClearableIcon = clearable && showTags && !disabled;
174
- var cls = classname.cx(prefixCls, className, disabled && 'disabled');
175
- return /*#__PURE__*/React__default['default'].createElement(ResizeDetector__default['default'], {
197
+ var maxTagWidth = containerWidth - suffixWidth;
198
+ var cls = classname.cx(prefixCls, className, prefixCls + "--appearance-" + appearance, prefixCls + "--size-" + size, focused && "focused", readOnly && 'readonly', invalid && 'invalid', disabled && prefixCls + "--disabled", wrap && prefixCls + "--wrap", expandable && prefixCls + "--expandable");
199
+ return /*#__PURE__*/React__default["default"].createElement(ResizeDetector__default["default"], {
176
200
  skipOnMount: false,
177
201
  onResize: function onResize(w) {
178
202
  if (w) {
179
203
  setContainerWidth(w);
180
204
  }
181
205
  }
182
- }, /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
206
+ }, /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
183
207
  ref: ref,
184
208
  role: role,
185
209
  className: cls,
@@ -191,11 +215,12 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
191
215
  trySetHover(false);
192
216
  _onMouseLeave === null || _onMouseLeave === void 0 ? void 0 : _onMouseLeave(evt);
193
217
  }
194
- }, rest), showTags ? /*#__PURE__*/React__default['default'].createElement("span", {
218
+ }, rest), showTags ? /*#__PURE__*/React__default["default"].createElement("span", {
195
219
  className: prefixCls + "__tags"
196
220
  }, mergedTagList.map(function (option, index) {
197
- return /*#__PURE__*/React__default['default'].createElement(MockTag, {
198
- hidden: index > tagMaxCount,
221
+ return /*#__PURE__*/React__default["default"].createElement(MockTag, {
222
+ hidden: wrap ? false : index > tagMaxCount,
223
+ maxWidth: maxTagWidth,
199
224
  key: option.id,
200
225
  prefixCls: prefixCls,
201
226
  disabled: disabled,
@@ -211,25 +236,26 @@ var TagInputMock = /*#__PURE__*/React.forwardRef(function (_a, ref) {
211
236
  });
212
237
  }
213
238
  });
214
- })) : /*#__PURE__*/React__default['default'].createElement("span", {
239
+ })) : /*#__PURE__*/React__default["default"].createElement("span", {
215
240
  className: prefixCls + "__placeholder"
216
- }, placeholder), /*#__PURE__*/React__default['default'].createElement(ResizeDetector__default['default'], {
241
+ }, placeholder), /*#__PURE__*/React__default["default"].createElement(ResizeDetector__default["default"], {
217
242
  skipOnMount: false,
218
243
  onResize: function onResize(w) {
219
244
  if (w) {
220
245
  setSuffixWidth(w);
221
246
  }
222
247
  }
223
- }, !!suffix || showClearableIcon && hover || showTags ? /*#__PURE__*/React__default['default'].createElement("span", {
248
+ }, !!suffix || showClearableIcon && hover || showTagCount ? /*#__PURE__*/React__default["default"].createElement("span", {
224
249
  className: prefixCls + "__suffix"
225
- }, showTags ? /*#__PURE__*/React__default['default'].createElement("span", {
226
- className: classname.cx(prefixCls + "__tag--total")
227
- }, "" + (tagCount > 99 ? '99+' : tagCount)) : showClearableIcon && hover ? /*#__PURE__*/React__default['default'].createElement("span", {
250
+ }, showTagCount ? /*#__PURE__*/React__default["default"].createElement("span", {
251
+ className: classname.cx(prefixCls + "__tag--total", activeExpandable && prefixCls + "__tag--active"),
252
+ onClick: onExpand
253
+ }, "" + (tagCount > 99 ? '99+' : tagCount)) : null, showClearableIcon && hover ? /*#__PURE__*/React__default["default"].createElement("span", {
228
254
  className: prefixCls + "__clear",
229
255
  role: "button",
230
256
  tabIndex: -1,
231
257
  onClick: handleClear
232
- }, /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleFilled, null)) : null, suffix) : null)));
258
+ }, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null)) : suffix) : null)));
233
259
  });
234
260
 
235
261
  if (env.__DEV__) {
@@ -253,11 +279,12 @@ function MockTag(_ref) {
253
279
  onTagResize = _ref.onTagResize,
254
280
  tryChangeValue = _ref.tryChangeValue,
255
281
  displayRender = _ref.displayRender,
282
+ maxWidth = _ref.maxWidth,
256
283
  _ref$hidden = _ref.hidden,
257
284
  hidden = _ref$hidden === void 0 ? false : _ref$hidden;
258
285
  var title = typeAssertion.isFunction(displayRender) ? displayRender(option) : true;
259
286
  var closeable = !option.disabled;
260
- return /*#__PURE__*/React__default['default'].createElement(ResizeDetector__default['default'], {
287
+ return /*#__PURE__*/React__default["default"].createElement(ResizeDetector__default["default"], {
261
288
  skipOnMount: false,
262
289
  onResize: function onResize(width) {
263
290
  // 隐藏后就不允许设置 tagSize，避免无限循环触发“宽度计算响应式策略”
@@ -267,17 +294,19 @@ function MockTag(_ref) {
267
294
  onTagResize(option.id, width);
268
295
  }
269
296
  }
270
- }, /*#__PURE__*/React__default['default'].createElement("div", {
297
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
271
298
  style: {
272
299
  display: 'inline-block'
273
300
  }
274
- }, /*#__PURE__*/React__default['default'].createElement("span", {
301
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
275
302
  className: prefixCls + "__tag",
276
- style: hidden ? hiddenStyle : undefined,
303
+ style: hidden ? hiddenStyle : {
304
+ maxWidth: maxWidth
305
+ },
277
306
  key: option.id
278
- }, /*#__PURE__*/React__default['default'].createElement("span", {
307
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
279
308
  className: prefixCls + "__tag-content"
280
- }, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default['default'].createElement("span", {
309
+ }, title === true ? option.title : title), closeable ? /*#__PURE__*/React__default["default"].createElement("span", {
281
310
  className: prefixCls + "__tag-closed",
282
311
  onClick: function onClick(evt) {
283
312
  if (disabled) return;
@@ -285,10 +314,9 @@ function MockTag(_ref) {
285
314
  var nextValue = value.filter(function (id) {
286
315
  return id !== option.id;
287
316
  });
288
- tryChangeValue(nextValue);
317
+ tryChangeValue(nextValue, [option], false);
289
318
  }
290
- }, /*#__PURE__*/React__default['default'].createElement(icons.CloseOutlined, null)) : null)));
319
+ }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutlined, null)) : null)));
291
320
  }
292
321
 
293
322
  exports.TagInputMock = TagInputMock;
294
- //# sourceMappingURL=TagInputMock.js.map
package/lib/cjs/index.js CHANGED
@@ -22,4 +22,3 @@ var TagInputMock = require('./TagInputMock.js');
22
22
  exports.TagInput = TagInput.TagInput;
23
23
  exports["default"] = TagInput.TagInput;
24
24
  exports.TagInputMock = TagInputMock.TagInputMock;
25
- //# sourceMappingURL=index.js.map
package/lib/cjs/styles/index.scss.js CHANGED
@@ -12,11 +12,10 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
- var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.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: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\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: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input__container.disabled .hi-v4-tag-input__tag {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input__placeholder {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\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 -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n min-width: 32px; }\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: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\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: #000;\n color: var(--hi-v4-color-static-black, #000); }\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 position: relative; }\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-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\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: #bde2ff;\n background-color: var(--hi-v4-color-brandblue-100, #bde2ff);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\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 margin-left: var(--hi-v4-spacing-4, 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: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: use-color-statc(\"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: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\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@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input-mock {\n position: relative;\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: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 0 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: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-tag-input-mock:not(.disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input-mock:not(.disabled).focused {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input-mock.disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock.disabled .hi-v4-tag-input-mock__tag {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input-mock__placeholder {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tag-input-mock__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 -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n min-width: 32px;\n -ms-flex-negative: 0;\n flex-shrink: 0; }\n.hi-v4-tag-input-mock__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: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\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-mock__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input-mock__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n height: 22px;\n line-height: 22px;\n -ms-flex-negative: 1;\n flex-shrink: 1; }\n.hi-v4-tag-input-mock__tags {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden; }\n.hi-v4-tag-input-mock__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: #bde2ff;\n background-color: var(--hi-v4-color-brandblue-100, #bde2ff);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-radius: 4px;\n line-height: 22px;\n cursor: pointer; }\n.hi-v4-tag-input-mock__tag {\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-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n border-radius: 4px;\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\n max-width: 100%;\n height: 24px;\n margin-top: 2px;\n margin-bottom: 2px;\n line-height: 22px; }\n.hi-v4-tag-input-mock__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-mock__tag-closed {\n margin-left: 8px;\n margin-left: var(--hi-v4-spacing-4, 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-mock__tag-closed {\n cursor: not-allowed; }\n";
15
+ var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.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(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: var(--hi-v4-color-static-white, #fff);\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(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input__container.disabled .hi-v4-tag-input__tag {\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input__placeholder {\n color: var(--hi-v4-color-gray-500, #929aa6); }\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 -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n min-width: 32px; }\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(--hi-v4-color-gray-500, #929aa6);\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(--hi-v4-color-static-black, #000); }\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 position: relative; }\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-color: var(--hi-v4-color-gray-100, #f2f4f7);\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(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n border-radius: 4px;\n line-height: 22px;\n cursor: inherit; }\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: var(--hi-v4-spacing-4, 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(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: use-color-statc(\"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(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\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: -webkit-sticky;\n position: sticky;\n top: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input-mock {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n cursor: text;\n background-color: transparent;\n -webkit-tap-highlight-color: transparent;\n position: relative;\n overflow: hidden;\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 -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n width: 100%;\n height: auto;\n z-index: auto;\n font-size: inherit;\n line-height: inherit;\n color: var(--hi-v4-color-gray-700, #1f2733);\n border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock:not(.hi-v4-tag-input-mock--disabled):hover {\n z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-tag-input-mock:not(.hi-v4-tag-input-mock--disabled).focused {\n z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-tag-input-mock.hi-v4-tag-input-mock--disabled {\n cursor: not-allowed; }\n.hi-v4-tag-input-mock.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input-mock--wrap .hi-v4-tag-input-mock__value {\n height: auto; }\n.hi-v4-tag-input-mock--wrap .hi-v4-tag-input-mock__tags {\n white-space: normal; }\n.hi-v4-tag-input-mock__suffix {\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 -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: var(--hi-v4-color-static-black, #000);\n font-size: var(--hi-v4-text-size-lg, 1rem);\n padding: 0;\n text-align: center; }\n.hi-v4-tag-input-mock__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: var(--hi-v4-text-size-normal, 0.875rem);\n color: var(--hi-v4-color-gray-500, #929aa6);\n text-align: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1)); }\n.hi-v4-tag-input-mock__clear:hover {\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input-mock__tags {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden; }\n.hi-v4-tag-input-mock__tag--total {\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: inherit;\n margin-left: var(--hi-v4-spacing-4, 8px);\n margin-right: var(--hi-v4-spacing-3, 6px);\n padding: 0 var(--hi-v4-spacing-4, 8px);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n color: var(--hi-v4-color-gray-700, #1f2733);\n -webkit-transition-property: background-color, color;\n transition-property: background-color, color;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1)); }\n.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total.hi-v4-tag-input-mock__tag--active {\n background-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock__suffix, .hi-v4-tag-input-mock__placeholder {\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-tag-input-mock__tag, .hi-v4-tag-input-mock__placeholder {\n margin-top: var(--hi-v4-spacing-1, 2px);\n margin-bottom: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-tag-input-mock__tag {\n max-width: 100%;\n margin-right: var(--hi-v4-spacing-2, 4px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n vertical-align: middle;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n color: var(--hi-v4-color-gray-700, #1f2733);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\n line-height: inherit; }\n.hi-v4-tag-input-mock__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-mock__tag-closed {\n margin-left: var(--hi-v4-spacing-2, 4px);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer; }\n.hi-v4-tag-input-mock__tag-closed:hover {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag-closed:hover {\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tag-input-mock--size-sm {\n height: var(--hi-v4-height-sm, 24px);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--size-sm .hi-v4-tag-input-mock__tag,\n .hi-v4-tag-input-mock--size-sm .hi-v4-tag-input-mock__placeholder {\n margin-top: 1px;\n margin-bottom: 1px; }\n.hi-v4-tag-input-mock--size-md {\n height: var(--hi-v4-height-normal, 32px);\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 2px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--size-lg {\n height: var(--hi-v4-height-lg, 40px);\n font-size: var(--hi-v4-text-size-lg, 1rem);\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 5px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--appearance-line {\n border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled):hover {\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-tag-input-mock--appearance-unset {\n width: auto;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n border-color: transparent; }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n background-color: var(--hi-v4-color-static-white, #fff);\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-tag-input-mock--appearance-filled {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover {\n background-color: var(--hi-v4-color-static-white, #fff);\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-tag-input-mock--appearance-line.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-unset.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--disabled {\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-tag-input-mock--appearance-line.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--disabled {\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n";
16
16
 
17
17
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
18
18
 
19
19
  __styleInject__(css_248z);
20
20
 
21
21
  exports["default"] = css_248z;
22
- //# sourceMappingURL=index.scss.js.map
package/lib/cjs/use-tag-input.js CHANGED
@@ -15,7 +15,7 @@ Object.defineProperty(exports, '__esModule', {
15
15
 
16
16
  var React = require('react');
17
17
 
18
- var index = require('./utils/index.js');
18
+ var funcUtils = require('@hi-ui/func-utils');
19
19
 
20
20
  var TAG_MARGIN_RIGHT = 4; // 留给显示剩余选项的宽度：suffix + paddingLeft + paddingRight + leftCountTag (16 + 10 + + 10 + 54)
21
21
 
@@ -43,7 +43,7 @@ var useResizeWidth = function useResizeWidth(ref) {
43
43
  React.useLayoutEffect(function () {
44
44
  // init with resize
45
45
  tryUpdateWidth();
46
- var debouncedResize = index.debounce(tryUpdateWidth, 60);
46
+ var debouncedResize = funcUtils.debounce(tryUpdateWidth, 60);
47
47
  window.addEventListener('resize', debouncedResize);
48
48
  return function () {
49
49
  window.removeEventListener('resize', debouncedResize);
@@ -55,4 +55,3 @@ var useResizeWidth = function useResizeWidth(ref) {
55
55
 
56
56
  exports.useResizeWidth = useResizeWidth;
57
57
  exports.useTagInput = useTagInput;
58
- //# sourceMappingURL=use-tag-input.js.map
package/lib/esm/TagInput.js CHANGED
@@ -8,7 +8,7 @@
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
10
  import { __rest } from 'tslib';
11
- import React, { forwardRef, useRef, useCallback, useMemo, useState } from 'react';
11
+ import React, { forwardRef, useRef, useMemo, useCallback, useState } from 'react';
12
12
  import { getPrefixCls, cx } from '@hi-ui/classname';
13
13
  import { __DEV__ } from '@hi-ui/env';
14
14
  import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
@@ -42,7 +42,7 @@ var TagInput = /*#__PURE__*/forwardRef(function (_a, ref) {
42
42
  _a$wrap = _a.wrap,
43
43
  wrap = _a$wrap === void 0 ? true : _a$wrap,
44
44
  _a$clearable = _a.clearable,
45
- clearable = _a$clearable === void 0 ? false : _a$clearable,
45
+ clearable = _a$clearable === void 0 ? true : _a$clearable,
46
46
  _a$disabled = _a.disabled,
47
47
  disabled = _a$disabled === void 0 ? false : _a$disabled,
48
48
  suffix = _a.suffix,
@@ -63,12 +63,6 @@ var TagInput = /*#__PURE__*/forwardRef(function (_a, ref) {
63
63
  tagMaxWidth = _useTagInput[0];
64
64
 
65
65
  var onClearLatest = useLatestCallback(onClear);
66
- var handleClear = useCallback(function (evt) {
67
- if (disabled) return;
68
- evt.stopPropagation();
69
- tryChangeValue(NOOP_ARRAY);
70
- onClearLatest();
71
- }, [tryChangeValue, disabled, onClearLatest]);
72
66
  var tagList = useMemo(function () {
73
67
  return value.map(function (id) {
74
68
  return data.find(function (item) {
@@ -79,6 +73,12 @@ var TagInput = /*#__PURE__*/forwardRef(function (_a, ref) {
79
73
  };
80
74
  });
81
75
  }, [value, data]);
76
+ var handleClear = useCallback(function (evt) {
77
+ if (disabled) return;
78
+ evt.stopPropagation();
79
+ tryChangeValue(NOOP_ARRAY, tagList, false);
80
+ onClearLatest();
81
+ }, [tryChangeValue, disabled, onClearLatest, tagList]);
82
82
 
83
83
  var _useState = useState(false),
84
84
  hover = _useState[0],
@@ -143,7 +143,7 @@ var TagInput = /*#__PURE__*/forwardRef(function (_a, ref) {
143
143
  var nextValue = [].concat(value).filter(function (id) {
144
144
  return id !== option.id;
145
145
  });
146
- tryChangeValue(nextValue);
146
+ tryChangeValue(nextValue, [option], false);
147
147
  }
148
148
  }, /*#__PURE__*/React.createElement(CloseOutlined, null)) : null);
149
149
  }))) : /*#__PURE__*/React.createElement("span", {
@@ -201,4 +201,3 @@ if (__DEV__) {
201
201
  }
202
202
 
203
203
  export { TagInput };
204
- //# sourceMappingURL=TagInput.js.map
package/lib/esm/TagInputMock.js CHANGED
@@ -38,10 +38,26 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
38
38
  placeholder = _a.placeholder,
39
39
  _a$data = _a.data,
40
40
  data = _a$data === void 0 ? NOOP_ARRAY : _a$data,
41
- _a$clearable = _a.clearable,
42
- clearable = _a$clearable === void 0 ? false : _a$clearable,
43
41
  _a$disabled = _a.disabled,
44
42
  disabled = _a$disabled === void 0 ? false : _a$disabled,
43
+ _a$clearable = _a.clearable,
44
+ clearable = _a$clearable === void 0 ? true : _a$clearable,
45
+ _a$focused = _a.focused,
46
+ focused = _a$focused === void 0 ? false : _a$focused,
47
+ _a$invalid = _a.invalid,
48
+ invalid = _a$invalid === void 0 ? false : _a$invalid,
49
+ _a$readOnly = _a.readOnly,
50
+ readOnly = _a$readOnly === void 0 ? false : _a$readOnly,
51
+ _a$size = _a.size,
52
+ size = _a$size === void 0 ? 'md' : _a$size,
53
+ _a$appearance = _a.appearance,
54
+ appearance = _a$appearance === void 0 ? 'line' : _a$appearance,
55
+ _a$wrap = _a.wrap,
56
+ wrap = _a$wrap === void 0 ? false : _a$wrap,
57
+ _a$expandable = _a.expandable,
58
+ expandable = _a$expandable === void 0 ? false : _a$expandable,
59
+ _a$activeExpandable = _a.activeExpandable,
60
+ activeExpandable = _a$activeExpandable === void 0 ? false : _a$activeExpandable,
45
61
  suffix = _a.suffix,
46
62
  _a$tagWidth = _a.tagWidth,
47
63
  tagWidth = _a$tagWidth === void 0 ? 20 : _a$tagWidth,
@@ -49,7 +65,8 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
49
65
  _onMouseOver = _a.onMouseOver,
50
66
  _onMouseLeave = _a.onMouseLeave,
51
67
  onClear = _a.onClear,
52
- rest = __rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "clearable", "disabled", "suffix", "tagWidth", "displayRender", "onMouseOver", "onMouseLeave", "onClear"]);
68
+ onExpand = _a.onExpand,
69
+ rest = __rest(_a, ["prefixCls", "role", "className", "defaultValue", "value", "onChange", "placeholder", "data", "disabled", "clearable", "focused", "invalid", "readOnly", "size", "appearance", "wrap", "expandable", "activeExpandable", "suffix", "tagWidth", "displayRender", "onMouseOver", "onMouseLeave", "onClear", "onExpand"]);
53
70
 
54
71
  var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChange),
55
72
  value = _useUncontrolledState[0],
@@ -73,9 +90,14 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
73
90
  setContainerWidth = _useState[1];
74
91
 
75
92
  var mergedTagList = useMemo(function () {
93
+ if (wrap) {
94
+ return tagList;
95
+ }
96
+
76
97
  return tagList.slice(0, Math.min(tagList.length, containerWidth / tagWidth));
77
- }, [tagList, tagWidth, containerWidth]);
98
+ }, [tagList, tagWidth, containerWidth, wrap]);
78
99
  var showTags = mergedTagList.length > 0;
100
+ var showTagCount = !wrap && showTags;
79
101
 
80
102
  var _useState2 = useState({}),
81
103
  tagsWidth = _useState2[0],
@@ -122,17 +144,18 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
122
144
  }
123
145
  } else {
124
146
  tagMaxCount = 0;
125
- }
147
+ } // 保底要展示 1 个
148
+
126
149
 
127
- setTagMaxCount(tagMaxCount);
150
+ setTagMaxCount(isArrayNonEmpty(mergedTagList) && tagMaxCount < 1 ? 1 : tagMaxCount);
128
151
  }, [tagsWidth, suffixWidth, getTagWidth, containerWidth, mergedTagList, suffix]);
129
152
  var onClearLatest = useLatestCallback(onClear);
130
153
  var handleClear = useCallback(function (evt) {
131
154
  if (disabled) return;
132
155
  evt.stopPropagation();
133
- tryChangeValue(NOOP_ARRAY);
156
+ tryChangeValue(NOOP_ARRAY, tagList, false);
134
157
  onClearLatest();
135
- }, [tryChangeValue, disabled, onClearLatest]);
158
+ }, [tryChangeValue, disabled, onClearLatest, tagList]);
136
159
 
137
160
  var _useState5 = useState(false),
138
161
  hover = _useState5[0],
@@ -144,7 +167,8 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
144
167
  }, [disabled]); // 在开启 clearable 下展示 清除内容按钮，可点击进行内容清楚
145
168
 
146
169
  var showClearableIcon = clearable && showTags && !disabled;
147
- var cls = cx(prefixCls, className, disabled && 'disabled');
170
+ var maxTagWidth = containerWidth - suffixWidth;
171
+ var cls = cx(prefixCls, className, prefixCls + "--appearance-" + appearance, prefixCls + "--size-" + size, focused && "focused", readOnly && 'readonly', invalid && 'invalid', disabled && prefixCls + "--disabled", wrap && prefixCls + "--wrap", expandable && prefixCls + "--expandable");
148
172
  return /*#__PURE__*/React.createElement(ResizeDetector, {
149
173
  skipOnMount: false,
150
174
  onResize: function onResize(w) {
@@ -168,7 +192,8 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
168
192
  className: prefixCls + "__tags"
169
193
  }, mergedTagList.map(function (option, index) {
170
194
  return /*#__PURE__*/React.createElement(MockTag, {
171
- hidden: index > tagMaxCount,
195
+ hidden: wrap ? false : index > tagMaxCount,
196
+ maxWidth: maxTagWidth,
172
197
  key: option.id,
173
198
  prefixCls: prefixCls,
174
199
  disabled: disabled,
@@ -193,16 +218,17 @@ var TagInputMock = /*#__PURE__*/forwardRef(function (_a, ref) {
193
218
  setSuffixWidth(w);
194
219
  }
195
220
  }
196
- }, !!suffix || showClearableIcon && hover || showTags ? /*#__PURE__*/React.createElement("span", {
221
+ }, !!suffix || showClearableIcon && hover || showTagCount ? /*#__PURE__*/React.createElement("span", {
197
222
  className: prefixCls + "__suffix"
198
- }, showTags ? /*#__PURE__*/React.createElement("span", {
199
- className: cx(prefixCls + "__tag--total")
200
- }, "" + (tagCount > 99 ? '99+' : tagCount)) : showClearableIcon && hover ? /*#__PURE__*/React.createElement("span", {
223
+ }, showTagCount ? /*#__PURE__*/React.createElement("span", {
224
+ className: cx(prefixCls + "__tag--total", activeExpandable && prefixCls + "__tag--active"),
225
+ onClick: onExpand
226
+ }, "" + (tagCount > 99 ? '99+' : tagCount)) : null, showClearableIcon && hover ? /*#__PURE__*/React.createElement("span", {
201
227
  className: prefixCls + "__clear",
202
228
  role: "button",
203
229
  tabIndex: -1,
204
230
  onClick: handleClear
205
- }, /*#__PURE__*/React.createElement(CloseCircleFilled, null)) : null, suffix) : null)));
231
+ }, /*#__PURE__*/React.createElement(CloseCircleFilled, null)) : suffix) : null)));
206
232
  });
207
233
 
208
234
  if (__DEV__) {
@@ -226,6 +252,7 @@ function MockTag(_ref) {
226
252
  onTagResize = _ref.onTagResize,
227
253
  tryChangeValue = _ref.tryChangeValue,
228
254
  displayRender = _ref.displayRender,
255
+ maxWidth = _ref.maxWidth,
229
256
  _ref$hidden = _ref.hidden,
230
257
  hidden = _ref$hidden === void 0 ? false : _ref$hidden;
231
258
  var title = isFunction(displayRender) ? displayRender(option) : true;
@@ -246,7 +273,9 @@ function MockTag(_ref) {
246
273
  }
247
274
  }, /*#__PURE__*/React.createElement("span", {
248
275
  className: prefixCls + "__tag",
249
- style: hidden ? hiddenStyle : undefined,
276
+ style: hidden ? hiddenStyle : {
277
+ maxWidth: maxWidth
278
+ },
250
279
  key: option.id
251
280
  }, /*#__PURE__*/React.createElement("span", {
252
281
  className: prefixCls + "__tag-content"
@@ -258,10 +287,9 @@ function MockTag(_ref) {
258
287
  var nextValue = value.filter(function (id) {
259
288
  return id !== option.id;
260
289
  });
261
- tryChangeValue(nextValue);
290
+ tryChangeValue(nextValue, [option], false);
262
291
  }
263
292
  }, /*#__PURE__*/React.createElement(CloseOutlined, null)) : null)));
264
293
  }
265
294
 
266
295
  export { TagInputMock };
267
- //# sourceMappingURL=TagInputMock.js.map
package/lib/esm/index.js CHANGED
@@ -10,4 +10,3 @@
10
10
  import './styles/index.scss.js';
11
11
  export { TagInput, TagInput as default } from './TagInput.js';
12
12
  export { TagInputMock } from './TagInputMock.js';
13
- //# sourceMappingURL=index.js.map
package/lib/esm/styles/index.scss.js CHANGED
@@ -7,11 +7,10 @@
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
- var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.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: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\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: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input__container.disabled .hi-v4-tag-input__tag {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input__placeholder {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\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 -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n min-width: 32px; }\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: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\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: #000;\n color: var(--hi-v4-color-static-black, #000); }\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 position: relative; }\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-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\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: #bde2ff;\n background-color: var(--hi-v4-color-brandblue-100, #bde2ff);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\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 margin-left: var(--hi-v4-spacing-4, 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: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: use-color-statc(\"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: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\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@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input-mock {\n position: relative;\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: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 0 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: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-tag-input-mock:not(.disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input-mock:not(.disabled).focused {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tag-input-mock.disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock.disabled .hi-v4-tag-input-mock__tag {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input-mock__placeholder {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tag-input-mock__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 -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n min-width: 32px;\n -ms-flex-negative: 0;\n flex-shrink: 0; }\n.hi-v4-tag-input-mock__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: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\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-mock__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input-mock__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n height: 22px;\n line-height: 22px;\n -ms-flex-negative: 1;\n flex-shrink: 1; }\n.hi-v4-tag-input-mock__tags {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden; }\n.hi-v4-tag-input-mock__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: #bde2ff;\n background-color: var(--hi-v4-color-brandblue-100, #bde2ff);\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n border-radius: 4px;\n line-height: 22px;\n cursor: pointer; }\n.hi-v4-tag-input-mock__tag {\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-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n border-radius: 4px;\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\n max-width: 100%;\n height: 24px;\n margin-top: 2px;\n margin-bottom: 2px;\n line-height: 22px; }\n.hi-v4-tag-input-mock__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-mock__tag-closed {\n margin-left: 8px;\n margin-left: var(--hi-v4-spacing-4, 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-mock__tag-closed {\n cursor: not-allowed; }\n";
10
+ var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.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(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: var(--hi-v4-color-static-white, #fff);\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(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-tag-input__container:not(.disabled):hover {\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input__container:not(.disabled).focused {\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input__container.disabled {\n cursor: not-allowed;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input__container.disabled .hi-v4-tag-input__tag {\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input__placeholder {\n color: var(--hi-v4-color-gray-500, #929aa6); }\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 -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n min-width: 32px; }\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(--hi-v4-color-gray-500, #929aa6);\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(--hi-v4-color-static-black, #000); }\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 position: relative; }\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-color: var(--hi-v4-color-gray-100, #f2f4f7);\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(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n border-radius: 4px;\n line-height: 22px;\n cursor: inherit; }\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: var(--hi-v4-spacing-4, 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(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: use-color-statc(\"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(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\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: -webkit-sticky;\n position: sticky;\n top: 0; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tag-input-mock {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n cursor: text;\n background-color: transparent;\n -webkit-tap-highlight-color: transparent;\n position: relative;\n overflow: hidden;\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 -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n width: 100%;\n height: auto;\n z-index: auto;\n font-size: inherit;\n line-height: inherit;\n color: var(--hi-v4-color-gray-700, #1f2733);\n border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock:not(.hi-v4-tag-input-mock--disabled):hover {\n z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-tag-input-mock:not(.hi-v4-tag-input-mock--disabled).focused {\n z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-tag-input-mock.hi-v4-tag-input-mock--disabled {\n cursor: not-allowed; }\n.hi-v4-tag-input-mock.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-tag-input-mock--wrap .hi-v4-tag-input-mock__value {\n height: auto; }\n.hi-v4-tag-input-mock--wrap .hi-v4-tag-input-mock__tags {\n white-space: normal; }\n.hi-v4-tag-input-mock__suffix {\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 -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: var(--hi-v4-color-static-black, #000);\n font-size: var(--hi-v4-text-size-lg, 1rem);\n padding: 0;\n text-align: center; }\n.hi-v4-tag-input-mock__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: var(--hi-v4-text-size-normal, 0.875rem);\n color: var(--hi-v4-color-gray-500, #929aa6);\n text-align: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1)); }\n.hi-v4-tag-input-mock__clear:hover {\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-tag-input-mock__tags {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden; }\n.hi-v4-tag-input-mock__tag--total {\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: inherit;\n margin-left: var(--hi-v4-spacing-4, 8px);\n margin-right: var(--hi-v4-spacing-3, 6px);\n padding: 0 var(--hi-v4-spacing-4, 8px);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n color: var(--hi-v4-color-gray-700, #1f2733);\n -webkit-transition-property: background-color, color;\n transition-property: background-color, color;\n -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1)); }\n.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total.hi-v4-tag-input-mock__tag--active {\n background-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock__suffix, .hi-v4-tag-input-mock__placeholder {\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-tag-input-mock__tag, .hi-v4-tag-input-mock__placeholder {\n margin-top: var(--hi-v4-spacing-1, 2px);\n margin-bottom: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-tag-input-mock__tag {\n max-width: 100%;\n margin-right: var(--hi-v4-spacing-2, 4px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 var(--hi-v4-spacing-4, 8px);\n vertical-align: middle;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n color: var(--hi-v4-color-gray-700, #1f2733);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\n line-height: inherit; }\n.hi-v4-tag-input-mock__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-mock__tag-closed {\n margin-left: var(--hi-v4-spacing-2, 4px);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer; }\n.hi-v4-tag-input-mock__tag-closed:hover {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag-closed {\n cursor: not-allowed; }\n.hi-v4-tag-input-mock--disabled .hi-v4-tag-input-mock__tag-closed:hover {\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tag-input-mock--size-sm {\n height: var(--hi-v4-height-sm, 24px);\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--size-sm .hi-v4-tag-input-mock__tag,\n .hi-v4-tag-input-mock--size-sm .hi-v4-tag-input-mock__placeholder {\n margin-top: 1px;\n margin-bottom: 1px; }\n.hi-v4-tag-input-mock--size-md {\n height: var(--hi-v4-height-normal, 32px);\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 2px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--size-lg {\n height: var(--hi-v4-height-lg, 40px);\n font-size: var(--hi-v4-text-size-lg, 1rem);\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 5px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-tag-input-mock--appearance-line {\n border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled):hover {\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-line:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-tag-input-mock--appearance-unset {\n width: auto;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n border-color: transparent; }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled):hover.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n background-color: var(--hi-v4-color-static-white, #fff);\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).focused.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-unset:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-tag-input-mock--appearance-filled {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover {\n background-color: var(--hi-v4-color-static-white, #fff);\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled):hover.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).focused.hi-v4-tag-input-mock--expandable .hi-v4-tag-input-mock__tag--total {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid.hover {\n border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-tag-input-mock--appearance-filled:not(.hi-v4-tag-input-mock--disabled).invalid.focused {\n -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-tag-input-mock--appearance-line.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-unset.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--disabled {\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-tag-input-mock--appearance-line.hi-v4-tag-input-mock--disabled, .hi-v4-tag-input-mock--appearance-filled.hi-v4-tag-input-mock--disabled {\n background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n";
11
11
 
12
12
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
13
13
 
14
14
  __styleInject__(css_248z);
15
15
 
16
- export default css_248z;
17
- //# sourceMappingURL=index.scss.js.map
16
+ export { css_248z as default };
package/lib/esm/use-tag-input.js CHANGED
@@ -8,7 +8,7 @@
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
10
  import { useState, useCallback, useLayoutEffect } from 'react';
11
- import { debounce } from './utils/index.js';
11
+ import { debounce } from '@hi-ui/func-utils';
12
12
  var TAG_MARGIN_RIGHT = 4; // 留给显示剩余选项的宽度：suffix + paddingLeft + paddingRight + leftCountTag (16 + 10 + + 10 + 54)
13
13
 
14
14
  var LEFT_SPACE_WIDTH = 100 + TAG_MARGIN_RIGHT;
@@ -46,4 +46,3 @@ var useResizeWidth = function useResizeWidth(ref) {
46
46
  };
47
47
 
48
48
  export { useResizeWidth, useTagInput };
49
- //# sourceMappingURL=use-tag-input.js.map
package/lib/types/TagInputMock.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
2
  import { TagInputOption } from './types';
3
- import { HiBaseHTMLProps } from '@hi-ui/core';
3
+ import { HiBaseAppearanceEnum, HiBaseHTMLFieldProps } from '@hi-ui/core';
4
4
  /**
5
5
  * TODO: What is TagInputMock
6
6
  */
7
7
  export declare const TagInputMock: React.ForwardRefExoticComponent<TagInputMockProps & React.RefAttributes<HTMLDivElement | null>>;
8
- export interface TagInputMockProps extends Omit<HiBaseHTMLProps<'div'>, 'defaultValue' | 'onChange' | 'value'> {
8
+ export interface TagInputMockProps extends Omit<HiBaseHTMLFieldProps<'div'>, 'defaultValue' | 'onChange' | 'value'> {
9
9
  /**
10
10
  * 设置当前多选值
11
11
  */
@@ -17,7 +17,7 @@ export interface TagInputMockProps extends Omit<HiBaseHTMLProps<'div'>, 'default
17
17
  /**
18
18
  * 多选值改变时的回调
19
19
  */
20
- onChange?: (values: React.ReactText[]) => void;
20
+ onChange?: (values: React.ReactText[], targetItem: TagInputOption[], shouldChecked: boolean) => void;
21
21
  /**
22
22
  * 是否可清空 boolean true | false true
23
23
  */
@@ -50,4 +50,36 @@ export interface TagInputMockProps extends Omit<HiBaseHTMLProps<'div'>, 'default
50
50
  * 设置 tag 的默认宽度
51
51
  */
52
52
  tagWidth?: number;
53
+ /**
54
+ * 是否聚焦
55
+ */
56
+ focused?: boolean;
57
+ /**
58
+ * 开启输入框只读
59
+ */
60
+ readOnly?: boolean;
61
+ /**
62
+ * 设置展现形式
63
+ */
64
+ appearance?: HiBaseAppearanceEnum;
65
+ /**
66
+ * 设置输入框尺寸
67
+ */
68
+ size?: 'sm' | 'md' | 'lg';
69
+ /**
70
+ * 是否开启换行全展示
71
+ */
72
+ wrap?: boolean;
73
+ /**
74
+ * 开启展开
75
+ */
76
+ expandable?: boolean;
77
+ /**
78
+ * 展开激活
79
+ */
80
+ activeExpandable?: boolean;
81
+ /**
82
+ * 展开时回调
83
+ */
84
+ onExpand?: (evt: React.MouseEvent) => void;
53
85
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/tag-input",
3
- "version": "4.0.0-alpha.8",
3
+ "version": "4.0.0-beta.10",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -43,26 +43,27 @@
43
43
  "url": "https://github.com/XiaoMi/hiui/issues"
44
44
  },
45
45
  "dependencies": {
46
- "@hi-ui/classname": "^4.0.0-alpha.2",
47
- "@hi-ui/core": "^4.0.0-alpha.8",
48
- "@hi-ui/core-css": "^4.0.0-alpha.6",
49
- "@hi-ui/env": "^4.0.0-alpha.0",
50
- "@hi-ui/icons": "^4.0.0-alpha.13",
51
- "@hi-ui/type-assertion": "^4.0.0-alpha.9",
52
- "@hi-ui/use-latest": "^4.0.0-alpha.3",
53
- "@hi-ui/use-merge-refs": "^4.0.0-alpha.3",
54
- "@hi-ui/use-outside-click": "^4.0.0-alpha.6",
55
- "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.8",
46
+ "@hi-ui/classname": "^4.0.0-beta.0",
47
+ "@hi-ui/core": "^4.0.0-beta.4",
48
+ "@hi-ui/core-css": "^4.0.0-beta.3",
49
+ "@hi-ui/env": "^4.0.0-beta.0",
50
+ "@hi-ui/func-utils": "^4.0.0-beta.6",
51
+ "@hi-ui/icons": "^4.0.0-beta.6",
52
+ "@hi-ui/type-assertion": "^4.0.0-beta.2",
53
+ "@hi-ui/use-latest": "^4.0.0-beta.2",
54
+ "@hi-ui/use-merge-refs": "^4.0.0-beta.2",
55
+ "@hi-ui/use-outside-click": "^4.0.0-beta.2",
56
+ "@hi-ui/use-uncontrolled-state": "^4.0.0-beta.2",
56
57
  "react-resize-detector": "^6.7.6"
57
58
  },
58
59
  "peerDependencies": {
59
- "react": "^17.0.1",
60
- "react-dom": "^17.0.1"
60
+ "react": ">=16.8.6",
61
+ "react-dom": ">=16.8.6"
61
62
  },
62
63
  "devDependencies": {
63
- "@hi-ui/hi-build": "^4.0.0-alpha.3",
64
+ "@hi-ui/hi-build": "^4.0.0-beta.2",
64
65
  "react": "^17.0.1",
65
66
  "react-dom": "^17.0.1"
66
67
  },
67
- "gitHead": "689ef7c6b19089bf0aa818978c70da1e27714e6b"
68
+ "gitHead": "ee153a74347825eed55297d5b55459823f2b6f58"
68
69
  }
package/lib/cjs/TagInput.js.map DELETED
@@ -1 +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","onClear","rest","useUncontrolledState","tryChangeValue","tagInputRef","useRef","useTagInput","tagMaxWidth","onClearLatest","useLatestCallback","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/cjs/TagInputMock.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"TagInputMock.js","sources":["../../src/TagInputMock.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","TagInputMock","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","placeholder","data","clearable","disabled","suffix","tagWidth","displayRender","onMouseOver","onMouseLeave","onClear","rest","useUncontrolledState","tryChangeValue","tagList","useMemo","map","id","find","item","title","tagCount","length","useState","containerWidth","setContainerWidth","mergedTagList","slice","Math","min","showTags","tagsWidth","setTagsWidth","getTagWidth","useCallback","index","suffixWidth","setSuffixWidth","tagMaxCount","setTagMaxCount","useLayoutEffect","isArrayNonEmpty","len","lastIndex","totalWidth","i","currentTagWidth","undefined","onClearLatest","useLatestCallback","handleClear","evt","stopPropagation","hover","setHover","trySetHover","hovered","showClearableIcon","cls","cx","React","ResizeDetector","skipOnMount","onResize","w","option","MockTag","hidden","key","onTagResize","prev","tabIndex","onClick","CloseCircleFilled","__DEV__","displayName","hiddenStyle","position","opacity","width","height","overflow","display","isFunction","closeable","style","nextValue","filter","CloseOutlined"],"mappings":"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"}
package/lib/cjs/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
package/lib/cjs/styles/index.scss.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
package/lib/cjs/use-tag-input.js.map DELETED
@@ -1 +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 DELETED
@@ -1,52 +0,0 @@
1
- /** @LICENSE
2
- * @hi-ui/tag-input
3
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
4
- *
5
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
6
- *
7
- * This source code is licensed under the MIT license found in the
8
- * LICENSE file in the root directory of this source tree.
9
- */
10
- 'use strict';
11
-
12
- Object.defineProperty(exports, '__esModule', {
13
- value: true
14
- });
15
-
16
- var debounce = function debounce(func, delay) {
17
- if (delay === void 0) {
18
- delay = 150;
19
- }
20
-
21
- var timer = 0;
22
-
23
- var cancel = function cancel() {
24
- if (timer) {
25
- window.clearTimeout(timer);
26
- timer = 0;
27
- }
28
- };
29
-
30
- var debounceFn = function debounceFn() {
31
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
32
- args[_key] = arguments[_key];
33
- }
34
-
35
- if (timer) {
36
- cancel();
37
- }
38
-
39
- if (func) {
40
- timer = window.setTimeout(function () {
41
- func.apply(null, args);
42
- timer = 0;
43
- }, delay);
44
- }
45
- };
46
-
47
- debounceFn.cancel = cancel;
48
- return debounceFn;
49
- };
50
-
51
- exports.debounce = debounce;
52
- //# sourceMappingURL=index.js.map
package/lib/cjs/utils/index.js.map DELETED
@@ -1 +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.map DELETED
@@ -1 +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","onClear","rest","useUncontrolledState","tryChangeValue","tagInputRef","useRef","useTagInput","tagMaxWidth","onClearLatest","useLatestCallback","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/TagInputMock.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"TagInputMock.js","sources":["../../src/TagInputMock.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","NOOP_ARRAY","TagInputMock","forwardRef","_a","ref","prefixCls","role","className","defaultValue","valueProp","value","onChange","placeholder","data","clearable","disabled","suffix","tagWidth","displayRender","onMouseOver","onMouseLeave","onClear","rest","useUncontrolledState","tryChangeValue","tagList","useMemo","map","id","find","item","title","tagCount","length","useState","containerWidth","setContainerWidth","mergedTagList","slice","Math","min","showTags","tagsWidth","setTagsWidth","getTagWidth","useCallback","index","suffixWidth","setSuffixWidth","tagMaxCount","setTagMaxCount","useLayoutEffect","isArrayNonEmpty","len","lastIndex","totalWidth","i","currentTagWidth","undefined","onClearLatest","useLatestCallback","handleClear","evt","stopPropagation","hover","setHover","trySetHover","hovered","showClearableIcon","cls","cx","React","ResizeDetector","skipOnMount","onResize","w","option","MockTag","hidden","key","onTagResize","prev","tabIndex","onClick","CloseCircleFilled","__DEV__","displayName","hiddenStyle","position","opacity","width","height","overflow","display","isFunction","closeable","style","nextValue","filter","CloseOutlined"],"mappings":";;;;;;;;;;;;;;;;;;AAWA,IAAMA,KAAK,GAAG,gBAAd;;AACA,IAAMC,OAAO,GAAGC,YAAY,CAACF,KAAD,CAA5B;;AACA,IAAMG,UAAU,GAAG,EAAnB;AAEA;;;;IAGaC,YAAY,gBAAGC,UAAU,CACpC,UACEC,EADF,EAoBEC,GApBF;wBAEIC;MAAAA,sCAAYP;mBACZQ;MAAAA,4BAAOT;MACPU,eAAAA;2BACAC;MAAAA,4CAAeR;MACRS,eAAPC;MACAC,cAAAA;MACAC,iBAAAA;mBACAC;MAAAA,4BAAOb;wBACPc;MAAAA,sCAAY;uBACZC;MAAAA,oCAAW;MACXC,YAAAA;uBACAC;MAAAA,oCAAW;MACXC,mBAAAA;MACAC,kBAAAA;MACAC,mBAAAA;MACAC,aAAAA;MACGC,kBAjBL,YAAA,QAAA,aAAA,gBAAA,SAAA,YAAA,eAAA,QAAA,aAAA,YAAA,UAAA,YAAA,iBAAA,eAAA,gBAAA,WAAA;;8BAqBgCC,oBAAoB,CAACf,YAAD,EAAeC,SAAf,EAA0BE,QAA1B;MAA7CD,KAAP;MAAcc,cAAd;;MAEMC,OAAO,GAAGC,OAAO,CACrB;WAAMhB,KAAK,CAACiB,GAANjB,CAAU,UAACkB,EAAD;aAAQf,IAAI,CAACgB,IAALhB,CAAU,UAACiB,IAAD;eAAUA,IAAI,CAACF,EAALE,KAAYF;AAAhC,OAAAf,KAAuC;AAAEe,QAAAA,EAAE,EAAFA,EAAF;AAAMG,QAAAA,KAAK,EAAEH;AAAb;AAAzD,KAAAlB;AADe,GAAA,EAErB,CAACA,KAAD,EAAQG,IAAR,CAFqB;MAIjBmB,QAAQ,GAAGP,OAAO,CAACQ;;kBAEuBC,QAAQ;;MAAjDC,cAAP,2BAAwB;MAAGC,iBAA3B;;MAEMC,aAAa,GAAGX,OAAO,CAAC;WACrBD,OAAO,CAACa,KAARb,CAAc,CAAdA,EAAiBc,IAAI,CAACC,GAALD,CAASd,OAAO,CAACQ,MAAjBM,EAAyBJ,cAAc,GAAGlB,QAA1CsB,CAAjBd;AADoB,GAAA,EAE1B,CAACA,OAAD,EAAUR,QAAV,EAAoBkB,cAApB,CAF0B;MAGvBM,QAAQ,GAAGJ,aAAa,CAACJ,MAAdI,GAAuB;;mBAENH,QAAQ,CAA4B,EAA5B;MAAnCQ,SAAP;MAAkBC,YAAlB;;MACMC,WAAW,GAAGC,WAAW,CAC7B,UAACC,KAAD;WAEK,OAAOT,aAAa,CAACS,KAAD,CAApB,KAAgC,WAAhC,IAA+CJ,SAAS,CAACL,aAAa,CAACS,KAAD,CAAbT,CAAqBT,EAAtB,CAAxD,IAAsF;AAH9D,GAAA,EAM7B,CAACc,SAAD,EAAYL,aAAZ,CAN6B;;mBASOH,QAAQ,CAAC,CAAD;MAAvCa,WAAP;MAAoBC,cAApB;;;;mBAIsCd,QAAQ,CAAC,CAAD;MAAvCe,WAAP;MAAoBC,cAApB;;AAEAC,EAAAA,eAAe,CAAC;QACVF,WAAW,GAAG;;QAEdG,eAAe,CAACf,aAAD,GAAiB;UAC5BgB,GAAG,GAAGhB,aAAa,CAACJ;UACpBqB,SAAS,GAAGD,GAAG,GAAG;UAEpBE,UAAU,GAAGR;;WAEZ,IAAIS,CAAC,GAAG,GAAGA,CAAC,GAAGH,KAAK,EAAEG,GAAG;YACtBC,eAAe,GAAGb,WAAW,CAACY,CAAD;;YAE/BC,eAAe,KAAKC,WAAW;;;;AAInCH,QAAAA,UAAU,IAAIE,eAAdF;;YAGGD,SAAS,KAAK,CAAdA,IAAmBC,UAAU,IAAIpB,cAAjCmB,IACAE,CAAC,KAAKF,SAAS,GAAG,CAAlBE,IAAuBD,UAAU,GAAGX,WAAW,CAACU,SAAD,CAAxBC,IAAuCpB,gBAC/D;AACAc,UAAAA,WAAW,GAAGK,SAAdL;;AAJF,eAMO,IAAIM,UAAU,GAAGpB,cAAjB,EAAiC;AACtCc,UAAAA,WAAW,GAAGO,CAAC,GAAG,CAAlBP;;;;AAtBN,WA0BO;AACLA,MAAAA,WAAW,GAAG,CAAdA;;;AAGFC,IAAAA,cAAc,CAACD,WAAD,CAAdC;AAjCa,GAAA,EAkCZ,CAACR,SAAD,EAAYK,WAAZ,EAAyBH,WAAzB,EAAsCT,cAAtC,EAAsDE,aAAtD,EAAqErB,MAArE,CAlCY,CAAfmC;MAoCMQ,aAAa,GAAGC,iBAAiB,CAACvC,OAAD;MACjCwC,WAAW,GAAGhB,WAAW,CAC7B,UAACiB,GAAD;QACM/C,UAAU;AAEd+C,IAAAA,GAAG,CAACC,eAAJD;AACAtC,IAAAA,cAAc,CAACxB,UAAD,CAAdwB;AACAmC,IAAAA,aAAa;AANc,GAAA,EAQ7B,CAACnC,cAAD,EAAiBT,QAAjB,EAA2B4C,aAA3B,CAR6B;;mBAWLzB,QAAQ,CAAC,KAAD;MAA3B8B,KAAP;MAAcC,QAAd;;MACMC,WAAW,GAAGrB,WAAW,CAC7B,UAACsB,OAAD;QACMpD,UAAU;AACdkD,IAAAA,QAAQ,CAACE,OAAD,CAARF;AAH2B,GAAA,EAK7B,CAAClD,QAAD,CAL6B;;MASzBqD,iBAAiB,GAAGtD,SAAS,IAAI2B,QAAb3B,IAAyB,CAACC;MAE9CsD,GAAG,GAAGC,EAAE,CAACjE,SAAD,EAAYE,SAAZ,EAAuBQ,QAAQ,IAAI,UAAnC;sBAGZwD,mBAAAA,CAACC,cAADD;AACEE,IAAAA,WAAW,EAAE;AACbC,IAAAA,QAAQ,EAAE,iBAAA,CAACC,CAAD;UACJA,GAAG;AACLvC,QAAAA,iBAAiB,CAACuC,CAAD,CAAjBvC;;;GAJNmC,eAQEA,mBAAAA,MAAAA;AACEnE,IAAAA,GAAG,EAAEA;AACLE,IAAAA,IAAI,EAAEA;AACNC,IAAAA,SAAS,EAAE8D;AACXlD,IAAAA,WAAW,EAAE,oBAAA,CAAC2C,GAAD;AACXI,MAAAA,WAAW,CAAC,IAAD,CAAXA;AACA/C,MAAAA,YAAW,SAAXA,IAAAA,YAAW,WAAXA,SAAAA,GAAAA,YAAW,CAAG2C,GAAH,CAAX3C;;AAEFC,IAAAA,YAAY,EAAE,qBAAA,CAAC0C,GAAD;AACZI,MAAAA,WAAW,CAAC,KAAD,CAAXA;AACA9C,MAAAA,aAAY,SAAZA,IAAAA,aAAY,WAAZA,SAAAA,GAAAA,aAAY,CAAG0C,GAAH,CAAZ1C;;KAEEE,KAZNiD,EAeG9B,QAAQ,gBACP8B,mBAAAA,OAAAA;AAAMhE,IAAAA,SAAS,EAAKF,SAAL;GAAfkE,EACGlC,aAAa,CAACV,GAAdU,CAAkB,UAACuC,MAAD,EAAS9B,KAAT;wBAEfyB,mBAAAA,CAACM,OAADN;AACEO,MAAAA,MAAM,EAAEhC,KAAK,GAAGG;AAChB8B,MAAAA,GAAG,EAAEH,MAAM,CAAChD;AACZvB,MAAAA,SAAS,EAAEA;AACXU,MAAAA,QAAQ,EAAEA;AACV6D,MAAAA,MAAM,EAAEA;AACRlE,MAAAA,KAAK,EAAEA;AACPQ,MAAAA,aAAa,EAAEA;AACfM,MAAAA,cAAc,EAAEA;AAChBwD,MAAAA,WAAW,EAAE,oBAAA,CAACpD,EAAD,EAAa+C,CAAb;eACXhC,YAAY,CAAC,UAACsC,IAAD;;;iDAAgBA,4CAAOrD,MAAK+C;AAA7B,SAAA;;KAVhBJ;AAFH,GAAAlC,CADHkC,CADO,gBAqBPA,mBAAAA,OAAAA;AAAMhE,IAAAA,SAAS,EAAKF,SAAL;GAAfkE,EAA+C3D,WAA/C2D,CApCJA,eAuCEA,mBAAAA,CAACC,cAADD;AACEE,IAAAA,WAAW,EAAE;AACbC,IAAAA,QAAQ,EAAE,iBAAA,CAACC,CAAD;UACJA,GAAG;AACL3B,QAAAA,cAAc,CAAC2B,CAAD,CAAd3B;;;GAJNuB,EASG,CAAC,CAACvD,MAAF,IAAaoD,iBAAiB,IAAIJ,KAAlC,IAA4CvB,QAA5C,gBACC8B,mBAAAA,OAAAA;AAAMhE,IAAAA,SAAS,EAAKF,SAAL;GAAfkE,EACG9B,QAAQ,gBACP8B,mBAAAA,OAAAA;AAAMhE,IAAAA,SAAS,EAAE+D,EAAE,CAAIjE,SAAJ,iBAAA;GAAnBkE,QACMvC,QAAQ,GAAG,EAAXA,GAAgB,KAAhBA,GAAwBA,SAD9BuC,CADO,GAILH,iBAAiB,IAAIJ,KAArBI,gBACFG,mBAAAA,OAAAA;AACEhE,IAAAA,SAAS,EAAKF,SAAL;AACTC,IAAAA,IAAI,EAAC;AACL4E,IAAAA,QAAQ,EAAE,CAAC;AACXC,IAAAA,OAAO,EAAEtB;GAJXU,eAMEA,mBAAAA,CAACa,iBAADb,MAAAA,CANFA,CADEH,GASA,IAdNG,EAeGvD,MAfHuD,CADD,GAkBG,IA3BNA,CAvCFA,CARFA;AArHgC,CAAA;;AAuPtC,IAAIc,OAAJ,EAAa;AACXpF,EAAAA,YAAY,CAACqF,WAAbrF,GAA2B,cAA3BA;;;AAGF,IAAMsF,WAAW,GAAwB;AACvCC,EAAAA,QAAQ,EAAE,UAD6B;AAEvCC,EAAAA,OAAO,EAAE,CAF8B;AAGvCC,EAAAA,KAAK,EAAE,CAHgC;AAIvCC,EAAAA,MAAM,EAAE,CAJ+B;AAKvCC,EAAAA,QAAQ,EAAE,QAL6B;AAMvCC,EAAAA,OAAO,EAAE;AAN8B,CAAzC;;AASA,SAAShB,OAAT,KAAA;MACExE,iBAAAA;MACAuE,cAAAA;MACA7D,gBAAAA;MACAL,aAAAA;MACAsE,mBAAAA;MACAxD,sBAAAA;MACAN,qBAAAA;yBACA4D;MAAAA,kCAAS;MAEH/C,KAAK,GAAG+D,UAAU,CAAC5E,aAAD,CAAV4E,GAA4B5E,aAAa,CAAC0D,MAAD,CAAzCkB,GAAoD;MAC5DC,SAAS,GAAG,CAACnB,MAAM,CAAC7D;sBAGxBwD,mBAAAA,CAACC,cAADD;AACEE,IAAAA,WAAW,EAAE;AACbC,IAAAA,QAAQ,EAAE,iBAAA,CAACgB,KAAD;;UAEJZ,QAAQ;;UAERY,KAAK,KAAKhC,WAAW;AACvBsB,QAAAA,WAAW,CAACJ,MAAM,CAAChD,EAAR,EAAY8D,KAAZ,CAAXV;;;GAPNT,eAWEA,mBAAAA,MAAAA;AAAKyB,IAAAA,KAAK,EAAE;AAAEH,MAAAA,OAAO,EAAE;AAAX;GAAZtB,eACEA,mBAAAA,OAAAA;AACEhE,IAAAA,SAAS,EAAKF,SAAL;AACT2F,IAAAA,KAAK,EAAElB,MAAM,GAAGS,WAAH,GAAiB7B;AAC9BqB,IAAAA,GAAG,EAAEH,MAAM,CAAChD;GAHd2C,eAKEA,mBAAAA,OAAAA;AAAMhE,IAAAA,SAAS,EAAKF,SAAL;GAAfkE,EACGxC,KAAK,KAAK,IAAVA,GAAiB6C,MAAM,CAAC7C,KAAxBA,GAAgCA,KADnCwC,CALFA,EAQGwB,SAAS,gBACRxB,mBAAAA,OAAAA;AACEhE,IAAAA,SAAS,EAAKF,SAAL;AACT8E,IAAAA,OAAO,EAAE,gBAAA,CAACrB,GAAD;UACH/C,UAAU;AAEd+C,MAAAA,GAAG,CAACC,eAAJD;UACMmC,SAAS,GAAGvF,KAAK,CAACwF,MAANxF,CAAa,UAACkB,EAAD;eAAaA,EAAE,KAAKgD,MAAM,CAAChD;AAAxC,OAAAlB;AAClBc,MAAAA,cAAc,CAACyE,SAAD,CAAdzE;;GAPJ+C,eAUEA,mBAAAA,CAAC4B,aAAD5B,MAAAA,CAVFA,CADQ,GAaN,IArBNA,CADFA,CAXFA;;;"}
package/lib/esm/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
package/lib/esm/styles/index.scss.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
package/lib/esm/use-tag-input.js.map DELETED
@@ -1 +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 DELETED
@@ -1,46 +0,0 @@
1
- /** @LICENSE
2
- * @hi-ui/tag-input
3
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tag-input#readme
4
- *
5
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
6
- *
7
- * This source code is licensed under the MIT license found in the
8
- * LICENSE file in the root directory of this source tree.
9
- */
10
- var debounce = function debounce(func, delay) {
11
- if (delay === void 0) {
12
- delay = 150;
13
- }
14
-
15
- var timer = 0;
16
-
17
- var cancel = function cancel() {
18
- if (timer) {
19
- window.clearTimeout(timer);
20
- timer = 0;
21
- }
22
- };
23
-
24
- var debounceFn = function debounceFn() {
25
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
26
- args[_key] = arguments[_key];
27
- }
28
-
29
- if (timer) {
30
- cancel();
31
- }
32
-
33
- if (func) {
34
- timer = window.setTimeout(function () {
35
- func.apply(null, args);
36
- timer = 0;
37
- }, delay);
38
- }
39
- };
40
-
41
- debounceFn.cancel = cancel;
42
- return debounceFn;
43
- };
44
-
45
- export { debounce };
46
- //# sourceMappingURL=index.js.map
package/lib/esm/utils/index.js.map DELETED
@@ -1 +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/utils/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export declare const debounce: <T extends (...args: any[]) => void>(func?: T | undefined, delay?: number) => T & {
2
- cancel: () => void;
3
- };