el-plus-crud 0.0.12 → 0.0.13

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

@@ -1,113 +1,113 @@
-<template>
-  <div class="ele-form-image">
-    <template v-if="imagLIst && imagLIst.length > 0">
-      <el-image v-for="(image, i) in imagLIst" :class="desc.class" :key="image" :preview-src-list="attrs.isShowPreview === false ? null : imagLIst" :initial-index="i" :src="format.imgUrl(image)" v-bind="attrs" :style="styles" v-on="onEvents" :fit="attrs.fit || 'cover'" />
-    </template>
-    <div v-else>
-      <span class="no-img-tip">—</span>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormImage',
-  inheritAttrs: false,
-  typeName: 'image',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, computed, useAttrs, onBeforeMount, inject } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-// 格式化
-const format = inject('format') as any
-
-const props = defineProps<{
-  modelValue?: Array<any> | string | null
-  field: string
-  loading?: boolean
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-}>()
-
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { isShowPreview: true, previewTeleported: true, ...useAttrs() })
-})
-
-const imagLIst = computed(() => {
-  if (!props.modelValue) {
-    return []
-  }
-  if (Array.isArray(props.modelValue)) {
-    if (typeof props.modelValue[0] === 'string') {
-      return props.modelValue
-    } else {
-      return props.modelValue.map((item) => item.shareUrl || item.furl)
-    }
-  } else if (typeof props.modelValue === 'string') {
-    return props.modelValue.split(',').map((url) => format.imgUrl(url))
-  } else {
-    // console.log('unknown image Type.....')
-  }
-  return []
-})
-
-/**
- * 格式化样式
- * large，default，small
- */
-const styles = computed(() => {
-  let width = ''
-  let height = ''
-  let size = props.desc.size || 'default'
-  switch (size) {
-    case 'large':
-      width = '44px'
-      height = '44px'
-      break
-    case 'default':
-      width = '36px'
-      height = '36px'
-      break
-    case 'small':
-      width = '28px'
-      height = '28px'
-      break
-    default:
-      width = parseInt(size) + 'px'
-      height = parseInt(size) + 'px'
-      break
-  }
-  return Object.assign({}, props.desc.style, { width, height, 'max-width': width })
-})
-</script>
-<style lang="scss">
-.ele-form-image {
-  display: flex;
-  // justify-content: center;
-  flex-wrap: wrap;
-
-  .no-img-tip {
-    color: #999999;
-  }
-
-  .el-image {
-    margin-left: 10px;
-    margin-bottom: 10px;
-  }
-}
-
-.ele-form-image .el-image {
-  border-radius: 5px;
-  margin-bottom: 10px;
-
-  .el-image__error {
-    font-size: 12px;
-    line-height: 13px;
-  }
-}
-</style>
+<template>
+  <div class="ele-form-image">
+    <template v-if="imagLIst && imagLIst.length > 0">
+      <el-image v-for="(image, i) in imagLIst" :class="desc.class" :key="image" :preview-src-list="attrs.isShowPreview === false ? null : imagLIst" :initial-index="i" :src="format.imgUrl(image)" v-bind="attrs" :style="styles" v-on="onEvents" :fit="attrs.fit || 'cover'" />
+    </template>
+    <div v-else>
+      <span class="no-img-tip">—</span>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormImage',
+  inheritAttrs: false,
+  typeName: 'image',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, computed, useAttrs, onBeforeMount, inject } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+// 格式化
+const format = inject('format') as any
+
+const props = defineProps<{
+  modelValue?: Array<any> | string | null
+  field: string
+  loading?: boolean
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+}>()
+
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { isShowPreview: true, previewTeleported: true, ...useAttrs() })
+})
+
+const imagLIst = computed(() => {
+  if (!props.modelValue) {
+    return []
+  }
+  if (Array.isArray(props.modelValue)) {
+    if (typeof props.modelValue[0] === 'string') {
+      return props.modelValue
+    } else {
+      return props.modelValue.map((item) => item.shareUrl || item.furl)
+    }
+  } else if (typeof props.modelValue === 'string') {
+    return props.modelValue.split(',').map((url) => format.imgUrl(url))
+  } else {
+    // console.log('unknown image Type.....')
+  }
+  return []
+})
+
+/**
+ * 格式化样式
+ * large，default，small
+ */
+const styles = computed(() => {
+  let width = ''
+  let height = ''
+  let size = props.desc.size || 'default'
+  switch (size) {
+    case 'large':
+      width = '44px'
+      height = '44px'
+      break
+    case 'default':
+      width = '36px'
+      height = '36px'
+      break
+    case 'small':
+      width = '28px'
+      height = '28px'
+      break
+    default:
+      width = parseInt(size) + 'px'
+      height = parseInt(size) + 'px'
+      break
+  }
+  return Object.assign({}, props.desc.style, { width, height, 'max-width': width })
+})
+</script>
+<style lang="scss">
+.ele-form-image {
+  display: flex;
+  // justify-content: center;
+  flex-wrap: wrap;
+
+  .no-img-tip {
+    color: #999999;
+  }
+
+  .el-image {
+    margin-left: 10px;
+    margin-bottom: 10px;
+  }
+}
+
+.ele-form-image .el-image {
+  border-radius: 5px;
+  margin-bottom: 10px;
+
+  .el-image__error {
+    font-size: 12px;
+    line-height: 13px;
+  }
+}
+</style>

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

@@ -1,51 +1,51 @@
-<template>
-  <el-input :class="desc.class" :style="desc.style" :clearable="attrs.clearable ?? true" type="number" v-bind="attrs" v-on="onEvents" v-model="currentValue">
-    <template v-for="(item, key, index) of slots" #[key] :key="index">
-      <slot :name="key" />
-    </template>
-    <template v-if="desc.rtext" #append>{{ desc.rtext.text }}</template>
-  </el-input>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormNbinput',
-  inheritAttrs: false,
-  typeName: 'nbinput',
-  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 }
-  rowIndex?: number
-}>()
-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">
-/*input输入框屏蔽浏览器出现上下箭头*/
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-}
-
-input[type='number'] {
-  -moz-appearance: textfield;
-}
-</style>
+<template>
+  <el-input :class="desc.class" :style="desc.style" :clearable="attrs.clearable ?? true" type="number" v-bind="attrs" v-on="onEvents" v-model="currentValue">
+    <template v-for="(item, key, index) of slots" #[key] :key="index">
+      <slot :name="key" />
+    </template>
+    <template v-if="desc.rtext" #append>{{ desc.rtext.text }}</template>
+  </el-input>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormNbinput',
+  inheritAttrs: false,
+  typeName: 'nbinput',
+  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 }
+  rowIndex?: number
+}>()
+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">
+/*input输入框屏蔽浏览器出现上下箭头*/
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+
+input[type='number'] {
+  -moz-appearance: textfield;
+}
+</style>

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

@@ -1,42 +1,42 @@
-<template>
-  <el-radio-group class="ElPlusFormRadio-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
-    <el-radio v-for="option of attrs.options" :key="option.value" :label="option.value">
-      {{ option.l || option.label }}
-    </el-radio>
-  </el-radio-group>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormRadio',
-  inheritAttrs: false,
-  typeName: 'radio',
-  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>
-.ElPlusFormRadio-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-radio-group class="ElPlusFormRadio-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
+    <el-radio v-for="option of attrs.options" :key="option.value" :label="option.value">
+      {{ option.l || option.label }}
+    </el-radio>
+  </el-radio-group>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormRadio',
+  inheritAttrs: false,
+  typeName: 'radio',
+  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>
+.ElPlusFormRadio-panel {
+  display: flex;
+}
+</style>

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

@@ -1,38 +1,38 @@
-<template>
-  <el-rate class="ElPlusFormRate-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" />
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormRate',
-  inheritAttrs: false,
-  typeName: 'rate',
-  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>
-.ElPlusFormRate-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-rate class="ElPlusFormRate-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" />
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormRate',
+  inheritAttrs: false,
+  typeName: 'rate',
+  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>
+.ElPlusFormRate-panel {
+  display: flex;
+}
+</style>

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

@@ -1,38 +1,38 @@
-<template>
-  <el-slider class="ElPlusFormSlider-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" />
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormSlider',
-  inheritAttrs: false,
-  typeName: 'slider',
-  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>
-.ElPlusFormSlider-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-slider class="ElPlusFormSlider-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" />
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormSlider',
+  inheritAttrs: false,
+  typeName: 'slider',
+  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>
+.ElPlusFormSlider-panel {
+  display: flex;
+}
+</style>