duoyun-ui 2.0.0 → 2.2.0

package/vue/DySegmented.vue

@@ -2,9 +2,9 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunSegmentedElement } from '../elements/segmented';
-        
+
         const elementRef = ref<DuoyunSegmentedElement>();
-        
+
         const props = defineProps<{
           disabled?: DuoyunSegmentedElement['disabled'],
 small?: DuoyunSegmentedElement['small'],
@@ -12,7 +12,7 @@ animating?: DuoyunSegmentedElement['animating'],
 options?: DuoyunSegmentedElement['options'],
 value?: DuoyunSegmentedElement['value']
         }>();
-        
+
         const emit = defineEmits<{
           change: [event: CustomEvent<Parameters<DuoyunSegmentedElement['change']>[0]>]
         }>()
@@ -20,12 +20,12 @@ value?: DuoyunSegmentedElement['value']
         type DySegmentedExpose = {
           
         }
-        
+
         defineExpose<DySegmentedExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -34,7 +34,7 @@ value?: DuoyunSegmentedElement['value']
           name: 'DySegmented',
         };
         </script>
-        
+
         <template>
           <dy-segmented
             ref="elementRef"

package/vue/DySelect.vue

@@ -2,9 +2,9 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunSelectElement } from '../elements/select';
-        
+
         const elementRef = ref<DuoyunSelectElement>();
-        
+
         const props = defineProps<{
           multiple?: DuoyunSelectElement['multiple'],
 disabled?: DuoyunSelectElement['disabled'],
@@ -23,7 +23,7 @@ renderLabel?: DuoyunSelectElement['renderLabel'],
 renderTag?: DuoyunSelectElement['renderTag'],
 active?: DuoyunSelectElement['active']
         }>();
-        
+
         const emit = defineEmits<{
           change: [event: CustomEvent<Parameters<DuoyunSelectElement['change']>[0]>],
 search: [event: CustomEvent<Parameters<DuoyunSelectElement['search']>[0]>]
@@ -32,7 +32,7 @@ search: [event: CustomEvent<Parameters<DuoyunSelectElement['search']>[0]>]
         type DySelectExpose = {
           showPicker: DuoyunSelectElement['showPicker']
         }
-        
+
         defineExpose<DySelectExpose>({
           
                 showPicker(...args) {
@@ -41,7 +41,7 @@ search: [event: CustomEvent<Parameters<DuoyunSelectElement['search']>[0]>]
               
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -50,7 +50,7 @@ search: [event: CustomEvent<Parameters<DuoyunSelectElement['search']>[0]>]
           name: 'DySelect',
         };
         </script>
-        
+
         <template>
           <dy-select
             ref="elementRef"

package/vue/DySelectionBox.vue

@@ -2,13 +2,13 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunSelectionBoxElement } from '../elements/selection-box';
-        
+
         const elementRef = ref<DuoyunSelectionBoxElement>();
-        
+
         const props = defineProps<{
           container?: DuoyunSelectionBoxElement['container']
         }>();
-        
+
         const emit = defineEmits<{
           change: [event: CustomEvent<Parameters<DuoyunSelectionBoxElement['change']>[0]>]
         }>()
@@ -16,12 +16,12 @@
         type DySelectionBoxExpose = {
           
         }
-        
+
         defineExpose<DySelectionBoxExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -30,7 +30,7 @@
           name: 'DySelectionBox',
         };
         </script>
-        
+
         <template>
           <dy-selection-box
             ref="elementRef"

package/vue/DySelectionBoxMask.vue

@@ -2,13 +2,13 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunSelectionBoxMaskElement } from '../elements/selection-box';
-        
+
         const elementRef = ref<DuoyunSelectionBoxMaskElement>();
-        
+
         const props = defineProps<{
           
         }>();
-        
+
         const emit = defineEmits<{
           
         }>()
@@ -16,12 +16,12 @@
         type DySelectionBoxMaskExpose = {
           
         }
-        
+
         defineExpose<DySelectionBoxMaskExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -30,7 +30,7 @@
           name: 'DySelectionBoxMask',
         };
         </script>
-        
+
         <template>
           <dy-selection-box-mask
             ref="elementRef"

package/vue/DyShortcutRecord.vue

@@ -2,9 +2,9 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunShortcutRecordElement } from '../elements/shortcut-record';
-        
+
         const elementRef = ref<DuoyunShortcutRecordElement>();
-        
+
         const props = defineProps<{
           placeholder?: DuoyunShortcutRecordElement['placeholder'],
 tooltip?: DuoyunShortcutRecordElement['tooltip'],
@@ -12,7 +12,7 @@ disabled?: DuoyunShortcutRecordElement['disabled'],
 clearable?: DuoyunShortcutRecordElement['clearable'],
 value?: DuoyunShortcutRecordElement['value']
         }>();
-        
+
         const emit = defineEmits<{
           change: [event: CustomEvent<Parameters<DuoyunShortcutRecordElement['change']>[0]>],
 clear: [event: CustomEvent<Parameters<DuoyunShortcutRecordElement['clear']>[0]>]
@@ -21,12 +21,12 @@ clear: [event: CustomEvent<Parameters<DuoyunShortcutRecordElement['clear']>[0]>]
         type DyShortcutRecordExpose = {
           
         }
-        
+
         defineExpose<DyShortcutRecordExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -35,7 +35,7 @@ clear: [event: CustomEvent<Parameters<DuoyunShortcutRecordElement['clear']>[0]>]
           name: 'DyShortcutRecord',
         };
         </script>
-        
+
         <template>
           <dy-shortcut-record
             ref="elementRef"

package/vue/DySideNavigation.vue

@@ -2,14 +2,14 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunSideNavigationElement } from '../elements/side-navigation';
-        
+
         const elementRef = ref<DuoyunSideNavigationElement>();
-        
+
         const props = defineProps<{
           items?: DuoyunSideNavigationElement['items'],
 compact?: DuoyunSideNavigationElement['compact']
         }>();
-        
+
         const emit = defineEmits<{
           
         }>()
@@ -17,12 +17,12 @@ compact?: DuoyunSideNavigationElement['compact']
         type DySideNavigationExpose = {
           
         }
-        
+
         defineExpose<DySideNavigationExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -31,7 +31,7 @@ compact?: DuoyunSideNavigationElement['compact']
           name: 'DySideNavigation',
         };
         </script>
-        
+
         <template>
           <dy-side-navigation
             ref="elementRef"

package/vue/DySlider.vue

@@ -2,9 +2,9 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunSliderElement } from '../elements/slider';
-        
+
         const elementRef = ref<DuoyunSliderElement>();
-        
+
         const props = defineProps<{
           label?: DuoyunSliderElement['label'],
 orientation?: DuoyunSliderElement['orientation'],
@@ -15,7 +15,7 @@ min?: DuoyunSliderElement['min'],
 max?: DuoyunSliderElement['max'],
 step?: DuoyunSliderElement['step']
         }>();
-        
+
         const emit = defineEmits<{
           change: [event: CustomEvent<Parameters<DuoyunSliderElement['change']>[0]>],
 end: [event: CustomEvent<Parameters<DuoyunSliderElement['end']>[0]>]
@@ -24,12 +24,12 @@ end: [event: CustomEvent<Parameters<DuoyunSliderElement['end']>[0]>]
         type DySliderExpose = {
           
         }
-        
+
         defineExpose<DySliderExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -38,7 +38,7 @@ end: [event: CustomEvent<Parameters<DuoyunSliderElement['end']>[0]>]
           name: 'DySlider',
         };
         </script>
-        
+
         <template>
           <dy-slider
             ref="elementRef"

package/vue/DySortBox.vue

@@ -0,0 +1,42 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunSortBoxElement } from '../elements/sort-box';
+
+        const elementRef = ref<DuoyunSortBoxElement>();
+
+        const props = defineProps<{
+          
+        }>();
+
+        const emit = defineEmits<{
+          sort: [event: CustomEvent<Parameters<DuoyunSortBoxElement['sort']>[0]>]
+        }>()
+
+        type DySortBoxExpose = {
+          
+        }
+
+        defineExpose<DySortBoxExpose>({
+          
+          
+        })
+
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/sort-box';
+        export default {
+          name: 'DySortBox',
+        };
+        </script>
+
+        <template>
+          <dy-sort-box
+            ref="elementRef"
+            
+            @sort="e => emit('sort', e)">
+            <slot />
+          </dy-sort-box>
+        </template>
+      

package/vue/DySortHandle.vue

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

package/vue/DySortItem.vue

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

package/vue/DySpace.vue

@@ -2,14 +2,14 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunSpaceElement } from '../elements/space';
-        
+
         const elementRef = ref<DuoyunSpaceElement>();
-        
+
         const props = defineProps<{
           size?: DuoyunSpaceElement['size'],
 orientation?: DuoyunSpaceElement['orientation']
         }>();
-        
+
         const emit = defineEmits<{
           
         }>()
@@ -17,12 +17,12 @@ orientation?: DuoyunSpaceElement['orientation']
         type DySpaceExpose = {
           
         }
-        
+
         defineExpose<DySpaceExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -31,7 +31,7 @@ orientation?: DuoyunSpaceElement['orientation']
           name: 'DySpace',
         };
         </script>
-        
+
         <template>
           <dy-space
             ref="elementRef"

package/vue/DyStatistic.vue

@@ -2,9 +2,9 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunStatisticElement } from '../elements/statistic';
-        
+
         const elementRef = ref<DuoyunStatisticElement>();
-        
+
         const props = defineProps<{
           neutral?: DuoyunStatisticElement['neutral'],
 type?: DuoyunStatisticElement['type'],
@@ -16,7 +16,7 @@ loading?: DuoyunStatisticElement['loading'],
 value?: DuoyunStatisticElement['value'],
 prevValue?: DuoyunStatisticElement['prevValue']
         }>();
-        
+
         const emit = defineEmits<{
           
         }>()
@@ -24,12 +24,12 @@ prevValue?: DuoyunStatisticElement['prevValue']
         type DyStatisticExpose = {
           
         }
-        
+
         defineExpose<DyStatisticExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -38,7 +38,7 @@ prevValue?: DuoyunStatisticElement['prevValue']
           name: 'DyStatistic',
         };
         </script>
-        
+
         <template>
           <dy-statistic
             ref="elementRef"

package/vue/DyStatusLight.vue

@@ -2,13 +2,13 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunStatusLightElement } from '../elements/status-light';
-        
+
         const elementRef = ref<DuoyunStatusLightElement>();
-        
+
         const props = defineProps<{
           status?: DuoyunStatusLightElement['status']
         }>();
-        
+
         const emit = defineEmits<{
           
         }>()
@@ -16,12 +16,12 @@
         type DyStatusLightExpose = {
           
         }
-        
+
         defineExpose<DyStatusLightExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -30,7 +30,7 @@
           name: 'DyStatusLight',
         };
         </script>
-        
+
         <template>
           <dy-status-light
             ref="elementRef"

package/vue/DySwitch.vue

@@ -2,16 +2,16 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunSwitchElement } from '../elements/switch';
-        
+
         const elementRef = ref<DuoyunSwitchElement>();
-        
+
         const props = defineProps<{
           disabled?: DuoyunSwitchElement['disabled'],
 checked?: DuoyunSwitchElement['checked'],
 value?: DuoyunSwitchElement['value'],
 neutral?: DuoyunSwitchElement['neutral']
         }>();
-        
+
         const emit = defineEmits<{
           change: [event: CustomEvent<Parameters<DuoyunSwitchElement['change']>[0]>]
         }>()
@@ -19,12 +19,12 @@ neutral?: DuoyunSwitchElement['neutral']
         type DySwitchExpose = {
           
         }
-        
+
         defineExpose<DySwitchExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -33,7 +33,7 @@ neutral?: DuoyunSwitchElement['neutral']
           name: 'DySwitch',
         };
         </script>
-        
+
         <template>
           <dy-switch
             ref="elementRef"

package/vue/DyTabPanel.vue

@@ -2,13 +2,13 @@
         <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<{
           
         }>()
@@ -16,12 +16,12 @@
         type DyTabPanelExpose = {
           
         }
-        
+
         defineExpose<DyTabPanelExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -30,7 +30,7 @@
           name: 'DyTabPanel',
         };
         </script>
-        
+
         <template>
           <dy-tab-panel
             ref="elementRef"