@hi-ui/tree-select 4.0.0-alpha.10

package/lib/cjs/ui/input/lib/esm/styles/index.scss.js

@@ -0,0 +1,32 @@
+/** @LICENSE
+ * @hi-ui/tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+/** @LICENSE
+ * @hi-ui/input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@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-mock-input {\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-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\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: 200ms;\n          transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n          transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  border: 1px solid transparent;\n  border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n  background-color: #fff;\n  background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-mock-input:not(.disabled):hover {\n    z-index: calc(1 + 1);\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-mock-input:not(.disabled).focused {\n    z-index: calc(1 + 1);\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-mock-input.disabled {\n    cursor: not-allowed; }\n.hi-v4-mock-input__suffix, .hi-v4-mock-input__placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-mock-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: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    text-align: center;\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    visibility: hidden;\n    opacity: 0;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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-mock-input__clear:hover {\n      color: #000;\n      color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-mock-input__clear.active {\n      visibility: visible;\n      opacity: 1; }\n.hi-v4-mock-input__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    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    padding-left: 8px;\n    padding-left: var(--hi-v4-spacing-4, 8px);\n    text-align: center; }\n.hi-v4-mock-input__value {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    display: inline-block;\n    width: auto;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; }\n.hi-v4-mock-input--size-sm {\n    height: 24px;\n    height: var(--hi-v4-height-xs, 24px);\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: 1.25rem;\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 1px calc(12px - 1px);\n    padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-md {\n    height: 32px;\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: 1.375rem;\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 4px calc(12px - 1px);\n    padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-lg {\n    height: 40px;\n    height: var(--hi-v4-height-xl, 40px);\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: 1.5rem;\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 7px calc(12px - 1px);\n    padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--appearance-outline {\n    border-color: #dfe2e8;\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-mock-input--appearance-outline:not(.disabled):hover {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input--appearance-outline:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input--appearance-outline:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-outline:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-outline:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-mock-input--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-mock-input--appearance-unset:not(.disabled):hover {\n      background-color: #f2f4f7;\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-unset:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      background-color: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input--appearance-unset:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-unset:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-unset:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-mock-input--appearance-filled {\n    background-color: #f2f4f7;\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-filled:not(.disabled):hover {\n      background-color: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input--appearance-filled:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa);\n      background-color: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-mock-input--appearance-filled:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-filled:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-filled:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-mock-input--appearance-outline.disabled, .hi-v4-mock-input--appearance-unset.disabled, .hi-v4-mock-input--appearance-filled.disabled {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-mock-input--appearance-outline.disabled, .hi-v4-mock-input--appearance-filled.disabled {\n    background-color: #ebedf0;\n    background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@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-input {\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  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  display: inline-block;\n  box-sizing: border-box;\n  -webkit-transition-property: all;\n  transition-property: all;\n  -webkit-transition-duration: 200ms;\n          transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n          transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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  font-size: inherit;\n  line-height: inherit;\n  color: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-input::-webkit-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::-moz-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::-ms-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input:-ms-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input:disabled {\n    cursor: not-allowed; }\n.hi-v4-input__inner {\n    position: relative;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    height: auto;\n    width: 100%;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    font-size: inherit;\n    border: 1px solid transparent;\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    background-color: #fff;\n    background-color: var(--hi-v4-color-static-white, #fff);\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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    outline: none;\n    z-index: auto; }\n.hi-v4-input__inner:not(.disabled):hover {\n      z-index: calc(1 + 1);\n      z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-input__inner:not(.disabled).focused {\n      z-index: calc(1 + 1);\n      z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-input__outer {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    position: relative;\n    margin: 0;\n    padding: 0;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    height: auto;\n    width: 100%;\n    vertical-align: middle; }\n.hi-v4-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    height: auto;\n    text-align: center;\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\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-property: all;\n    transition-property: all;\n    -webkit-transition-duration: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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    visibility: hidden;\n    opacity: 0; }\n.hi-v4-input__clear:hover {\n      color: #1f2733;\n      color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-input__clear.active {\n      visibility: visible;\n      opacity: 1; }\n.hi-v4-input__inner--suffix .hi-v4-input__clear {\n      -webkit-margin-end: 4px;\n              margin-inline-end: 4px;\n      -webkit-margin-end: var(--hi-v4-spacing-2, 4px);\n              margin-inline-end: var(--hi-v4-spacing-2, 4px); }\n.hi-v4-input__prefix, .hi-v4-input__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    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    color: #1f2733;\n    color: var(--hi-v4-color-gray-700, #1f2733);\n    font-size: inherit;\n    text-align: center; }\n.hi-v4-input__prefix {\n    padding-left: calc(12px - 1px);\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input__suffix {\n    padding-right: calc(12px - 1px);\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input__prepend, .hi-v4-input__append {\n    position: relative;\n    color: #1f2733;\n    color: var(--hi-v4-color-gray-700, #1f2733);\n    background-color: #f5f7fa;\n    background-color: var(--hi-v4-color-gray-50, #f5f7fa);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\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    font-size: inherit;\n    text-align: center;\n    padding: 0 calc(12px - 1px);\n    padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border: 1px solid transparent;\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    white-space: nowrap;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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    z-index: 1;\n    z-index: var(--hi-v4-zindex-absolute, 1); }\n.hi-v4-input__prepend {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    margin-right: -1px; }\n.hi-v4-input__append {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    margin-left: -1px; }\n.hi-v4-input--size-sm {\n    height: 24px;\n    height: var(--hi-v4-height-xs, 24px);\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: 1.25rem; }\n.hi-v4-input--size-sm .hi-v4-input {\n      padding: 1px calc(12px - 1px);\n      padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-sm .hi-v4-input__inner,\n    .hi-v4-input--size-sm .hi-v4-input__prepend,\n    .hi-v4-input--size-sm .hi-v4-input__append {\n      border-radius: 4px;\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-sm .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-sm .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--size-md {\n    height: 32px;\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: 1.375rem; }\n.hi-v4-input--size-md .hi-v4-input {\n      padding: 4px calc(12px - 1px);\n      padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-md .hi-v4-input__inner,\n    .hi-v4-input--size-md .hi-v4-input__prepend,\n    .hi-v4-input--size-md .hi-v4-input__append {\n      border-radius: 4px;\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-md .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-md .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--size-lg {\n    height: 40px;\n    height: var(--hi-v4-height-xl, 40px);\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: 1.5rem; }\n.hi-v4-input--size-lg .hi-v4-input {\n      padding: 7px calc(12px - 1px);\n      padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-lg .hi-v4-input__inner,\n    .hi-v4-input--size-lg .hi-v4-input__prepend,\n    .hi-v4-input--size-lg .hi-v4-input__append {\n      border-radius: 4px;\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-lg .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-lg .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--appearance-outline .hi-v4-input__inner {\n    border-color: #dfe2e8;\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled):hover {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-input--appearance-outline .hi-v4-input__prepend,\n  .hi-v4-input--appearance-outline .hi-v4-input__append {\n    border-color: #dfe2e8;\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-unset .hi-v4-input {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input {\n    padding-left: calc(12px - 1px);\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--append .hi-v4-input,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input {\n    padding-right: calc(12px - 1px);\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-unset .hi-v4-input__inner {\n    border-radius: 0; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner {\n    background-color: #f2f4f7;\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled):hover {\n      background-color: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa);\n      background-color: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-input--appearance-underline .hi-v4-input {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input {\n    padding-left: calc(12px - 1px);\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--append .hi-v4-input,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input {\n    padding-right: calc(12px - 1px);\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner {\n    border-radius: 0; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner::after {\n      content: '';\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      display: block;\n      position: absolute;\n      bottom: 0;\n      left: -1px;\n      right: -1px;\n      border-bottom: 1px solid #dfe2e8;\n      border-bottom: 1px solid var(--hi-v4-color-gray-300, #dfe2e8);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.disabled):hover::after {\n      border-bottom-color: #237ffa;\n      border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.disabled).focused::after {\n      border-bottom-color: #237ffa;\n      border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.disabled).invalid::after {\n      border-bottom-color: #ff5959;\n      border-bottom-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.disabled).invalid.hover::after {\n      border-bottom-color: #ff5959;\n      border-bottom-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner.disabled, .hi-v4-input--appearance-unset .hi-v4-input__inner.disabled, .hi-v4-input--appearance-filled .hi-v4-input__inner.disabled, .hi-v4-input--appearance-underline .hi-v4-input__inner.disabled {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    background-color: #ebedf0;\n    background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-input__outer--prepend .hi-v4-input__inner {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend {\n    border: none;\n    padding: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-mock-input {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-button {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input__outer--append .hi-v4-input__inner {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append {\n    border: none;\n    padding: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-mock-input {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-button {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\ntextarea.hi-v4-input {\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  display: block;\n  resize: vertical;\n  overflow: auto;\n  position: relative;\n  width: 100%;\n  z-index: auto;\n  border: 1px solid transparent;\n  border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n  background-color: #fff;\n  background-color: var(--hi-v4-color-static-white, #fff);\n  -webkit-transition-property: all;\n  transition-property: all;\n  -webkit-transition-duration: 200ms;\n          transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n          transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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  color: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733); }\ntextarea.hi-v4-input::-webkit-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\ntextarea.hi-v4-input::-moz-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\ntextarea.hi-v4-input::-ms-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\ntextarea.hi-v4-input:-ms-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\ntextarea.hi-v4-input::placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\ntextarea.hi-v4-input:disabled {\n    cursor: not-allowed; }\ntextarea.hi-v4-input:not(.disabled):hover {\n    z-index: calc(1 + 1);\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\ntextarea.hi-v4-input:not(.disabled).focused {\n    z-index: calc(1 + 1);\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\ntextarea.hi-v4-input--size-sm {\n    height: auto;\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: 1.25rem;\n    padding: 1px calc(12px - 1px);\n    padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px); }\ntextarea.hi-v4-input--size-md {\n    height: auto;\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: 1.375rem;\n    padding: 4px calc(12px - 1px);\n    padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px); }\ntextarea.hi-v4-input--size-lg {\n    height: auto;\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: 1.5rem;\n    padding: 7px calc(12px - 1px);\n    padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px); }\ntextarea.hi-v4-input--appearance-outline {\n    border-color: #dfe2e8;\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\ntextarea.hi-v4-input--appearance-outline:not(.disabled):hover {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\ntextarea.hi-v4-input--appearance-outline:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\ntextarea.hi-v4-input--appearance-outline:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\ntextarea.hi-v4-input--appearance-outline:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\ntextarea.hi-v4-input--appearance-outline:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\ntextarea.hi-v4-input--appearance-unset {\n    border-radius: 0; }\ntextarea.hi-v4-input--appearance-unset .hi-v4-input {\n      padding-left: 0;\n      padding-right: 0; }\ntextarea.hi-v4-input--appearance-filled {\n    background-color: #f2f4f7;\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\ntextarea.hi-v4-input--appearance-filled:not(.disabled):hover {\n      background-color: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\ntextarea.hi-v4-input--appearance-filled:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa);\n      background-color: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff); }\ntextarea.hi-v4-input--appearance-filled:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\ntextarea.hi-v4-input--appearance-filled:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\ntextarea.hi-v4-input--appearance-filled:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\ntextarea.hi-v4-input--appearance-underline {\n    padding-left: 0;\n    padding-right: 0;\n    border-radius: 0; }\ntextarea.hi-v4-input--appearance-underline::after {\n      content: '';\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      display: block;\n      position: absolute;\n      bottom: 0;\n      left: -1px;\n      right: -1px;\n      border-bottom: 1px solid #dfe2e8;\n      border-bottom: 1px solid var(--hi-v4-color-gray-300, #dfe2e8);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s; }\ntextarea.hi-v4-input--appearance-underline:not(.disabled):hover::after {\n      border-bottom-color: #237ffa;\n      border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa); }\ntextarea.hi-v4-input--appearance-underline:not(.disabled).focused::after {\n      border-bottom-color: #237ffa;\n      border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa); }\ntextarea.hi-v4-input--appearance-underline:not(.disabled).invalid::after {\n      border-bottom-color: #ff5959;\n      border-bottom-color: var(--hi-v4-color-red-500, #ff5959); }\ntextarea.hi-v4-input--appearance-underline:not(.disabled).invalid.hover::after {\n      border-bottom-color: #ff5959;\n      border-bottom-color: var(--hi-v4-color-red-500, #ff5959); }\ntextarea.hi-v4-input--appearance-outline.disabled, textarea.hi-v4-input--appearance-unset.disabled, textarea.hi-v4-input--appearance-filled.disabled, textarea.hi-v4-input--appearance-underline.disabled {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    background-color: #ebedf0;\n    background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n";
+
+var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+
+__styleInject__(css_248z);
+
+exports["default"] = css_248z;
+//# sourceMappingURL=index.scss.js.map

package/lib/cjs/ui/input/lib/esm/styles/index.scss.js.map

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

package/lib/cjs/ui/input/lib/esm/use-input.js

@@ -0,0 +1,108 @@
+/** @LICENSE
+ * @hi-ui/tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+
+var index = require('../../../../hooks/use-latest/lib/esm/index.js');
+
+var index$1 = require('../../../../utils/dom-utils/lib/esm/index.js');
+/** @LICENSE
+ * @hi-ui/input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+var useInput = function useInput(_ref) {
+  var name = _ref.name,
+      _ref$autoFocus = _ref.autoFocus,
+      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$readOnly = _ref.readOnly,
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+      maxLength = _ref.maxLength,
+      placeholder = _ref.placeholder,
+      _ref$defaultValue = _ref.defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
+      valueProp = _ref.value,
+      onChange = _ref.onChange,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      _ref$trimValueOnBlur = _ref.trimValueOnBlur,
+      trimValueOnBlur = _ref$trimValueOnBlur === void 0 ? false : _ref$trimValueOnBlur;
+
+  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
+      value = _useUncontrolledState[0],
+      tryChangeValue = _useUncontrolledState[1];
+
+  var handleChange = React.useCallback(function (evt) {
+    var nextValue = evt.target.value;
+    tryChangeValue(nextValue, evt);
+  }, [tryChangeValue]);
+
+  var _useState = React.useState(autoFocus),
+      focused = _useState[0],
+      setFocused = _useState[1];
+
+  var handleFocus = index.useLatestCallback(function (evt) {
+    setFocused(true);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(evt);
+  });
+  var handleBlur = index.useLatestCallback(function (event) {
+    setFocused(false);
+
+    if (trimValueOnBlur) {
+      var nextValue = event.target.value;
+      tryChangeValue(nextValue.trim(), event);
+    }
+
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+  });
+  var nativeInputProps = React.useMemo(function () {
+    return {
+      name: name,
+      disabled: disabled,
+      readOnly: readOnly,
+      autoFocus: autoFocus,
+      placeholder: placeholder,
+      maxLength: maxLength,
+      'data-focused': index$1.setAttrStatus(focused)
+    };
+  }, [disabled, readOnly, autoFocus, placeholder, maxLength, name, focused]);
+  var getInputProps = React.useCallback(function () {
+    return Object.assign(Object.assign({}, nativeInputProps), {
+      value: value,
+      onChange: handleChange,
+      onFocus: handleFocus,
+      onBlur: handleBlur
+    });
+  }, [value, handleChange, handleFocus, handleBlur, nativeInputProps]);
+  return {
+    focused: focused,
+    value: value,
+    tryChangeValue: tryChangeValue,
+    getInputProps: getInputProps
+  };
+};
+
+exports.useInput = useInput;
+//# sourceMappingURL=use-input.js.map

package/lib/cjs/ui/input/lib/esm/use-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input.js","sources":["../../../../../../../input/lib/esm/use-input.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/input\n * https://github.com/XiaoMi/hiui/tree/master/packages/ui/input#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { useCallback, useState, useMemo } from 'react';\nimport { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';\nimport { useLatestCallback } from '@hi-ui/use-latest';\nimport { setAttrStatus } from '@hi-ui/dom-utils';\n\nvar useInput = function useInput(_ref) {\n  var name = _ref.name,\n      _ref$autoFocus = _ref.autoFocus,\n      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,\n      _ref$disabled = _ref.disabled,\n      disabled = _ref$disabled === void 0 ? false : _ref$disabled,\n      _ref$readOnly = _ref.readOnly,\n      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,\n      maxLength = _ref.maxLength,\n      placeholder = _ref.placeholder,\n      _ref$defaultValue = _ref.defaultValue,\n      defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,\n      valueProp = _ref.value,\n      onChange = _ref.onChange,\n      onFocus = _ref.onFocus,\n      onBlur = _ref.onBlur,\n      _ref$trimValueOnBlur = _ref.trimValueOnBlur,\n      trimValueOnBlur = _ref$trimValueOnBlur === void 0 ? false : _ref$trimValueOnBlur;\n\n  var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChange),\n      value = _useUncontrolledState[0],\n      tryChangeValue = _useUncontrolledState[1];\n\n  var handleChange = useCallback(function (evt) {\n    var nextValue = evt.target.value;\n    tryChangeValue(nextValue, evt);\n  }, [tryChangeValue]);\n\n  var _useState = useState(autoFocus),\n      focused = _useState[0],\n      setFocused = _useState[1];\n\n  var handleFocus = useLatestCallback(function (evt) {\n    setFocused(true);\n    onFocus === null || onFocus === void 0 ? void 0 : onFocus(evt);\n  });\n  var handleBlur = useLatestCallback(function (event) {\n    setFocused(false);\n\n    if (trimValueOnBlur) {\n      var nextValue = event.target.value;\n      tryChangeValue(nextValue.trim(), event);\n    }\n\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n  });\n  var nativeInputProps = useMemo(function () {\n    return {\n      name: name,\n      disabled: disabled,\n      readOnly: readOnly,\n      autoFocus: autoFocus,\n      placeholder: placeholder,\n      maxLength: maxLength,\n      'data-focused': setAttrStatus(focused)\n    };\n  }, [disabled, readOnly, autoFocus, placeholder, maxLength, name, focused]);\n  var getInputProps = useCallback(function () {\n    return Object.assign(Object.assign({}, nativeInputProps), {\n      value: value,\n      onChange: handleChange,\n      onFocus: handleFocus,\n      onBlur: handleBlur\n    });\n  }, [value, handleChange, handleFocus, handleBlur, nativeInputProps]);\n  return {\n    focused: focused,\n    value: value,\n    tryChangeValue: tryChangeValue,\n    getInputProps: getInputProps\n  };\n};\n\nexport { useInput };\n//# sourceMappingURL=use-input.js.map\n"],"names":["useInput","_ref","name","autoFocus","_ref$autoFocus","disabled","_ref$disabled","readOnly","_ref$readOnly","maxLength","placeholder","defaultValue","_ref$defaultValue","valueProp","value","onChange","onFocus","onBlur","trimValueOnBlur","_ref$trimValueOnBlur","useUncontrolledState","_useUncontrolledState","tryChangeValue","handleChange","useCallback","evt","nextValue","useState","focused","_useState","setFocused","handleFocus","useLatestCallback","handleBlur","event","trim","nativeInputProps","useMemo","setAttrStatus","getInputProps"],"mappings":"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"}

package/lib/cjs/utils/dom-utils/lib/esm/index.js

@@ -0,0 +1,34 @@
+/** @LICENSE
+ * @hi-ui/tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+/** @LICENSE
+ * @hi-ui/dom-utils
+ * https://github.com/XiaoMi/hiui/tree/master/packages/utils/dom-utils#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * 设置 html  data 属性，表示状态
+ */
+
+var setAttrStatus = function setAttrStatus(bool) {
+  return bool ? '' : undefined;
+};
+
+exports.setAttrStatus = setAttrStatus;
+//# sourceMappingURL=index.js.map

package/lib/cjs/utils/dom-utils/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../utils/dom-utils/lib/esm/index.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/dom-utils\n * https://github.com/XiaoMi/hiui/tree/master/packages/utils/dom-utils#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * 隐藏 dom 样式\n */\nvar hiddenStyle = {\n  position: 'absolute',\n  border: 0,\n  margin: 0,\n  opacity: 0,\n  overflow: 'hidden'\n};\n/**\n * 模拟事件默认事件处理机制，以此执行传入的事件处理器\n *\n * @param handlers\n * @returns\n * @ref https://developer.mozilla.org/zh-CN/docs/Web/API/Event/preventDefault\n */\n\nfunction mockDefaultHandlers() {\n  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {\n    handlers[_key] = arguments[_key];\n  }\n\n  return function mockedDefaultHandler(event) {\n    handlers.some(function (handler) {\n      if (handler) {\n        // handler 执行中，可以阻止默认行为，即将 `defaultPrevented` 置为 `true`\n        handler(event);\n      }\n\n      return event.defaultPrevented;\n    });\n  };\n}\n/**\n * 设置 html  data 属性，表示状态\n */\n\n\nvar setAttrStatus = function setAttrStatus(bool) {\n  return bool ? '' : undefined;\n};\n/**\n * 设置 html  aria 属性\n */\n\n\nvar setAttrAria = function setAttrAria(bool) {\n  return bool ? true : undefined;\n};\n/**\n * 阻止事件的行为，包括默认事件和冒泡\n */\n\n\nvar stopEvent = function stopEvent(evt) {\n  evt === null || evt === void 0 ? void 0 : evt.preventDefault();\n  evt === null || evt === void 0 ? void 0 : evt.stopPropagation();\n};\n\nexport { hiddenStyle, mockDefaultHandlers, setAttrAria, setAttrStatus, stopEvent };\n//# sourceMappingURL=index.js.map\n"],"names":["setAttrStatus","bool","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkCA;;;;IAGaA,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,IAAA,EAAA;SAAqBA,IAAI,GAAA,EAAA,GAAQC;;;"}

package/lib/esm/TreeSelect.js

@@ -0,0 +1,246 @@
+/** @LICENSE
+ * @hi-ui/tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React, { forwardRef, useCallback, useMemo, useState } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+import { useToggle } from '@hi-ui/use-toggle';
+import { Tree } from '@hi-ui/tree';
+import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
+import { Picker } from '@hi-ui/picker';
+import { flattenTree } from '@hi-ui/tree-utils';
+import { isArrayNonEmpty } from '@hi-ui/type-assertion';
+import { uniqBy } from 'lodash';
+import { Highlighter } from '@hi-ui/highlighter';
+import './ui/input/lib/esm/styles/index.scss.js';
+import './ui/input/lib/esm/Input.js';
+import './ui/input/lib/esm/TextArea.js';
+import { MockInput } from './ui/input/lib/esm/MockInput.js';
+import { UpOutlined, DownOutlined } from '@hi-ui/icons';
+import { useAsyncSearch, useTreeCustomSearch, useFilterSearch, useHighlightSearch, useSearchMode } from '@hi-ui/use-search-mode';
+var TREE_SELECT_PREFIX = getPrefixCls('tree-select');
+var DEFAULT_DATA = []; // const DEFAULT_VALUE = [] as []
+
+var DEFAULT_FIELD_NAMES = {};
+var DEFAULT_EXPANDED_IDS = [];
+/**
+ * TODO: What is TreeSelect
+ */
+
+var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? TREE_SELECT_PREFIX : _a$prefixCls,
+      className = _a.className,
+      _a$data = _a.data,
+      data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
+      dataSource = _a.dataSource,
+      _a$disabled = _a.disabled,
+      disabled = _a$disabled === void 0 ? false : _a$disabled,
+      _a$fieldNames = _a.fieldNames,
+      fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
+      _a$defaultExpandAll = _a.defaultExpandAll,
+      defaultExpandAll = _a$defaultExpandAll === void 0 ? false : _a$defaultExpandAll,
+      expandedIdsProp = _a.expandedIds,
+      _a$defaultExpandedIds = _a.defaultExpandedIds,
+      defaultExpandedIds = _a$defaultExpandedIds === void 0 ? DEFAULT_EXPANDED_IDS : _a$defaultExpandedIds,
+      onExpand = _a.onExpand,
+      _a$defaultValue = _a.defaultValue,
+      defaultValue = _a$defaultValue === void 0 ? '' : _a$defaultValue,
+      valueProp = _a.value,
+      onChange = _a.onChange,
+      searchableProp = _a.searchable,
+      searchModeProp = _a.searchMode,
+      onLoadChildren = _a.onLoadChildren,
+      titleRender = _a.titleRender,
+      filterOption = _a.filterOption,
+      clearable = _a.clearable,
+      invalid = _a.invalid,
+      displayRender = _a.displayRender,
+      _a$placeholder = _a.placeholder,
+      placeholder = _a$placeholder === void 0 ? '请选择' : _a$placeholder,
+      appearance = _a.appearance,
+      rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "showCheckedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "titleRender", "filterOption", "clearable", "invalid", "displayRender", "placeholder", "appearance"]);
+
+  var _useToggle = useToggle(),
+      menuVisible = _useToggle[0],
+      menuVisibleAction = _useToggle[1];
+  /**
+   * 转换对象
+   */
+
+
+  var getKeyFields = useCallback(function (node, key) {
+    return node[fieldNames[key] || key];
+  }, [fieldNames]);
+  var flattedData = useMemo(function () {
+    return flattenTree(data, function (node) {
+      node.id = getKeyFields(node.raw, 'id'); // @ts-ignore
+
+      node.title = getKeyFields(node.raw, 'title');
+      return node;
+    });
+  }, [data, getKeyFields]); // TODO: 抽离展开hook
+  // TODO: onLoadChildren 和 defaultExpandAll 共存时
+
+  var _useUncontrolledState = useUncontrolledState(function getDefaultExpandedIds() {
+    // 开启默认展开全部
+    if (defaultExpandAll) {
+      return flattedData.map(function (node) {
+        return node.id;
+      });
+    }
+
+    return defaultExpandedIds;
+  }, expandedIdsProp, onExpand),
+      expandedIds = _useUncontrolledState[0],
+      tryChangeExpandedIds = _useUncontrolledState[1];
+
+  var _useUncontrolledState2 = useUncontrolledState(defaultValue, valueProp, onChange),
+      value = _useUncontrolledState2[0],
+      tryChangeValue = _useUncontrolledState2[1];
+
+  var onSelect = useCallback(function (selectedId, selectedNode) {
+    if (selectedId) {
+      tryChangeValue(selectedId, selectedNode);
+      setSelectedItem(selectedNode);
+    } // 关闭弹窗
+
+
+    menuVisibleAction.off();
+  }, [menuVisibleAction, tryChangeValue]); // 搜索时临时选中缓存数据
+
+  var _useState = useState(null),
+      selectedItem = _useState[0],
+      setSelectedItem = _useState[1]; // ************************** 异步搜索 ************************* //
+  // const { loading, hasError, loadRemoteData } = useDataSource({ dataSource, validate: isArray })
+
+
+  var _b = useAsyncSearch({
+    dataSource: dataSource
+  }),
+      loading = _b.loading,
+      hasError = _b.hasError,
+      dataSourceStrategy = __rest(_b, ["loading", "hasError"]);
+
+  var customSearchStrategy = useTreeCustomSearch({
+    data: data,
+    filterOption: filterOption
+  });
+  var filterSearchStrategy = useFilterSearch({
+    data: data,
+    flattedData: flattedData,
+    searchMode: searchModeProp
+  });
+  var highlightSearchStrategy = useHighlightSearch({
+    data: data,
+    flattedData: flattedData,
+    searchMode: searchModeProp
+  });
+
+  var _useSearchMode = useSearchMode({
+    searchable: searchableProp,
+    strategies: [dataSourceStrategy, customSearchStrategy, filterSearchStrategy, highlightSearchStrategy]
+  }),
+      stateInSearch = _useSearchMode.state,
+      setStateInSearch = _useSearchMode.setStateInSearch,
+      searchable = _useSearchMode.searchable,
+      searchMode = _useSearchMode.searchMode,
+      onSearch = _useSearchMode.onSearch,
+      searchValue = _useSearchMode.keyword; // 拦截 titleRender，自定义高亮展示
+
+
+  var proxyTitleRender = useCallback(function (node) {
+    if (titleRender) {
+      var _ret = titleRender(node);
+
+      if (_ret && _ret !== true) return _ret;
+    } // 本地搜索执行默认高亮规则
+
+
+    var highlight = !!searchValue && (searchMode === 'highlight' || searchMode === 'filter');
+    var ret = highlight ? /*#__PURE__*/React.createElement(Highlighter, {
+      keyword: searchValue
+    }, node.title) : true;
+    return ret;
+  }, [titleRender, searchValue, searchMode]);
+  var shouldUseSearch = !!searchValue && !hasError;
+  var treeProps = {
+    data: shouldUseSearch ? stateInSearch.data : data,
+    expandedIds: shouldUseSearch ? stateInSearch.expandedIds : expandedIds,
+    onExpand: shouldUseSearch ? function (ids) {
+      return setStateInSearch(function (prev) {
+        return Object.assign(Object.assign({}, prev), {
+          expandedIds: ids
+        });
+      });
+    } : tryChangeExpandedIds,
+    titleRender: proxyTitleRender
+  }; // 下拉菜单不能合并（因为树形数据，不知道是第几级）
+
+  var mergedData = useMemo(function () {
+    if (selectedItem) {
+      var nextData = [selectedItem].concat(flattedData);
+      return uniqBy(nextData, 'id');
+    }
+
+    return flattedData;
+  }, [selectedItem, flattedData]);
+  var cls = cx(prefixCls, className);
+  return /*#__PURE__*/React.createElement(Picker, Object.assign({
+    ref: ref,
+    className: cls
+  }, rest, {
+    visible: menuVisible,
+    disabled: disabled,
+    onOpen: menuVisibleAction.on,
+    onClose: menuVisibleAction.off,
+    // value={value}
+    // onChange={tryChangeValue}
+    // data={mergedData}
+    searchable: searchable,
+    onSearch: onSearch,
+    loading: loading,
+    trigger: /*#__PURE__*/React.createElement(MockInput // ref={targetElementRef}
+    // onClick={openMenu}
+    // disabled={disabled}
+    , {
+      // ref={targetElementRef}
+      // onClick={openMenu}
+      // disabled={disabled}
+      clearable: clearable,
+      placeholder: placeholder,
+      displayRender: displayRender,
+      suffix: menuVisible ? /*#__PURE__*/React.createElement(UpOutlined, null) : /*#__PURE__*/React.createElement(DownOutlined, null),
+      focused: menuVisible,
+      value: value,
+      onChange: tryChangeValue,
+      data: mergedData,
+      // @ts-ignore
+      invalid: invalid,
+      appearance: appearance
+    })
+  }), isArrayNonEmpty(treeProps.data) ? /*#__PURE__*/React.createElement(Tree, Object.assign({
+    className: prefixCls + "__tree",
+    selectable: true,
+    selectedId: value,
+    onSelect: onSelect,
+    // onLoadChildren 缓存数据
+    // TODO: 支持 fieldNames
+    // 禁用时被选中的样式处理
+    onLoadChildren: onLoadChildren
+  }, treeProps)) : null);
+});
+
+if (__DEV__) {
+  TreeSelect.displayName = 'TreeSelect';
+}
+
+export { TreeSelect };
+//# sourceMappingURL=TreeSelect.js.map

package/lib/esm/TreeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.js","sources":["../../src/TreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","TreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","filterOption","clearable","invalid","displayRender","placeholder","appearance","rest","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","flattenTree","id","raw","title","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","onSelect","selectedId","selectedNode","setSelectedItem","off","useState","selectedItem","_b","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","filterSearchStrategy","useFilterSearch","highlightSearchStrategy","useHighlightSearch","useSearchMode","strategies","stateInSearch","state","setStateInSearch","onSearch","searchValue","keyword","proxyTitleRender","ret","highlight","React","Highlighter","shouldUseSearch","treeProps","ids","prev","mergedData","nextData","concat","uniqBy","cls","cx","Picker","visible","onOpen","on","onClose","trigger","MockInput","suffix","UpOutlined","DownOutlined","focused","isArrayNonEmpty","Tree","selectable","__DEV__","displayName"],"mappings":"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"}

package/lib/esm/hooks/use-latest/lib/esm/index.js

@@ -0,0 +1,57 @@
+/** @LICENSE
+ * @hi-ui/tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useCallback, useRef } from 'react';
+/** @LICENSE
+ * @hi-ui/use-latest
+ * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-latest#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Keep value up-to-date if it changes.
+ *
+ * @param value
+ * @returns
+ */
+
+var useLatestRef = function useLatestRef(value) {
+  var ref = useRef(value);
+  ref.current = value;
+  return ref;
+};
+/**
+ * Keep callback function up-to-date if it changes.
+ *
+ * @param callback
+ * @returns
+ */
+
+
+var useLatestCallback = function useLatestCallback(callback) {
+  var ref = useLatestRef(callback);
+  return useCallback(function () {
+    var _a2;
+
+    var _a;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return (_a = ref.current) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [ref].concat(args));
+  }, []);
+};
+
+export { useLatestCallback, useLatestRef };
+//# sourceMappingURL=index.js.map

package/lib/esm/hooks/use-latest/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../hooks/use-latest/lib/esm/index.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/use-latest\n * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-latest#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { useRef, useCallback } from 'react';\n/**\n * Keep value up-to-date if it changes.\n *\n * @param value\n * @returns\n */\n\nvar useLatestRef = function useLatestRef(value) {\n  var ref = useRef(value);\n  ref.current = value;\n  return ref;\n};\n/**\n * Keep callback function up-to-date if it changes.\n *\n * @param callback\n * @returns\n */\n\n\nvar useLatestCallback = function useLatestCallback(callback) {\n  var ref = useLatestRef(callback);\n  return useCallback(function () {\n    var _a2;\n\n    var _a;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    return (_a = ref.current) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [ref].concat(args));\n  }, []);\n};\n\nexport { useLatestCallback, useLatestRef };\n//# sourceMappingURL=index.js.map\n"],"names":["useLatestRef","value","ref","useRef","useLatestCallback","callback","useCallback","args","_a","current","_a2","call","apply","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA;;;;;;;IAMaA,YAAY,GAAG,SAAfA,YAAe,CAAAC,KAAA,EAAA;MACpBC,GAAG,GAAGC,MAAM,CAAAF,KAAA;AAClBC,EAAAA,GAAG,CAAHA,OAAAA,GAAAA,KAAAA;SACOA;;AAGT;;;;;;;;IAMaE,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,QAAA,EAAA;MAGzBH,GAAG,GAAGF,YAAY,CAAAK,QAAA;SACjBC,WAAW,CAAC,YAAA;;;;;sCAAIC,IAAAA,GAAAA,IAAAA,KAAAA,CAAAA,IAAAA,GAAAA,IAAAA,GAAAA,GAAAA,IAAAA,GAAAA,MAAAA,IAAAA,IAAAA;AAAAA,MAAAA,IAAAA,CAAAA,IAAAA,CAAAA,GAAAA,SAAAA,CAAAA,IAAAA,CAAAA;;;WAAgB,CAAAC,EAAA,GAAAN,GAAG,CAAHO,OAAA,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAE,GAAA,GAAAF,EAAA,EAAAG,IAAA,CAAAC,KAAA,CAAAF,GAAA,EAAA,CAAAR,GAAA,EAAAW,MAAA,CAAiBN,IAAjB,CAAA;AAArB,GAAA,EAAA,EAAA;;;"}