el-plus-crud 0.0.39 → 0.0.41

package/lib/components/el-plus-form/components/ElPlusFormTag.vue

@@ -1,78 +1,78 @@
-<template>
-  <div>
-    <el-tag v-bind="attrs" :size="attrs.size || 'small'" :type="tagType !== '--' ? tagType : ''" v-on="onEvents">
-      {{ formatValue || modelValue }}
-    </el-tag>
-  </div>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormTag',
-  inheritAttrs: false,
-  typeName: 'tag',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, watch, useAttrs, onBeforeMount, inject } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const format = inject('format') as any
-
-const props = defineProps<{
-  modelValue?: string | number | '' | null
-  field: string
-  loading?: boolean
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-}>()
-
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-
-const formatValue = ref('' as any)
-// 格式化Type类型
-const tagType = ref('' as any)
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { ...useAttrs() })
-})
-
-watch(
-  () => props.modelValue,
-  async () => {
-    if (!props.desc.tagType) {
-      tagType.value = ''
-    } else {
-      if (typeof props.desc.tagType === 'function') {
-        // 如果有方法类型的判断，则需要启用动态监测
-        tagType.value = await props.desc.tagType(props.modelValue, props.formData, props.field)
-      } else if (typeof props.desc.tagType === 'string') {
-        tagType.value = (await format)[props.desc.tagType](props.modelValue, props.formData, props.field)
-      } else {
-        tagType.value = ''
-      }
-    }
-  },
-  { immediate: true }
-)
-
-watch(
-  () => props.modelValue,
-  async () => {
-    if (!props.desc.format) {
-      formatValue.value = props.modelValue === '' ? '—' : props.modelValue ?? '—'
-    } else {
-      if (typeof props.desc.format === 'function') {
-        // 如果有方法类型的判断，则需要启用动态监测
-        formatValue.value = await props.desc.format(props.modelValue, props.formData, props.field)
-      } else if (typeof props.desc.format === 'string') {
-        formatValue.value = (await format)[props.desc.format](props.modelValue, props.formData, props.field)
-      } else {
-        formatValue.value = props.modelValue || '—'
-      }
-    }
-  },
-  { immediate: true }
-)
-</script>
+<template>
+  <div>
+    <el-tag v-bind="attrs" :size="attrs.size || 'small'" :type="tagType !== '--' ? tagType : ''" v-on="onEvents">
+      {{ formatValue || modelValue }}
+    </el-tag>
+  </div>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormTag',
+  inheritAttrs: false,
+  typeName: 'tag',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, watch, useAttrs, onBeforeMount, inject } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const format = inject('format') as any
+
+const props = defineProps<{
+  modelValue?: string | number | '' | null
+  field: string
+  loading?: boolean
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+}>()
+
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+
+const formatValue = ref('' as any)
+// 格式化Type类型
+const tagType = ref('' as any)
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { ...useAttrs() })
+})
+
+watch(
+  () => props.modelValue,
+  async () => {
+    if (!props.desc.tagType) {
+      tagType.value = ''
+    } else {
+      if (typeof props.desc.tagType === 'function') {
+        // 如果有方法类型的判断，则需要启用动态监测
+        tagType.value = await props.desc.tagType(props.modelValue, props.formData, props.field)
+      } else if (typeof props.desc.tagType === 'string') {
+        tagType.value = (await format)[props.desc.tagType](props.modelValue, props.formData, props.field)
+      } else {
+        tagType.value = ''
+      }
+    }
+  },
+  { immediate: true }
+)
+
+watch(
+  () => props.modelValue,
+  async () => {
+    if (!props.desc.format) {
+      formatValue.value = props.modelValue === '' ? '—' : props.modelValue ?? '—'
+    } else {
+      if (typeof props.desc.format === 'function') {
+        // 如果有方法类型的判断，则需要启用动态监测
+        formatValue.value = await props.desc.format(props.modelValue, props.formData, props.field)
+      } else if (typeof props.desc.format === 'string') {
+        formatValue.value = (await format)[props.desc.format](props.modelValue, props.formData, props.field)
+      } else {
+        formatValue.value = props.modelValue || '—'
+      }
+    }
+  },
+  { immediate: true }
+)
+</script>

package/lib/components/el-plus-form/components/ElPlusFormText.vue

@@ -1,99 +1,99 @@
-<template>
-  <div class="ele-form-text" :class="[...(desc.class || []), desc.linkType ? 'ele-form-text-click' : '']" :style="desc.style" v-bind="attrs" v-on="onEvents">
-    <span v-if="desc.title">{{ desc.title + ': ' }}</span>
-    <i v-if="desc.icon" :class="[formData.icon]"></i>
-    {{ formatValue }}
-  </div>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormText',
-  inheritAttrs: false,
-  typeName: 'text',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, watch, computed, onBeforeMount, useAttrs, inject } from 'vue'
-import { getEvents, getAttrs } from '../mixins'
-
-const showInfo = inject('showInfo') as Function
-const format = inject('format') as any
-
-const props = defineProps<{
-  modelValue?: any
-  field: string
-  loading?: boolean
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-}>()
-
-const attrs = ref({} as any)
-
-const onEvents = computed(() => {
-  const tempOn = getEvents(props)
-
-  // 如果这里有linkType，则会替换点击事件
-  let linkId = props.desc.linkId || 'id'
-  if (typeof linkId === 'function') {
-    linkId = linkId(props.modelValue, props.formData)
-  } else {
-    linkId = props.formData[linkId]
-  }
-  if (props.desc.linkType && linkId) {
-    let linkType = props.desc.linkType
-    let linkLabel = props.desc.linkLabel || ''
-    if (typeof linkType === 'function') {
-      linkType = linkType(props.modelValue, props.formData)
-    }
-    if (typeof linkLabel === 'function') {
-      linkLabel = linkLabel(props.modelValue, props.formData)
-    } else {
-      linkLabel = props.formData[linkLabel]
-    }
-    tempOn.click = () => {
-      // 显示详情
-      showInfo(linkId, linkType, linkLabel, props.formData)
-    }
-  }
-  return tempOn
-})
-
-const formatValue = ref('' as any)
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, useAttrs())
-})
-
-watch(
-  () => props.modelValue,
-  async () => {
-    if (!props.desc.format) {
-      formatValue.value = props.modelValue === '' ? props.desc.default ?? '—' : props.modelValue ?? props.desc.default ?? '—'
-    } else {
-      if (typeof props.desc.format === 'function') {
-        // 如果有方法类型的判断，则需要启用动态监测
-        formatValue.value = await props.desc.format(props.modelValue, props.formData, props.field)
-      } else if (typeof props.desc.format === 'string') {
-        formatValue.value = format[props.desc.format] ? format[props.desc.format](props.modelValue, props.formData, props.field) : '--'
-      } else {
-        formatValue.value = props.modelValue || '—'
-      }
-    }
-  },
-  { immediate: true }
-)
-</script>
-<style lang="scss" scoped>
-.ele-form-text {
-  color: #606266;
-  word-break: break-all;
-  display: flex;
-  align-items: center;
-}
-
-.ele-form-text-click {
-  color: var(--el-color-primary);
-  cursor: pointer;
-}
-</style>
+<template>
+  <div class="ele-form-text" :class="[...(desc.class || []), desc.linkType ? 'ele-form-text-click' : '']" :style="desc.style" v-bind="attrs" v-on="onEvents">
+    <span v-if="desc.title">{{ desc.title + ': ' }}</span>
+    <i v-if="desc.icon" :class="[formData.icon]"></i>
+    {{ formatValue }}
+  </div>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormText',
+  inheritAttrs: false,
+  typeName: 'text',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, watch, computed, onBeforeMount, useAttrs, inject } from 'vue'
+import { getEvents, getAttrs } from '../mixins'
+
+const showInfo = inject('showInfo') as Function
+const format = inject('format') as any
+
+const props = defineProps<{
+  modelValue?: any
+  field: string
+  loading?: boolean
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+}>()
+
+const attrs = ref({} as any)
+
+const onEvents = computed(() => {
+  const tempOn = getEvents(props)
+
+  // 如果这里有linkType，则会替换点击事件
+  let linkId = props.desc.linkId || 'id'
+  if (typeof linkId === 'function') {
+    linkId = linkId(props.modelValue, props.formData)
+  } else {
+    linkId = props.formData[linkId]
+  }
+  if (props.desc.linkType && linkId) {
+    let linkType = props.desc.linkType
+    let linkLabel = props.desc.linkLabel || ''
+    if (typeof linkType === 'function') {
+      linkType = linkType(props.modelValue, props.formData)
+    }
+    if (typeof linkLabel === 'function') {
+      linkLabel = linkLabel(props.modelValue, props.formData)
+    } else {
+      linkLabel = props.formData[linkLabel]
+    }
+    tempOn.click = () => {
+      // 显示详情
+      showInfo(linkId, linkType, linkLabel, props.formData)
+    }
+  }
+  return tempOn
+})
+
+const formatValue = ref('' as any)
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, useAttrs())
+})
+
+watch(
+  () => props.modelValue,
+  async () => {
+    if (!props.desc.format) {
+      formatValue.value = props.modelValue === '' ? props.desc.default ?? '—' : props.modelValue ?? props.desc.default ?? '—'
+    } else {
+      if (typeof props.desc.format === 'function') {
+        // 如果有方法类型的判断，则需要启用动态监测
+        formatValue.value = await props.desc.format(props.modelValue, props.formData, props.field)
+      } else if (typeof props.desc.format === 'string') {
+        formatValue.value = format[props.desc.format] ? format[props.desc.format](props.modelValue, props.formData, props.field) : '--'
+      } else {
+        formatValue.value = props.modelValue || '—'
+      }
+    }
+  },
+  { immediate: true }
+)
+</script>
+<style lang="scss" scoped>
+.ele-form-text {
+  color: #606266;
+  word-break: break-all;
+  display: flex;
+  align-items: center;
+}
+
+.ele-form-text-click {
+  color: var(--el-color-primary);
+  cursor: pointer;
+}
+</style>

package/lib/components/el-plus-form/components/ElPlusFormTextarea.vue

@@ -1,49 +1,49 @@
-<template>
-  <el-input v-if="isInit" :class="desc.class" :style="desc.style" type="textarea" v-bind="attrs" v-model="currentValue" v-on="onEvents"> </el-input>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormTextarea',
-  inheritAttrs: false,
-  typeName: 'textarea',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, useAttrs, watch, onBeforeMount, inject } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const defaultConf = inject('defaultConf') as ICRUDConfig
-
-const props = defineProps<{
-  modelValue?: string | null
-  field: string
-  loading?: boolean
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-}>()
-const emits = defineEmits(['update:modelValue', 'validateThis'])
-const attrs = ref({} as any)
-const isInit = ref(false)
-const onEvents = ref(getEvents(props))
-
-const currentValue = ref(props.modelValue)
-emits('update:modelValue', currentValue)
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { maxlength: defaultConf.form?.leng.textare, showWordLimit: true, rows: 3, ...useAttrs() })
-  isInit.value = true
-})
-
-watch(
-  () => props.modelValue,
-  (data: string | null | undefined) => {
-    // 这里要截取一下字符串长度
-    if (data && data.length > attrs.value.maxlength) {
-      data = data.substring(0, attrs.value.maxlength)
-    }
-    currentValue.value = data
-  },
-  { immediate: true }
-)
-</script>
+<template>
+  <el-input v-if="isInit" :class="desc.class" :style="desc.style" type="textarea" v-bind="attrs" v-model="currentValue" v-on="onEvents"> </el-input>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormTextarea',
+  inheritAttrs: false,
+  typeName: 'textarea',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, useAttrs, watch, onBeforeMount, inject } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const defaultConf = inject('defaultConf') as ICRUDConfig
+
+const props = defineProps<{
+  modelValue?: string | null
+  field: string
+  loading?: boolean
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+}>()
+const emits = defineEmits(['update:modelValue', 'validateThis'])
+const attrs = ref({} as any)
+const isInit = ref(false)
+const onEvents = ref(getEvents(props))
+
+const currentValue = ref(props.modelValue)
+emits('update:modelValue', currentValue)
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { maxlength: defaultConf.form?.leng.textare, showWordLimit: true, rows: 3, ...useAttrs() })
+  isInit.value = true
+})
+
+watch(
+  () => props.modelValue,
+  (data: string | null | undefined) => {
+    // 这里要截取一下字符串长度
+    if (data && data.length > attrs.value.maxlength) {
+      data = data.substring(0, attrs.value.maxlength)
+    }
+    currentValue.value = data
+  },
+  { immediate: true }
+)
+</script>

package/lib/components/el-plus-form/components/ElPlusFormTransfer.vue

@@ -1,44 +1,44 @@
-<template>
-  <el-transfer :class="desc.class" :data="desc.options" :style="desc.style" class="ele-form-transfer" v-bind="attrs" v-model="currentValue" v-on="onEvents">
-    <!-- 非作用域插槽 -->
-    <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
-      <slot :name="key" :data="data" />
-    </template>
-  </el-transfer>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormTransfer',
-  inheritAttrs: false,
-  typeName: 'transfer',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, useAttrs, useSlots, onBeforeMount } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const props = defineProps<{
-  modelValue?: string | number | '' | null
-  field: string
-  loading?: boolean
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-}>()
-const emits = defineEmits(['update:modelValue'])
-const currentValue = ref(props.modelValue)
-emits('update:modelValue', currentValue)
-
-const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { ...useAttrs() })
-})
-</script>
-<style lang="scss" scoped>
-.ele-form-transfer {
-  line-height: 1;
-}
-</style>
+<template>
+  <el-transfer :class="desc.class" :data="desc.options" :style="desc.style" class="ele-form-transfer" v-bind="attrs" v-model="currentValue" v-on="onEvents">
+    <!-- 非作用域插槽 -->
+    <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
+      <slot :name="key" :data="data" />
+    </template>
+  </el-transfer>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormTransfer',
+  inheritAttrs: false,
+  typeName: 'transfer',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, useAttrs, useSlots, onBeforeMount } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const props = defineProps<{
+  modelValue?: string | number | '' | null
+  field: string
+  loading?: boolean
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+}>()
+const emits = defineEmits(['update:modelValue'])
+const currentValue = ref(props.modelValue)
+emits('update:modelValue', currentValue)
+
+const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { ...useAttrs() })
+})
+</script>
+<style lang="scss" scoped>
+.ele-form-transfer {
+  line-height: 1;
+}
+</style>