12345678910111213141516171819202122232425262728 |
- import CipButton from '../cip-button'
- import { generateProps, generateEmits } from '../helper/component-util'
- import { componentScheme } from './component.scheme'
- import './index.less'
- export default {
- name: 'CipSearchInput',
- props: generateProps(componentScheme),
- emits: generateEmits(componentScheme),
- setup (props, { emit, slots }) {
- const emitValue = (e) => {
- emit('update:modelValue', e.target.value)
- }
- return () => <div class={'cip-search-input__wrapper'}>
- <div class={'cip-search-input'}>
- <input class={'cip-search-input__input'} value={props.modelValue} onInput={(e) => emitValue(e)}/>
- <CipButton
- class={'cip-search-input__button'}
- type={'primary'}
- icon={'el-icon-search'}
- onClick={() => emit('search')}
- loading={props.loading}
- >{props.buttonText || slots.buttonText?.() || '搜索'}</CipButton>
- </div>
- {slots?.append && <div style={{ marginLeft: '12px' }}>{slots?.append()}</div>}
- </div>
- }
- }
|