orion-design 0.1.13 → 0.1.14

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/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\">\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 } 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\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 v-else v-model=\"elModel\" :placeholder=\"placeholder\" multiple>\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 } 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\n\r\nconst { name, label, labelWidth, required, placeholder } = 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,\r\n  clearable,\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 modelType = computed(() => {\r\n  const value = formContext.modelValue[name as string]\r\n  if (isString(value)) {\r\n    return 'string'\r\n  } else if (isDate(value)) {\r\n    return 'date'\r\n  } else {\r\n    throw new OrionError('日期输入框的值只能为字符串或日期类型')\r\n  }\r\n})\r\n\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 (modelType.value == 'date') {\r\n      return value as Date\r\n    } else {\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    }\r\n  },\r\n  set: (newValue) => {\r\n    if (modelType.value == 'date') {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name, undefined)\r\n      } else {\r\n        formContext.updateModelValue(name, newValue)\r\n      }\r\n    } else {\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    }\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'\" style=\"width: 100%\">\r\n        <el-input v-model=\"elModel\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\" />\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 { lovContextKey, type LovInputProps } from './LovInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel, useFormContext } from '../hooks'\r\nimport { provide, reactive, 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 dropdownRef = useTemplateRef('dropdown')\r\nconst backfill = (params: Record<string, any>) => {\r\n  dropdownRef.value?.handleClose()\r\n\r\n  console.log(params)\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\r\nprovide(\r\n  lovContextKey,\r\n  reactive({\r\n    lovValue: elModel,\r\n    backfill: backfill,\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\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  }\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})\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\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","normalizedDisabled","useFormItemDisabled","normalizedCode","useFormItemCode","content","computed","getSingleCodeContent","useFormItemMultiModel","formContext","useFormContext","getMultiCodeContent","useFormItemBooleanModel","isTimePicker","normalizedSourceFormat","dateType","picker","modelType","isString","isDate","dayjsObj","dayjs","newValue","watch","file","ref","fileRef","onMounted","event","_a","style","dropdownRef","lovContextKey","params","pairs","i","dstName","srcName","srcValue","index","withInstall","Form","StringInput","PasswordInput","Textarea","SingleSelect","MultiSelect","RadioGroup","CheckboxGroup","Checkbox","Switch","DateInput","FileInput","ButtonGroup","DiyItem","LovInput"],"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/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\">\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 } 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\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 v-else v-model=\"elModel\" :placeholder=\"placeholder\" multiple>\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 } 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\n\r\nconst { name, label, labelWidth, required, placeholder } = 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,\r\n  clearable,\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 modelType = computed(() => {\r\n  const value = formContext.modelValue[name as string]\r\n  if (isString(value)) {\r\n    return 'string'\r\n  } else if (isDate(value)) {\r\n    return 'date'\r\n  } else {\r\n    throw new OrionError('日期输入框的值只能为字符串或日期类型')\r\n  }\r\n})\r\n\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 (modelType.value == 'date') {\r\n      return value as Date\r\n    } else {\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    }\r\n  },\r\n  set: (newValue) => {\r\n    if (modelType.value == 'date') {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name, undefined)\r\n      } else {\r\n        formContext.updateModelValue(name, newValue)\r\n      }\r\n    } else {\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    }\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'\" style=\"width: 100%\">\r\n        <el-input v-model=\"elModel\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\" @change=\"onChange\" />\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 { lovContextKey, type LovInputProps } from './LovInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel, useFormContext } from '../hooks'\r\nimport { provide, reactive, 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 onChange = () => {\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 = (params: Record<string, any>) => {\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\r\nprovide(\r\n  lovContextKey,\r\n  reactive({\r\n    lovValue: elModel,\r\n    backfill: backfill,\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\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  }\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})\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\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","normalizedDisabled","useFormItemDisabled","normalizedCode","useFormItemCode","content","computed","getSingleCodeContent","useFormItemMultiModel","formContext","useFormContext","getMultiCodeContent","useFormItemBooleanModel","isTimePicker","normalizedSourceFormat","dateType","picker","modelType","isString","isDate","dayjsObj","dayjs","newValue","watch","file","ref","fileRef","onMounted","event","_a","style","onChange","pairs","i","dstName","dropdownRef","lovContextKey","params","srcName","srcValue","index","withInstall","Form","StringInput","PasswordInput","Textarea","SingleSelect","MultiSelect","RadioGroup","CheckboxGroup","Checkbox","Switch","DateInput","FileInput","ButtonGroup","DiyItem","LovInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,UAAMA,IAAOC,GAEPC,IAAmB,CAACC,GAAcC,MAAe;AACjD,UAAA,CAAC,OAAO,KAAKC,EAAA,UAAU,EAAE,SAASF,CAAI;AACxC,cAAM,IAAIG,EAAW,kBAAkBH,CAAI,GAAG;AAE3C,MAAAH,EAAA,qBAAqB,EAAE,GAAGK,cAAY,CAACF,CAAI,GAAGC,EAAA,CAAO;AAAA,IAAA,GAGtDG,IAAwB,CAACC,MAA8B;AAC3D,YAAMC,IAAY,OAAO,KAAKJ,EAAA,UAAU,GAClCK,IAAW,OAAO,KAAKF,CAAI,GAC3BG,IAAOC,EAAWF,GAAUD,CAAS;AACvC,UAAA,CAACI,EAAQF,CAAI;AACf,cAAM,IAAIL,EAAW,kBAAkBK,EAAK,KAAK,GAAG,CAAC,GAAG;AAE1D,MAAAX,EAAK,qBAAqB,EAAE,GAAGK,EAAU,YAAE,GAAGG,GAAM;AAAA,IAAA,GAGhDM,IAAUC,EAAe,MAAM;AAMxB,WAAAC,EAAA;AAAA,MACX,UALuC,YAChC,MAAMF,EAAQ,MAAO;IAI5B,CACD,GAEDG;AAAA,MACEC;AAAA,MACAC,EAAS;AAAA,QACP,YAAYC,EAAM,MAAMf,EAAU,UAAA;AAAA,QAClC,kBAAAH;AAAA,QACA,uBAAAK;AAAA,QACA,OAAOa,EAAM,MAAMf,EAAA,KAAK;AAAA,QACxB,UAAUe,EAAM,MAAMf,EAAA,QAAQ;AAAA,QAC9B,UAAUe,EAAM,MAAMf,EAAA,QAAQ;AAAA,MAAA,CAC/B;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzCH,UAAMgB,IAAiBC,KACjBC,IAAkBC,KAClBC,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACFhB,UAAML,IAAiBC,KACjBC,IAAkBC,KAClBC,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACOhB,UAAML,IAAiBC,KACjBC,IAAkBC,KAClBC,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNhB,UAAML,IAAiBC,KACjBC,IAAkBC,KAClBG,IAAqBC,KACrBC,IAAiBC,KACjBL,IAAUC,KACVK,IAAUC,EAAS,MAAMC,GAAqBJ,EAAe,OAAOJ,EAAQ,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACLxF,UAAMJ,IAAiBC,KACjBC,IAAkBC,KAClBG,IAAqBC,KACrBC,IAAiBC,KACjBL,IAAUS,KACVC,IAAcC,KACdL,IAAUC,EAAS,MAAMK,GAAoBR,EAAe,OAAOM,EAAY,WAAW9B,EAAI,IAAA,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPtG,UAAMgB,IAAiBC,KACjBC,IAAkBC,KAClBK,IAAiBC,KACjBL,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACLhB,UAAML,IAAiBC,KACjBC,IAAkBC,KAClBK,IAAiBC,KACjBL,IAAUS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACLhB,UAAMb,IAAiBC,KACjBG,IAAUa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACDhB,UAAMjB,IAAiBC,KACjBG,IAAUa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACqChB,UAAMjB,IAAiBC,KACjBC,IAAkBC,KAElBe,IAAeP,EAAS,MAAM3B,EAAM,OAAC,WAAW,GAAG,KAAKA,EAAM,OAAC,WAAW,GAAG,KAAKA,EAAA,OAAO,WAAW,GAAG,KAAKA,EAAA,OAAO,WAAW,GAAG,CAAC,GAElImC,IAAyBR,EAAS,MAClC3B,EAAY,eACPA,EAAA,eAELkC,EAAa,QACR,aAEA,YAEV,GAEKE,IAAWT,EAAS,MAAM;AAC9B,UAAIU,IAAiD;AAGjD,cAAArC,EAAM,OAAC,QAAQ,GAAG,IAAI,MAAMA,SAAO,QAAQ,GAAG,IAAI,QAC3CqC,IAAA,SAIPrC,EAAM,OAAC,QAAQ,GAAG,IAAI,OACfqC,IAAA,WAIPrC,EAAM,OAAC,QAAQ,GAAG,IAAI,MAAMA,SAAO,QAAQ,GAAG,IAAI,QAC3CqC,IAAA,UAKTrC,EAAM,OAAC,QAAQ,GAAG,IAAI,MACtBA,EAAM,OAAC,QAAQ,GAAG,IAAI,MACtBA,EAAM,OAAC,QAAQ,GAAG,IAAI,MACtBA,EAAM,OAAC,QAAQ,GAAG,IAAI,MACtBA,EAAM,OAAC,QAAQ,GAAG,IAAI,MACtBA,EAAA,OAAO,QAAQ,GAAG,IAAI,QAEbqC,IAAA,aAGJA;AAAA,IAAA,CACR,GAEKP,IAAcC,KACdO,IAAYX,EAAS,MAAM;AAC/B,YAAM5B,IAAQ+B,EAAY,WAAW9B,MAAc;AAC/C,UAAAuC,EAASxC,CAAK;AACT,eAAA;AACT,UAAWyC,EAAOzC,CAAK;AACd,eAAA;AAED,YAAA,IAAIE,EAAW,oBAAoB;AAAA,IAC3C,CACD,GAEKmB,IAAUO,EAA2B;AAAA,MACzC,KAAK,MAAM;AACT,cAAM5B,IAAQ+B,EAAY,WAAW9B,EAAA,IAAI;AACzC,YAAKD,GAGD;AAAA,cAAAuC,EAAU,SAAS;AACd,mBAAAvC;AACF;AACL,kBAAM0C,IAAWC,EAAM3C,GAAOoC,EAAuB,OAAO,EAAI;AAC5D,gBAAA,CAACM,EAAS;AACZ,oBAAM,IAAIxC,EAAW,gBAAgBkC,EAAuB,KAAK,IAAI;AAEvE,mBAAOM,EAAS;UAClB;AAAA;AAAA,MACF;AAAA,MACA,KAAK,CAACE,MAAa;AACb,QAAAL,EAAU,SAAS,SAChBK,IAGSb,EAAA,iBAAiB9B,EAAA,MAAM2C,CAAQ,IAF/Bb,EAAA,iBAAiB9B,EAAA,MAAM,MAAS,IAKzC2C,IAGSb,EAAA,iBAAiB9B,EAAA,MAAM0C,EAAMC,CAAQ,EAAE,OAAOR,EAAuB,KAAK,CAAC,IAF3EL,EAAA,iBAAiB9B,EAAI,MAAE,EAAE;AAAA,MAK3C;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjID,UAAMgB,IAAiBC,KACjBC,IAAkBC,KAClBC,IAAUC;AAChB,IAAAuB,GAAMxB,GAAS,MAAM;AACf,MAACA,EAAQ,UACXyB,EAAK,QAAQ;AAAA,IACf,CACD;AAEK,UAAAA,IAAOC,GAAI,EAAE,GACbC,IAAUrC,EAAe,UAAU;AACzC,WAAAsC,GAAU,MAAM;AACd,MAAAD,EAAQ,MAAO,MAAO,WAAW,CAACE,MAAU;;AAE1C,QAAA7B,EAAQ,SAAQ8B,IAAAD,KAAA,gBAAAA,EAAO,WAAP,gBAAAC,EAAe,MAAM;AAAA,MAAC,GAExCL,EAAK,QAAQ;AAAA,IAAA,CACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBK,UAAAM,IAAQxB,EAAwB,OAC7B;AAAA,MACL,WAAW3B,EAAA;AAAA,IAAA,EAEd,GAEKgB,IAAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNvB,UAAMD,IAAiBC,KACjBC,IAAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACIxB,UAAMH,IAAiBC,KACjBC,IAAkBC,KAClBC,IAAUC,KACVS,IAAcC,KAEdqB,IAAW,MAAM;AACjB,UAAAb,EAASvC,EAAA,WAAW,GAAG;AACzB,cAAMG,IAA4B,CAAA,GAE5BkD,IAAQrD,EAAA,YAAY,MAAM,GAAG;AACnC,iBAASsD,IAAI,GAAGA,IAAID,EAAM,QAAQC,KAAK;AAC/B,gBAAAC,IAAUF,EAAMC,CAAC,EAAE,MAAM,GAAG,EAAE,CAAC,EAAE;AACvC,UAAAnD,EAAKoD,CAAO,IAAI;AAAA,QAClB;AAEA,QAAAzB,EAAY,sBAAsB3B,CAAI;AAAA,MACxC;AAAA,IAAA,GAGIqD,IAAc9C,EAAe,UAAU;AAqB7C,WAAAE;AAAA,MACE6C;AAAA,MACA3C,EAAS;AAAA,QACP,UAAUM;AAAA,QACV,UAxBa,CAACsC,MAAgC;;AAG5C,eAFJR,IAAAM,EAAY,UAAZ,QAAAN,EAAmB,eAEfX,EAASvC,EAAA,WAAW,GAAG;AACzB,kBAAMG,IAA4B,CAAA,GAE5BkD,IAAQrD,EAAA,YAAY,MAAM,GAAG;AACnC,qBAASsD,IAAI,GAAGA,IAAID,EAAM,QAAQC,KAAK;AAC/B,oBAAAC,IAAUF,EAAMC,CAAC,EAAE,MAAM,GAAG,EAAE,CAAC,EAAE,QACjCK,IAAUN,EAAMC,CAAC,EAAE,MAAM,GAAG,EAAE,CAAC,EAAE,QACjCM,IAAWF,EAAOC,CAAO;AAC/B,cAAAxD,EAAKoD,CAAO,IAAIK;AAAA,YAClB;AAEA,YAAA9B,EAAY,sBAAsB3B,CAAI;AAAA,UAAA;AAE3B,YAAAH,EAAA,eAAIA,EAAW,YAAC0D,CAAM;AAAA,QACnC;AAAA,MAOE,CACD;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IChDYG,KAAAC,GAkBbC,IAAM;AAAA,EAAA,aACNC;AAAAA,EAAA,eACAC;AAAAA,EAAA,UACAC;AAAAA,EAAA,cACAC;AAAAA,EAAA,aACAC;AAAAA,EAAA,YACAC;AAAAA,EAAA,eACAC;AAAAA,EAAA,UACAC;AAAAA,EAAA,QACAC;AAAAA,EAAA,WACAC;AAAAA,EAAA,WACAC;AAAAA,EAAA,aACAC;AAAAA,EAAA,SACAC;AAAAA,EAAA,UACAC;AACF,CAAC;"}

package/dist/components/LovTable/LovPagetable.d.ts

@@ -0,0 +1,2 @@
+declare const LovPagetable: import('vue').DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default LovPagetable;

package/dist/components/LovTable/LovQuerytable.d.ts

@@ -0,0 +1,2 @@
+declare const LovQuerytable: import('vue').DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default LovQuerytable;

package/dist/components/LovTable/index.d.ts

@@ -0,0 +1,5 @@
+import { default as LovPagetable } from './LovPagetable';
+declare const _default: import('../_util').SFCWithInstall<import('vue').DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>> & {
+    LovPagetable: typeof LovPagetable;
+};
+export default _default;

package/dist/components/LovTable/index.js

@@ -0,0 +1,54 @@
+import "lodash-es";
+import { defineComponent as i, createVNode as c, isVNode as p } from "vue";
+import { withInstall as f } from "../_util/vue/install.js";
+import "element-plus";
+import "../Form/index.js";
+import b from "../Querytable/index.js";
+import a from "../Form/LovInput/hooks/useLov.js";
+import s from "../Pagetable/index.js";
+function d(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !p(t);
+}
+const y = /* @__PURE__ */ i({
+  name: "OLovQuerytable",
+  setup(t, {
+    emit: l,
+    slots: o,
+    expose: u,
+    attrs: m
+  }) {
+    const e = a(), r = (n) => {
+      e == null || e.backfill(n);
+    };
+    return () => c(b, {
+      onRowClick: r
+    }, d(o) ? o : {
+      default: () => [o]
+    });
+  }
+});
+function j(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !p(t);
+}
+const k = /* @__PURE__ */ i({
+  name: "OLovPagetable",
+  setup(t, {
+    emit: l,
+    slots: o,
+    expose: u,
+    attrs: m
+  }) {
+    const e = a(), r = (n) => {
+      e == null || e.backfill(n);
+    };
+    return () => c(s, {
+      onRowClick: r
+    }, j(o) ? o : {
+      default: () => [o]
+    });
+  }
+}), v = f(y, { LovPagetable: k });
+export {
+  v as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/LovTable/LovQuerytable.tsx","../../../src/components/LovTable/LovPagetable.tsx","../../../src/components/LovTable/index.ts"],"sourcesContent":["import { defineComponent } from 'vue'\r\nimport { useLov } from '../Form'\r\nimport Querytable from '../Querytable'\r\n\r\nconst LovQuerytable = defineComponent({\r\n  name: 'OLovQuerytable',\r\n  setup(props, { emit, slots, expose, attrs }) {\r\n    const lov = useLov()\r\n\r\n    const onRowClick = (row: any) => {\r\n      lov?.backfill(row)\r\n    }\r\n\r\n    return () => {\r\n      return <Querytable onRowClick={onRowClick}>{slots}</Querytable>\r\n    }\r\n  },\r\n})\r\n\r\nexport default LovQuerytable\r\n","import { defineComponent } from 'vue'\r\nimport { useLov } from '../Form'\r\nimport Pagetable from '../Pagetable'\r\n\r\nconst LovPagetable = defineComponent({\r\n  name: 'OLovPagetable',\r\n  setup(props, { emit, slots, expose, attrs }) {\r\n    const lov = useLov()\r\n\r\n    const onRowClick = (row: any) => {\r\n      lov?.backfill(row)\r\n    }\r\n\r\n    return () => {\r\n      return <Pagetable onRowClick={onRowClick}>{slots}</Pagetable>\r\n    }\r\n  },\r\n})\r\n\r\nexport default LovPagetable\r\n","import { withInstall } from '../_util'\r\n\r\nimport LovQuerytable from './LovQuerytable'\r\nimport LovPagetable from './LovPagetable'\r\n\r\nexport default withInstall<typeof LovQuerytable, { LovPagetable: typeof LovPagetable }>(LovQuerytable, { LovPagetable })\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","LovQuerytable","defineComponent","name","setup","props","emit","slots","expose","attrs","lov","useLov","onRowClick","row","backfill","_createVNode","Querytable","default","LovPagetable","Pagetable","index","withInstall"],"mappings":";;;;;;;;AAEsC,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,EAAAL,CAAA;AAAA;AAEtC,MAAMM,IAAgBC,gBAAAA,EAAgB;AAAA,EACpCC,MAAM;AAAA,EACNC,MAAMC,GAAO;AAAA,IAAEC,MAAAA;AAAAA,IAAMC,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAQC,OAAAA;AAAAA,EAAM,GAAG;AAC3C,UAAMC,IAAMC,KAENC,IAAcC,CAAAA,MAAa;AAC/BH,MAAAA,KAAAA,QAAAA,EAAKI,SAASD;AAAAA;AAGhB,WAAO,MACLE,EAAAC,GAAA;AAAA,MAAA,YAA+BJ;AAAAA,IAAU,GAAAlB,EAAGa,CAAK,IAALA,IAAK;AAAA,MAAAU,SAAAA,MAAA,CAALV,CAAK;AAAA,IAAA,CAAA;AAAA,EAErD;AACF,CAAC;ACfmC,SAAAb,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,EAAAL,CAAA;AAAA;AAEpC,MAAMuB,IAAehB,gBAAAA,EAAgB;AAAA,EACnCC,MAAM;AAAA,EACNC,MAAMC,GAAO;AAAA,IAAEC,MAAAA;AAAAA,IAAMC,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAQC,OAAAA;AAAAA,EAAM,GAAG;AAC3C,UAAMC,IAAMC,KAENC,IAAcC,CAAAA,MAAa;AAC/BH,MAAAA,KAAAA,QAAAA,EAAKI,SAASD;AAAAA;AAGhB,WAAO,MACLE,EAAAI,GAAA;AAAA,MAAA,YAA8BP;AAAAA,IAAU,GAAAlB,EAAGa,CAAK,IAALA,IAAK;AAAA,MAAAU,SAAAA,MAAA,CAALV,CAAK;AAAA,IAAA,CAAA;AAAA,EAEpD;AACF,CAAC,GCZDa,IAAeC,EAAyEpB,GAAe,EAAE,cAAAiB,GAAc;"}

package/dist/components/Pagetable/Pagetable.d.ts

@@ -59,7 +59,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("selectionChange" | "currentRowChange" | "update:pagination")[], "selectionChange" | "currentRowChange" | "update:pagination", import('vue').PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("selectionChange" | "currentRowChange" | "update:pagination" | "rowClick")[], "selectionChange" | "currentRowChange" | "update:pagination" | "rowClick", import('vue').PublicProps, Readonly<ExtractPropTypes<{
     data: {
         type: PropType<any[]>;
         default: any[];
@@ -92,6 +92,7 @@ declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
     onSelectionChange?: ((...args: any[]) => any) | undefined;
     onCurrentRowChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:pagination"?: ((...args: any[]) => any) | undefined;
+    onRowClick?: ((...args: any[]) => any) | undefined;
 }>, {
     data: any[];
     pagination: {

package/dist/components/Pagetable/hooks/useColumns.js

@@ -1,28 +1,29 @@
-import { computed as u } from "vue";
-import f from "../../../error/OrionError.js";
-import { camelize as g } from "../../_util/util.js";
-function m(n) {
-  return n == null ? void 0 : n.map((a) => {
-    var t, d;
-    const e = { ...a.props || {} };
-    for (const [i, h] of Object.entries(e))
-      delete e[i], e[g(i)] = h;
-    if (a.type.name === "OPagetableColumnIndex")
+import { computed as f } from "vue";
+import g from "../../../error/OrionError.js";
+import { camelize as y } from "../../_util/util.js";
+import { filterEmpty as m } from "../../_util/props-util/index.js";
+function l(a) {
+  return a == null ? void 0 : a.map((n) => {
+    var t, i;
+    const e = { ...n.props || {} };
+    for (const [d, u] of Object.entries(e))
+      delete e[d], e[y(d)] = u;
+    if (n.type.name === "OPagetableColumnIndex")
       return {
-        type: a.type.name
+        type: n.type.name
       };
-    if (a.type.name === "OPagetableColumnString")
+    if (n.type.name === "OPagetableColumnString")
       return {
-        type: a.type.name,
+        type: n.type.name,
         head: e == null ? void 0 : e.head,
         headAlign: e == null ? void 0 : e.headAlign,
         name: e == null ? void 0 : e.name,
         width: e == null ? void 0 : e.width,
         fixed: e == null ? void 0 : e.fixed
       };
-    if (a.type.name === "OPagetableColumnNumber")
+    if (n.type.name === "OPagetableColumnNumber")
       return {
-        type: a.type.name,
+        type: n.type.name,
         head: e == null ? void 0 : e.head,
         headAlign: e == null ? void 0 : e.headAlign,
         name: e == null ? void 0 : e.name,
@@ -32,9 +33,9 @@ function m(n) {
         precision: Number(e == null ? void 0 : e.precision),
         percentage: e == null ? void 0 : e.percentage
       };
-    if (a.type.name === "OPagetableColumnDate")
+    if (n.type.name === "OPagetableColumnDate")
       return {
-        type: a.type.name,
+        type: n.type.name,
         head: e == null ? void 0 : e.head,
         headAlign: e == null ? void 0 : e.headAlign,
         name: e == null ? void 0 : e.name,
@@ -43,9 +44,9 @@ function m(n) {
         format: e == null ? void 0 : e.format,
         sourceFormat: e == null ? void 0 : e.sourceFormat
       };
-    if (a.type.name === "OPagetableColumnSingleselect" || a.type.name === "OPagetableColumnMultiselect")
+    if (n.type.name === "OPagetableColumnSingleselect" || n.type.name === "OPagetableColumnMultiselect")
       return {
-        type: a.type.name,
+        type: n.type.name,
         head: e == null ? void 0 : e.head,
         headAlign: e == null ? void 0 : e.headAlign,
         name: e == null ? void 0 : e.name,
@@ -53,44 +54,44 @@ function m(n) {
         fixed: e == null ? void 0 : e.fixed,
         code: e == null ? void 0 : e.code
       };
-    if (a.type.name === "OPagetableColumnButtongroup")
+    if (n.type.name === "OPagetableColumnButtongroup")
       return {
-        type: a.type.name,
+        type: n.type.name,
         head: e == null ? void 0 : e.head,
         headAlign: e == null ? void 0 : e.headAlign,
         name: e == null ? void 0 : e.name,
         width: e == null ? void 0 : e.width,
         fixed: e == null ? void 0 : e.fixed,
-        children: a.children
+        children: n.children
       };
-    if (a.type.name === "OPagetableColumngroup")
+    if (n.type.name === "OPagetableColumngroup")
       return {
-        type: a.type.name,
+        type: n.type.name,
         head: e == null ? void 0 : e.head,
         headAlign: e == null ? void 0 : e.headAlign,
-        children: m((d = (t = a.children) == null ? void 0 : t.default) == null ? void 0 : d.call(t))
+        children: l(m((i = (t = n.children) == null ? void 0 : t.default) == null ? void 0 : i.call(t)))
       };
-    if (a.type.name === "OPagetableColumnDiy")
+    if (n.type.name === "OPagetableColumnDiy")
       return {
-        type: a.type.name,
+        type: n.type.name,
         head: e == null ? void 0 : e.head,
         headAlign: e == null ? void 0 : e.headAlign,
         name: e == null ? void 0 : e.name,
         width: e == null ? void 0 : e.width,
         fixed: e == null ? void 0 : e.fixed,
-        children: a.children
+        children: n.children
       };
-    throw new f(`OPagetable不能正确解析'${a.type.name}'子组件。`);
+    throw new g(`OPagetable不能正确解析'${n.type.name}'子组件。`);
   });
 }
-function w(n) {
-  return u(() => {
-    var t;
-    const a = (t = n.default) == null ? void 0 : t.call(n);
-    return m(a);
+function A(a) {
+  return f(() => {
+    var i;
+    const n = (i = a.default) == null ? void 0 : i.call(a), e = m(n);
+    return l(e);
   });
 }
 export {
-  w as default
+  A as default
 };
 //# sourceMappingURL=useColumns.js.map

package/dist/components/Pagetable/hooks/useColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColumns.js","sources":["../../../../src/components/Pagetable/hooks/useColumns.ts"],"sourcesContent":["import { computed } from 'vue'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\nimport { camelize } from '../../../components/_util/util'\r\n\r\nfunction genColumns(children) {\r\n  const tableColumns = children?.map((c) => {\r\n    const props = { ...(c.props || {}) }\r\n    for (const [k, v] of Object.entries(props)) {\r\n      delete props[k]\r\n      props[camelize(k)] = v\r\n    }\r\n\r\n    if (c.type.name === 'OPagetableColumnIndex') {\r\n      return {\r\n        type: c.type.name,\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumnString') {\r\n      return {\r\n        type: c.type.name,\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n        name: props?.name,\r\n        width: props?.width,\r\n        fixed: props?.fixed,\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumnNumber') {\r\n      return {\r\n        type: c.type.name,\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n        name: props?.name,\r\n        width: props?.width,\r\n        fixed: props?.fixed,\r\n\r\n        thousandsSeparator: props?.thousandsSeparator,\r\n        precision: Number(props?.precision),\r\n        percentage: props?.percentage,\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumnDate') {\r\n      return {\r\n        type: c.type.name,\r\n\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n        name: props?.name,\r\n        width: props?.width,\r\n        fixed: props?.fixed,\r\n\r\n        format: props?.format,\r\n        sourceFormat: props?.sourceFormat,\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumnSingleselect' || c.type.name === 'OPagetableColumnMultiselect') {\r\n      return {\r\n        type: c.type.name,\r\n\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n        name: props?.name,\r\n        width: props?.width,\r\n        fixed: props?.fixed,\r\n\r\n        code: props?.code,\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumnButtongroup') {\r\n      return {\r\n        type: c.type.name,\r\n\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n        name: props?.name,\r\n        width: props?.width,\r\n        fixed: props?.fixed,\r\n\r\n        children: c.children,\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumngroup') {\r\n      return {\r\n        type: c.type.name,\r\n\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n\r\n        children: genColumns(c.children?.default?.()),\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumnDiy') {\r\n      return {\r\n        type: c.type.name,\r\n\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n        name: props?.name,\r\n        width: props?.width,\r\n        fixed: props?.fixed,\r\n\r\n        children: c.children,\r\n      }\r\n    } else {\r\n      throw new OrionError(`OPagetable不能正确解析'${c.type.name}'子组件。`)\r\n    }\r\n  })\r\n\r\n  return tableColumns\r\n}\r\n\r\nexport default function useColumns(slots) {\r\n  const columns = computed(() => {\r\n    const children = slots.default?.()\r\n\r\n    const tableColumns = genColumns(children)\r\n\r\n    return tableColumns\r\n  })\r\n\r\n  return columns\r\n}\r\n"],"names":["genColumns","children","c","props","k","v","camelize","_b","_a","OrionError","useColumns","slots","computed"],"mappings":"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"}
+{"version":3,"file":"useColumns.js","sources":["../../../../src/components/Pagetable/hooks/useColumns.ts"],"sourcesContent":["import { computed } from 'vue'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\nimport { camelize } from '../../../components/_util/util'\r\nimport { filterEmpty } from '../../_util/props-util'\r\n\r\nfunction genColumns(children) {\r\n  const tableColumns = children?.map((c) => {\r\n    const props = { ...(c.props || {}) }\r\n    for (const [k, v] of Object.entries(props)) {\r\n      delete props[k]\r\n      props[camelize(k)] = v\r\n    }\r\n\r\n    if (c.type.name === 'OPagetableColumnIndex') {\r\n      return {\r\n        type: c.type.name,\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumnString') {\r\n      return {\r\n        type: c.type.name,\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n        name: props?.name,\r\n        width: props?.width,\r\n        fixed: props?.fixed,\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumnNumber') {\r\n      return {\r\n        type: c.type.name,\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n        name: props?.name,\r\n        width: props?.width,\r\n        fixed: props?.fixed,\r\n\r\n        thousandsSeparator: props?.thousandsSeparator,\r\n        precision: Number(props?.precision),\r\n        percentage: props?.percentage,\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumnDate') {\r\n      return {\r\n        type: c.type.name,\r\n\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n        name: props?.name,\r\n        width: props?.width,\r\n        fixed: props?.fixed,\r\n\r\n        format: props?.format,\r\n        sourceFormat: props?.sourceFormat,\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumnSingleselect' || c.type.name === 'OPagetableColumnMultiselect') {\r\n      return {\r\n        type: c.type.name,\r\n\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n        name: props?.name,\r\n        width: props?.width,\r\n        fixed: props?.fixed,\r\n\r\n        code: props?.code,\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumnButtongroup') {\r\n      return {\r\n        type: c.type.name,\r\n\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n        name: props?.name,\r\n        width: props?.width,\r\n        fixed: props?.fixed,\r\n\r\n        children: c.children,\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumngroup') {\r\n      return {\r\n        type: c.type.name,\r\n\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n\r\n        children: genColumns(filterEmpty(c.children?.default?.())),\r\n      }\r\n    } else if (c.type.name === 'OPagetableColumnDiy') {\r\n      return {\r\n        type: c.type.name,\r\n\r\n        head: props?.head,\r\n        headAlign: props?.headAlign,\r\n        name: props?.name,\r\n        width: props?.width,\r\n        fixed: props?.fixed,\r\n\r\n        children: c.children,\r\n      }\r\n    } else {\r\n      throw new OrionError(`OPagetable不能正确解析'${c.type.name}'子组件。`)\r\n    }\r\n  })\r\n\r\n  return tableColumns\r\n}\r\n\r\nexport default function useColumns(slots) {\r\n  const columns = computed(() => {\r\n    const children = slots.default?.()\r\n\r\n    const non_empty_children = filterEmpty(children)\r\n\r\n    const tableColumns = genColumns(non_empty_children)\r\n\r\n    return tableColumns\r\n  })\r\n\r\n  return columns\r\n}\r\n"],"names":["genColumns","children","c","props","k","v","camelize","filterEmpty","_b","_a","OrionError","useColumns","slots","computed","non_empty_children"],"mappings":"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"}

package/dist/components/Pagetable/index.d.ts

@@ -38,7 +38,7 @@ declare const _default: import('../_util').SFCWithInstall<import('vue').DefineCo
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("selectionChange" | "currentRowChange" | "update:pagination")[], "selectionChange" | "currentRowChange" | "update:pagination", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("selectionChange" | "currentRowChange" | "update:pagination" | "rowClick")[], "selectionChange" | "currentRowChange" | "update:pagination" | "rowClick", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     data: {
         type: import('vue').PropType<any[]>;
         default: any[];
@@ -71,6 +71,7 @@ declare const _default: import('../_util').SFCWithInstall<import('vue').DefineCo
     onSelectionChange?: ((...args: any[]) => any) | undefined;
     onCurrentRowChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:pagination"?: ((...args: any[]) => any) | undefined;
+    onRowClick?: ((...args: any[]) => any) | undefined;
 }>, {
     data: any[];
     pagination: {