222

schangxiang@126.com

2025-04-30 9bec4dcae002f36aa23231da11cb03a156b40110

 PipeLineLems/web/src/components/Search/Search.tsx

@@ -2,7 +2,9 @@
import styles from './Search.module.scss'
import Icon from '../Icon/Icon'
import { useVModel } from '@vueuse/core'
import { debounce } from 'lodash'
import debounce from 'lodash/debounce'
import { _t, t } from '@/libs/Language/Language'

export default defineComponent({
  name: '搜索输入',
  props: {
@@ -26,25 +28,24 @@
  emits: ['confirm', 'update:modelValue'],
  setup(props, { attrs, slots, emit }) {
    const innerValue = useVModel(props)
    return () => {
      const confirm = (event: KeyboardEvent | string) => {
        if (
          typeof event === 'string' ||
          event.key === 'Enter' ||
          event.keyCode === 13
        ) {
          emit('confirm', innerValue.value)
          const rf = props.tableRef?.value || props.tableRef
          if (rf) {
            rf.getList({
              [props.field || 'Name']: innerValue.value,
            })
          }
    const confirm = (event: KeyboardEvent | string) => {
      if (
        typeof event === 'string' ||
        event.key === 'Enter' ||
        event.keyCode === 13
      ) {
        emit('confirm', innerValue.value)
        const rf = props.tableRef?.value || props.tableRef
        if (rf) {
          rf.getList({
            [props.field || 'Name']: innerValue.value,
          })
        }
      }
    }

      const fn = debounce(confirm, 100)

    const fn = debounce(confirm, 200)
    return () => {
      return (
        <div class={styles.inputContent}>
          <el-input
@@ -52,7 +53,7 @@
            class={styles.searchInner}
            // size="small"
            prefix-icon={<Icon icon="s_input" width={12} height={12} />}
            placeholder={props.placeholder}
            placeholder={_t(props.placeholder)}
            {...attrs}
            onKeydown={fn}
            onChange={fn}