1 line
8.5 KiB
Plaintext
1 line
8.5 KiB
Plaintext
{"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]} |