{"version":3,"file":"wd-input.js","sources":["../../../../../../../node_modules/wot-design-uni/components/wd-input/wd-input.vue","../../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL25vZGVfbW9kdWxlcy93b3QtZGVzaWduLXVuaS9jb21wb25lbnRzL3dkLWlucHV0L3dkLWlucHV0LnZ1ZQ"],"sourcesContent":["<template>\n  <view :class=\"rootClass\" :style=\"customStyle\" @click=\"handleClick\">\n    <view v-if=\"label || useLabelSlot\" :class=\"labelClass\" :style=\"labelStyle\">\n      <view v-if=\"prefixIcon || usePrefixSlot\" class=\"wd-input__prefix\">\n        <wd-icon v-if=\"prefixIcon && !usePrefixSlot\" custom-class=\"wd-input__icon\" :name=\"prefixIcon\" @click=\"onClickPrefixIcon\" />\n        <slot v-else name=\"prefix\"></slot>\n      </view>\n      <view class=\"wd-input__label-inner\">\n        <template v-if=\"label\">{{ label }}</template>\n        <slot v-else name=\"label\"></slot>\n      </view>\n    </view>\n    <!-- 输入域 -->\n    <view class=\"wd-input__body\">\n      <view class=\"wd-input__value\">\n        <view v-if=\"(prefixIcon || usePrefixSlot) && !label\" class=\"wd-input__prefix\">\n          <wd-icon v-if=\"prefixIcon\" custom-class=\"wd-input__icon\" :name=\"prefixIcon\" @click=\"onClickPrefixIcon\" />\n          <slot name=\"prefix\"></slot>\n        </view>\n        <input\n          :class=\"[\n            'wd-input__inner',\n            prefixIcon ? 'wd-input__inner--prefix' : '',\n            showWordCount ? 'wd-input__inner--count' : '',\n            alignRight ? 'is-align-right' : '',\n            customInputClass\n          ]\"\n          :type=\"type\"\n          :password=\"showPassword && !isPwdVisible\"\n          v-model=\"inputValue\"\n          :placeholder=\"placeholder || translate('placeholder')\"\n          :disabled=\"disabled\"\n          :maxlength=\"maxlength\"\n          :focus=\"isFocus\"\n          :confirm-type=\"confirmType\"\n          :confirm-hold=\"confirmHold\"\n          :cursor=\"cursor\"\n          :cursor-spacing=\"cursorSpacing\"\n          :placeholder-style=\"placeholderStyle\"\n          :selection-start=\"selectionStart\"\n          :selection-end=\"selectionEnd\"\n          :adjust-position=\"adjustPosition\"\n          :hold-keyboard=\"holdKeyboard\"\n          :always-embed=\"alwaysEmbed\"\n          :placeholder-class=\"inputPlaceholderClass\"\n          @input=\"handleInput\"\n          @focus=\"handleFocus\"\n          @blur=\"handleBlur\"\n          @confirm=\"handleConfirm\"\n          @keyboardheightchange=\"handleKeyboardheightchange\"\n        />\n        <view v-if=\"readonly\" class=\"wd-input__readonly-mask\" />\n        <view v-if=\"showClear || showPassword || suffixIcon || showWordCount || useSuffixSlot\" class=\"wd-input__suffix\">\n          <wd-icon v-if=\"showClear\" custom-class=\"wd-input__clear\" name=\"error-fill\" @click=\"clear\" />\n          <wd-icon v-if=\"showPassword\" custom-class=\"wd-input__icon\" :name=\"isPwdVisible ? 'view' : 'eye-close'\" @click=\"togglePwdVisible\" />\n          <view v-if=\"showWordCount\" class=\"wd-input__count\">\n            <text\n              :class=\"[\n                inputValue && String(inputValue).length > 0 ? 'wd-input__count-current' : '',\n                String(inputValue).length > maxlength! ? 'is-error' : ''\n              ]\"\n            >\n              {{ String(inputValue).length }}\n            </text>\n            /{{ maxlength }}\n          </view>\n          <wd-icon v-if=\"suffixIcon\" custom-class=\"wd-input__icon\" :name=\"suffixIcon\" @click=\"onClickSuffixIcon\" />\n          <slot name=\"suffix\"></slot>\n        </view>\n      </view>\n      <view v-if=\"errorMessage\" class=\"wd-input__error-message\">{{ errorMessage }}</view>\n    </view>\n  </view>\n</template>\n\n<script lang=\"ts\">\nexport default {\n  name: 'wd-input',\n  options: {\n    virtualHost: true,\n    addGlobalClass: true,\n    styleIsolation: 'shared'\n  }\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, onBeforeMount, ref, watch } from 'vue'\nimport { objToStyle, requestAnimationFrame } from '../common/util'\nimport { useCell } from '../composables/useCell'\nimport { FORM_KEY, type FormItemRule } from '../wd-form/types'\nimport { useParent } from '../composables/useParent'\nimport { useTranslate } from '../composables/useTranslate'\nimport { inputProps } from './types'\n\nconst props = defineProps(inputProps)\nconst emit = defineEmits([\n  'update:modelValue',\n  'clear',\n  'change',\n  'blur',\n  'focus',\n  'input',\n  'keyboardheightchange',\n  'confirm',\n  'linechange',\n  'clicksuffixicon',\n  'clickprefixicon',\n  'click'\n])\nconst { translate } = useTranslate('input')\n\nconst showClear = ref<boolean>(false)\nconst showWordCount = ref<boolean>(false)\nconst isPwdVisible = ref<boolean>(false)\nconst clearing = ref<boolean>(false)\nconst isFocus = ref<boolean>(false) // 是否聚焦\nconst inputValue = ref<string | number>('') // 输入框的值\nconst cell = useCell()\n\nwatch(\n  () => props.focus,\n  (newValue) => {\n    isFocus.value = newValue\n  },\n  { immediate: true, deep: true }\n)\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    const { disabled, readonly, clearable } = props\n    if (newValue === undefined) {\n      newValue = ''\n      console.warn('[wot-design] warning(wd-input): value can not be undefined.')\n    }\n    inputValue.value = newValue\n    showClear.value = Boolean(clearable && !disabled && !readonly && newValue)\n  },\n  { immediate: true, deep: true }\n)\n\nconst { parent: form } = useParent(FORM_KEY)\n\nconst errorMessage = computed(() => {\n  if (form && props.prop && form.errorMessages && form.errorMessages[props.prop]) {\n    return form.errorMessages[props.prop]\n  } else {\n    return ''\n  }\n})\n\n// 是否展示必填\nconst isRequired = computed(() => {\n  let formRequired = false\n  if (form && form.props.rules) {\n    const rules = form.props.rules\n    for (const key in rules) {\n      if (Object.prototype.hasOwnProperty.call(rules, key) && key === props.prop && Array.isArray(rules[key])) {\n        formRequired = rules[key].some((rule: FormItemRule) => rule.required)\n      }\n    }\n  }\n  return props.required || props.rules.some((rule) => rule.required) || formRequired\n})\n\nconst rootClass = computed(() => {\n  return `wd-input  ${props.label || props.useLabelSlot ? 'is-cell' : ''} ${props.center ? 'is-center' : ''} ${\n    cell.border.value ? 'is-border' : ''\n  } ${props.size ? 'is-' + props.size : ''} ${props.error ? 'is-error' : ''} ${props.disabled ? 'is-disabled' : ''}  ${\n    inputValue.value && String(inputValue.value).length > 0 ? 'is-not-empty' : ''\n  }  ${props.noBorder ? 'is-no-border' : ''} ${props.customClass}`\n})\n\nconst labelClass = computed(() => {\n  return `wd-input__label ${props.customLabelClass} ${isRequired.value ? 'is-required' : ''}`\n})\n\nconst inputPlaceholderClass = computed(() => {\n  return `wd-input__placeholder  ${props.placeholderClass}`\n})\n\nconst labelStyle = computed(() => {\n  return props.labelWidth\n    ? objToStyle({\n        'min-width': props.labelWidth,\n        'max-width': props.labelWidth\n      })\n    : ''\n})\n\nonBeforeMount(() => {\n  initState()\n})\n\n// 状态初始化\nfunction initState() {\n  const { disabled, readonly, clearable, maxlength, showWordLimit } = props\n  let newVal = ''\n  if (showWordLimit && maxlength && inputValue.value.toString().length > maxlength) {\n    newVal = inputValue.value.toString().substring(0, maxlength)\n  }\n  showClear.value = Boolean(!disabled && !readonly && clearable && inputValue.value)\n  showWordCount.value = Boolean(!disabled && !readonly && maxlength && showWordLimit)\n  inputValue.value = newVal || inputValue.value\n  emit('update:modelValue', inputValue.value)\n}\nfunction togglePwdVisible() {\n  // password属性设置false不生效，置空生效\n  isPwdVisible.value = !isPwdVisible.value\n}\nfunction clear() {\n  inputValue.value = ''\n  requestAnimationFrame()\n    .then(() => requestAnimationFrame())\n    .then(() => requestAnimationFrame())\n    .then(() => {\n      isFocus.value = true\n      emit('change', {\n        value: ''\n      })\n      emit('update:modelValue', inputValue.value)\n      emit('clear')\n    })\n}\n// 失去焦点时会先后触发change、blur，未输入内容但失焦不触发 change 只触发 blur\nfunction handleBlur() {\n  isFocus.value = false\n  emit('change', {\n    value: inputValue.value\n  })\n  emit('update:modelValue', inputValue.value)\n  emit('blur', {\n    value: inputValue.value\n  })\n}\nfunction handleFocus({ detail }: any) {\n  if (clearing.value) {\n    clearing.value = false\n    return\n  }\n  isFocus.value = true\n  emit('focus', detail)\n}\n// input事件需要传入\nfunction handleInput() {\n  emit('update:modelValue', inputValue.value)\n  emit('input', inputValue.value)\n}\nfunction handleKeyboardheightchange(event: any) {\n  emit('keyboardheightchange', event.detail)\n}\nfunction handleConfirm({ detail }: any) {\n  emit('confirm', detail)\n}\nfunction onClickSuffixIcon() {\n  emit('clicksuffixicon')\n}\nfunction onClickPrefixIcon() {\n  emit('clickprefixicon')\n}\nfunction handleClick(event: MouseEvent) {\n  emit('click', event)\n}\n</script>\n\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-input/wd-input.vue'\nwx.createComponent(Component)"],"names":["useTranslate","ref","useCell","watch","useParent","FORM_KEY","computed","objToStyle","onBeforeMount","requestAnimationFrame"],"mappings":"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","x_google_ignoreList":[0]}