orion-design 0.1.30 → 0.1.31

package/dist/components/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Form/Form.vue","../../../src/components/Form/StringInput/StringInput.vue","../../../src/components/Form/PasswordInput/PasswordInput.vue","../../../src/components/Form/Textarea/Textarea.vue","../../../src/components/Form/SingleSelect/SingleSelect.vue","../../../src/components/Form/MultiSelect/MultiSelect.vue","../../../src/components/Form/RadioGroup/RadioGroup.vue","../../../src/components/Form/CheckboxGroup/CheckboxGroup.vue","../../../src/components/Form/Checkbox/Checkbox.vue","../../../src/components/Form/Switch/Switch.vue","../../../src/components/Form/DateInput/DateInput.vue","../../../src/components/Form/FileInput/FileInput.vue","../../../src/components/Form/ButtonGroup/ButtonGroup.vue","../../../src/components/Form/DiyItem/DiyItem.vue","../../../src/components/Form/LovInput/LovInput.vue","../../../src/components/Form/NumberInput/NumberInput.vue","../../../src/components/Form/index.ts"],"sourcesContent":["<template>\r\n  <el-form ref=\"form\" :model=\"modelValue\" :rules=\"rules\" :label-width=\"itemLabelWidth\" :disabled=\"disabled\">\r\n    <el-row :gutter=\"16\">\r\n      <slot></slot>\r\n    </el-row>\r\n  </el-form>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { provide, reactive, toRef, useTemplateRef } from 'vue'\r\nimport { ElForm, ElRow } from 'element-plus'\r\nimport { type FormProps, type FormExpose, formContextKey } from './Form'\r\nimport OrionError from '../../error/OrionError'\r\nimport { difference, isEmpty } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OForm', inheritAttrs: false })\r\n\r\nconst { rules, itemSpan = 6, itemLabelWidth = 'auto', disabled = false, modelValue } = defineProps<FormProps>()\r\n\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst updateModelValue = (name: string, value: any) => {\r\n  if (!Object.keys(modelValue).includes(name)) {\r\n    throw new OrionError(`modelValue中不存在[${name}]`)\r\n  }\r\n  emit('update:modelValue', { ...modelValue, [name]: value })\r\n}\r\n\r\nconst updateModelValueMulti = (data: Record<string, any>) => {\r\n  const modelKeys = Object.keys(modelValue)\r\n  const dataKeys = Object.keys(data)\r\n  const diff = difference(dataKeys, modelKeys)\r\n  if (!isEmpty(diff)) {\r\n    throw new OrionError(`modelValue中不存在[${diff.join(',')}]`)\r\n  }\r\n  emit('update:modelValue', { ...modelValue, ...data })\r\n}\r\n\r\nconst formRef = useTemplateRef('form')\r\n\r\nconst validate: FormExpose['validate'] = async () => {\r\n  return await formRef.value!.validate()\r\n}\r\n\r\ndefineExpose({\r\n  validate,\r\n})\r\n\r\nprovide(\r\n  formContextKey,\r\n  reactive({\r\n    modelValue: toRef(() => modelValue),\r\n    updateModelValue,\r\n    updateModelValueMulti,\r\n    rules: toRef(() => rules),\r\n    itemSpan: toRef(() => itemSpan),\r\n    disabled: toRef(() => disabled),\r\n  })\r\n)\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-model=\"elModel\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { StringInputProps } from './StringInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormString', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly } = defineProps<StringInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-model=\"elModel\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\" type=\"password\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { PasswordInputProps } from './PasswordInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormPassword', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly } = defineProps<PasswordInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input\r\n        v-model=\"elModel\"\r\n        :maxlength=\"maxlength\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        type=\"textarea\"\r\n        :rows=\"rows\"\r\n        :resize=\"'none'\"\r\n      />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { TextareaProps } from './Textarea'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormTextarea', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly, rows } = defineProps<TextareaProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-if=\"normalizedDisabled\" :model-value=\"content\" :placeholder=\"placeholder\" :disabled=\"true\" :readonly=\"true\" />\r\n      <el-select v-else v-model=\"elModel\" :placeholder=\"placeholder\" :clearable=\"clearable\" :filterable=\"filterable\" @change=\"attrs.onChange as any\">\r\n        <el-option v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\" :value=\"codeItem.value\" />\r\n      </el-select>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, useAttrs } from 'vue'\r\nimport { ElCol, ElFormItem, ElInput, ElSelect, ElOption } from 'element-plus'\r\nimport type { SingleSelectProps } from './SingleSelect'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemDisabled, useFormItemCode, useFormItemStringModel } from '../hooks'\r\nimport { getSingleCodeContent } from '../utils'\r\n\r\ndefineOptions({ name: 'OFormSingleselect', inheritAttrs: false })\r\nconst attrs = useAttrs()\r\n\r\nconst { name, label, labelWidth, required, placeholder, clearable, filterable } = defineProps<SingleSelectProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedDisabled = useFormItemDisabled()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemStringModel()\r\nconst content = computed(() => getSingleCodeContent(normalizedCode.value, elModel.value))\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-if=\"normalizedDisabled\" :model-value=\"content\" :placeholder=\"placeholder\" :disabled=\"true\" :readonly=\"true\" />\r\n      <el-select\r\n        v-else\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        multiple\r\n        :collapse-tags=\"collapseTags\"\r\n        :collapse-tags-tooltip=\"collapseTagsTooltip\"\r\n        @change=\"attrs.onChange as any\"\r\n      >\r\n        <el-option v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\" :value=\"codeItem.value\" />\r\n      </el-select>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, useAttrs } from 'vue'\r\nimport { ElCol, ElFormItem, ElInput, ElSelect, ElOption } from 'element-plus'\r\nimport type { MultiSelectProps } from './MultiSelect'\r\nimport { useFormContext, useFormItemSpan, useFormItemRules, useFormItemDisabled, useFormItemCode, useFormItemMultiModel } from '../hooks'\r\nimport { getMultiCodeContent } from '../utils'\r\n\r\ndefineOptions({ name: 'OFormMultiselect', inheritAttrs: false })\r\nconst attrs = useAttrs()\r\n\r\nconst { name, label, labelWidth, required, placeholder, collapseTags, collapseTagsTooltip } = defineProps<MultiSelectProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedDisabled = useFormItemDisabled()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemMultiModel()\r\nconst formContext = useFormContext()!\r\nconst content = computed(() => getMultiCodeContent(normalizedCode.value, formContext.modelValue[name]))\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-radio-group v-model=\"elModel\" :disabled=\"disabled\">\r\n        <el-radio v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :value=\"codeItem.value\">\r\n          {{ codeItem.content }}\r\n        </el-radio>\r\n      </el-radio-group>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElRadioGroup, ElRadio } from 'element-plus'\r\nimport type { RadioGroupProps } from './RadioGroup'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemCode, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormRadiogroup', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, disabled } = defineProps<RadioGroupProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-checkbox-group v-model=\"elModel\" :disabled=\"disabled\">\r\n        <el-checkbox v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\" :value=\"codeItem.value\" />\r\n      </el-checkbox-group>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElCheckboxGroup, ElCheckbox } from 'element-plus'\r\nimport type { CheckboxGroupProps } from './CheckboxGroup'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemCode, useFormItemMultiModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormCheckboxgroup', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, disabled } = defineProps<CheckboxGroupProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemMultiModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :rules=\"rules\">\r\n      <el-checkbox v-model=\"elModel\" :disabled=\"disabled\"></el-checkbox>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElCheckbox } from 'element-plus'\r\nimport type { CheckboxProps } from './Checkbox'\r\nimport { useFormItemBooleanModel, useFormItemSpan } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormCheckbox', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, rules, disabled } = defineProps<CheckboxProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst elModel = useFormItemBooleanModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :rules=\"rules\">\r\n      <el-switch v-model=\"elModel\" :disabled=\"disabled\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElSwitch } from 'element-plus'\r\nimport type { SwitchProps } from './Switch'\r\nimport { useFormItemBooleanModel, useFormItemSpan } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormSwitch', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, rules, disabled } = defineProps<SwitchProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst elModel = useFormItemBooleanModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-time-picker\r\n        v-if=\"isTimePicker\"\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        :editable=\"editable\"\r\n        :clearable=\"clearable\"\r\n        :format=\"normalizedSourceFormat\"\r\n        arrow-control\r\n        style=\"width: 100%\"\r\n      />\r\n      <el-date-picker\r\n        v-else\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        :editable=\"editable\"\r\n        :clearable=\"clearable\"\r\n        :type=\"dateType\"\r\n        :format=\"normalizedSourceFormat\"\r\n        style=\"width: 100%\"\r\n      />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { ElCol, ElFormItem, ElDatePicker, ElTimePicker, dayjs } from 'element-plus'\r\nimport type { DateInputProps } from './DateInput'\r\nimport { useFormContext, useFormItemSpan, useFormItemRules } from '../hooks'\r\nimport { isDate, isString } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\ndefineOptions({ name: 'OFormDate', inheritAttrs: false })\r\n\r\nconst {\r\n  name,\r\n  label,\r\n  labelWidth,\r\n  required,\r\n  placeholder,\r\n  disabled,\r\n  readonly,\r\n  editable = true,\r\n  clearable = true,\r\n  format = 'YYYY-MM-DD',\r\n  sourceFormat,\r\n} = defineProps<DateInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\n\r\nconst isTimePicker = computed(() => format.startsWith('H') || format.startsWith('h') || format.startsWith('m') || format.startsWith('s'))\r\n\r\nconst normalizedSourceFormat = computed(() => {\r\n  if (sourceFormat) {\r\n    return sourceFormat\r\n  }\r\n  if (isTimePicker.value) {\r\n    return 'HH:mm:ss'\r\n  } else {\r\n    return 'YYYY-MM-DD'\r\n  }\r\n})\r\n\r\nconst dateType = computed(() => {\r\n  let picker: 'date' | 'year' | 'month' | 'datetime' = 'date'\r\n\r\n  // 配置年 yyyy指年 YYYY指周年，年末年初的值可能有所变化\r\n  if (format.indexOf('y') > -1 || format.indexOf('Y') > -1) {\r\n    picker = 'year'\r\n  }\r\n\r\n  // 配置月，M指月份，m指分钟\r\n  if (format.indexOf('M') > -1) {\r\n    picker = 'month'\r\n  }\r\n\r\n  // 配置日，d指星期，D指月的天，DDD指年的天\r\n  if (format.indexOf('d') > -1 || format.indexOf('D') > -1) {\r\n    picker = 'date'\r\n  }\r\n\r\n  // 配置小时，H指24小时制（0~23），k指24小时制（1~24），h指12小时制，m指分钟，s指秒，S指小数秒\r\n  if (\r\n    format.indexOf('H') > -1 ||\r\n    format.indexOf('h') > -1 ||\r\n    format.indexOf('k') > -1 ||\r\n    format.indexOf('m') > -1 ||\r\n    format.indexOf('s') > -1 ||\r\n    format.indexOf('S') > -1\r\n  ) {\r\n    picker = 'datetime'\r\n  }\r\n\r\n  return picker\r\n})\r\n\r\nconst formContext = useFormContext()!\r\nconst elModel = computed<Date | undefined>({\r\n  get: () => {\r\n    const value = formContext.modelValue[name]\r\n    if (!value) {\r\n      return undefined\r\n    }\r\n    if (isDate(value)) {\r\n      return value as Date\r\n    } else if (isString(value)) {\r\n      const dayjsObj = dayjs(value, normalizedSourceFormat.value, true)\r\n      if (!dayjsObj.isValid()) {\r\n        throw new OrionError(`日期输入框的值无效，不符合${normalizedSourceFormat.value}格式`)\r\n      }\r\n      return dayjsObj.toDate()\r\n    } else {\r\n      throw new OrionError('日期输入框的值只能为字符串或日期类型')\r\n    }\r\n  },\r\n  set: (newValue) => {\r\n    if (sourceFormat) {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name, '')\r\n      } else {\r\n        formContext.updateModelValue(name, dayjs(newValue).format(normalizedSourceFormat.value))\r\n      }\r\n    } else {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name, undefined)\r\n      } else {\r\n        formContext.updateModelValue(name, newValue)\r\n      }\r\n    }\r\n  },\r\n})\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input ref=\"inputRef\" v-model=\"file\" :disabled=\"disabled\" type=\"file\" :validate-event=\"false\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, ref, useTemplateRef, watch } from 'vue'\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { FileInputProps } from './FileInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormFile', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, disabled } = defineProps<FileInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\nwatch(elModel, () => {\r\n  if (!elModel.value) {\r\n    file.value = ''\r\n  }\r\n})\r\n\r\nconst file = ref('')\r\nconst fileRef = useTemplateRef('inputRef')\r\nonMounted(() => {\r\n  fileRef.value!.input!.onchange = (event) => {\r\n    //@ts-ignore\r\n    elModel.value = event?.target?.files[0]\r\n  }\r\n  file.value = ''\r\n})\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\" :style=\"style\">\r\n    <space :gutter=\"gutter\" style=\"margin-bottom: 18px\"> <slot></slot> </space>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol } from 'element-plus'\r\nimport type { ButtonGroupProps } from './ButtonGroup'\r\nimport Space from '../../Space'\r\nimport { useFormItemSpan } from '../hooks'\r\nimport { computed, CSSProperties } from 'vue'\r\n\r\ndefineOptions({ name: 'OFormButtongroup', inheritAttrs: false })\r\n\r\nconst { gutter, align = 'right' } = defineProps<ButtonGroupProps>()\r\nconst style = computed<CSSProperties>(() => {\r\n  return {\r\n    textAlign: align,\r\n  }\r\n})\r\n\r\nconst normalizedSpan = useFormItemSpan()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <slot></slot>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem } from 'element-plus'\r\nimport type { DiyItemProps } from './DiyItem'\r\nimport { useFormItemSpan, useFormItemRules } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormDiy', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required } = defineProps<DiyItemProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-dropdown ref=\"dropdown\" :trigger=\"'click'\" @visible-change=\"onVisibleChange\" style=\"width: 100%\">\r\n        <el-input\r\n          v-model=\"elModel\"\r\n          :maxlength=\"maxlength\"\r\n          :placeholder=\"placeholder\"\r\n          :disabled=\"disabled\"\r\n          :readonly=\"readonly\"\r\n          @input=\"onInput\"\r\n          @keydown=\"onKeydown\"\r\n          @change=\"onChange\"\r\n          :suffix-icon=\"Search\"\r\n        />\r\n        <template #dropdown> <slot></slot> </template>\r\n      </el-dropdown>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput, ElDropdown } from 'element-plus'\r\nimport { Search } from '@element-plus/icons-vue'\r\nimport { KeydownHandler, LovContext, lovContextKey, type LovInputProps } from './LovInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel, useFormContext } from '../hooks'\r\nimport { provide, reactive, ref, useTemplateRef } from 'vue'\r\nimport { isString } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OFormLov', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly, fillMapping } = defineProps<LovInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\nconst formContext = useFormContext()!\r\n\r\nconst visible = ref(false)\r\nconst onVisibleChange = (val: boolean) => {\r\n  visible.value = val\r\n}\r\n\r\nconst changed = ref(false)\r\nconst onInput = () => {\r\n  if (!changed.value) {\r\n    changed.value = true\r\n  }\r\n\r\n  if (!visible.value) {\r\n    dropdownRef.value?.handleOpen()\r\n  }\r\n}\r\n\r\nlet keydownHandler: KeydownHandler | undefined\r\nconst registerKeydownHandler: LovContext['registerKeydownHandler'] = (handler) => {\r\n  keydownHandler = handler\r\n}\r\n\r\nconst onKeydown = (e: any) => {\r\n  const fallthroughCodes = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Enter', 'Space']\r\n\r\n  if (fallthroughCodes.indexOf(e.code) > -1) {\r\n    if (visible.value) {\r\n      keydownHandler && keydownHandler(e.code)\r\n    }\r\n    e.stopPropagation()\r\n  }\r\n\r\n  const triggerCodes = ['ArrowUp', 'ArrowDown']\r\n  if (triggerCodes.indexOf(e.code) > -1 && !visible.value) {\r\n    dropdownRef.value?.handleOpen()\r\n  }\r\n}\r\n\r\nconst onChange = () => {\r\n  if (!changed.value) {\r\n    return\r\n  }\r\n\r\n  if (isString(fillMapping)) {\r\n    const data: Record<string, any> = {}\r\n\r\n    const pairs = fillMapping.split(',')\r\n    for (let i = 0; i < pairs.length; i++) {\r\n      const dstName = pairs[i].split(':')[0].trim()\r\n      data[dstName] = undefined\r\n    }\r\n\r\n    formContext.updateModelValueMulti(data)\r\n  }\r\n}\r\n\r\nconst dropdownRef = useTemplateRef('dropdown')\r\nconst backfill: LovContext['backfill'] = (params) => {\r\n  dropdownRef.value?.handleClose()\r\n\r\n  if (isString(fillMapping)) {\r\n    const data: Record<string, any> = {}\r\n\r\n    const pairs = fillMapping.split(',')\r\n    for (let i = 0; i < pairs.length; i++) {\r\n      const dstName = pairs[i].split(':')[0].trim()\r\n      const srcName = pairs[i].split(':')[1].trim()\r\n      const srcValue = params[srcName]\r\n      data[dstName] = srcValue\r\n    }\r\n\r\n    formContext.updateModelValueMulti(data)\r\n  } else {\r\n    fillMapping && fillMapping(params)\r\n  }\r\n\r\n  if (changed.value) {\r\n    changed.value = false\r\n  }\r\n}\r\n\r\nprovide(\r\n  lovContextKey,\r\n  reactive({\r\n    lovValue: elModel,\r\n    backfill,\r\n    registerKeydownHandler,\r\n  })\r\n)\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input-number\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        :min=\"min\"\r\n        :max=\"max\"\r\n        :step=\"step\"\r\n        :step-strictly=\"stepStrictly\"\r\n        :precision=\"precision\"\r\n        :controls=\"controls\"\r\n        :controls-position=\"controlsPosition\"\r\n        style=\"width: 100%\"\r\n      />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInputNumber } from 'element-plus'\r\nimport type { NumberInputProps } from './NumberInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormContext } from '../hooks'\r\nimport { computed } from 'vue'\r\nimport { isNumber, isString, toNumber } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\ndefineOptions({ name: 'OFormNumber', inheritAttrs: false })\r\n\r\nconst {\r\n  name,\r\n  label,\r\n  labelWidth,\r\n  required,\r\n  placeholder,\r\n  disabled,\r\n  readonly,\r\n  min,\r\n  max,\r\n  step,\r\n  stepStrictly,\r\n  precision,\r\n  controls = true,\r\n  controlsPosition,\r\n} = defineProps<NumberInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\n\r\nconst formContext = useFormContext()!\r\nconst elModel = computed<number | undefined>({\r\n  get: () => {\r\n    const value = formContext.modelValue[name]\r\n    if (!value) {\r\n      return undefined\r\n    }\r\n    if (isNumber(value)) {\r\n      return value\r\n    } else if (isString(value)) {\r\n      return toNumber(value)\r\n    } else {\r\n      throw new OrionError('数字输入框的值只能为字符串或数字类型')\r\n    }\r\n  },\r\n  set: (newValue) => {\r\n    if (!newValue) {\r\n      formContext.updateModelValue(name, undefined)\r\n    } else {\r\n      formContext.updateModelValue(name, newValue)\r\n    }\r\n  },\r\n})\r\n</script>\r\n","import { withInstall } from '../_util'\r\n\r\nimport Form from './Form.vue'\r\nimport StringInput from './StringInput/StringInput.vue'\r\nimport PasswordInput from './PasswordInput/PasswordInput.vue'\r\nimport Textarea from './Textarea/Textarea.vue'\r\nimport SingleSelect from './SingleSelect/SingleSelect.vue'\r\nimport MultiSelect from './MultiSelect/MultiSelect.vue'\r\nimport RadioGroup from './RadioGroup/RadioGroup.vue'\r\nimport CheckboxGroup from './CheckboxGroup/CheckboxGroup.vue'\r\nimport Checkbox from './Checkbox/Checkbox.vue'\r\nimport Switch from './Switch/Switch.vue'\r\nimport DateInput from './DateInput/DateInput.vue'\r\nimport FileInput from './FileInput/FileInput.vue'\r\nimport ButtonGroup from './ButtonGroup/ButtonGroup.vue'\r\nimport DiyItem from './DiyItem/DiyItem.vue'\r\nimport LovInput from './LovInput/LovInput.vue'\r\nimport NumberInput from './NumberInput/NumberInput.vue'\r\n\r\nexport default withInstall<\r\n  typeof Form,\r\n  {\r\n    StringInput: typeof StringInput\r\n    PasswordInput: typeof PasswordInput\r\n    Textarea: typeof Textarea\r\n    SingleSelect: typeof SingleSelect\r\n    MultiSelect: typeof MultiSelect\r\n    RadioGroup: typeof RadioGroup\r\n    CheckboxGroup: typeof CheckboxGroup\r\n    Checkbox: typeof Checkbox\r\n    Switch: typeof Switch\r\n    DateInput: typeof DateInput\r\n    FileInput: typeof FileInput\r\n    ButtonGroup: typeof ButtonGroup\r\n    DiyItem: typeof DiyItem\r\n    LovInput: typeof LovInput\r\n    NumberInput: typeof NumberInput\r\n  }\r\n>(Form, {\r\n  StringInput,\r\n  PasswordInput,\r\n  Textarea,\r\n  SingleSelect,\r\n  MultiSelect,\r\n  RadioGroup,\r\n  CheckboxGroup,\r\n  Checkbox,\r\n  Switch,\r\n  DateInput,\r\n  FileInput,\r\n  ButtonGroup,\r\n  DiyItem,\r\n  LovInput,\r\n  NumberInput,\r\n})\r\n\r\nexport * from './Form'\r\nexport * from './StringInput'\r\nexport * from './PasswordInput'\r\nexport * from './Textarea'\r\nexport * from './SingleSelect'\r\nexport * from './MultiSelect'\r\nexport * from './RadioGroup'\r\nexport * from './CheckboxGroup'\r\nexport * from './Checkbox'\r\nexport * from './Switch'\r\nexport * from './DateInput'\r\nexport * from './FileInput'\r\nexport * from './ButtonGroup'\r\nexport * from './DiyItem'\r\nexport * from './LovInput'\r\nexport * from './NumberInput'\r\n"],"names":["emit","__emit","updateModelValue","name","value","__props","OrionError","updateModelValueMulti","data","modelKeys","dataKeys","diff","difference","isEmpty","formRef","useTemplateRef","__expose","provide","formContextKey","reactive","toRef","normalizedSpan","useFormItemSpan","normalizedRules","useFormItemRules","elModel","useFormItemStringModel","attrs","useAttrs","normalizedDisabled","useFormItemDisabled","normalizedCode","useFormItemCode","content","computed","getSingleCodeContent","useFormItemMultiModel","formContext","useFormContext","getMultiCodeContent","useFormItemBooleanModel","isTimePicker","normalizedSourceFormat","dateType","picker","isDate","isString","dayjsObj","dayjs","newValue","watch","file","ref","fileRef","onMounted","event","_a","style","visible","onVisibleChange","val","changed","onInput","dropdownRef","keydownHandler","registerKeydownHandler","handler","onKeydown","e","onChange","pairs","i","dstName","lovContextKey","params","srcName","srcValue","isNumber","toNumber","index","withInstall","Form","StringInput","PasswordInput","Textarea","SingleSelect","MultiSelect","RadioGroup","CheckboxGroup","Checkbox","Switch","DateInput","FileInput","ButtonGroup","DiyItem","LovInput","NumberInput"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Form/Form.vue","../../../src/components/Form/StringInput/StringInput.vue","../../../src/components/Form/PasswordInput/PasswordInput.vue","../../../src/components/Form/Textarea/Textarea.vue","../../../src/components/Form/SingleSelect/SingleSelect.vue","../../../src/components/Form/MultiSelect/MultiSelect.vue","../../../src/components/Form/RadioGroup/RadioGroup.vue","../../../src/components/Form/CheckboxGroup/CheckboxGroup.vue","../../../src/components/Form/Checkbox/Checkbox.vue","../../../src/components/Form/Switch/Switch.vue","../../../src/components/Form/DateInput/DateInput.vue","../../../src/components/Form/FileInput/FileInput.vue","../../../src/components/Form/ButtonGroup/ButtonGroup.vue","../../../src/components/Form/DiyItem/DiyItem.vue","../../../src/components/Form/LovInput/LovInput.vue","../../../src/components/Form/NumberInput/NumberInput.vue","../../../src/components/Form/index.ts"],"sourcesContent":["<template>\r\n  <el-form ref=\"form\" :model=\"modelValue\" :rules=\"rules\" :label-width=\"itemLabelWidth\" :disabled=\"disabled\">\r\n    <el-row :gutter=\"16\">\r\n      <slot></slot>\r\n    </el-row>\r\n  </el-form>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { provide, reactive, toRef, useTemplateRef } from 'vue'\r\nimport { ElForm, ElRow } from 'element-plus'\r\nimport { type FormProps, type FormExpose, formContextKey } from './Form'\r\nimport OrionError from '../../error/OrionError'\r\nimport { difference, isEmpty } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OForm', inheritAttrs: false })\r\n\r\nconst { rules, itemSpan = 6, itemLabelWidth = 'auto', disabled = false, modelValue } = defineProps<FormProps>()\r\n\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst updateModelValue = (name: string, value: any) => {\r\n  if (!Object.keys(modelValue).includes(name)) {\r\n    throw new OrionError(`modelValue中不存在[${name}]`)\r\n  }\r\n  emit('update:modelValue', { ...modelValue, [name]: value })\r\n}\r\n\r\nconst updateModelValueMulti = (data: Record<string, any>) => {\r\n  const modelKeys = Object.keys(modelValue)\r\n  const dataKeys = Object.keys(data)\r\n  const diff = difference(dataKeys, modelKeys)\r\n  if (!isEmpty(diff)) {\r\n    throw new OrionError(`modelValue中不存在[${diff.join(',')}]`)\r\n  }\r\n  emit('update:modelValue', { ...modelValue, ...data })\r\n}\r\n\r\nconst formRef = useTemplateRef('form')\r\n\r\nconst validate: FormExpose['validate'] = async () => {\r\n  return await formRef.value!.validate()\r\n}\r\n\r\ndefineExpose({\r\n  validate,\r\n})\r\n\r\nprovide(\r\n  formContextKey,\r\n  reactive({\r\n    modelValue: toRef(() => modelValue),\r\n    updateModelValue,\r\n    updateModelValueMulti,\r\n    rules: toRef(() => rules),\r\n    itemSpan: toRef(() => itemSpan),\r\n    disabled: toRef(() => disabled),\r\n  })\r\n)\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-model=\"elModel\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { StringInputProps } from './StringInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormString', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly } = defineProps<StringInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-model=\"elModel\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\" type=\"password\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { PasswordInputProps } from './PasswordInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormPassword', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly } = defineProps<PasswordInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input\r\n        v-model=\"elModel\"\r\n        :maxlength=\"maxlength\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        type=\"textarea\"\r\n        :rows=\"rows\"\r\n        :resize=\"'none'\"\r\n      />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { TextareaProps } from './Textarea'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormTextarea', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly, rows } = defineProps<TextareaProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-if=\"normalizedDisabled\" :model-value=\"content\" :placeholder=\"placeholder\" :disabled=\"true\" :readonly=\"true\" />\r\n      <el-select v-else v-model=\"elModel\" :placeholder=\"placeholder\" :clearable=\"clearable\" :filterable=\"filterable\" @change=\"attrs.onChange as any\">\r\n        <el-option v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\" :value=\"codeItem.value\" />\r\n      </el-select>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, useAttrs } from 'vue'\r\nimport { ElCol, ElFormItem, ElInput, ElSelect, ElOption } from 'element-plus'\r\nimport type { SingleSelectProps } from './SingleSelect'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemDisabled, useFormItemCode, useFormItemStringModel } from '../hooks'\r\nimport { getSingleCodeContent } from '../utils'\r\n\r\ndefineOptions({ name: 'OFormSingleselect', inheritAttrs: false })\r\nconst attrs = useAttrs()\r\n\r\nconst { name, label, labelWidth, required, placeholder, clearable, filterable } = defineProps<SingleSelectProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedDisabled = useFormItemDisabled()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemStringModel()\r\nconst content = computed(() => getSingleCodeContent(normalizedCode.value, elModel.value))\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-if=\"normalizedDisabled\" :model-value=\"content\" :placeholder=\"placeholder\" :disabled=\"true\" :readonly=\"true\" />\r\n      <el-select\r\n        v-else\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        multiple\r\n        :collapse-tags=\"collapseTags\"\r\n        :collapse-tags-tooltip=\"collapseTagsTooltip\"\r\n        @change=\"attrs.onChange as any\"\r\n      >\r\n        <el-option v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\" :value=\"codeItem.value\" />\r\n      </el-select>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, useAttrs } from 'vue'\r\nimport { ElCol, ElFormItem, ElInput, ElSelect, ElOption } from 'element-plus'\r\nimport type { MultiSelectProps } from './MultiSelect'\r\nimport { useFormContext, useFormItemSpan, useFormItemRules, useFormItemDisabled, useFormItemCode, useFormItemMultiModel } from '../hooks'\r\nimport { getMultiCodeContent } from '../utils'\r\n\r\ndefineOptions({ name: 'OFormMultiselect', inheritAttrs: false })\r\nconst attrs = useAttrs()\r\n\r\nconst { name, label, labelWidth, required, placeholder, collapseTags, collapseTagsTooltip } = defineProps<MultiSelectProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedDisabled = useFormItemDisabled()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemMultiModel()\r\nconst formContext = useFormContext()!\r\nconst content = computed(() => getMultiCodeContent(normalizedCode.value, formContext.modelValue[name]))\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-radio-group v-model=\"elModel\" :disabled=\"disabled\">\r\n        <el-radio v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :value=\"codeItem.value\">\r\n          {{ codeItem.content }}\r\n        </el-radio>\r\n      </el-radio-group>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElRadioGroup, ElRadio } from 'element-plus'\r\nimport type { RadioGroupProps } from './RadioGroup'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemCode, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormRadiogroup', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, disabled } = defineProps<RadioGroupProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-checkbox-group v-model=\"elModel\" :disabled=\"disabled\">\r\n        <el-checkbox v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\" :value=\"codeItem.value\" />\r\n      </el-checkbox-group>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElCheckboxGroup, ElCheckbox } from 'element-plus'\r\nimport type { CheckboxGroupProps } from './CheckboxGroup'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemCode, useFormItemMultiModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormCheckboxgroup', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, disabled } = defineProps<CheckboxGroupProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemMultiModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :rules=\"rules\">\r\n      <el-checkbox v-model=\"elModel\" :disabled=\"disabled\"></el-checkbox>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElCheckbox } from 'element-plus'\r\nimport type { CheckboxProps } from './Checkbox'\r\nimport { useFormItemBooleanModel, useFormItemSpan } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormCheckbox', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, rules, disabled } = defineProps<CheckboxProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst elModel = useFormItemBooleanModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :rules=\"rules\">\r\n      <el-switch v-model=\"elModel\" :disabled=\"disabled\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElSwitch } from 'element-plus'\r\nimport type { SwitchProps } from './Switch'\r\nimport { useFormItemBooleanModel, useFormItemSpan } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormSwitch', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, rules, disabled } = defineProps<SwitchProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst elModel = useFormItemBooleanModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-time-picker\r\n        v-if=\"isTimePicker\"\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        :editable=\"editable\"\r\n        :clearable=\"clearable\"\r\n        :format=\"normalizedSourceFormat\"\r\n        arrow-control\r\n        style=\"width: 100%\"\r\n      />\r\n      <el-date-picker\r\n        v-else\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        :editable=\"editable\"\r\n        :clearable=\"clearable\"\r\n        :type=\"dateType\"\r\n        :format=\"normalizedSourceFormat\"\r\n        style=\"width: 100%\"\r\n      />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { ElCol, ElFormItem, ElDatePicker, ElTimePicker, dayjs } from 'element-plus'\r\nimport type { DateInputProps } from './DateInput'\r\nimport { useFormContext, useFormItemSpan, useFormItemRules } from '../hooks'\r\nimport { isDate, isString } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\ndefineOptions({ name: 'OFormDate', inheritAttrs: false })\r\n\r\nconst {\r\n  name,\r\n  label,\r\n  labelWidth,\r\n  required,\r\n  placeholder,\r\n  disabled,\r\n  readonly,\r\n  editable = true,\r\n  clearable = true,\r\n  format = 'YYYY-MM-DD',\r\n  sourceFormat,\r\n} = defineProps<DateInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\n\r\nconst isTimePicker = computed(() => format.startsWith('H') || format.startsWith('h') || format.startsWith('m') || format.startsWith('s'))\r\n\r\nconst normalizedSourceFormat = computed(() => {\r\n  if (sourceFormat) {\r\n    return sourceFormat\r\n  }\r\n  if (isTimePicker.value) {\r\n    return 'HH:mm:ss'\r\n  } else {\r\n    return 'YYYY-MM-DD'\r\n  }\r\n})\r\n\r\nconst dateType = computed(() => {\r\n  let picker: 'date' | 'year' | 'month' | 'datetime' = 'date'\r\n\r\n  // 配置年 yyyy指年 YYYY指周年，年末年初的值可能有所变化\r\n  if (format.indexOf('y') > -1 || format.indexOf('Y') > -1) {\r\n    picker = 'year'\r\n  }\r\n\r\n  // 配置月，M指月份，m指分钟\r\n  if (format.indexOf('M') > -1) {\r\n    picker = 'month'\r\n  }\r\n\r\n  // 配置日，d指星期，D指月的天，DDD指年的天\r\n  if (format.indexOf('d') > -1 || format.indexOf('D') > -1) {\r\n    picker = 'date'\r\n  }\r\n\r\n  // 配置小时，H指24小时制（0~23），k指24小时制（1~24），h指12小时制，m指分钟，s指秒，S指小数秒\r\n  if (\r\n    format.indexOf('H') > -1 ||\r\n    format.indexOf('h') > -1 ||\r\n    format.indexOf('k') > -1 ||\r\n    format.indexOf('m') > -1 ||\r\n    format.indexOf('s') > -1 ||\r\n    format.indexOf('S') > -1\r\n  ) {\r\n    picker = 'datetime'\r\n  }\r\n\r\n  return picker\r\n})\r\n\r\nconst formContext = useFormContext()!\r\nconst elModel = computed<Date | undefined>({\r\n  get: () => {\r\n    const value = formContext.modelValue[name]\r\n    if (!value) {\r\n      return undefined\r\n    }\r\n    if (isDate(value)) {\r\n      return value as Date\r\n    } else if (isString(value)) {\r\n      const dayjsObj = dayjs(value, normalizedSourceFormat.value, true)\r\n      if (!dayjsObj.isValid()) {\r\n        throw new OrionError(`日期输入框的值无效，不符合${normalizedSourceFormat.value}格式`)\r\n      }\r\n      return dayjsObj.toDate()\r\n    } else {\r\n      throw new OrionError('日期输入框的值只能为字符串或日期类型')\r\n    }\r\n  },\r\n  set: (newValue) => {\r\n    if (sourceFormat) {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name, '')\r\n      } else {\r\n        formContext.updateModelValue(name, dayjs(newValue).format(normalizedSourceFormat.value))\r\n      }\r\n    } else {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name, undefined)\r\n      } else {\r\n        formContext.updateModelValue(name, newValue)\r\n      }\r\n    }\r\n  },\r\n})\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input ref=\"inputRef\" v-model=\"file\" :disabled=\"disabled\" type=\"file\" :validate-event=\"false\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, ref, useTemplateRef, watch } from 'vue'\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { FileInputProps } from './FileInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormFile', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, disabled } = defineProps<FileInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\nwatch(elModel, () => {\r\n  if (!elModel.value) {\r\n    file.value = ''\r\n  }\r\n})\r\n\r\nconst file = ref('')\r\nconst fileRef = useTemplateRef('inputRef')\r\nonMounted(() => {\r\n  fileRef.value!.input!.onchange = (event) => {\r\n    //@ts-ignore\r\n    elModel.value = event?.target?.files[0]\r\n  }\r\n  file.value = ''\r\n})\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\" :style=\"style\">\r\n    <space :gutter=\"gutter\" style=\"margin-bottom: 18px\"> <slot></slot> </space>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol } from 'element-plus'\r\nimport type { ButtonGroupProps } from './ButtonGroup'\r\nimport Space from '../../Space'\r\nimport { useFormItemSpan } from '../hooks'\r\nimport { computed, CSSProperties } from 'vue'\r\n\r\ndefineOptions({ name: 'OFormButtongroup', inheritAttrs: false })\r\n\r\nconst { gutter, align = 'right' } = defineProps<ButtonGroupProps>()\r\nconst style = computed<CSSProperties>(() => {\r\n  return {\r\n    textAlign: align,\r\n  }\r\n})\r\n\r\nconst normalizedSpan = useFormItemSpan()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <slot></slot>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem } from 'element-plus'\r\nimport type { DiyItemProps } from './DiyItem'\r\nimport { useFormItemSpan, useFormItemRules } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormDiy', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required } = defineProps<DiyItemProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-dropdown ref=\"dropdown\" :trigger=\"'click'\" @visible-change=\"onVisibleChange\" style=\"width: 100%\">\r\n        <el-input\r\n          v-model=\"elModel\"\r\n          :maxlength=\"maxlength\"\r\n          :placeholder=\"placeholder\"\r\n          :disabled=\"disabled\"\r\n          :readonly=\"readonly\"\r\n          @input=\"onInput\"\r\n          @keydown=\"onKeydown\"\r\n          @change=\"onChange\"\r\n          :suffix-icon=\"Search\"\r\n        />\r\n        <template #dropdown> <slot></slot> </template>\r\n      </el-dropdown>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput, ElDropdown } from 'element-plus'\r\nimport { Search } from '@element-plus/icons-vue'\r\nimport { KeydownHandler, LovContext, lovContextKey, type LovInputProps } from './LovInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel, useFormContext } from '../hooks'\r\nimport { provide, reactive, ref, useTemplateRef } from 'vue'\r\nimport { isString } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OFormLov', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly, fillMapping } = defineProps<LovInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\nconst formContext = useFormContext()!\r\n\r\nconst visible = ref(false)\r\nconst onVisibleChange = (val: boolean) => {\r\n  visible.value = val\r\n}\r\n\r\nconst changed = ref(false)\r\nconst onInput = () => {\r\n  if (!changed.value) {\r\n    changed.value = true\r\n  }\r\n\r\n  if (!visible.value) {\r\n    dropdownRef.value?.handleOpen()\r\n  }\r\n}\r\n\r\nlet keydownHandler: KeydownHandler | undefined\r\nconst registerKeydownHandler: LovContext['registerKeydownHandler'] = (handler) => {\r\n  keydownHandler = handler\r\n}\r\n\r\nconst onKeydown = (e: any) => {\r\n  const fallthroughCodes = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Enter', 'Space']\r\n\r\n  if (fallthroughCodes.indexOf(e.code) > -1) {\r\n    if (visible.value) {\r\n      keydownHandler && keydownHandler(e.code)\r\n    }\r\n    e.stopPropagation()\r\n  }\r\n\r\n  const triggerCodes = ['ArrowUp', 'ArrowDown']\r\n  if (triggerCodes.indexOf(e.code) > -1 && !visible.value) {\r\n    dropdownRef.value?.handleOpen()\r\n  }\r\n}\r\n\r\nconst onChange = () => {\r\n  if (!changed.value) {\r\n    return\r\n  }\r\n\r\n  if (isString(fillMapping)) {\r\n    const data: Record<string, any> = {}\r\n\r\n    const pairs = fillMapping.split(',')\r\n    for (let i = 0; i < pairs.length; i++) {\r\n      const dstName = pairs[i].split(':')[0].trim()\r\n      data[dstName] = undefined\r\n    }\r\n\r\n    formContext.updateModelValueMulti(data)\r\n  }\r\n}\r\n\r\nconst dropdownRef = useTemplateRef('dropdown')\r\nconst backfill: LovContext['backfill'] = (params) => {\r\n  dropdownRef.value?.handleClose()\r\n\r\n  if (isString(fillMapping)) {\r\n    const data: Record<string, any> = {}\r\n\r\n    const pairs = fillMapping.split(',')\r\n    for (let i = 0; i < pairs.length; i++) {\r\n      const dstName = pairs[i].split(':')[0].trim()\r\n      const srcName = pairs[i].split(':')[1].trim()\r\n      const srcValue = params[srcName]\r\n      data[dstName] = srcValue\r\n    }\r\n\r\n    formContext.updateModelValueMulti(data)\r\n  } else {\r\n    fillMapping && fillMapping(params)\r\n  }\r\n\r\n  if (changed.value) {\r\n    changed.value = false\r\n  }\r\n}\r\n\r\nprovide(\r\n  lovContextKey,\r\n  reactive({\r\n    lovValue: elModel,\r\n    backfill,\r\n    registerKeydownHandler,\r\n  })\r\n)\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input-number\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        :min=\"min\"\r\n        :max=\"max\"\r\n        :step=\"step\"\r\n        :step-strictly=\"stepStrictly\"\r\n        :precision=\"precision\"\r\n        :controls=\"controls\"\r\n        :controls-position=\"controlsPosition\"\r\n        style=\"width: 100%\"\r\n      />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInputNumber } from 'element-plus'\r\nimport type { NumberInputProps } from './NumberInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormContext } from '../hooks'\r\nimport { computed } from 'vue'\r\nimport { isNumber, isString, toNumber } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\ndefineOptions({ name: 'OFormNumber', inheritAttrs: false })\r\n\r\nconst {\r\n  name,\r\n  label,\r\n  labelWidth,\r\n  required,\r\n  placeholder,\r\n  disabled,\r\n  readonly,\r\n  min,\r\n  max,\r\n  step,\r\n  stepStrictly,\r\n  precision,\r\n  controls = true,\r\n  controlsPosition,\r\n} = defineProps<NumberInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\n\r\nconst formContext = useFormContext()!\r\nconst elModel = computed<number | undefined>({\r\n  get: () => {\r\n    const value = formContext.modelValue[name]\r\n    if (!value) {\r\n      return undefined\r\n    }\r\n    if (isNumber(value)) {\r\n      return value\r\n    } else if (isString(value)) {\r\n      return toNumber(value)\r\n    } else {\r\n      throw new OrionError('数字输入框的值只能为字符串或数字类型')\r\n    }\r\n  },\r\n  set: (newValue) => {\r\n    if (!newValue) {\r\n      formContext.updateModelValue(name, undefined)\r\n    } else {\r\n      formContext.updateModelValue(name, newValue)\r\n    }\r\n  },\r\n})\r\n</script>\r\n","import { withInstall } from '../_util'\r\n\r\nimport Form from './Form.vue'\r\nimport StringInput from './StringInput/StringInput.vue'\r\nimport PasswordInput from './PasswordInput/PasswordInput.vue'\r\nimport Textarea from './Textarea/Textarea.vue'\r\nimport SingleSelect from './SingleSelect/SingleSelect.vue'\r\nimport MultiSelect from './MultiSelect/MultiSelect.vue'\r\nimport RadioGroup from './RadioGroup/RadioGroup.vue'\r\nimport CheckboxGroup from './CheckboxGroup/CheckboxGroup.vue'\r\nimport Checkbox from './Checkbox/Checkbox.vue'\r\nimport Switch from './Switch/Switch.vue'\r\nimport DateInput from './DateInput/DateInput.vue'\r\nimport FileInput from './FileInput/FileInput.vue'\r\nimport ButtonGroup from './ButtonGroup/ButtonGroup.vue'\r\nimport DiyItem from './DiyItem/DiyItem.vue'\r\nimport LovInput from './LovInput/LovInput.vue'\r\nimport NumberInput from './NumberInput/NumberInput.vue'\r\n\r\nexport default withInstall<\r\n  typeof Form,\r\n  {\r\n    StringInput: typeof StringInput\r\n    PasswordInput: typeof PasswordInput\r\n    Textarea: typeof Textarea\r\n    SingleSelect: typeof SingleSelect\r\n    MultiSelect: typeof MultiSelect\r\n    RadioGroup: typeof RadioGroup\r\n    CheckboxGroup: typeof CheckboxGroup\r\n    Checkbox: typeof Checkbox\r\n    Switch: typeof Switch\r\n    DateInput: typeof DateInput\r\n    FileInput: typeof FileInput\r\n    ButtonGroup: typeof ButtonGroup\r\n    DiyItem: typeof DiyItem\r\n    LovInput: typeof LovInput\r\n    NumberInput: typeof NumberInput\r\n  }\r\n>(Form, {\r\n  StringInput,\r\n  PasswordInput,\r\n  Textarea,\r\n  SingleSelect,\r\n  MultiSelect,\r\n  RadioGroup,\r\n  CheckboxGroup,\r\n  Checkbox,\r\n  Switch,\r\n  DateInput,\r\n  FileInput,\r\n  ButtonGroup,\r\n  DiyItem,\r\n  LovInput,\r\n  NumberInput,\r\n})\r\n\r\nexport * from './Form'\r\nexport * from './StringInput'\r\nexport * from './PasswordInput'\r\nexport * from './Textarea'\r\nexport * from './SingleSelect'\r\nexport * from './MultiSelect'\r\nexport * from './RadioGroup'\r\nexport * from './CheckboxGroup'\r\nexport * from './Checkbox'\r\nexport * from './Switch'\r\nexport * from './DateInput'\r\nexport * from './FileInput'\r\nexport * from './ButtonGroup'\r\nexport * from './DiyItem'\r\nexport * from './LovInput'\r\nexport * from './NumberInput'\r\n"],"names":["Form","StringInput","PasswordInput","Textarea","SingleSelect","MultiSelect","RadioGroup","CheckboxGroup","Checkbox","Switch","DateInput","FileInput","ButtonGroup","DiyItem","LovInput","NumberInput"],"mappings":"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"}

package/dist/components/Form/utils/index.js

@@ -1,26 +1,38 @@
-const d = (e, n) => {
-  if (!n)
+const getSingleCodeContent = (options, curValue) => {
+  if (!curValue) {
     return null;
-  for (let t = 0; t < e.length; t++) {
-    const { value: r, content: o } = e[t];
-    if (r == n)
-      return o;
   }
-  return n + "(?)";
-}, c = (e, n) => {
-  if (!n)
+  for (let i = 0; i < options.length; i++) {
+    const { value, content } = options[i];
+    if (value == curValue) {
+      return content;
+    }
+  }
+  return curValue + "(?)";
+};
+const getMultiCodeContent = (options, curValue) => {
+  if (!curValue) {
     return null;
-  let t = "";
-  const r = n.split(",");
-  return r.forEach((o, f) => {
-    const i = e.findIndex((l) => {
-      if (l.value == o) return !0;
+  }
+  let content = "";
+  const data = curValue.split(",");
+  data.forEach((selectValue, valueIndex) => {
+    const index = options.findIndex((item) => {
+      if (item.value == selectValue) return true;
     });
-    i == -1 ? t += `${o}(?)` : t += e[i].content, f != r.length - 1 && (t += ",");
-  }), t;
+    if (index == -1) {
+      content += `${selectValue}(?)`;
+    } else {
+      content += options[index].content;
+    }
+    if (valueIndex != data.length - 1) {
+      content += ",";
+    }
+  });
+  return content;
 };
 export {
-  c as getMultiCodeContent,
-  d as getSingleCodeContent
+  getMultiCodeContent,
+  getSingleCodeContent
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Form/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Form/utils/index.ts"],"sourcesContent":["export const getSingleCodeContent = (\r\n  options: Array<{\r\n    value: string\r\n    content: string\r\n  }>,\r\n  curValue: string\r\n) => {\r\n  if (!curValue) {\r\n    return null\r\n  }\r\n\r\n  for (let i = 0; i < options.length; i++) {\r\n    const { value, content } = options[i]\r\n    if (value == curValue) {\r\n      return content\r\n    }\r\n  }\r\n\r\n  return curValue + '(?)'\r\n}\r\n\r\nexport const getMultiCodeContent = (\r\n  options: Array<{\r\n    value: string\r\n    content: string\r\n  }>,\r\n  curValue: string\r\n) => {\r\n  if (!curValue) {\r\n    return null\r\n  }\r\n\r\n  let content = ''\r\n\r\n  const data = curValue.split(',')\r\n  data.forEach((selectValue, valueIndex) => {\r\n    const index = options.findIndex((item) => {\r\n      if (item.value == selectValue) return true\r\n    })\r\n\r\n    if (index == -1) {\r\n      content += `${selectValue}(?)`\r\n    } else {\r\n      content += options[index].content\r\n    }\r\n\r\n    if (valueIndex != data.length - 1) {\r\n      content += ','\r\n    }\r\n  })\r\n\r\n  return content\r\n}\r\n"],"names":["getSingleCodeContent","options","curValue","i","value","content","getMultiCodeContent","data","selectValue","valueIndex","index","item"],"mappings":"AAAa,MAAAA,IAAuB,CAClCC,GAIAC,MACG;AACH,MAAI,CAACA;AACI,WAAA;AAGT,WAASC,IAAI,GAAGA,IAAIF,EAAQ,QAAQE,KAAK;AACvC,UAAM,EAAE,OAAAC,GAAO,SAAAC,EAAQ,IAAIJ,EAAQE,CAAC;AACpC,QAAIC,KAASF;AACJ,aAAAG;AAAA,EAEX;AAEA,SAAOH,IAAW;AACpB,GAEaI,IAAsB,CACjCL,GAIAC,MACG;AACH,MAAI,CAACA;AACI,WAAA;AAGT,MAAIG,IAAU;AAER,QAAAE,IAAOL,EAAS,MAAM,GAAG;AAC1B,SAAAK,EAAA,QAAQ,CAACC,GAAaC,MAAe;AACxC,UAAMC,IAAQT,EAAQ,UAAU,CAACU,MAAS;AACpC,UAAAA,EAAK,SAASH,EAAoB,QAAA;AAAA,IAAA,CACvC;AAED,IAAIE,KAAS,KACXL,KAAW,GAAGG,CAAW,QAEdH,KAAAJ,EAAQS,CAAK,EAAE,SAGxBD,KAAcF,EAAK,SAAS,MACnBF,KAAA;AAAA,EACb,CACD,GAEMA;AACT;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Form/utils/index.ts"],"sourcesContent":["export const getSingleCodeContent = (\r\n  options: Array<{\r\n    value: string\r\n    content: string\r\n  }>,\r\n  curValue: string\r\n) => {\r\n  if (!curValue) {\r\n    return null\r\n  }\r\n\r\n  for (let i = 0; i < options.length; i++) {\r\n    const { value, content } = options[i]\r\n    if (value == curValue) {\r\n      return content\r\n    }\r\n  }\r\n\r\n  return curValue + '(?)'\r\n}\r\n\r\nexport const getMultiCodeContent = (\r\n  options: Array<{\r\n    value: string\r\n    content: string\r\n  }>,\r\n  curValue: string\r\n) => {\r\n  if (!curValue) {\r\n    return null\r\n  }\r\n\r\n  let content = ''\r\n\r\n  const data = curValue.split(',')\r\n  data.forEach((selectValue, valueIndex) => {\r\n    const index = options.findIndex((item) => {\r\n      if (item.value == selectValue) return true\r\n    })\r\n\r\n    if (index == -1) {\r\n      content += `${selectValue}(?)`\r\n    } else {\r\n      content += options[index].content\r\n    }\r\n\r\n    if (valueIndex != data.length - 1) {\r\n      content += ','\r\n    }\r\n  })\r\n\r\n  return content\r\n}\r\n"],"names":[],"mappings":"AAAa,MAAA,uBAAuB,CAClC,SAIA,aACG;AACH,MAAI,CAAC,UAAU;AACN,WAAA;AAAA,EACT;AAEA,WAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,UAAM,EAAE,OAAO,QAAQ,IAAI,QAAQ,CAAC;AACpC,QAAI,SAAS,UAAU;AACd,aAAA;AAAA,IACT;AAAA,EACF;AAEA,SAAO,WAAW;AACpB;AAEa,MAAA,sBAAsB,CACjC,SAIA,aACG;AACH,MAAI,CAAC,UAAU;AACN,WAAA;AAAA,EACT;AAEA,MAAI,UAAU;AAER,QAAA,OAAO,SAAS,MAAM,GAAG;AAC1B,OAAA,QAAQ,CAAC,aAAa,eAAe;AACxC,UAAM,QAAQ,QAAQ,UAAU,CAAC,SAAS;AACpC,UAAA,KAAK,SAAS,YAAoB,QAAA;AAAA,IAAA,CACvC;AAED,QAAI,SAAS,IAAI;AACf,iBAAW,GAAG,WAAW;AAAA,IAAA,OACpB;AACM,iBAAA,QAAQ,KAAK,EAAE;AAAA,IAC5B;AAEI,QAAA,cAAc,KAAK,SAAS,GAAG;AACtB,iBAAA;AAAA,IACb;AAAA,EAAA,CACD;AAEM,SAAA;AACT;"}

package/dist/components/LovTable/index.js

@@ -1,137 +1,211 @@
-import { findIndex as P } from "lodash-es";
-import { defineComponent as A, useTemplateRef as x, ref as v, watch as k, openBlock as y, createBlock as I, unref as L, withCtx as S, renderSlot as z } from "vue";
-import { withInstall as U } from "../_util/vue/install.js";
+import { findIndex } from "lodash-es";
+import { defineComponent, useTemplateRef, ref, watch, openBlock, createBlock, unref, withCtx, renderSlot } from "vue";
+import { withInstall } from "../_util/vue/install.js";
 import "element-plus";
-import T from "../Querytable/index.js";
+import Querytable from "../Querytable/index.js";
 import "../Form/index.js";
-import D from "../Form/LovInput/hooks/useLov.js";
-import q from "../Pagetable/index.js";
-const B = /* @__PURE__ */ A({
-  name: "OLovQuerytable",
-  inheritAttrs: !0,
+import useLov from "../Form/LovInput/hooks/useLov.js";
+import Pagetable from "../Pagetable/index.js";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "OLovQuerytable", inheritAttrs: true },
   __name: "LovQuerytable",
   props: {
     data: {}
   },
-  setup(e) {
-    const d = x("table"), i = v(), s = v(), l = D();
-    l == null || l.registerKeydownHandler((a) => {
-      if (a == "ArrowUp") {
-        let o;
-        i.value == 0 ? o = e.data[e.data.length - 1] : o = e.data[i.value - 1], d.value.setCurrentRow(o), r(i.value);
-      } else if (a == "ArrowDown") {
-        let o;
-        i.value == e.data.length - 1 ? o = e.data[0] : o = e.data[i.value + 1], d.value.setCurrentRow(o), r(i.value);
-      } else a == "Enter" && s.value && (l == null || l.backfill(s.value));
+  setup(__props) {
+    const tableRef = useTemplateRef("table");
+    const currentRowIndex = ref();
+    const currentRowData = ref();
+    const lov = useLov();
+    lov == null ? void 0 : lov.registerKeydownHandler((code) => {
+      if (code == "ArrowUp") {
+        let nextRow;
+        if (currentRowIndex.value == 0) {
+          nextRow = __props.data[__props.data.length - 1];
+        } else {
+          nextRow = __props.data[currentRowIndex.value - 1];
+        }
+        tableRef.value.setCurrentRow(nextRow);
+        scrollToRow(currentRowIndex.value);
+      } else if (code == "ArrowDown") {
+        let nextRow;
+        if (currentRowIndex.value == __props.data.length - 1) {
+          nextRow = __props.data[0];
+        } else {
+          nextRow = __props.data[currentRowIndex.value + 1];
+        }
+        tableRef.value.setCurrentRow(nextRow);
+        scrollToRow(currentRowIndex.value);
+      } else if (code == "Enter") {
+        currentRowData.value && (lov == null ? void 0 : lov.backfill(currentRowData.value));
+      }
     });
-    const r = (a) => {
-      var t;
-      ((t = d.value) == null ? void 0 : t.$el).querySelectorAll(".el-table__row")[a].scrollIntoViewIfNeeded();
-    }, f = (a) => {
-      l == null || l.backfill(a);
-    }, u = (a) => {
-      const o = P(e.data, a);
-      o == -1 ? (i.value = 0, s.value = e.data[0]) : (i.value = o, s.value = a);
+    const scrollToRow = (index2) => {
+      var _a;
+      const $table = (_a = tableRef.value) == null ? void 0 : _a.$el;
+      const $row = $table.querySelectorAll(".el-table__row")[index2];
+      $row.scrollIntoViewIfNeeded();
+    };
+    const onRowClick = (row) => {
+      lov == null ? void 0 : lov.backfill(row);
     };
-    return k(
-      () => e.data,
+    const handleCurrentRowChange = (row) => {
+      const index2 = findIndex(__props.data, row);
+      if (index2 == -1) {
+        currentRowIndex.value = 0;
+        currentRowData.value = __props.data[0];
+      } else {
+        currentRowIndex.value = index2;
+        currentRowData.value = row;
+      }
+    };
+    watch(
+      () => __props.data,
       () => {
-        e.data.length > 0 && d.value.setCurrentRow(e.data[0]);
+        if (__props.data.length > 0) {
+          tableRef.value.setCurrentRow(__props.data[0]);
+        }
       }
-    ), (a, o) => (y(), I(L(T), {
-      ref: "table",
-      data: a.data,
-      onRowClick: f,
-      "current-row-mode": "",
-      onCurrentRowChange: u,
-      size: "small"
-    }, {
-      default: S(() => [
-        z(a.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["data"]));
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Querytable), {
+        ref: "table",
+        data: _ctx.data,
+        onRowClick,
+        "current-row-mode": "",
+        onCurrentRowChange: handleCurrentRowChange,
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["data"]);
+    };
   }
-}), E = /* @__PURE__ */ A({
-  name: "OLovPagetable",
-  inheritAttrs: !0,
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "OLovPagetable", inheritAttrs: true },
   __name: "LovPagetable",
   props: {
     data: {},
     pagination: {}
   },
   emits: ["update:pagination"],
-  setup(e, { emit: d }) {
-    const i = d, s = (t) => {
-      i("update:pagination", t);
-    }, l = x("table"), r = v(), f = v(), u = D();
-    u == null || u.registerKeydownHandler((t) => {
-      var c, R, g, h, C, $;
-      if (t == "ArrowUp") {
-        let n;
-        r.value == 0 ? n = e.data[e.data.length - 1] : n = e.data[r.value - 1], l.value.setCurrentRow(n), a(r.value);
-      } else if (t == "ArrowDown") {
-        let n;
-        r.value == e.data.length - 1 ? n = e.data[0] : n = e.data[r.value + 1], l.value.setCurrentRow(n), a(r.value);
-      } else if (t == "Enter")
-        f.value && (u == null || u.backfill(f.value));
-      else if (t == "ArrowLeft") {
-        const n = (c = e.pagination) == null ? void 0 : c.currentPage, w = (R = e.pagination) == null ? void 0 : R.pageSize, m = (g = e.pagination) == null ? void 0 : g.total;
-        if (!n || !w || !m)
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const onUpdatePagination = (data) => {
+      emits("update:pagination", data);
+    };
+    const tableRef = useTemplateRef("table");
+    const currentRowIndex = ref();
+    const currentRowData = ref();
+    const lov = useLov();
+    lov == null ? void 0 : lov.registerKeydownHandler((code) => {
+      var _a, _b, _c, _d, _e, _f;
+      if (code == "ArrowUp") {
+        let nextRow;
+        if (currentRowIndex.value == 0) {
+          nextRow = __props.data[__props.data.length - 1];
+        } else {
+          nextRow = __props.data[currentRowIndex.value - 1];
+        }
+        tableRef.value.setCurrentRow(nextRow);
+        scrollToRow(currentRowIndex.value);
+      } else if (code == "ArrowDown") {
+        let nextRow;
+        if (currentRowIndex.value == __props.data.length - 1) {
+          nextRow = __props.data[0];
+        } else {
+          nextRow = __props.data[currentRowIndex.value + 1];
+        }
+        tableRef.value.setCurrentRow(nextRow);
+        scrollToRow(currentRowIndex.value);
+      } else if (code == "Enter") {
+        currentRowData.value && (lov == null ? void 0 : lov.backfill(currentRowData.value));
+      } else if (code == "ArrowLeft") {
+        const currentPage = (_a = __props.pagination) == null ? void 0 : _a.currentPage;
+        const pageSize = (_b = __props.pagination) == null ? void 0 : _b.pageSize;
+        const total = (_c = __props.pagination) == null ? void 0 : _c.total;
+        if (!currentPage || !pageSize || !total) {
           return;
-        n > 1 && i("update:pagination", {
-          ...e.pagination,
-          currentPage: n - 1
-        });
-      } else if (t == "ArrowRight") {
-        const n = (h = e.pagination) == null ? void 0 : h.currentPage, w = (C = e.pagination) == null ? void 0 : C.pageSize, m = ($ = e.pagination) == null ? void 0 : $.total;
-        if (!n || !w || !m)
+        }
+        if (currentPage > 1) {
+          emits("update:pagination", {
+            ...__props.pagination,
+            currentPage: currentPage - 1
+          });
+        }
+      } else if (code == "ArrowRight") {
+        const currentPage = (_d = __props.pagination) == null ? void 0 : _d.currentPage;
+        const pageSize = (_e = __props.pagination) == null ? void 0 : _e.pageSize;
+        const total = (_f = __props.pagination) == null ? void 0 : _f.total;
+        if (!currentPage || !pageSize || !total) {
           return;
-        const Q = Math.ceil(m / w);
-        n < Q && i("update:pagination", {
-          ...e.pagination,
-          currentPage: n + 1
-        });
+        }
+        const totalPage = Math.ceil(total / pageSize);
+        if (currentPage < totalPage) {
+          emits("update:pagination", {
+            ...__props.pagination,
+            currentPage: currentPage + 1
+          });
+        }
       }
     });
-    const a = (t) => {
-      var g;
-      ((g = l.value) == null ? void 0 : g.$el).querySelectorAll(".el-table__row")[t].scrollIntoViewIfNeeded();
-    }, o = (t) => {
-      u == null || u.backfill(t);
-    }, b = (t) => {
-      const c = P(e.data, t);
-      c == -1 ? (r.value = 0, f.value = e.data[0]) : (r.value = c, f.value = t);
+    const scrollToRow = (index2) => {
+      var _a;
+      const $table = (_a = tableRef.value) == null ? void 0 : _a.$el;
+      const $row = $table.querySelectorAll(".el-table__row")[index2];
+      $row.scrollIntoViewIfNeeded();
+    };
+    const onRowClick = (row) => {
+      lov == null ? void 0 : lov.backfill(row);
     };
-    return k(
-      () => e.data,
+    const handleCurrentRowChange = (row) => {
+      const index2 = findIndex(__props.data, row);
+      if (index2 == -1) {
+        currentRowIndex.value = 0;
+        currentRowData.value = __props.data[0];
+      } else {
+        currentRowIndex.value = index2;
+        currentRowData.value = row;
+      }
+    };
+    watch(
+      () => __props.data,
       () => {
-        e.data.length > 0 && l.value.setCurrentRow(e.data[0]);
+        if (__props.data.length > 0) {
+          tableRef.value.setCurrentRow(__props.data[0]);
+        }
       }
-    ), (t, c) => (y(), I(L(q), {
-      ref: "table",
-      data: t.data,
-      onRowClick: o,
-      "current-row-mode": "",
-      onCurrentRowChange: b,
-      pagination: t.pagination,
-      "onUpdate:pagination": s,
-      size: "small"
-    }, {
-      default: S(() => [
-        z(t.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["data", "pagination"]));
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Pagetable), {
+        ref: "table",
+        data: _ctx.data,
+        onRowClick,
+        "current-row-mode": "",
+        onCurrentRowChange: handleCurrentRowChange,
+        pagination: _ctx.pagination,
+        "onUpdate:pagination": onUpdatePagination,
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["data", "pagination"]);
+    };
   }
-}), G = U(
+});
+const index = withInstall(
   {},
   {
-    LovQuerytable: B,
-    LovPagetable: E
+    LovQuerytable: _sfc_main$1,
+    LovPagetable: _sfc_main
   }
 );
 export {
-  G as default
+  index as default
 };
 //# sourceMappingURL=index.js.map