duoyun-ui 2.2.3 → 2.2.9

package/vue/DySwitch.vue

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

package/vue/DyTabPanel.vue

@@ -0,0 +1,42 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunTabPanelElement } from '../elements/tabs';
+        
+        const elementRef = ref<DuoyunTabPanelElement>();
+        
+        const props = defineProps<{
+          vertical?: DuoyunTabPanelElement['vertical']
+        }>();
+        
+        const emit = defineEmits<{
+          
+        }>()
+
+        type DyTabPanelExpose = {
+          
+        }
+        
+        defineExpose<DyTabPanelExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/tabs';
+        export default {
+          name: 'DyTabPanel',
+        };
+        </script>
+        
+        <template>
+          <dy-tab-panel
+            ref="elementRef"
+            .vertical="props.vertical"
+            >
+            <slot />
+          </dy-tab-panel>
+        </template>
+      

package/vue/DyTable.vue

@@ -0,0 +1,66 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunTableElement } from '../elements/table';
+        
+        const elementRef = ref<DuoyunTableElement>();
+        
+        const props = defineProps<{
+          caption?: DuoyunTableElement['caption'],
+headless?: DuoyunTableElement['headless'],
+noData?: DuoyunTableElement['noData'],
+selectable?: DuoyunTableElement['selectable'],
+selection?: DuoyunTableElement['selection'],
+selectionContainer?: DuoyunTableElement['selectionContainer'],
+columns?: DuoyunTableElement['columns'],
+data?: DuoyunTableElement['data'],
+getRowStyle?: DuoyunTableElement['getRowStyle'],
+rowKey?: DuoyunTableElement['rowKey'],
+getKey?: DuoyunTableElement['getKey'],
+expandedRowRender?: DuoyunTableElement['expandedRowRender'],
+getActions?: DuoyunTableElement['getActions']
+        }>();
+        
+        const emit = defineEmits<{
+          select: [event: CustomEvent<Parameters<DuoyunTableElement['select']>[0]>],
+itemclick: [event: CustomEvent<Parameters<DuoyunTableElement['itemclick']>[0]>],
+itemcontextmenu: [event: CustomEvent<Parameters<DuoyunTableElement['itemcontextmenu']>[0]>],
+expand: [event: CustomEvent<Parameters<DuoyunTableElement['expand']>[0]>]
+        }>()
+
+        type DyTableExpose = {
+          appendSelection: DuoyunTableElement['appendSelection'];
+removeSelection: DuoyunTableElement['removeSelection']
+        }
+        
+        defineExpose<DyTableExpose>({
+          
+                appendSelection(...args) {
+                  return elementRef.value!.appendSelection(...args)
+                },
+              
+                removeSelection(...args) {
+                  return elementRef.value!.removeSelection(...args)
+                },
+              
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/table';
+        export default {
+          name: 'DyTable',
+        };
+        </script>
+        
+        <template>
+          <dy-table
+            ref="elementRef"
+            .caption="props.caption" .headless="props.headless" .noData="props.noData" .selectable="props.selectable" .selection="props.selection" .selectionContainer="props.selectionContainer" .columns="props.columns" .data="props.data" .getRowStyle="props.getRowStyle" .rowKey="props.rowKey" .getKey="props.getKey" .expandedRowRender="props.expandedRowRender" .getActions="props.getActions"
+            @select="e => emit('select', e)" @itemclick="e => emit('itemclick', e)" @itemcontextmenu="e => emit('itemcontextmenu', e)" @expand="e => emit('expand', e)">
+            <slot />
+          </dy-table>
+        </template>
+      

package/vue/DyTabs.vue

@@ -0,0 +1,45 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunTabsElement } from '../elements/tabs';
+        
+        const elementRef = ref<DuoyunTabsElement>();
+        
+        const props = defineProps<{
+          center?: DuoyunTabsElement['center'],
+orientation?: DuoyunTabsElement['orientation'],
+items?: DuoyunTabsElement['items'],
+value?: DuoyunTabsElement['value']
+        }>();
+        
+        const emit = defineEmits<{
+          change: [event: CustomEvent<Parameters<DuoyunTabsElement['change']>[0]>]
+        }>()
+
+        type DyTabsExpose = {
+          
+        }
+        
+        defineExpose<DyTabsExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/tabs';
+        export default {
+          name: 'DyTabs',
+        };
+        </script>
+        
+        <template>
+          <dy-tabs
+            ref="elementRef"
+            .center="props.center" .orientation="props.orientation" .items="props.items" .value="props.value"
+            @change="e => emit('change', e)">
+            <slot />
+          </dy-tabs>
+        </template>
+      

package/vue/DyTag.vue

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

package/vue/DyTextMask.vue

@@ -0,0 +1,45 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunTextMaskElement } from '../elements/text-mask';
+        
+        const elementRef = ref<DuoyunTextMaskElement>();
+        
+        const props = defineProps<{
+          origin?: DuoyunTextMaskElement['origin'],
+placeholder?: DuoyunTextMaskElement['placeholder'],
+replacer?: DuoyunTextMaskElement['replacer'],
+masks?: DuoyunTextMaskElement['masks']
+        }>();
+        
+        const emit = defineEmits<{
+          
+        }>()
+
+        type DyTextMaskExpose = {
+          
+        }
+        
+        defineExpose<DyTextMaskExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/text-mask';
+        export default {
+          name: 'DyTextMask',
+        };
+        </script>
+        
+        <template>
+          <dy-text-mask
+            ref="elementRef"
+            .origin="props.origin" .placeholder="props.placeholder" .replacer="props.replacer" .masks="props.masks"
+            >
+            <slot />
+          </dy-text-mask>
+        </template>
+      

package/vue/DyTimePanel.vue

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

package/vue/DyTimePicker.vue

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

package/vue/DyTimeline.vue

@@ -0,0 +1,42 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunTimelineElement } from '../elements/timeline';
+        
+        const elementRef = ref<DuoyunTimelineElement>();
+        
+        const props = defineProps<{
+          events?: DuoyunTimelineElement['events']
+        }>();
+        
+        const emit = defineEmits<{
+          
+        }>()
+
+        type DyTimelineExpose = {
+          
+        }
+        
+        defineExpose<DyTimelineExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/timeline';
+        export default {
+          name: 'DyTimeline',
+        };
+        </script>
+        
+        <template>
+          <dy-timeline
+            ref="elementRef"
+            .events="props.events"
+            >
+            <slot />
+          </dy-timeline>
+        </template>
+      

package/vue/DyTitle.vue

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

package/vue/DyToast.vue

@@ -0,0 +1,42 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunToastElement } from '../elements/toast';
+        
+        const elementRef = ref<DuoyunToastElement>();
+        
+        const props = defineProps<{
+          items?: DuoyunToastElement['items']
+        }>();
+        
+        const emit = defineEmits<{
+          
+        }>()
+
+        type DyToastExpose = {
+          
+        }
+        
+        defineExpose<DyToastExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/toast';
+        export default {
+          name: 'DyToast',
+        };
+        </script>
+        
+        <template>
+          <dy-toast
+            ref="elementRef"
+            .items="props.items"
+            >
+            <slot />
+          </dy-toast>
+        </template>
+      

package/vue/DyTooltip.vue

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

package/vue/DyTree.vue

@@ -0,0 +1,67 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunTreeElement } from '../elements/tree';
+        
+        const elementRef = ref<DuoyunTreeElement>();
+        
+        const props = defineProps<{
+          /**@deprecated */
+data?: DuoyunTreeElement['data'],
+items?: DuoyunTreeElement['items'],
+highlights?: DuoyunTreeElement['highlights']
+        }>();
+        
+        const emit = defineEmits<{
+          itemclick: [event: CustomEvent<Parameters<DuoyunTreeElement['itemclick']>[0]>],
+itemcontextmenu: [event: CustomEvent<Parameters<DuoyunTreeElement['itemcontextmenu']>[0]>],
+expand: [event: CustomEvent<Parameters<DuoyunTreeElement['expand']>[0]>],
+collapse: [event: CustomEvent<Parameters<DuoyunTreeElement['collapse']>[0]>]
+        }>()
+
+        type DyTreeExpose = {
+          isExpand: DuoyunTreeElement['isExpand'];
+expandToItems: DuoyunTreeElement['expandToItems'];
+collapseItems: DuoyunTreeElement['collapseItems'];
+iterateCollapseItem: DuoyunTreeElement['iterateCollapseItem']
+        }
+        
+        defineExpose<DyTreeExpose>({
+          
+                isExpand(...args) {
+                  return elementRef.value!.isExpand(...args)
+                },
+              
+                expandToItems(...args) {
+                  return elementRef.value!.expandToItems(...args)
+                },
+              
+                collapseItems(...args) {
+                  return elementRef.value!.collapseItems(...args)
+                },
+              
+                iterateCollapseItem(...args) {
+                  return elementRef.value!.iterateCollapseItem(...args)
+                },
+              
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/tree';
+        export default {
+          name: 'DyTree',
+        };
+        </script>
+        
+        <template>
+          <dy-tree
+            ref="elementRef"
+            .data="props.data" .items="props.items" .highlights="props.highlights"
+            @itemclick="e => emit('itemclick', e)" @itemcontextmenu="e => emit('itemcontextmenu', e)" @expand="e => emit('expand', e)" @collapse="e => emit('collapse', e)">
+            <slot />
+          </dy-tree>
+        </template>
+      

package/vue/DyUnsafe.vue

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