duoyun-ui 2.1.0 → 2.2.0

package/vue/DyCheckboxGroup.vue

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

package/vue/DyCoachMark.vue

@@ -2,9 +2,9 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunCoachMarkElement } from '../elements/coach-mark';
-        
+
         const elementRef = ref<DuoyunCoachMarkElement>();
-        
+
         const props = defineProps<{
           index?: DuoyunCoachMarkElement['index'],
 width?: DuoyunCoachMarkElement['width'],
@@ -14,7 +14,7 @@ visible?: DuoyunCoachMarkElement['visible'],
 intersectionRoot?: DuoyunCoachMarkElement['intersectionRoot'],
 intersectionRootMargin?: DuoyunCoachMarkElement['intersectionRootMargin']
         }>();
-        
+
         const emit = defineEmits<{
           show: [event: CustomEvent<Parameters<DuoyunCoachMarkElement['show']>[0]>],
 hide: [event: CustomEvent<Parameters<DuoyunCoachMarkElement['hide']>[0]>]
@@ -23,12 +23,12 @@ hide: [event: CustomEvent<Parameters<DuoyunCoachMarkElement['hide']>[0]>]
         type DyCoachMarkExpose = {
           
         }
-        
+
         defineExpose<DyCoachMarkExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -37,7 +37,7 @@ hide: [event: CustomEvent<Parameters<DuoyunCoachMarkElement['hide']>[0]>]
           name: 'DyCoachMark',
         };
         </script>
-        
+
         <template>
           <dy-coach-mark
             ref="elementRef"

package/vue/DyCodeBlock.vue

@@ -2,15 +2,15 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunCodeBlockElement } from '../elements/code-block';
-        
+
         const elementRef = ref<DuoyunCodeBlockElement>();
-        
+
         const props = defineProps<{
           codelang?: DuoyunCodeBlockElement['codelang'],
 range?: DuoyunCodeBlockElement['range'],
 highlight?: DuoyunCodeBlockElement['highlight']
         }>();
-        
+
         const emit = defineEmits<{
           
         }>()
@@ -18,12 +18,12 @@ highlight?: DuoyunCodeBlockElement['highlight']
         type DyCodeBlockExpose = {
           
         }
-        
+
         defineExpose<DyCodeBlockExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -32,7 +32,7 @@ highlight?: DuoyunCodeBlockElement['highlight']
           name: 'DyCodeBlock',
         };
         </script>
-        
+
         <template>
           <dy-code-block
             ref="elementRef"

package/vue/DyCollapse.vue

@@ -2,15 +2,15 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunCollapseElement } from '../elements/collapse';
-        
+
         const elementRef = ref<DuoyunCollapseElement>();
-        
+
         const props = defineProps<{
           type?: DuoyunCollapseElement['type'],
 searchable?: DuoyunCollapseElement['searchable'],
 items?: DuoyunCollapseElement['items']
         }>();
-        
+
         const emit = defineEmits<{
           
         }>()
@@ -18,12 +18,12 @@ items?: DuoyunCollapseElement['items']
         type DyCollapseExpose = {
           
         }
-        
+
         defineExpose<DyCollapseExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -32,7 +32,7 @@ items?: DuoyunCollapseElement['items']
           name: 'DyCollapse',
         };
         </script>
-        
+
         <template>
           <dy-collapse
             ref="elementRef"

package/vue/DyCollapsePanel.vue

@@ -2,15 +2,15 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunCollapsePanelElement } from '../elements/collapse';
-        
+
         const elementRef = ref<DuoyunCollapsePanelElement>();
-        
+
         const props = defineProps<{
           searchable?: DuoyunCollapsePanelElement['searchable'],
 summary?: DuoyunCollapsePanelElement['summary'],
 toggleState?: DuoyunCollapsePanelElement['toggleState']
         }>();
-        
+
         const emit = defineEmits<{
           toggle: [event: CustomEvent<Parameters<DuoyunCollapsePanelElement['toggle']>[0]>]
         }>()
@@ -18,12 +18,12 @@ toggleState?: DuoyunCollapsePanelElement['toggleState']
         type DyCollapsePanelExpose = {
           
         }
-        
+
         defineExpose<DyCollapsePanelExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -32,7 +32,7 @@ toggleState?: DuoyunCollapsePanelElement['toggleState']
           name: 'DyCollapsePanel',
         };
         </script>
-        
+
         <template>
           <dy-collapse-panel
             ref="elementRef"

package/vue/DyColorPanel.vue

@@ -2,14 +2,14 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunColorPanelElement } from '../elements/color-panel';
-        
+
         const elementRef = ref<DuoyunColorPanelElement>();
-        
+
         const props = defineProps<{
           value?: DuoyunColorPanelElement['value'],
 alpha?: DuoyunColorPanelElement['alpha']
         }>();
-        
+
         const emit = defineEmits<{
           change: [event: CustomEvent<Parameters<DuoyunColorPanelElement['change']>[0]>]
         }>()
@@ -17,12 +17,12 @@ alpha?: DuoyunColorPanelElement['alpha']
         type DyColorPanelExpose = {
           
         }
-        
+
         defineExpose<DyColorPanelExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -31,7 +31,7 @@ alpha?: DuoyunColorPanelElement['alpha']
           name: 'DyColorPanel',
         };
         </script>
-        
+
         <template>
           <dy-color-panel
             ref="elementRef"

package/vue/DyColorPicker.vue

@@ -2,15 +2,15 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunColorPickerElement } from '../elements/color-picker';
-        
+
         const elementRef = ref<DuoyunColorPickerElement>();
-        
+
         const props = defineProps<{
           value?: DuoyunColorPickerElement['value'],
 alpha?: DuoyunColorPickerElement['alpha'],
 disabled?: DuoyunColorPickerElement['disabled']
         }>();
-        
+
         const emit = defineEmits<{
           change: [event: CustomEvent<Parameters<DuoyunColorPickerElement['change']>[0]>]
         }>()
@@ -18,7 +18,7 @@ disabled?: DuoyunColorPickerElement['disabled']
         type DyColorPickerExpose = {
           showPicker: DuoyunColorPickerElement['showPicker']
         }
-        
+
         defineExpose<DyColorPickerExpose>({
           
                 showPicker(...args) {
@@ -27,7 +27,7 @@ disabled?: DuoyunColorPickerElement['disabled']
               
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -36,7 +36,7 @@ disabled?: DuoyunColorPickerElement['disabled']
           name: 'DyColorPicker',
         };
         </script>
-        
+
         <template>
           <dy-color-picker
             ref="elementRef"

package/vue/DyCompartment.vue

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

package/vue/DyContextmenu.vue

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

package/vue/DyCopy.vue

@@ -2,16 +2,16 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunCopyElement } from '../elements/copy';
-        
+
         const elementRef = ref<DuoyunCopyElement>();
-        
+
         const props = defineProps<{
           silent?: DuoyunCopyElement['silent'],
 block?: DuoyunCopyElement['block'],
 tooltip?: DuoyunCopyElement['tooltip'],
 content?: DuoyunCopyElement['content']
         }>();
-        
+
         const emit = defineEmits<{
           copy: [event: CustomEvent<Parameters<DuoyunCopyElement['copy']>[0]>]
         }>()
@@ -19,12 +19,12 @@ content?: DuoyunCopyElement['content']
         type DyCopyExpose = {
           
         }
-        
+
         defineExpose<DyCopyExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -33,7 +33,7 @@ content?: DuoyunCopyElement['content']
           name: 'DyCopy',
         };
         </script>
-        
+
         <template>
           <dy-copy
             ref="elementRef"

package/vue/DyDatePanel.vue

@@ -2,16 +2,16 @@
         <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]>]
@@ -20,12 +20,12 @@ datehover: [event: CustomEvent<Parameters<DuoyunDatePanelElement['datehover']>[0
         type DyDatePanelExpose = {
           
         }
-        
+
         defineExpose<DyDatePanelExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -34,7 +34,7 @@ datehover: [event: CustomEvent<Parameters<DuoyunDatePanelElement['datehover']>[0
           name: 'DyDatePanel',
         };
         </script>
-        
+
         <template>
           <dy-date-panel
             ref="elementRef"

package/vue/DyDatePicker.vue

@@ -2,9 +2,9 @@
         <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'],
@@ -13,7 +13,7 @@ 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]>]
@@ -22,7 +22,7 @@ clear: [event: CustomEvent<Parameters<DuoyunDatePickerElement['clear']>[0]>]
         type DyDatePickerExpose = {
           showPicker: DuoyunDatePickerElement['showPicker']
         }
-        
+
         defineExpose<DyDatePickerExpose>({
           
                 showPicker(...args) {
@@ -31,7 +31,7 @@ clear: [event: CustomEvent<Parameters<DuoyunDatePickerElement['clear']>[0]>]
               
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -40,7 +40,7 @@ clear: [event: CustomEvent<Parameters<DuoyunDatePickerElement['clear']>[0]>]
           name: 'DyDatePicker',
         };
         </script>
-        
+
         <template>
           <dy-date-picker
             ref="elementRef"

package/vue/DyDateRangePanel.vue

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

package/vue/DyDateRangePicker.vue

@@ -2,9 +2,9 @@
         <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'],
@@ -13,7 +13,7 @@ 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]>]
@@ -22,7 +22,7 @@ clear: [event: CustomEvent<Parameters<DuoyunDateRangePickerElement['clear']>[0]>
         type DyDateRangePickerExpose = {
           showPicker: DuoyunDateRangePickerElement['showPicker']
         }
-        
+
         defineExpose<DyDateRangePickerExpose>({
           
                 showPicker(...args) {
@@ -31,7 +31,7 @@ clear: [event: CustomEvent<Parameters<DuoyunDateRangePickerElement['clear']>[0]>
               
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -40,7 +40,7 @@ clear: [event: CustomEvent<Parameters<DuoyunDateRangePickerElement['clear']>[0]>
           name: 'DyDateRangePicker',
         };
         </script>
-        
+
         <template>
           <dy-date-range-picker
             ref="elementRef"

package/vue/DyDivider.vue

@@ -2,15 +2,16 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunDividerElement } from '../elements/divider';
-        
+
         const elementRef = ref<DuoyunDividerElement>();
-        
+
         const props = defineProps<{
           size?: DuoyunDividerElement['size'],
 color?: DuoyunDividerElement['color'],
-orientation?: DuoyunDividerElement['orientation']
+orientation?: DuoyunDividerElement['orientation'],
+position?: DuoyunDividerElement['position']
         }>();
-        
+
         const emit = defineEmits<{
           
         }>()
@@ -18,12 +19,12 @@ orientation?: DuoyunDividerElement['orientation']
         type DyDividerExpose = {
           
         }
-        
+
         defineExpose<DyDividerExpose>({
           
           
         })
-        
+
         </script>
 
         <script lang="ts">
@@ -32,11 +33,11 @@ orientation?: DuoyunDividerElement['orientation']
           name: 'DyDivider',
         };
         </script>
-        
+
         <template>
           <dy-divider
             ref="elementRef"
-            .size="props.size" .color="props.color" .orientation="props.orientation"
+            .size="props.size" .color="props.color" .orientation="props.orientation" .position="props.position"
             >
             <slot />
           </dy-divider>