el-plus-crud 0.0.12 → 0.0.13

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

@@ -1,67 +1,67 @@
-<template>
-  <div class="ElPlusFormStatus-panel">
-    <i v-if="currentValue === 0" class="status-danger" />
-    <i v-else-if="currentValue === 1" class="status-success" />
-    <i v-else-if="currentValue === 2" class="status-warning" />
-    <i v-else-if="currentValue === 3" class="status-info" />
-    <div :class="desc.class" :style="desc.style" v-bind="attrs" v-on="onEvents">
-      {{ attrs.formatedValue || currentValue }}
-    </div>
-  </div>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormStatus',
-  inheritAttrs: false,
-  typeName: 'status',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, useAttrs, onBeforeMount } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const props = defineProps<{
-  modelValue?: string | number | '' | null
-  field: string
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-}>()
-
-const emits = defineEmits(['update:modelValue'])
-const currentValue = ref(props.modelValue)
-emits('update:modelValue', currentValue)
-
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { ...useAttrs() })
-})
-</script>
-<style lang="scss" scoped>
-.ElPlusFormStatus-panel {
-  display: flex;
-  line-height: 25px;
-  align-items: center;
-  i {
-    display: inline-block;
-    min-width: 10px;
-    min-height: 10px;
-    border-radius: 50%;
-    margin-right: 5px;
-  }
-  .status-danger {
-    background: #f56c6c;
-  }
-  .status-success {
-    background: #67c23a;
-  }
-  .status-warning {
-    background: #e6a23c;
-  }
-  .status-info {
-    background: #909399;
-  }
-}
-</style>
+<template>
+  <div class="ElPlusFormStatus-panel">
+    <i v-if="currentValue === 0" class="status-danger" />
+    <i v-else-if="currentValue === 1" class="status-success" />
+    <i v-else-if="currentValue === 2" class="status-warning" />
+    <i v-else-if="currentValue === 3" class="status-info" />
+    <div :class="desc.class" :style="desc.style" v-bind="attrs" v-on="onEvents">
+      {{ attrs.formatedValue || currentValue }}
+    </div>
+  </div>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormStatus',
+  inheritAttrs: false,
+  typeName: 'status',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, useAttrs, onBeforeMount } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const props = defineProps<{
+  modelValue?: string | number | '' | null
+  field: string
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+}>()
+
+const emits = defineEmits(['update:modelValue'])
+const currentValue = ref(props.modelValue)
+emits('update:modelValue', currentValue)
+
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { ...useAttrs() })
+})
+</script>
+<style lang="scss" scoped>
+.ElPlusFormStatus-panel {
+  display: flex;
+  line-height: 25px;
+  align-items: center;
+  i {
+    display: inline-block;
+    min-width: 10px;
+    min-height: 10px;
+    border-radius: 50%;
+    margin-right: 5px;
+  }
+  .status-danger {
+    background: #f56c6c;
+  }
+  .status-success {
+    background: #67c23a;
+  }
+  .status-warning {
+    background: #e6a23c;
+  }
+  .status-info {
+    background: #909399;
+  }
+}
+</style>

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

@@ -1,38 +1,38 @@
-<template>
-  <div class="el-plus-form-switch">
-    <el-switch v-if="isInit" v-bind="attrs" v-on="onEvents" v-model="currentValue" />
-  </div>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormSwitch',
-  inheritAttrs: false,
-  typeName: 'switch',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, useAttrs, onBeforeMount } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const props = defineProps<{
-  modelValue?: 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 isInit = ref(false)
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { activeValue: 1, inactiveValue: 0, clearable: true, ...useAttrs() })
-  isInit.value = true
-})
-</script>
+<template>
+  <div class="el-plus-form-switch">
+    <el-switch v-if="isInit" v-bind="attrs" v-on="onEvents" v-model="currentValue" />
+  </div>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormSwitch',
+  inheritAttrs: false,
+  typeName: 'switch',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, useAttrs, onBeforeMount } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const props = defineProps<{
+  modelValue?: 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 isInit = ref(false)
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { activeValue: 1, inactiveValue: 0, clearable: true, ...useAttrs() })
+  isInit.value = true
+})
+</script>

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/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>

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

@@ -1,53 +1,53 @@
-<template>
-  <el-tree ref="treeRef" v-if="isInit" :class="props.desc.class" :style="props.desc.style" v-bind="attrs" :default-checked-keys="currentValue" :loading="props.loading" node-key="id" :data="props.desc.options" v-on="onEvents" class="el-plus-form-tree" @check-change="handelCheckChange" />
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormTree',
-  inheritAttrs: false,
-  typeName: 'tree',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, useAttrs, onBeforeMount, watch } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const props = defineProps<{
-  modelValue?: string
-  field: string
-  loading?: boolean
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-}>()
-const emits = defineEmits(['update:modelValue'])
-const currentValue = ref(props.modelValue?.split(',') || [])
-
-const isInit = ref(false)
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-
-const treeRef = ref()
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { checkStrictly: true, showCheckbox: true, accordion: true, props: { label: 'label', children: 'children' }, ...useAttrs() })
-  isInit.value = true
-})
-
-function handelCheckChange() {
-  emits('update:modelValue', [...treeRef.value!.getCheckedKeys(!(props.desc.isPId ?? true))].join(','))
-}
-
-watch(
-  () => props.modelValue,
-  (val) => {
-    currentValue.value = val?.split(',') || []
-    treeRef.value!.setCheckedKeys(currentValue.value)
-  }
-)
-</script>
-<style lang="scss" scoped>
-.el-plus-form-tree {
-  width: 100%;
-}
-</style>
+<template>
+  <el-tree ref="treeRef" v-if="isInit" :class="props.desc.class" :style="props.desc.style" v-bind="attrs" :default-checked-keys="currentValue" :loading="props.loading" node-key="id" :data="props.desc.options" v-on="onEvents" class="el-plus-form-tree" @check-change="handelCheckChange" />
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormTree',
+  inheritAttrs: false,
+  typeName: 'tree',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, useAttrs, onBeforeMount, watch } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const props = defineProps<{
+  modelValue?: string
+  field: string
+  loading?: boolean
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+}>()
+const emits = defineEmits(['update:modelValue'])
+const currentValue = ref(props.modelValue?.split(',') || [])
+
+const isInit = ref(false)
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+
+const treeRef = ref()
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { checkStrictly: true, showCheckbox: true, accordion: true, props: { label: 'label', children: 'children' }, ...useAttrs() })
+  isInit.value = true
+})
+
+function handelCheckChange() {
+  emits('update:modelValue', [...treeRef.value!.getCheckedKeys(!(props.desc.isPId ?? true))].join(','))
+}
+
+watch(
+  () => props.modelValue,
+  (val) => {
+    currentValue.value = val?.split(',') || []
+    treeRef.value!.setCheckedKeys(currentValue.value)
+  }
+)
+</script>
+<style lang="scss" scoped>
+.el-plus-form-tree {
+  width: 100%;
+}
+</style>

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

@@ -1,36 +1,36 @@
-<template>
-  <el-tree-select v-if="isInit" :class="desc.class" :style="desc.style" v-bind="attrs" v-model="currentValue" :data="desc.options" :loading="loading" v-on="onEvents" :render-after-expand="false" />
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormTselect',
-  inheritAttrs: false,
-  typeName: 'tselect',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, useAttrs, onBeforeMount } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const props = defineProps<{
-  modelValue?: any
-  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 isInit = ref(false)
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { filterable: true, clearable: true, props: { label: 'name', value: 'id', children: 'children' }, ...useAttrs() })
-  isInit.value = true
-})
-</script>
+<template>
+  <el-tree-select v-if="isInit" :class="desc.class" :style="desc.style" v-bind="attrs" v-model="currentValue" :data="desc.options" :loading="loading" v-on="onEvents" :render-after-expand="false" />
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormTselect',
+  inheritAttrs: false,
+  typeName: 'tselect',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, useAttrs, onBeforeMount } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const props = defineProps<{
+  modelValue?: any
+  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 isInit = ref(false)
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { filterable: true, clearable: true, props: { label: 'name', value: 'id', children: 'children' }, ...useAttrs() })
+  isInit.value = true
+})
+</script>

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

@@ -80,6 +80,8 @@ const previewList = computed(() =>
 )
 
 onBeforeMount(async () => {
+  // // 如果没有配置，则抛出一个警告
+  // if (defaultConf.upload?.action)
   attrs.value = await getAttrs(props, {
     drag: true,
     listType: props.desc.upType === 'file' ? 'text' : 'picture-card',