easybill-ui 1.4.0 → 1.4.2

package/components/CurdForm/src/FormTooltip.vue

@@ -1,54 +0,0 @@
-<template>
-  <el-tooltip :content="tooltipModel.content" v-bind="tooltipModel || {}">
-    <el-button class="tooltip" type="primary" link>
-      <el-icon><Warning /></el-icon>
-    </el-button>
-    <template #content>
-      <div v-html="tooltipModel.content"></div>
-    </template>
-  </el-tooltip>
-</template>
-<script lang="ts" setup>
-import { Warning } from "@element-plus/icons-vue"
-import { type PropType, computed } from "vue"
-import type { Fields, FormItem, TooltipProps } from "./types"
-const props = defineProps({
-  tooltip: {
-    type: [String, Function, Object] as PropType<string | ((formModel: Fields, formItem: FormItem) => Partial<TooltipProps> | string) | Partial<TooltipProps>>,
-    default: null,
-  },
-  formItem: {
-    required: true,
-    type: Object as PropType<FormItem>,
-  },
-  formModel: {
-    type: Object as PropType<Fields>,
-    default: () => ({}),
-  },
-})
-
-const tooltipModel = computed(() => {
-  let tooltip = props.tooltip
-  if (!tooltip) {
-    return { content: "" }
-  }
-  if (typeof tooltip == "function") {
-    tooltip = tooltip(props.formModel, props.formItem)
-    return getTooltip(tooltip)
-  }
-  return getTooltip(tooltip)
-})
-// 获取组件tooltip内容
-const getTooltip = (tooltip: Partial<TooltipProps> | string): Partial<TooltipProps> => {
-  if (!tooltip) {
-    return { content: "" }
-  }
-  let t: Partial<TooltipProps> = {}
-  if (typeof tooltip == "string") {
-    t = { content: tooltip }
-  } else {
-    t = tooltip
-  }
-  return t
-}
-</script>

package/components/CurdForm/src/components/index.ts

@@ -1,52 +0,0 @@
-import { isReactive, isRef, isVNode, type Component, type VNode } from "vue"
-import SchemaFormAutocomplete from "./schema-form-autocomplete.vue"
-import SchemaFormCascader from "./schema-form-cascader.vue"
-import SchemaFormCheckbox from "./schema-form-checkbox.vue"
-import SchemaFormChoose from "./schema-form-choose.vue"
-import SchemaFormColorPicker from "./schema-form-color-picker.vue"
-import SchemaFormDatePicker from "./schema-form-date-picker.vue"
-import SchemaFormInputNumber from "./schema-form-input-number.vue"
-import SchemaFormInput from "./schema-form-input.vue"
-import SchemaFormRadio from "./schema-form-radio.vue"
-import SchemaFormSelectV2 from "./schema-form-select-v2.vue"
-import SchemaFormSelect from "./schema-form-select.vue"
-import SchemaFormSwitch from "./schema-form-switch.vue"
-import SchemaFormTimePicker from "./schema-form-time-picker.vue"
-import SchemaFormTreeSelect from "./schema-form-tree-select.vue"
-import SchemaFormValue from "./schema-form-value.vue"
-interface PresetMap {
-  [key: string]: Component
-}
-const presetMap: PresetMap = {
-  "schema-input": SchemaFormInput,
-  "schema-select": SchemaFormSelect,
-  "schema-select-v2": SchemaFormSelectV2,
-  "schema-radio": SchemaFormRadio,
-  "schema-checkbox": SchemaFormCheckbox,
-  "schema-input-number": SchemaFormInputNumber,
-  "schema-switch": SchemaFormSwitch,
-  "schema-date-picker": SchemaFormDatePicker,
-  "schema-time-picker": SchemaFormTimePicker,
-  "schema-color-picker": SchemaFormColorPicker,
-  "schema-value": SchemaFormValue,
-  "schema-cascader": SchemaFormCascader,
-  "schema-autocomplete": SchemaFormAutocomplete,
-  "schema-tree-select": SchemaFormTreeSelect,
-  "schema-choose": SchemaFormChoose,
-}
-
-export default presetMap
-export const preset = Object.keys(presetMap)
-export const getComponent = (type: string | VNode = "input") => {
-  // 预设组件
-  if (typeof type == "string" && preset.includes("schema-" + type)) {
-    return presetMap["schema-" + type]
-  } else if (isReactive(type) || isRef(type) || isVNode(type) || (typeof type == "object" && "setup" in type)) {
-    // 自定义组件
-    // return createVNode(type)
-    return type
-  } else {
-    // 'el-原生组件'
-    return null
-  }
-}

package/components/CurdForm/src/components/schema-form-autocomplete.vue

@@ -1,25 +0,0 @@
-<template>
-  <el-autocomplete v-model="model" v-bind="props.props" v-on="props.eventObject">
-    <template #default="{ item }">
-      <div v-if="item.html" v-html="item.html"></div>
-      <div v-else>{{ item.label || item.value }}</div>
-    </template>
-  </el-autocomplete>
-</template>
-<script lang="ts" setup>
-import { FormItemProps } from "easybill-ui/components/CurdForm/src/types"
-import { type CascaderValue } from "element-plus"
-import { computed, type PropType } from "vue"
-const props = defineProps({
-  ...FormItemProps,
-  modelValue: {
-    type: [String, Number] as PropType<CascaderValue>,
-    default: undefined,
-  }, // 表单项值
-})
-const emits = defineEmits(["update:modelValue"])
-const model = computed({
-  get: () => props.modelValue,
-  set: (val) => emits("update:modelValue", val),
-})
-</script>

package/components/CurdForm/src/components/schema-form-cascader.vue

@@ -1,24 +0,0 @@
-<template>
-  <el-cascader v-model="model" :options="options" v-bind="props.props" v-on="props.eventObject"></el-cascader>
-</template>
-<script lang="ts" setup>
-import { type CascaderOption, type CascaderValue } from "element-plus"
-import { computed, type PropType } from "vue"
-import { FormItemProps } from "../types"
-const props = defineProps({
-  ...FormItemProps,
-  modelValue: {
-    type: [String, Number] as PropType<CascaderValue>,
-    default: undefined,
-  }, // 表单项值
-})
-const emits = defineEmits(["update:modelValue"])
-const model = computed({
-  get: () => props.modelValue,
-  set: (val) => emits("update:modelValue", val),
-})
-const options = computed(() => {
-  const ops = props.formItem.options as CascaderOption[]
-  return ops
-})
-</script>

package/components/CurdForm/src/components/schema-form-checkbox.vue

@@ -1,53 +0,0 @@
-<template>
-  <div class="schema-form-radio">
-    <div v-if="formItem.loading" class="loading" style="color: #999; font-size: 12px">
-      <el-icon class="is-loading"><Loading /></el-icon> {{ t("el.form.loading") }}
-    </div>
-    <el-checkbox-group v-if="!formItem.loading && formItem.options && formItem.options.length" v-model="model" :class="[props?.showType]" style="width: 100%" v-bind="props" v-on="eventObject">
-      <template v-for="option in formItem.options" :key="option.value">
-        <el-checkbox-button v-if="props?.componentName == 'button'" :disabled="option.disabled" :style="option.style" v-bind="option"> {{ option.label }} </el-checkbox-button>
-        <el-checkbox v-else :disabled="option.disabled" :style="option.style" v-bind="option"> {{ option.label }} </el-checkbox>
-      </template>
-    </el-checkbox-group>
-    <div v-if="!formItem.loading && !formItem.options?.length" class="empty">
-      <component :is="empty" v-if="empty" :form-model="formModel" :form-item="formItem" :props="props" />
-      <template v-else>
-        <el-icon><Warning /></el-icon> <span>{{ props.noDataText || t("el.form.nodata") }}</span>
-      </template>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-import { Loading, Warning } from "@element-plus/icons-vue"
-import { useLocale } from "easybill-ui"
-import { computed, defineComponent, type PropType, toRaw } from "vue"
-import { FormItemProps } from "../types"
-export default defineComponent({
-  name: "SchemaFormCheckbox",
-  components: { Loading, Warning },
-  props: {
-    ...FormItemProps,
-    modelValue: {
-      type: Array as PropType<(string | number)[]>,
-      default: () => [],
-    }, // 表单项值
-  },
-  emits: ["update:modelValue"],
-  setup(props, { emit }) {
-    const model = computed({
-      get: () => props.modelValue,
-      set: (val) => emit("update:modelValue", val),
-    })
-    if (!(model.value instanceof Array)) {
-      model.value = []
-    }
-    const { t } = useLocale()
-
-    return {
-      model,
-      empty: toRaw(props.props.empty) || "",
-      t,
-    }
-  },
-})
-</script>

package/components/CurdForm/src/components/schema-form-choose.vue

@@ -1,225 +0,0 @@
-<template>
-  <div class="schema-form-choose">
-    <div class="choose-content-wrapper">
-      <div v-if="formItem.loading" class="loading">
-        <el-icon class="is-loading"><Loading /></el-icon> {{ t("el.form.loading") }}
-      </div>
-      <el-radio-group v-else-if="options?.length" v-model="currentValue" :class="[props.props?.showType, chooseGroupClass]" v-bind="props.props" v-on="props.eventObject">
-        <template v-for="(option, index) in options" :key="option.value">
-          <component :is="props?.props?.componentName == 'button' ? 'el-radio-button' : 'el-radio'" :value="option.value" :disabled="option.disabled" :border="option.border" :size="option.size" :style="option.style">
-            <component v-if="option.component" :is="option.component" :row="option" :$index="index" :form-model="formModel" :form-item="formItem" :props="props" />
-            <span v-else-if="option.html" v-html="option.html"></span>
-            <span v-else>{{ option.label }}</span>
-            <FormTooltip v-if="option.tooltip" :tooltip="option.tooltip" :form-item="formItem" :form-model="formModel" />
-          </component>
-        </template>
-      </el-radio-group>
-      <div v-else class="empty">
-        <component :is="empty" v-if="empty" :form-model="formModel" :form-item="formItem" :props="props" />
-        <template v-else>
-          <el-icon><Warning /></el-icon> <span>{{ props.props?.noDataText || t("el.form.nodata") }}</span>
-        </template>
-      </div>
-
-      <!-- 子表单项区域 -->
-      <div class="choose-sub-items-wrapper" :style="wrapperStyle">
-        <div ref="innerRef" class="choose-sub-items" :class="subItemsClass">
-          <template v-for="subItem in displaySubItems" :key="subItem.prop">
-            <el-form-item :prop="subItem.prop" :label="subItem.label" :label-width="subItem.labelWidth" :class="getSubFormItemStyle(subItem)" v-bind="getSubFormItemProps(subItem)">
-              <template v-for="(item, key) in getSubFormItemProps(subItem)?.slots || {}" :key="key" #[key]="row">
-                <component :is="item" v-bind="row" />
-              </template>
-              <FormItem :form-item="subItem" :form-model="formModel" @change="onSubItemChange">
-                <template #prefix>
-                  <slot :name="subItem.prop + 'Prefix'" :form-item="subItem" :form-model="formModel"></slot>
-                </template>
-                <template #suffix>
-                  <slot :name="subItem.prop + 'Suffix'" :form-item="subItem" :form-model="formModel"></slot>
-                </template>
-              </FormItem>
-            </el-form-item>
-          </template>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { Loading, Warning } from "@element-plus/icons-vue"
-import { useLocale } from "easybill-ui"
-import { computed, inject, nextTick, onUnmounted, ref, toRaw, watch, type PropType } from "vue"
-import FormItem from "../FormItem.vue"
-import FormTooltip from "../FormTooltip.vue"
-import { FormItemProps, type CurdFormOptionItem, type Fields, type FormContext, type FormItem as FormItemType } from "../types"
-
-const props = defineProps({
-  ...FormItemProps,
-  modelValue: {
-    type: [String, Number, Boolean] as PropType<string | number | boolean | null>,
-    default: null,
-  },
-})
-
-const emit = defineEmits(["update:modelValue"])
-const { t } = useLocale()
-const formContext = inject<FormContext>("curdFormContext")
-
-const chooseGroupClass = computed(() => {
-  return props?.props?.showType || ""
-})
-
-const subItemsClass = computed(() => {
-  return props?.props?.subItemsClass || ""
-})
-
-const currentValue = computed({
-  get: () => props.modelValue,
-  set: (val) => {
-    emit("update:modelValue", val)
-  },
-})
-
-const options = computed(() => {
-  const allOptions: CurdFormOptionItem[] = []
-  if (props.props?.all) {
-    const optionItem: CurdFormOptionItem = { value: "", label: t("el.form.all") }
-    if (typeof props.props.all === "object") {
-      Object.assign(optionItem, props.props.all)
-    }
-    allOptions.push(optionItem)
-  }
-  return [...allOptions, ...(props.formItem.options || [])]
-})
-
-const empty = computed(() => toRaw(props.props?.empty) || "")
-
-const currentOption = computed(() => {
-  if (!currentValue.value) return null
-  return options.value.find((opt) => opt.value === currentValue.value)
-})
-
-// 动画控制状态
-const innerRef = ref<HTMLElement | null>(null)
-const wrapperStyle = ref<Record<string, string>>({})
-const displaySubItems = ref<FormItemType[]>([])
-const isAnimating = ref(false)
-
-// 辅助函数：从父级 schema 中查找指定的表单项
-const findFormItemsByProps = (props: string[]) => {
-  const parentSchema = formContext?.formSchema || { formItem: [] }
-  const allFormItems = parentSchema.formItem || []
-  return allFormItems.filter((item: FormItemType) => props.includes(item.prop))
-}
-
-// 获取当前选项下需要显示的子表单项
-const visibleSubItems = computed(() => {
-  const opt = currentOption.value
-  if (!opt) return []
-
-  if (opt.items?.length) return opt.items
-  if (opt.props?.length) return findFormItemsByProps(opt.props)
-
-  return []
-})
-
-// 更新外层高度
-const updateWrapperHeight = (height: number, animate = true) => {
-  if (animate) {
-    wrapperStyle.value = { height: height + "px" }
-  } else {
-    wrapperStyle.value = { height: height + "px", transition: "none" }
-    nextTick(() => {
-      wrapperStyle.value.transition = ""
-    })
-  }
-}
-
-// 监听选项变化，动态计算高度实现平滑过渡
-watch(
-  visibleSubItems,
-  async (newItems) => {
-    // 获取旧高度
-    const oldHeight = innerRef.value?.scrollHeight || 0
-
-    if (newItems.length > 0) {
-      // 更新内容
-      displaySubItems.value = newItems
-      // 等待 DOM 渲染
-      await nextTick()
-      // 获取新高度
-      const newHeight = innerRef.value?.scrollHeight || 0
-      if (oldHeight !== newHeight) {
-        // 先设置回旧高度（防止跳动）
-        wrapperStyle.value = { height: oldHeight + "px" }
-        isAnimating.value = true
-        // 下一帧设置新高度触发过渡
-        requestAnimationFrame(() => {
-          updateWrapperHeight(newHeight)
-        })
-      } else {
-        updateWrapperHeight(newHeight, false)
-      }
-    } else {
-      // 无内容时收起
-      updateWrapperHeight(0)
-      isAnimating.value = false
-      setTimeout(() => {
-        displaySubItems.value = []
-      }, 300)
-    }
-  },
-  { immediate: true },
-)
-
-// ResizeObserver 监听内层高度变化
-let resizeObserver: ResizeObserver | null = null
-
-watch(innerRef, (el) => {
-  if (el) {
-    resizeObserver = new ResizeObserver((entries) => {
-      // 只在非动画状态且高度变化时更新
-      const newHeight = entries[0]?.contentRect.height
-      if (newHeight !== undefined && !isAnimating.value) {
-        updateWrapperHeight(newHeight, false)
-      }
-    })
-    resizeObserver.observe(el as unknown as Element)
-  }
-})
-
-onUnmounted(() => {
-  if (resizeObserver) {
-    resizeObserver.disconnect()
-  }
-})
-
-// 获取子表单项的额外 props
-const getSubFormItemProps = (subItem: FormItemType) => {
-  if (subItem.formItemProps) {
-    if (subItem.formItemProps instanceof Function) {
-      return subItem.formItemProps(props.formModel, subItem)
-    }
-    return { ...subItem.formItemProps }
-  }
-  return {}
-}
-
-// 获取子表单项的样式类
-const getSubFormItemStyle = (subItem: FormItemType) => {
-  if (!subItem.span) return "el-form-item-full"
-  return "el-form-item-" + subItem.span
-}
-
-// 子表单项变化事件
-const onSubItemChange = (formModel: Fields, formItem: FormItemType) => {
-  // 1. 先执行子表单项自己的 change 事件
-  if (formItem.eventObject?.change) {
-    formItem.eventObject.change(formModel, formItem, formContext!)
-  }
-  // 2. 向上传递到 CurdForm，保持与其他表单项一致
-  if (formContext?.change) {
-    formContext.change(formModel, formItem)
-  }
-}
-</script>

package/components/CurdForm/src/components/schema-form-color-picker.vue

@@ -1,23 +0,0 @@
-<template>
-  <el-color-picker v-model="model" show-alpha v-bind="props" v-on="eventObject"> </el-color-picker>
-</template>
-<script lang="ts">
-import { computed, defineComponent } from "vue"
-import { FormItemProps } from "../types"
-export default defineComponent({
-  name: "SchemaFormColorPicker",
-  components: {},
-  props: FormItemProps,
-  emits: ["update:modelValue"],
-  setup(props, { emit }) {
-    const model = computed({
-      get: () => props.modelValue,
-      set: (val) => emit("update:modelValue", val),
-    })
-
-    return {
-      model,
-    }
-  },
-})
-</script>

package/components/CurdForm/src/components/schema-form-date-picker.vue

@@ -1,34 +0,0 @@
-<template>
-  <el-date-picker v-model="model" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD" v-bind="props" v-on="eventObject">
-    <template v-for="(item, key) in props.slots" :key="key" #[key]="slotScope">
-      <component :is="item" v-model="model" v-bind="slotScope" :form-item="formItem" :form-model="formModel" :props="props" :event-object="eventObject" />
-    </template>
-  </el-date-picker>
-</template>
-<script lang="ts">
-import { type ModelValueType } from "element-plus"
-import { computed, defineComponent, type PropType } from "vue"
-import { FormItemProps } from "../types"
-export default defineComponent({
-  name: "SchemaFormDatePicker",
-  components: {},
-  props: {
-    ...FormItemProps,
-    modelValue: {
-      type: [Array, String] as PropType<ModelValueType>,
-      default: "",
-    }, // 表单项值
-  },
-  emits: ["update:modelValue"],
-  setup(props, { emit }) {
-    const model = computed({
-      get: () => props.modelValue,
-      set: (val) => emit("update:modelValue", val),
-    })
-
-    return {
-      model,
-    }
-  },
-})
-</script>

package/components/CurdForm/src/components/schema-form-input-number.vue

@@ -1,12 +0,0 @@
-<template>
-  <el-input-number v-model="model" v-bind="props.props" v-on="eventObject">
-    <template v-for="(item, key) in props.props?.slots" :key="key" #[key]="slotScope">
-      <component :is="item" v-model="model" v-bind="slotScope" :form-item="props.formItem" :form-model="props.formModel" :props="props.props" :event-object="eventObject" />
-    </template>
-  </el-input-number>
-</template>
-<script lang="ts" setup>
-import { FormItemProps } from "../types"
-const props = defineProps(FormItemProps)
-const model = defineModel()
-</script>

package/components/CurdForm/src/components/schema-form-input.vue

@@ -1,21 +0,0 @@
-<template>
-  <el-input v-model="model" v-trim v-bind="props.props" v-on="eventObject">
-    <template v-for="(item, key) in props.props?.slots" :key="key" #[key]>
-      <component :is="item" :form-item="props.formItem" :form-model="props.formModel" :props="props.props" :event-object="props.eventObject" />
-    </template>
-  </el-input>
-</template>
-<script lang="ts">
-import { directives } from "../directive"
-import { FormItemProps } from "../types"
-
-export default {
-  directives: {
-    trim: directives.trim,
-  },
-}
-</script>
-<script lang="ts" setup>
-const props = defineProps(FormItemProps)
-const model = defineModel()
-</script>

package/components/CurdForm/src/components/schema-form-radio.vue

@@ -1,59 +0,0 @@
-<template>
-  <div class="schema-form-radio">
-    <div v-if="props.formItem.loading" class="loading" style="color: #999; font-size: 12px">
-      <el-icon class="is-loading"><Loading /></el-icon> {{ t("el.form.loading") }}
-    </div>
-    <el-radio-group v-if="!props.formItem.loading && options?.length" v-model="model" :class="[props?.props?.showType]" v-bind="props.props" v-on="props.eventObject">
-      <template v-for="(option, index) in options" :key="option.value">
-        <component :is="props?.props?.type == 'button' || props?.props?.componentName == 'button' ? 'el-radio-button' : 'el-radio'" :value="option.value" :disabled="option.disabled" :border="option.border" :size="option.size" :style="option.style">
-          <component v-if="option.component" :is="option.component" :row="option" :$index="index" :form-model="props.formModel" :form-item="props.formItem" :props="props.props" />
-          <span v-else-if="option.html" v-html="option.html"></span>
-          <span v-else>{{ option.label }}</span>
-          <FormTooltip v-if="option.tooltip" :tooltip="option.tooltip" :form-item="props.formItem" :form-model="props.formModel" />
-        </component>
-      </template>
-    </el-radio-group>
-    <div v-if="!props.formItem.loading && !options?.length" class="empty">
-      <component :is="empty" v-if="empty" :form-model="props.formModel" :form-item="props.formItem" :props="props.props" />
-      <template v-else>
-        <el-icon><Warning /></el-icon> <span>{{ props.props?.noDataText || t("el.form.nodata") }}</span>
-      </template>
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-import { Loading, Warning } from "@element-plus/icons-vue"
-import { useLocale } from "easybill-ui"
-import { computed, toRaw } from "vue"
-import FormTooltip from "../FormTooltip.vue"
-import { FormItemProps, type CurdFormOptionItem } from "../types"
-
-const props = defineProps({
-  ...FormItemProps,
-  modelValue: {
-    type: [String, Number, Boolean],
-    default: null,
-  },
-})
-const emits = defineEmits(["update:modelValue"])
-const model = computed({
-  get: () => props.modelValue,
-  set: (val) => emits("update:modelValue", val),
-})
-const { t } = useLocale()
-const empty = computed(() => toRaw(props.props.empty) || "")
-const options = computed(() => {
-  const alloptions: CurdFormOptionItem[] = []
-  if (props.props.all) {
-    const optionItem: CurdFormOptionItem = { value: "", label: t("el.form.all") }
-    if (typeof props.props.all == "boolean") {
-      alloptions.push(optionItem)
-    } else if (typeof props.props.all == "object") {
-      Object.assign(optionItem, props.props.all)
-      alloptions.push(optionItem)
-    }
-  }
-  const opts = props.formItem.options || []
-  return [...alloptions, ...opts]
-})
-</script>

package/components/CurdForm/src/components/schema-form-select-v2.vue

@@ -1,60 +0,0 @@
-<template>
-  <el-select-v2 v-model="model" style="width: 100%" :options="list" :loading="props.formItem.loading || loading" :filterable="true" v-bind="selectProps" v-on="props.eventObject">
-    <template v-for="(item, key) in props.props?.slots" :key="key" #[key]>
-      <component :is="item" v-model="model" :form-item="props.formItem" :form-model="props.formModel" :props="props.props" :event-object="props.eventObject" />
-    </template>
-  </el-select-v2>
-</template>
-<script lang="ts" setup>
-import { computed, onMounted, ref, watch } from "vue"
-import type { CurdFormOptionItem } from "../types"
-import { FormItemProps } from "../types"
-
-const props = defineProps({
-  ...FormItemProps,
-  modelValue: {
-    type: [String, Number, Boolean, Array],
-    default: null,
-  },
-})
-const emits = defineEmits(["update:modelValue"])
-const model = computed({
-  get: () => props.modelValue,
-  set: (val) => emits("update:modelValue", val),
-})
-const loading = ref(false)
-// 有的options是从接口里拿的，掉接口需要时间，初始全选的时候全选的按钮没有勾选上，所以监听options
-const list = ref(props.formItem.options || [])
-watch(
-  () => props.formItem.options,
-  (val) => {
-    list.value = val || []
-  },
-  {
-    deep: true,
-  },
-)
-onMounted(() => {})
-const { filterMethod, remoteMethod, ...selectProps } = props.props
-// 前端筛选
-if (filterMethod) {
-  selectProps.filterMethod = function (val: string) {
-    const remoteMehotd1 = filterMethod as (val: string, optionItem?: CurdFormOptionItem) => Promise<CurdFormOptionItem[]>
-    list.value = props.formItem?.options?.filter((a) => remoteMehotd1(val, a)) || []
-  }
-}
-// 远程筛选
-if (selectProps.remote && remoteMethod) {
-  selectProps.remoteMethod = function (val: string) {
-    loading.value = true
-    const remoteMehotd1 = remoteMethod as (val: string, optionItem?: CurdFormOptionItem) => Promise<CurdFormOptionItem[]>
-    remoteMehotd1(val)
-      .then((res) => {
-        list.value = res
-      })
-      .finally(() => {
-        loading.value = false
-      })
-  }
-}
-</script>