el-plus-crud 0.0.38 → 0.0.39

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

@@ -1,51 +1,53 @@
-<template>
-  <el-cascader-panel class="ElPlusFormCascaderPanel-panel" v-bind="attrs" v-on="onEvents" :options="props.desc.options" v-model="currentValue">
-    <!-- 非作用域插槽 -->
-    <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
-      <slot :name="key" :data="data" />
-    </template>
-  </el-cascader-panel>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormCascaderPanel',
-  inheritAttrs: false,
-  typeName: 'cascaderPanel',
-  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
-  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, {
-    props: { value: 'value', label: 'label', children: 'children' },
-    fetchSuggestions(s: any, cb: Function) {
-      const res: any[] = []
-      cb(res)
-    },
-    ...useAttrs()
-  })
-})
-</script>
-<style lang="scss" scoped>
-.ElPlusFormCascaderPanel-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-cascader-panel v-if="isInit" class="ElPlusFormCascaderPanel-panel" v-bind="attrs" v-on="onEvents" :options="props.desc.options" v-model="currentValue">
+    <!-- 非作用域插槽 -->
+    <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
+      <slot :name="key" :data="data" />
+    </template>
+  </el-cascader-panel>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormCascaderPanel',
+  inheritAttrs: false,
+  typeName: 'cascaderPanel',
+  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
+  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 isInit = ref(false)
+const onEvents = ref(getEvents(props))
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, {
+    props: { value: 'value', label: 'label', children: 'children' },
+    fetchSuggestions(s: any, cb: Function) {
+      const res: any[] = []
+      cb(res)
+    },
+    ...useAttrs()
+  })
+  isInit.value = true
+})
+</script>
+<style lang="scss" scoped>
+.ElPlusFormCascaderPanel-panel {
+  display: flex;
+}
+</style>

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

@@ -1,42 +1,44 @@
-<template>
-  <el-checkbox-group class="ElPlusFormCheckbox-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
-    <el-checkbox v-for="option of desc.options" :key="option.value" :label="option.value" v-bind="option.attrs">
-      {{ option.text }}
-    </el-checkbox>
-  </el-checkbox-group>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormCheckbox',
-  inheritAttrs: false,
-  typeName: 'checkbox',
-  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>
-.ElPlusFormCheckbox-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-checkbox-group v-if="isInit" class="ElPlusFormCheckbox-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
+    <el-checkbox v-for="option of desc.options" :key="option.value" :label="option.value" v-bind="option.attrs">
+      {{ option.text }}
+    </el-checkbox>
+  </el-checkbox-group>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormCheckbox',
+  inheritAttrs: false,
+  typeName: 'checkbox',
+  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 isInit = ref(false)
+const onEvents = ref(getEvents(props))
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { ...useAttrs() })
+  isInit.value = true
+})
+</script>
+<style lang="scss" scoped>
+.ElPlusFormCheckbox-panel {
+  display: flex;
+}
+</style>

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

@@ -1,42 +1,44 @@
-<template>
-  <el-checkbox-group class="ElPlusFormCheckboxButton-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
-    <el-checkbox-button v-for="option of desc.options" :key="option.value" :label="option.value" v-bind="option.attrs">
-      {{ option.text }}
-    </el-checkbox-button>
-  </el-checkbox-group>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormCheckboxButton',
-  inheritAttrs: false,
-  typeName: 'checkboxButton',
-  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>
-.ElPlusFormCheckboxButton-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-checkbox-group v-if="isInit" class="ElPlusFormCheckboxButton-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
+    <el-checkbox-button v-for="option of desc.options" :key="option.value" :label="option.value" v-bind="option.attrs">
+      {{ option.text }}
+    </el-checkbox-button>
+  </el-checkbox-group>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormCheckboxButton',
+  inheritAttrs: false,
+  typeName: 'checkboxButton',
+  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 isInit = ref(false)
+const onEvents = ref(getEvents(props))
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { ...useAttrs() })
+  isInit.value = true
+})
+</script>
+<style lang="scss" scoped>
+.ElPlusFormCheckboxButton-panel {
+  display: flex;
+}
+</style>

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

@@ -1,38 +1,38 @@
-<template>
-  <el-color-picker class="ElPlusFormColor-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" />
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormColor',
-  inheritAttrs: false,
-  typeName: 'color',
-  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)
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-// const { attrs, slots, onEvents } = useMixins({ modelValue: props.modelValue, field: props.field, desc: props.desc, formData: props.formData, useAttrs, useSlots })
-emits('update:modelValue', currentValue)
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { ...useAttrs() })
-})
-</script>
-<style lang="scss" scoped>
-.ElPlusFormColor-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-color-picker class="ElPlusFormColor-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" />
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormColor',
+  inheritAttrs: false,
+  typeName: 'color',
+  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)
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+// const { attrs, slots, onEvents } = useMixins({ modelValue: props.modelValue, field: props.field, desc: props.desc, formData: props.formData, useAttrs, useSlots })
+emits('update:modelValue', currentValue)
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { ...useAttrs() })
+})
+</script>
+<style lang="scss" scoped>
+.ElPlusFormColor-panel {
+  display: flex;
+}
+</style>

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

@@ -1,39 +1,39 @@
-<template>
-  <el-date-picker v-if="isInit" class="ElPlusFormDate-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" />
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormDate',
-  inheritAttrs: false,
-  typeName: 'date',
-  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 isInit = ref(false)
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-const currentValue = ref(props.modelValue)
-emits('update:modelValue', currentValue)
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { valueFormat: 'YYYY-MM-DD HH:mm:ss', editable: false, ...useAttrs() })
-  isInit.value = true
-})
-</script>
-<style lang="scss" scoped>
-.ElPlusFormDate-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-date-picker v-if="isInit" class="ElPlusFormDate-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue" />
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormDate',
+  inheritAttrs: false,
+  typeName: 'date',
+  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 isInit = ref(false)
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+const currentValue = ref(props.modelValue)
+emits('update:modelValue', currentValue)
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { valueFormat: 'YYYY-MM-DD HH:mm:ss', editable: false, ...useAttrs() })
+  isInit.value = true
+})
+</script>
+<style lang="scss" scoped>
+.ElPlusFormDate-panel {
+  display: flex;
+}
+</style>

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

@@ -1,44 +1,46 @@
-<template>
-  <el-date-picker class="el-plusF-form-daterange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
-    <!-- 非作用域插槽 -->
-    <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
-      <slot :name="key" :data="data" />
-    </template>
-  </el-date-picker>
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormDaterange',
-  inheritAttrs: false,
-  typeName: 'daterange',
-  customOptions: {}
-}
-</script>
-<script lang="ts" setup>
-import { ref, useAttrs, useSlots, onBeforeMount } from 'vue'
-import { getAttrs, getEvents } from '../mixins'
-
-const props = defineProps<{
-  modelValue?: Array<string> | Date
-  field: string
-  desc: { [key: string]: any }
-  formData: { [key: string]: any }
-}>()
-
-const emits = defineEmits(['update:modelValue'])
-const currentValue = ref(props.modelValue)
-const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-
-emits('update:modelValue', currentValue)
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { type: 'daterange', format: 'YYYY-MM-DD', valueFormat: 'x', editable: false, ...useAttrs() })
-})
-</script>
-<style lang="scss" scoped>
-.el-plusF-form-daterange-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-date-picker v-if="isInit" class="el-plusF-form-daterange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
+    <!-- 非作用域插槽 -->
+    <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
+      <slot :name="key" :data="data" />
+    </template>
+  </el-date-picker>
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormDaterange',
+  inheritAttrs: false,
+  typeName: 'daterange',
+  customOptions: {}
+}
+</script>
+<script lang="ts" setup>
+import { ref, useAttrs, useSlots, onBeforeMount } from 'vue'
+import { getAttrs, getEvents } from '../mixins'
+
+const props = defineProps<{
+  modelValue?: Array<string> | Date
+  field: string
+  desc: { [key: string]: any }
+  formData: { [key: string]: any }
+}>()
+
+const emits = defineEmits(['update:modelValue'])
+const currentValue = ref(props.modelValue)
+const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
+const isInit = ref(false)
+const attrs = ref({} as any)
+const onEvents = ref(getEvents(props))
+
+emits('update:modelValue', currentValue)
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { type: 'daterange', format: 'YYYY-MM-DD', valueFormat: 'x', editable: false, ...useAttrs() })
+  isInit.value = true
+})
+</script>
+<style lang="scss" scoped>
+.el-plusF-form-daterange-panel {
+  display: flex;
+}
+</style>

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

@@ -1,38 +1,40 @@
-<template>
-  <el-date-picker class="ElPlusFormDatetime-panel" v-bind="attrs" v-on="onEvents" type="datetime" v-model="currentValue" />
-</template>
-<script lang="ts">
-export default {
-  name: 'ElPlusFormDatetime',
-  inheritAttrs: false,
-  typeName: 'datetime',
-  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)
-const attrs = ref({} as any)
-const onEvents = ref(getEvents(props))
-
-emits('update:modelValue', currentValue)
-
-onBeforeMount(async () => {
-  attrs.value = await getAttrs(props, { valueFormat: 'YYYY-MM-DD HH:mm:ss', ...useAttrs() })
-})
-</script>
-<style lang="scss" scoped>
-.ElPlusFormDatetime-panel {
-  display: flex;
-}
-</style>
+<template>
+  <el-date-picker v-if="isInit" class="ElPlusFormDatetime-panel" v-bind="attrs" v-on="onEvents" type="datetime" v-model="currentValue" />
+</template>
+<script lang="ts">
+export default {
+  name: 'ElPlusFormDatetime',
+  inheritAttrs: false,
+  typeName: 'datetime',
+  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)
+const attrs = ref({} as any)
+const isInit = ref(false)
+const onEvents = ref(getEvents(props))
+
+emits('update:modelValue', currentValue)
+
+onBeforeMount(async () => {
+  attrs.value = await getAttrs(props, { valueFormat: 'YYYY-MM-DD HH:mm:ss', ...useAttrs() })
+  isInit.value = true
+})
+</script>
+<style lang="scss" scoped>
+.ElPlusFormDatetime-panel {
+  display: flex;
+}
+</style>

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

@@ -1,5 +1,5 @@
 <template>
-  <el-date-picker class="el-plusF-form-datetimerange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
+  <el-date-picker v-if="isInit" class="el-plusF-form-datetimerange-panel" v-bind="attrs" v-on="onEvents" v-model="currentValue">
     <!-- 非作用域插槽 -->
     <template v-for="(item, key, index) in slots" #[key]="data" :key="index">
       <slot :name="key" :data="data" />
@@ -29,12 +29,14 @@ const emits = defineEmits(['update:modelValue'])
 const currentValue = ref(props.modelValue)
 const slots = ref(Object.assign({}, useSlots(), props.desc.slots))
 const attrs = ref({} as any)
+const isInit = ref(false)
 const onEvents = ref(getEvents(props))
 
 emits('update:modelValue', currentValue)
 
 onBeforeMount(async () => {
   attrs.value = await getAttrs(props, { type: 'datetimerange', format: 'YYYY-MM-DD HH:mm:ss', valueFormat: 'x', editable: false, ...useAttrs() })
+  isInit.value = true
 })
 </script>
 <style lang="scss" scoped>