@das-fed/ui 6.4.0-hot.28 → 6.4.0-hot.29

package/packages/components/progress/src/type.d.ts

@@ -1,43 +1,43 @@
-import type { ProgressProps } from 'element-plus'
-export interface Props {
-  modelValue?: number
-
-  
-  type?: 'line' | 'circle'
-
-  
-  tipType?: 'percentage' | 'score'
-
-  
-  percentages?: number
-
-  
-  strokeWidth?: number
-
-  
-  width?: number
-
-  
-  status?: string
-
-  
-  textMap?: Array
-
-  
-  showText?: boolean
-
-  
-  showAnimation?: boolean
-
-  
-  showTextTip?: boolean
-
-  
-  showProcessTip?: boolean
-
-  
-  showEndText?: boolean
-
-  
-  singleTipPosition?: '' | 'left' | 'center' | 'right'
-}
+import type { ProgressProps } from 'element-plus'
+export interface Props {
+  modelValue?: number
+
+  
+  type?: 'line' | 'circle'
+
+  
+  tipType?: 'percentage' | 'score'
+
+  
+  percentages?: number
+
+  
+  strokeWidth?: number
+
+  
+  width?: number
+
+  
+  status?: string
+
+  
+  textMap?: Array
+
+  
+  showText?: boolean
+
+  
+  showAnimation?: boolean
+
+  
+  showTextTip?: boolean
+
+  
+  showProcessTip?: boolean
+
+  
+  showEndText?: boolean
+
+  
+  singleTipPosition?: '' | 'left' | 'center' | 'right'
+}

package/packages/components/progress/style.css

@@ -1 +1 @@
-@charset "UTF-8";.das-ui-progress[data-v-8cb718be] .el-progress-bar__outer{background-color:#e5e5e5}.das-ui-progress[data-v-8cb718be] svg path:first-child{stroke:#e5e5e5}.das-ui-progress .percentage-graph[data-v-8cb718be]{margin:0 auto;position:relative}.das-ui-progress .percentage-graph .line-icon[data-v-8cb718be]{position:absolute;top:50%;right:-9px;transform:translate(100%,-50%)}.das-ui-progress .percentage-graph .line-icon.normal[data-v-8cb718be]{display:flex;align-items:center}.das-ui-progress .percentage-graph .line-icon.normal .end-text[data-v-8cb718be]{font-family:Arial;font-size:16px;font-weight:400;line-height:1px;text-align:right;letter-spacing:0px;color:#212121}.das-ui-progress .percentage-color[data-v-8cb718be]{color:var(--das-ui-progress-percentage-text)}.das-ui-progress .percentage-value[data-v-8cb718be]{font-size:26px}.das-ui-progress .tip-line[data-v-8cb718be]{margin-top:12px;color:var(--das-ui-progress-percentage-text);display:flex;justify-content:space-between;font-family:Microsoft YaHei;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}.das-ui-progress .tip-line .line-left[data-v-8cb718be]{max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-progress .tip-line.center[data-v-8cb718be]{justify-content:center}.das-ui-progress .tip-line.left[data-v-8cb718be]{justify-content:flex-start}.das-ui-progress .tip-line.right[data-v-8cb718be]{justify-content:flex-end}.das-ui-progress .tip-circle[data-v-8cb718be]{font-size:16px;text-align:center;color:var(--5e4ad2b0);margin-top:2px}.das-ui-progress .showLoading[data-v-8cb718be] .el-progress-bar__inner{overflow:hidden}.das-ui-progress .showLoading[data-v-8cb718be] .el-progress-bar__inner:before{content:"";display:block;position:absolute;width:107px;height:100%;border-radius:4px;right:100%;background:linear-gradient(270deg,var(--das-ui-progress-loading-start) 34%,var(--das-ui-progress-loading-end) 100%);animation:loading-8cb718be 3s ease 0s infinite}@keyframes loading-8cb718be{0%{right:100%}80%{right:-107px}to{right:-107px}}
+@charset "UTF-8";.das-ui-progress[data-v-06a92c45] .el-progress-bar__outer{background-color:#e5e5e5}.das-ui-progress[data-v-06a92c45] svg path:first-child{stroke:#e5e5e5}.das-ui-progress .percentage-graph[data-v-06a92c45]{margin:0 auto;position:relative}.das-ui-progress .percentage-graph .line-icon[data-v-06a92c45]{position:absolute;top:50%;right:-9px;transform:translate(100%,-50%)}.das-ui-progress .percentage-graph .line-icon.normal[data-v-06a92c45]{display:flex;align-items:center}.das-ui-progress .percentage-graph .line-icon.normal .end-text[data-v-06a92c45]{font-family:Arial;font-size:16px;font-weight:400;line-height:1px;text-align:right;letter-spacing:0px;color:#212121}.das-ui-progress .percentage-color[data-v-06a92c45]{color:var(--das-ui-progress-percentage-text)}.das-ui-progress .percentage-value[data-v-06a92c45]{font-size:26px}.das-ui-progress .tip-line[data-v-06a92c45]{margin-top:12px;color:var(--das-ui-progress-percentage-text);display:flex;justify-content:space-between;font-family:Microsoft YaHei;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}.das-ui-progress .tip-line .line-left[data-v-06a92c45]{max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-progress .tip-line.center[data-v-06a92c45]{justify-content:center}.das-ui-progress .tip-line.left[data-v-06a92c45]{justify-content:flex-start}.das-ui-progress .tip-line.right[data-v-06a92c45]{justify-content:flex-end}.das-ui-progress .tip-circle[data-v-06a92c45]{font-size:16px;text-align:center;color:var(--4bf6c5ae);margin-top:2px}.das-ui-progress .showLoading[data-v-06a92c45] .el-progress-bar__inner{overflow:hidden}.das-ui-progress .showLoading[data-v-06a92c45] .el-progress-bar__inner:before{content:"";display:block;position:absolute;width:107px;height:100%;border-radius:4px;right:100%;background:linear-gradient(270deg,var(--das-ui-progress-loading-start) 34%,var(--das-ui-progress-loading-end) 100%);animation:loading-06a92c45 3s ease 0s infinite}@keyframes loading-06a92c45{0%{right:100%}80%{right:-107px}to{right:-107px}}

package/packages/components/radio/src/type.d.ts

@@ -1,43 +1,43 @@
-
-interface ValLabel<N> {
-  value?: N
-  label?: N
-}
-export interface Props {
-  
-  modelValue?: any
-
-  
-  radioType?: 'default' | 'group'
-
-  
-  disabled?: boolean
-
-  
-  optionType?: 'default' | 'square' | 'button' | 'filterSquare'
-
-  
-  options?: any[]
-
-  
-  defaultProps?: ValLabel<string>
-
-  
-  name?: string
-
-  
-  layout?: 'default' | 'vertical'
-
-  
-  isView?: boolean
-
-  
-  width?: string
-
-  
-  maxWidth?: string
-
-  isSetTimeout?:boolean 
-  
-  noSetDefaultVal?: boolean;
-}
+
+interface ValLabel<N> {
+  value?: N
+  label?: N
+}
+export interface Props {
+  
+  modelValue?: any
+
+  
+  radioType?: 'default' | 'group'
+
+  
+  disabled?: boolean
+
+  
+  optionType?: 'default' | 'square' | 'button' | 'filterSquare'
+
+  
+  options?: any[]
+
+  
+  defaultProps?: ValLabel<string>
+
+  
+  name?: string
+
+  
+  layout?: 'default' | 'vertical'
+
+  
+  isView?: boolean
+
+  
+  width?: string
+
+  
+  maxWidth?: string
+
+  isSetTimeout?:boolean 
+  
+  noSetDefaultVal?: boolean;
+}

package/packages/components/radio-tabs/index.js

@@ -163,7 +163,7 @@ const H = {
   for (const [n, p] of c)
     m[n] = p;
   return m;
-}, X = /* @__PURE__ */ W(V, [["__scopeId", "data-v-4361bd2c"]]), le = A(X), oe = () => s(null);
+}, X = /* @__PURE__ */ W(V, [["__scopeId", "data-v-e4f503aa"]]), le = A(X), oe = () => s(null);
 export {
   le as DasRadioTabs,
   oe as DasRadioTabsRef,

package/packages/components/radio-tabs/src/type.d.ts

@@ -1,18 +1,18 @@
-
-export interface Props {
-  
-  modelValue: string
-  
-  tabOptions: any
-  
-  optionsLabelKey?: string | number
-
-  
-  optionsValueKey?: string | number
-
-  
-  disabled ?: boolean
-}
-
-export interface Emits {}
+
+export interface Props {
+  
+  modelValue: string
+  
+  tabOptions: any
+  
+  optionsLabelKey?: string | number
+
+  
+  optionsValueKey?: string | number
+
+  
+  disabled ?: boolean
+}
+
+export interface Emits {}
     

package/packages/components/radio-tabs/style.css

@@ -1 +1 @@
-@charset "UTF-8";.das-ui-radio-tabs[data-v-4361bd2c]{position:relative}.das-ui-radio-tabs .dimension-box[data-v-4361bd2c]{display:flex;box-sizing:content-box;height:24px}.das-ui-radio-tabs .icon-left[data-v-4361bd2c]{left:-13px;height:24px;display:block;position:absolute;cursor:pointer;display:-moz-box;display:-webkit-box;-moz-box-align:center;-webkit-box-align:center;-moz-box-pack:center;-webkit-box-pack:center}.das-ui-radio-tabs .icon-right[data-v-4361bd2c]{right:-13px;height:24px;display:block;position:absolute;cursor:pointer;display:-moz-box;display:-webkit-box;-moz-box-align:center;-webkit-box-align:center;-moz-box-pack:center;-webkit-box-pack:center}.das-ui-radio-tabs .time-type-item-box[data-v-4361bd2c]{width:100%;display:flex;border-left:1px solid #d9d9d9}.das-ui-radio-tabs .time-type-item-box .time-type-item[data-v-4361bd2c]{flex:1;width:25%;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;color:#666;border:1px solid #d9d9d9;border-left:none;text-align:center;padding:0 5px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.das-ui-radio-tabs .time-type-item-box .time-type-item[data-v-4361bd2c]:hover:not(.tab_active){color:#5582f3}.das-ui-radio-tabs .time-type-item-box .tab_active[data-v-4361bd2c]{background-color:#5582f3;color:#fff}
+@charset "UTF-8";.das-ui-radio-tabs[data-v-e4f503aa]{position:relative}.das-ui-radio-tabs .dimension-box[data-v-e4f503aa]{display:flex;box-sizing:content-box;height:24px}.das-ui-radio-tabs .icon-left[data-v-e4f503aa]{left:-13px;height:24px;display:block;position:absolute;cursor:pointer;display:-moz-box;display:-webkit-box;-moz-box-align:center;-webkit-box-align:center;-moz-box-pack:center;-webkit-box-pack:center}.das-ui-radio-tabs .icon-right[data-v-e4f503aa]{right:-13px;height:24px;display:block;position:absolute;cursor:pointer;display:-moz-box;display:-webkit-box;-moz-box-align:center;-webkit-box-align:center;-moz-box-pack:center;-webkit-box-pack:center}.das-ui-radio-tabs .time-type-item-box[data-v-e4f503aa]{width:100%;display:flex;border-left:1px solid #d9d9d9}.das-ui-radio-tabs .time-type-item-box .time-type-item[data-v-e4f503aa]{flex:1;width:25%;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;color:#666;border:1px solid #d9d9d9;border-left:none;text-align:center;padding:0 5px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.das-ui-radio-tabs .time-type-item-box .time-type-item[data-v-e4f503aa]:hover:not(.tab_active){color:#5582f3}.das-ui-radio-tabs .time-type-item-box .tab_active[data-v-e4f503aa]{background-color:#5582f3;color:#fff}

package/packages/components/rich-editor/src/type.d.ts

@@ -1,90 +1,90 @@
-export interface defaultHtml {
-  
-  lineHeight?: string
-  
-  fontSize?: string
-  
-  fontFamily?: string
-  
-  fontSizeList?: string
-  
-  lineHeightList?: string
-}
-
-export type imgInsertFnType = (url: string, alt: string, href: string) => void
-export type videoInsertFnType = (url: string, poster: string) => void
-
-export interface Props {
-  
-  mode?: 'default' | 'simple'
-
-  
-  type?: 'default' | 'text'
-
-  
-  readOnly?: boolean
-
-  
-  modelValue: string
-
-  
-  config?: defaultHtml
-
-  
-  width?: string | number
-
-  
-  height?: string | number
-
-  
-  maxHeight?: string | number
-
-  
-  textareaStyle?: string
-
-  
-  placeholder?: string
-
-  
-  excludeKeys?: Array<string>
-
-  
-  customToolbarClass?: string
-
-  
-  customEditorClass?: string
-
-  
-  customBucketName?: string
-
-  
-  image?: {
-    
-    maxFileSize?: number
-  }
-
-  
-  video?: {
-    
-    maxFileSize?: number
-  }
-
-  
-  file?: {
-    
-    maxFileSize?: number
-  }
-
-  
-  local?: boolean
-}
-
-export interface Emits {
-  (e: 'update:modelValue', value: string): void
-
-  (e: 'change', value: string): void
-
-  (e: 'focus'): void
-
-  (e: 'blur', value: string): void
-}
+export interface defaultHtml {
+  
+  lineHeight?: string
+  
+  fontSize?: string
+  
+  fontFamily?: string
+  
+  fontSizeList?: string
+  
+  lineHeightList?: string
+}
+
+export type imgInsertFnType = (url: string, alt: string, href: string) => void
+export type videoInsertFnType = (url: string, poster: string) => void
+
+export interface Props {
+  
+  mode?: 'default' | 'simple'
+
+  
+  type?: 'default' | 'text'
+
+  
+  readOnly?: boolean
+
+  
+  modelValue: string
+
+  
+  config?: defaultHtml
+
+  
+  width?: string | number
+
+  
+  height?: string | number
+
+  
+  maxHeight?: string | number
+
+  
+  textareaStyle?: string
+
+  
+  placeholder?: string
+
+  
+  excludeKeys?: Array<string>
+
+  
+  customToolbarClass?: string
+
+  
+  customEditorClass?: string
+
+  
+  customBucketName?: string
+
+  
+  image?: {
+    
+    maxFileSize?: number
+  }
+
+  
+  video?: {
+    
+    maxFileSize?: number
+  }
+
+  
+  file?: {
+    
+    maxFileSize?: number
+  }
+
+  
+  local?: boolean
+}
+
+export interface Emits {
+  (e: 'update:modelValue', value: string): void
+
+  (e: 'change', value: string): void
+
+  (e: 'focus'): void
+
+  (e: 'blur', value: string): void
+}

package/packages/components/scrollbar/index.js

@@ -1422,7 +1422,7 @@ const Fo = /* @__PURE__ */ $s({
   for (const [s, o] of e)
     n[s] = o;
   return n;
-}, Bo = /* @__PURE__ */ Uo(Fo, [["__scopeId", "data-v-6dfaaf7c"]]), Jo = Cs(Bo);
+}, Bo = /* @__PURE__ */ Uo(Fo, [["__scopeId", "data-v-8a847b45"]]), Jo = Cs(Bo);
 export {
   Jo as DasScrollbar,
   Ko as vScrollbar

package/packages/components/scrollbar/src/type.d.ts

@@ -1,4 +1,4 @@
-export interface Props {
-  wrapClass?: string
-  viewClass?: string
+export interface Props {
+  wrapClass?: string
+  viewClass?: string
 }

package/packages/components/scrollbar/style.css

@@ -6,4 +6,4 @@
  * https://github.com/KingSora
  * 
  * Released under the MIT license.
- */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],[data-overlayscrollbars-viewport~=scrollbarHidden],.os-environment-scrollbar-hidden{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,.os-environment-scrollbar-hidden::-webkit-scrollbar,.os-environment-scrollbar-hidden::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw: 0;--os-vah: 0}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars~=overflowVisible],[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}.das-scrollbar{--os-handle-bg: var(--das-ui-scrollbar-thumb-color) !important;--os-handle-bg-hover: var(--das-ui-scrollbar-thumb-hover-color) !important;--os-handle-bg-active: var(--das-ui-scrollbar-thumb-hover-color) !important;--os-padding-perpendicular: var(--das-ui-scrollbar-padding) !important;--os-size: calc(var(--das-ui-scrollbar-thumb-size) + var(--das-ui-scrollbar-padding) * 2) !important;box-sizing:border-box!important;cursor:pointer!important;transition:padding .15s!important}.das-scrollbar:hover{--os-padding-perpendicular: 0 !important}.das-scrollbar-pro[data-v-6dfaaf7c] .das-scrollbar-pro-wrap{display:flex;flex-direction:column}.das-scrollbar-pro[data-v-6dfaaf7c] .das-scrollbar-pro-view{flex:1;min-height:0}.das-scrollbar-pro[data-v-6dfaaf7c] .el-scrollbar__bar.is-horizontal{height:var(--das-ui-scrollbar-thumb-size)}.das-scrollbar-pro[data-v-6dfaaf7c] .el-scrollbar__bar.is-vertical{width:var(--das-ui-scrollbar-thumb-size)}.das-scrollbar-pro[data-v-6dfaaf7c] .el-scrollbar__bar{z-index:var(--das-ui-scrollbar-z-index)}.das-scrollbar-pro[data-v-6dfaaf7c] .el-scrollbar__bar .el-scrollbar__thumb{opacity:1;background:var(--das-ui-scrollbar-thumb-color)}.das-scrollbar-pro[data-v-6dfaaf7c] .el-scrollbar__bar:hover .el-scrollbar__thumb,.das-scrollbar-pro[data-v-6dfaaf7c] .el-scrollbar__bar:active .el-scrollbar__thumb{background:var(--das-ui-scrollbar-thumb-hover-color)}
+ */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],[data-overlayscrollbars-viewport~=scrollbarHidden],.os-environment-scrollbar-hidden{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,.os-environment-scrollbar-hidden::-webkit-scrollbar,.os-environment-scrollbar-hidden::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw: 0;--os-vah: 0}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars~=overflowVisible],[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}.das-scrollbar{--os-handle-bg: var(--das-ui-scrollbar-thumb-color) !important;--os-handle-bg-hover: var(--das-ui-scrollbar-thumb-hover-color) !important;--os-handle-bg-active: var(--das-ui-scrollbar-thumb-hover-color) !important;--os-padding-perpendicular: var(--das-ui-scrollbar-padding) !important;--os-size: calc(var(--das-ui-scrollbar-thumb-size) + var(--das-ui-scrollbar-padding) * 2) !important;box-sizing:border-box!important;cursor:pointer!important;transition:padding .15s!important}.das-scrollbar:hover{--os-padding-perpendicular: 0 !important}.das-scrollbar-pro[data-v-8a847b45] .das-scrollbar-pro-wrap{display:flex;flex-direction:column}.das-scrollbar-pro[data-v-8a847b45] .das-scrollbar-pro-view{flex:1;min-height:0}.das-scrollbar-pro[data-v-8a847b45] .el-scrollbar__bar.is-horizontal{height:var(--das-ui-scrollbar-thumb-size)}.das-scrollbar-pro[data-v-8a847b45] .el-scrollbar__bar.is-vertical{width:var(--das-ui-scrollbar-thumb-size)}.das-scrollbar-pro[data-v-8a847b45] .el-scrollbar__bar{z-index:var(--das-ui-scrollbar-z-index)}.das-scrollbar-pro[data-v-8a847b45] .el-scrollbar__bar .el-scrollbar__thumb{opacity:1;background:var(--das-ui-scrollbar-thumb-color)}.das-scrollbar-pro[data-v-8a847b45] .el-scrollbar__bar:hover .el-scrollbar__thumb,.das-scrollbar-pro[data-v-8a847b45] .el-scrollbar__bar:active .el-scrollbar__thumb{background:var(--das-ui-scrollbar-thumb-hover-color)}

package/packages/components/search/index.js

@@ -1,6 +1,6 @@
 import '@das-fed/ui/packages/components/search/style.css';
 import { withInstall as S } from "@das-fed/utils/with-install/index";
-import { defineComponent as B, ref as o, watch as k, computed as E, openBlock as h, createElementBlock as C, normalizeClass as F, normalizeStyle as z, createVNode as A, unref as u, mergeProps as $, isRef as L, withCtx as v, createBlock as b, createCommentVNode as y } from "vue";
+import { defineComponent as B, ref as o, watch as k, computed as E, openBlock as h, createElementBlock as C, normalizeClass as F, normalizeStyle as z, createVNode as A, unref as u, mergeProps as $, isRef as L, withCtx as v, createBlock as y, createCommentVNode as b } from "vue";
 import "element-plus/es/components/input/style/css";
 import { ElInput as w } from "element-plus";
 import { DasAutoRegisterIcon as D, DasIcon as x } from "@das-fed/ui/packages/components/icon/index";
@@ -125,13 +125,13 @@ const N = {
           onBlur: V
         }), {
           prefix: v(() => [
-            e.isIconLeft ? (h(), b(u(x), {
+            e.isIconLeft ? (h(), y(u(x), {
               key: 0,
               icon: e.prefixIcon ? e.prefixIcon : "search"
-            }, null, 8, ["icon"])) : y("v-if", !0)
+            }, null, 8, ["icon"])) : b("v-if", !0)
           ]),
           suffix: v(() => [
-            e.isIconLeft ? y("v-if", !0) : (h(), b(u(x), {
+            e.isIconLeft ? b("v-if", !0) : (h(), y(u(x), {
               key: 0,
               icon: e.suffixIcon ? e.suffixIcon : "search",
               style: { cursor: "pointer" }
@@ -150,7 +150,7 @@ const N = {
   for (const [n, a] of i)
     t[n] = a;
   return t;
-}, P = /* @__PURE__ */ O(T, [["__scopeId", "data-v-23b2cea0"]]), U = {
+}, P = /* @__PURE__ */ O(T, [["__scopeId", "data-v-812ea8e1"]]), U = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"

package/packages/components/search/src/type.d.ts

@@ -1,22 +1,22 @@
-export interface Props {
-  
-  modelValue: string
-  
-  searchType?: 'basis'
-  
-  size: 'large' | 'middle' | 'small' | 'custom' | 'middle-l' | 'middle-xl'
-  
-  prefixIcon: string
-  
-  suffixIcon: string
-  
-  isIconLeft: boolean
-  
-  clearable: boolean
-  
-  disabled: boolean
-  
-  border: boolean
-  
-  isExpandAtFocus: boolean
-}
+export interface Props {
+  
+  modelValue: string
+  
+  searchType?: 'basis'
+  
+  size: 'large' | 'middle' | 'small' | 'custom' | 'middle-l' | 'middle-xl'
+  
+  prefixIcon: string
+  
+  suffixIcon: string
+  
+  isIconLeft: boolean
+  
+  clearable: boolean
+  
+  disabled: boolean
+  
+  border: boolean
+  
+  isExpandAtFocus: boolean
+}