duoyun-ui 2.2.3 → 2.2.9

package/vue/DyCountdown.vue

@@ -0,0 +1,42 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunCountdownElement } from '../elements/countdown';
+        
+        const elementRef = ref<DuoyunCountdownElement>();
+        
+        const props = defineProps<{
+          
+        }>();
+        
+        const emit = defineEmits<{
+          
+        }>()
+
+        type DyCountdownExpose = {
+          
+        }
+        
+        defineExpose<DyCountdownExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/countdown';
+        export default {
+          name: 'DyCountdown',
+        };
+        </script>
+        
+        <template>
+          <dy-countdown
+            ref="elementRef"
+            
+            >
+            <slot />
+          </dy-countdown>
+        </template>
+      

package/vue/DyDatePanel.vue

@@ -0,0 +1,46 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunDatePanelElement } from '../elements/date-panel';
+        
+        const elementRef = ref<DuoyunDatePanelElement>();
+        
+        const props = defineProps<{
+          time?: DuoyunDatePanelElement['time'],
+value?: DuoyunDatePanelElement['value'],
+highlights?: DuoyunDatePanelElement['highlights'],
+initValue?: DuoyunDatePanelElement['initValue']
+        }>();
+        
+        const emit = defineEmits<{
+          change: [event: CustomEvent<Parameters<DuoyunDatePanelElement['change']>[0]>],
+datehover: [event: CustomEvent<Parameters<DuoyunDatePanelElement['datehover']>[0]>]
+        }>()
+
+        type DyDatePanelExpose = {
+          
+        }
+        
+        defineExpose<DyDatePanelExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/date-panel';
+        export default {
+          name: 'DyDatePanel',
+        };
+        </script>
+        
+        <template>
+          <dy-date-panel
+            ref="elementRef"
+            .time="props.time" .value="props.value" .highlights="props.highlights" .initValue="props.initValue"
+            @change="e => emit('change', e)" @datehover="e => emit('datehover', e)">
+            <slot />
+          </dy-date-panel>
+        </template>
+      

package/vue/DyDatePicker.vue

@@ -0,0 +1,52 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunDatePickerElement } from '../elements/date-picker';
+        
+        const elementRef = ref<DuoyunDatePickerElement>();
+        
+        const props = defineProps<{
+          placeholder?: DuoyunDatePickerElement['placeholder'],
+time?: DuoyunDatePickerElement['time'],
+clearable?: DuoyunDatePickerElement['clearable'],
+disabled?: DuoyunDatePickerElement['disabled'],
+active?: DuoyunDatePickerElement['active'],
+value?: DuoyunDatePickerElement['value']
+        }>();
+        
+        const emit = defineEmits<{
+          change: [event: CustomEvent<Parameters<DuoyunDatePickerElement['change']>[0]>],
+clear: [event: CustomEvent<Parameters<DuoyunDatePickerElement['clear']>[0]>]
+        }>()
+
+        type DyDatePickerExpose = {
+          showPicker: DuoyunDatePickerElement['showPicker']
+        }
+        
+        defineExpose<DyDatePickerExpose>({
+          
+                showPicker(...args) {
+                  return elementRef.value!.showPicker(...args)
+                },
+              
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/date-picker';
+        export default {
+          name: 'DyDatePicker',
+        };
+        </script>
+        
+        <template>
+          <dy-date-picker
+            ref="elementRef"
+            .placeholder="props.placeholder" .time="props.time" .clearable="props.clearable" .disabled="props.disabled" .active="props.active" .value="props.value"
+            @change="e => emit('change', e)" @clear="e => emit('clear', e)">
+            <slot />
+          </dy-date-picker>
+        </template>
+      

package/vue/DyDateRangePanel.vue

@@ -0,0 +1,42 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunDateRangePanelElement } from '../elements/date-range-panel';
+        
+        const elementRef = ref<DuoyunDateRangePanelElement>();
+        
+        const props = defineProps<{
+          value?: DuoyunDateRangePanelElement['value']
+        }>();
+        
+        const emit = defineEmits<{
+          change: [event: CustomEvent<Parameters<DuoyunDateRangePanelElement['change']>[0]>]
+        }>()
+
+        type DyDateRangePanelExpose = {
+          
+        }
+        
+        defineExpose<DyDateRangePanelExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/date-range-panel';
+        export default {
+          name: 'DyDateRangePanel',
+        };
+        </script>
+        
+        <template>
+          <dy-date-range-panel
+            ref="elementRef"
+            .value="props.value"
+            @change="e => emit('change', e)">
+            <slot />
+          </dy-date-range-panel>
+        </template>
+      

package/vue/DyDateRangePicker.vue

@@ -0,0 +1,52 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunDateRangePickerElement } from '../elements/date-range-picker';
+        
+        const elementRef = ref<DuoyunDateRangePickerElement>();
+        
+        const props = defineProps<{
+          placeholder?: DuoyunDateRangePickerElement['placeholder'],
+clearable?: DuoyunDateRangePickerElement['clearable'],
+disabled?: DuoyunDateRangePickerElement['disabled'],
+active?: DuoyunDateRangePickerElement['active'],
+value?: DuoyunDateRangePickerElement['value'],
+quickRanges?: DuoyunDateRangePickerElement['quickRanges']
+        }>();
+        
+        const emit = defineEmits<{
+          change: [event: CustomEvent<Parameters<DuoyunDateRangePickerElement['change']>[0]>],
+clear: [event: CustomEvent<Parameters<DuoyunDateRangePickerElement['clear']>[0]>]
+        }>()
+
+        type DyDateRangePickerExpose = {
+          showPicker: DuoyunDateRangePickerElement['showPicker']
+        }
+        
+        defineExpose<DyDateRangePickerExpose>({
+          
+                showPicker(...args) {
+                  return elementRef.value!.showPicker(...args)
+                },
+              
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/date-range-picker';
+        export default {
+          name: 'DyDateRangePicker',
+        };
+        </script>
+        
+        <template>
+          <dy-date-range-picker
+            ref="elementRef"
+            .placeholder="props.placeholder" .clearable="props.clearable" .disabled="props.disabled" .active="props.active" .value="props.value" .quickRanges="props.quickRanges"
+            @change="e => emit('change', e)" @clear="e => emit('clear', e)">
+            <slot />
+          </dy-date-range-picker>
+        </template>
+      

package/vue/DyDivider.vue

@@ -0,0 +1,42 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunDividerElement } from '../elements/divider';
+        
+        const elementRef = ref<DuoyunDividerElement>();
+        
+        const props = defineProps<{
+          
+        }>();
+        
+        const emit = defineEmits<{
+          
+        }>()
+
+        type DyDividerExpose = {
+          
+        }
+        
+        defineExpose<DyDividerExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/divider';
+        export default {
+          name: 'DyDivider',
+        };
+        </script>
+        
+        <template>
+          <dy-divider
+            ref="elementRef"
+            
+            >
+            <slot />
+          </dy-divider>
+        </template>
+      

package/vue/DyDonutChart.vue

@@ -0,0 +1,45 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunDonutChartElement } from '../elements/donut-chart';
+        
+        const elementRef = ref<DuoyunDonutChartElement>();
+        
+        const props = defineProps<{
+          label?: DuoyunDonutChartElement['label'],
+total?: DuoyunDonutChartElement['total'],
+aspectRatio?: DuoyunDonutChartElement['aspectRatio'],
+sequences?: DuoyunDonutChartElement['sequences']
+        }>();
+        
+        const emit = defineEmits<{
+          
+        }>()
+
+        type DyDonutChartExpose = {
+          
+        }
+        
+        defineExpose<DyDonutChartExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/donut-chart';
+        export default {
+          name: 'DyDonutChart',
+        };
+        </script>
+        
+        <template>
+          <dy-donut-chart
+            ref="elementRef"
+            .label="props.label" .total="props.total" .aspectRatio="props.aspectRatio" .sequences="props.sequences"
+            >
+            <slot />
+          </dy-donut-chart>
+        </template>
+      

package/vue/DyDrawer.vue

@@ -0,0 +1,42 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunDrawerElement } from '../elements/drawer';
+        
+        const elementRef = ref<DuoyunDrawerElement>();
+        
+        const props = defineProps<{
+          
+        }>();
+        
+        const emit = defineEmits<{
+          
+        }>()
+
+        type DyDrawerExpose = {
+          
+        }
+        
+        defineExpose<DyDrawerExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/drawer';
+        export default {
+          name: 'DyDrawer',
+        };
+        </script>
+        
+        <template>
+          <dy-drawer
+            ref="elementRef"
+            
+            >
+            <slot />
+          </dy-drawer>
+        </template>
+      

package/vue/DyDropArea.vue

@@ -0,0 +1,47 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunDropAreaElement } from '../elements/drop-area';
+        
+        const elementRef = ref<DuoyunDropAreaElement>();
+        
+        const props = defineProps<{
+          tip?: DuoyunDropAreaElement['tip'],
+accept?: DuoyunDropAreaElement['accept'],
+dropeffect?: DuoyunDropAreaElement['dropeffect'],
+allowDrop?: DuoyunDropAreaElement['allowDrop']
+        }>();
+        
+        const emit = defineEmits<{
+          change: [event: CustomEvent<Parameters<DuoyunDropAreaElement['change']>[0]>],
+ignore: [event: CustomEvent<Parameters<DuoyunDropAreaElement['ignore']>[0]>],
+nodata: [event: CustomEvent<Parameters<DuoyunDropAreaElement['nodata']>[0]>]
+        }>()
+
+        type DyDropAreaExpose = {
+          
+        }
+        
+        defineExpose<DyDropAreaExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/drop-area';
+        export default {
+          name: 'DyDropArea',
+        };
+        </script>
+        
+        <template>
+          <dy-drop-area
+            ref="elementRef"
+            .tip="props.tip" .accept="props.accept" .dropeffect="props.dropeffect" .allowDrop="props.allowDrop"
+            @change="e => emit('change', e)" @ignore="e => emit('ignore', e)" @nodata="e => emit('nodata', e)">
+            <slot />
+          </dy-drop-area>
+        </template>
+      

package/vue/DyEmpty.vue

@@ -0,0 +1,42 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunEmptyElement } from '../elements/empty';
+        
+        const elementRef = ref<DuoyunEmptyElement>();
+        
+        const props = defineProps<{
+          
+        }>();
+        
+        const emit = defineEmits<{
+          
+        }>()
+
+        type DyEmptyExpose = {
+          
+        }
+        
+        defineExpose<DyEmptyExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/empty';
+        export default {
+          name: 'DyEmpty',
+        };
+        </script>
+        
+        <template>
+          <dy-empty
+            ref="elementRef"
+            
+            >
+            <slot />
+          </dy-empty>
+        </template>
+      

package/vue/DyFilePicker.vue

@@ -0,0 +1,53 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunFilePickerElement } from '../elements/file-picker';
+        
+        const elementRef = ref<DuoyunFilePickerElement>();
+        
+        const props = defineProps<{
+          type?: DuoyunFilePickerElement['type'],
+accept?: DuoyunFilePickerElement['accept'],
+/**@deprecated */
+placeholder?: DuoyunFilePickerElement['placeholder'],
+directory?: DuoyunFilePickerElement['directory'],
+disabled?: DuoyunFilePickerElement['disabled'],
+multiple?: DuoyunFilePickerElement['multiple'],
+value?: DuoyunFilePickerElement['value']
+        }>();
+        
+        const emit = defineEmits<{
+          change: [event: CustomEvent<Parameters<DuoyunFilePickerElement['change']>[0]>]
+        }>()
+
+        type DyFilePickerExpose = {
+          showPicker: DuoyunFilePickerElement['showPicker']
+        }
+        
+        defineExpose<DyFilePickerExpose>({
+          
+                showPicker(...args) {
+                  return elementRef.value!.showPicker(...args)
+                },
+              
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/file-picker';
+        export default {
+          name: 'DyFilePicker',
+        };
+        </script>
+        
+        <template>
+          <dy-file-picker
+            ref="elementRef"
+            .type="props.type" .accept="props.accept" .placeholder="props.placeholder" .directory="props.directory" .disabled="props.disabled" .multiple="props.multiple" .value="props.value"
+            @change="e => emit('change', e)">
+            <slot />
+          </dy-file-picker>
+        </template>
+      

package/vue/DyForm.vue

@@ -0,0 +1,66 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunFormElement } from '../elements/form';
+        
+        const elementRef = ref<DuoyunFormElement>();
+        
+        const props = defineProps<{
+          inline?: DuoyunFormElement['inline']
+        }>();
+        
+        const emit = defineEmits<{
+          change: [event: CustomEvent<Parameters<DuoyunFormElement['change']>[0]>]
+        }>()
+
+        type DyFormExpose = {
+          valid: DuoyunFormElement['valid'];
+clearInvalidMessage: DuoyunFormElement['clearInvalidMessage'];
+items: DuoyunFormElement['items'];
+elements: DuoyunFormElement['elements'];
+data: DuoyunFormElement['data']
+        }
+        
+        defineExpose<DyFormExpose>({
+          
+                valid(...args) {
+                  return elementRef.value!.valid(...args)
+                },
+              
+                clearInvalidMessage(...args) {
+                  return elementRef.value!.clearInvalidMessage(...args)
+                },
+              
+          
+                get items() {
+                  return elementRef.value!.items
+                },
+              
+                get elements() {
+                  return elementRef.value!.elements
+                },
+              
+                get data() {
+                  return elementRef.value!.data
+                },
+              
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/form';
+        export default {
+          name: 'DyForm',
+        };
+        </script>
+        
+        <template>
+          <dy-form
+            ref="elementRef"
+            .inline="props.inline"
+            @change="e => emit('change', e)">
+            <slot />
+          </dy-form>
+        </template>
+      

package/vue/DyFormItem.vue

@@ -0,0 +1,85 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunFormItemElement } from '../elements/form';
+        
+        const elementRef = ref<DuoyunFormItemElement>();
+        
+        const props = defineProps<{
+          type?: DuoyunFormItemElement['type'],
+multiple?: DuoyunFormItemElement['multiple'],
+name?: DuoyunFormItemElement['name'],
+label?: DuoyunFormItemElement['label'],
+placeholder?: DuoyunFormItemElement['placeholder'],
+required?: DuoyunFormItemElement['required'],
+checked?: DuoyunFormItemElement['checked'],
+autofocus?: DuoyunFormItemElement['autofocus'],
+disabled?: DuoyunFormItemElement['disabled'],
+searchable?: DuoyunFormItemElement['searchable'],
+clearable?: DuoyunFormItemElement['clearable'],
+loading?: DuoyunFormItemElement['loading'],
+invalid?: DuoyunFormItemElement['invalid'],
+value?: DuoyunFormItemElement['value'],
+renderLabel?: DuoyunFormItemElement['renderLabel'],
+rows?: DuoyunFormItemElement['rows'],
+step?: DuoyunFormItemElement['step'],
+min?: DuoyunFormItemElement['min'],
+max?: DuoyunFormItemElement['max'],
+/**@deprecated */
+dataList?: DuoyunFormItemElement['dataList'],
+options?: DuoyunFormItemElement['options'],
+adder?: DuoyunFormItemElement['adder'],
+rules?: DuoyunFormItemElement['rules']
+        }>();
+        
+        const emit = defineEmits<{
+          itemchange: [event: CustomEvent<Parameters<DuoyunFormItemElement['itemchange']>[0]>],
+search: [event: CustomEvent<Parameters<DuoyunFormItemElement['search']>[0]>]
+        }>()
+
+        type DyFormItemExpose = {
+          focus: DuoyunFormItemElement['focus'];
+clearInvalidMessage: DuoyunFormItemElement['clearInvalidMessage'];
+valid: DuoyunFormItemElement['valid'];
+data: DuoyunFormItemElement['data']
+        }
+        
+        defineExpose<DyFormItemExpose>({
+          
+                focus(...args) {
+                  return elementRef.value!.focus(...args)
+                },
+              
+                clearInvalidMessage(...args) {
+                  return elementRef.value!.clearInvalidMessage(...args)
+                },
+              
+                valid(...args) {
+                  return elementRef.value!.valid(...args)
+                },
+              
+          
+                get data() {
+                  return elementRef.value!.data
+                },
+              
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/form';
+        export default {
+          name: 'DyFormItem',
+        };
+        </script>
+        
+        <template>
+          <dy-form-item
+            ref="elementRef"
+            .type="props.type" .multiple="props.multiple" .name="props.name" .label="props.label" .placeholder="props.placeholder" .required="props.required" .checked="props.checked" .autofocus="props.autofocus" .disabled="props.disabled" .searchable="props.searchable" .clearable="props.clearable" .loading="props.loading" .invalid="props.invalid" .value="props.value" .renderLabel="props.renderLabel" .rows="props.rows" .step="props.step" .min="props.min" .max="props.max" .dataList="props.dataList" .options="props.options" .adder="props.adder" .rules="props.rules"
+            @itemchange="e => emit('itemchange', e)" @search="e => emit('search', e)">
+            <slot />
+          </dy-form-item>
+        </template>
+