{"version":3,"file":"wd-search.js","sources":["../../../../../../../node_modules/wot-design-uni/components/wd-search/wd-search.vue","../../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL25vZGVfbW9kdWxlcy93b3QtZGVzaWduLXVuaS9jb21wb25lbnRzL3dkLXNlYXJjaC93ZC1zZWFyY2gudnVl"],"sourcesContent":["<template>\n  <view :class=\"rootClass\" :style=\"customStyle\">\n    <!--自定义label插槽-->\n    <!--搜索框主体-->\n    <view class=\"wd-search__block\">\n      <slot name=\"prefix\"></slot>\n      <view class=\"wd-search__field\">\n        <view v-if=\"!placeholderLeft\" :style=\"coverStyle\" class=\"wd-search__cover\" @click=\"closeCover\">\n          <wd-icon name=\"search\" size=\"18px\" custom-class=\"wd-search__search-icon\"></wd-icon>\n          <text class=\"wd-search__placeholder-txt\">{{ placeholder || translate('search') }}</text>\n        </view>\n        <!--icon:search-->\n        <wd-icon v-if=\"showInput || str || placeholderLeft\" name=\"search\" size=\"18px\" custom-class=\"wd-search__search-left-icon\"></wd-icon>\n        <!--搜索框-->\n        <input\n          v-if=\"showInput || str || placeholderLeft\"\n          :placeholder=\"placeholder || translate('search')\"\n          placeholder-class=\"wd-search__placeholder-txt\"\n          confirm-type=\"search\"\n          v-model=\"str\"\n          class=\"wd-search__input\"\n          @focus=\"searchFocus\"\n          @input=\"inputValue\"\n          @blur=\"searchBlur\"\n          @confirm=\"search\"\n          :disabled=\"disabled\"\n          :maxlength=\"maxlength\"\n          :focus=\"isFocused\"\n        />\n        <!--icon:clear-->\n        <wd-icon v-if=\"str\" custom-class=\"wd-search__clear wd-search__clear-icon\" name=\"error-fill\" size=\"16px\" @click=\"clearSearch\" />\n      </view>\n    </view>\n    <!--the button behind input,care for hideCancel without displaying-->\n\n    <slot v-if=\"!hideCancel\" name=\"suffix\">\n      <!--默认button-->\n      <view class=\"wd-search__cancel\" @click=\"handleCancel\">\n        {{ cancelTxt || translate('cancel') }}\n      </view>\n    </slot>\n  </view>\n</template>\n\n<script lang=\"ts\">\nexport default {\n  name: 'wd-search',\n  options: {\n    virtualHost: true,\n    addGlobalClass: true,\n    styleIsolation: 'shared'\n  }\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { type CSSProperties, computed, onMounted, ref, watch } from 'vue'\nimport { objToStyle, requestAnimationFrame } from '../common/util'\nimport { useTranslate } from '../composables/useTranslate'\nimport { searchProps } from './types'\n\nconst props = defineProps(searchProps)\nconst emit = defineEmits(['update:modelValue', 'change', 'clear', 'search', 'focus', 'blur', 'cancel'])\n\nconst { translate } = useTranslate('search')\n\nconst isFocused = ref<boolean>(false) // 是否聚焦中\nconst showInput = ref<boolean>(false) // 是否显示输入框 用于实现聚焦的hack\nconst str = ref('')\nconst showPlaceHolder = ref<boolean>(true)\nconst clearing = ref<boolean>(false)\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    str.value = newValue\n    if (newValue) {\n      showInput.value = true\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.focus,\n  (newValue) => {\n    if (newValue) {\n      if (props.disabled) return\n      closeCover()\n    }\n  }\n)\n\nonMounted(() => {\n  if (props.focus) {\n    closeCover()\n  }\n})\n\nconst rootClass = computed(() => {\n  return `wd-search  ${props.light ? 'is-light' : ''}  ${props.hideCancel ? 'is-without-cancel' : ''} ${props.customClass}`\n})\n\nconst coverStyle = computed(() => {\n  const coverStyle: CSSProperties = {\n    display: str.value === '' && showPlaceHolder.value ? 'flex' : 'none'\n  }\n\n  return objToStyle(coverStyle)\n})\n\nfunction hackFocus(focus: boolean) {\n  showInput.value = focus\n  requestAnimationFrame(() => {\n    isFocused.value = focus\n  })\n}\n\nfunction closeCover() {\n  if (props.disabled) return\n  requestAnimationFrame()\n    .then(() => requestAnimationFrame())\n    .then(() => requestAnimationFrame())\n    .then(() => {\n      showPlaceHolder.value = false\n      hackFocus(true)\n    })\n}\n/**\n * @description input的input事件handle\n * @param value\n */\nfunction inputValue(event: any) {\n  str.value = event.detail.value\n  emit('update:modelValue', event.detail.value)\n  emit('change', {\n    value: event.detail.value\n  })\n}\n/**\n * @description 点击清空icon的handle\n */\nfunction clearSearch() {\n  str.value = ''\n  clearing.value = true\n  if (props.focusWhenClear) {\n    isFocused.value = false\n  }\n  requestAnimationFrame()\n    .then(() => requestAnimationFrame())\n    .then(() => requestAnimationFrame())\n    .then(() => {\n      if (props.focusWhenClear) {\n        showPlaceHolder.value = false\n        hackFocus(true)\n      } else {\n        showPlaceHolder.value = true\n        hackFocus(false)\n      }\n      emit('change', {\n        value: ''\n      })\n      emit('update:modelValue', '')\n      emit('clear')\n    })\n}\n/**\n * @description 点击搜索按钮时的handle\n * @param value\n */\nfunction search({ detail: { value } }: any) {\n  // 组件触发search事件\n  emit('search', {\n    value\n  })\n}\n/**\n * @description 输入框聚焦时的handle\n */\nfunction searchFocus() {\n  if (clearing.value) {\n    clearing.value = false\n    return\n  }\n  showPlaceHolder.value = false\n  emit('focus', {\n    value: str.value\n  })\n}\n/**\n * @description 输入框失焦的handle\n */\nfunction searchBlur() {\n  if (clearing.value) return\n  // 组件触发blur事件\n  showPlaceHolder.value = !str.value\n  showInput.value = !showPlaceHolder.value\n  isFocused.value = false\n  emit('blur', {\n    value: str.value\n  })\n}\n/**\n * @description 点击取消搜索按钮的handle\n */\nfunction handleCancel() {\n  // 组件触发cancel事件\n  emit('cancel', {\n    value: str.value\n  })\n}\n</script>\n<style lang=\"scss\" scoped>\n@import './index.scss';\n</style>\n","import Component from 'D:/App/Work/addr/acdr-ui/node_modules/wot-design-uni/components/wd-search/wd-search.vue'\nwx.createComponent(Component)"],"names":["useTranslate","ref","watch","onMounted","computed","coverStyle","objToStyle","requestAnimationFrame"],"mappings":"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","x_google_ignoreList":[0]}