duoyun-ui 2.2.2 → 2.2.8

package/vue/DyDrawer.vue

@@ -6,28 +6,11 @@
         const elementRef = ref<DuoyunDrawerElement>();
         
         const props = defineProps<{
-          open?: DuoyunDrawerElement['open'],
-customize?: DuoyunDrawerElement['customize'],
-maskClosable?: DuoyunDrawerElement['maskClosable'],
-okText?: DuoyunDrawerElement['okText'],
-cancelText?: DuoyunDrawerElement['cancelText'],
-disableDefaultCancelBtn?: DuoyunDrawerElement['disableDefaultCancelBtn'],
-disableDefaultOKBtn?: DuoyunDrawerElement['disableDefaultOKBtn'],
-dangerDefaultOkBtn?: DuoyunDrawerElement['dangerDefaultOkBtn'],
-header?: DuoyunDrawerElement['header'],
-body?: DuoyunDrawerElement['body'],
-openAnimation?: DuoyunDrawerElement['openAnimation'],
-closeAnimation?: DuoyunDrawerElement['closeAnimation'],
-closing?: DuoyunDrawerElement['closing'],
-headerSlot?: DuoyunDrawerElement['headerSlot'],
-bodySlot?: DuoyunDrawerElement['bodySlot'],
-footerSlot?: DuoyunDrawerElement['footerSlot']
+          
         }>();
         
         const emit = defineEmits<{
-          close: [event: CustomEvent<Parameters<DuoyunDrawerElement['close']>[0]>],
-ok: [event: CustomEvent<Parameters<DuoyunDrawerElement['ok']>[0]>],
-maskclick: [event: CustomEvent<Parameters<DuoyunDrawerElement['maskclick']>[0]>]
+          
         }>()
 
         type DyDrawerExpose = {
@@ -51,8 +34,8 @@ maskclick: [event: CustomEvent<Parameters<DuoyunDrawerElement['maskclick']>[0]>]
         <template>
           <dy-drawer
             ref="elementRef"
-            .open="props.open" .customize="props.customize" .maskClosable="props.maskClosable" .okText="props.okText" .cancelText="props.cancelText" .disableDefaultCancelBtn="props.disableDefaultCancelBtn" .disableDefaultOKBtn="props.disableDefaultOKBtn" .dangerDefaultOkBtn="props.dangerDefaultOkBtn" .header="props.header" .body="props.body" .openAnimation="props.openAnimation" .closeAnimation="props.closeAnimation" .closing="props.closing" .headerSlot="props.headerSlot" .bodySlot="props.bodySlot" .footerSlot="props.footerSlot"
-            @close="e => emit('close', e)" @ok="e => emit('ok', e)" @maskclick="e => emit('maskclick', e)">
+            
+            >
             <slot />
           </dy-drawer>
         </template>

package/vue/DyEmpty.vue

@@ -6,9 +6,7 @@
         const elementRef = ref<DuoyunEmptyElement>();
         
         const props = defineProps<{
-          icon?: DuoyunEmptyElement['icon'],
-text?: DuoyunEmptyElement['text'],
-slotName?: DuoyunEmptyElement['slotName']
+          
         }>();
         
         const emit = defineEmits<{
@@ -36,7 +34,7 @@ slotName?: DuoyunEmptyElement['slotName']
         <template>
           <dy-empty
             ref="elementRef"
-            .icon="props.icon" .text="props.text" .slotName="props.slotName"
+            
             >
             <slot />
           </dy-empty>

package/vue/DyGroupedPicker.vue

@@ -0,0 +1,53 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunGroupedPickerElement } from '../elements/grouped-picker';
+        
+        const elementRef = ref<DuoyunGroupedPickerElement>();
+        
+        const props = defineProps<{
+          placeholder?: DuoyunGroupedPickerElement['placeholder'],
+disabled?: DuoyunGroupedPickerElement['disabled'],
+borderless?: DuoyunGroupedPickerElement['borderless'],
+fit?: DuoyunGroupedPickerElement['fit'],
+active?: DuoyunGroupedPickerElement['active'],
+options?: DuoyunGroupedPickerElement['options'],
+value?: DuoyunGroupedPickerElement['value'],
+renderValue?: DuoyunGroupedPickerElement['renderValue']
+        }>();
+        
+        const emit = defineEmits<{
+          change: [event: CustomEvent<Parameters<DuoyunGroupedPickerElement['change']>[0]>]
+        }>()
+
+        type DyGroupedPickerExpose = {
+          showPicker: DuoyunGroupedPickerElement['showPicker']
+        }
+        
+        defineExpose<DyGroupedPickerExpose>({
+          
+                showPicker(...args) {
+                  return elementRef.value!.showPicker(...args)
+                },
+              
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/grouped-picker';
+        export default {
+          name: 'DyGroupedPicker',
+        };
+        </script>
+        
+        <template>
+          <dy-grouped-picker
+            ref="elementRef"
+            .placeholder="props.placeholder" .disabled="props.disabled" .borderless="props.borderless" .fit="props.fit" .active="props.active" .options="props.options" .value="props.value" .renderValue="props.renderValue"
+            @change="e => emit('change', e)">
+            <slot />
+          </dy-grouped-picker>
+        </template>
+      

package/vue/DyInput.vue

@@ -6,29 +6,11 @@
         const elementRef = ref<DuoyunInputElement>();
         
         const props = defineProps<{
-          name?: DuoyunInputElement['name'],
-value?: DuoyunInputElement['value'],
-type?: DuoyunInputElement['type'],
-placeholder?: DuoyunInputElement['placeholder'],
-spellcheck?: DuoyunInputElement['spellcheck'],
-required?: DuoyunInputElement['required'],
-disabled?: DuoyunInputElement['disabled'],
-autofocus?: DuoyunInputElement['autofocus'],
-clearable?: DuoyunInputElement['clearable'],
-alwayclearable?: DuoyunInputElement['alwayclearable'],
-rows?: DuoyunInputElement['rows'],
-step?: DuoyunInputElement['step'],
-min?: DuoyunInputElement['min'],
-max?: DuoyunInputElement['max'],
-dataList?: DuoyunInputElement['dataList'],
-icon?: DuoyunInputElement['icon'],
-filled?: DuoyunInputElement['filled'],
-composing?: DuoyunInputElement['composing']
+          
         }>();
         
         const emit = defineEmits<{
-          change: [event: CustomEvent<Parameters<DuoyunInputElement['change']>[0]>],
-clear: [event: CustomEvent<Parameters<DuoyunInputElement['clear']>[0]>]
+          
         }>()
 
         type DyInputExpose = {
@@ -52,8 +34,8 @@ clear: [event: CustomEvent<Parameters<DuoyunInputElement['clear']>[0]>]
         <template>
           <dy-input
             ref="elementRef"
-            .name="props.name" .value="props.value" .type="props.type" .placeholder="props.placeholder" .spellcheck="props.spellcheck" .required="props.required" .disabled="props.disabled" .autofocus="props.autofocus" .clearable="props.clearable" .alwayclearable="props.alwayclearable" .rows="props.rows" .step="props.step" .min="props.min" .max="props.max" .dataList="props.dataList" .icon="props.icon" .filled="props.filled" .composing="props.composing"
-            @change="e => emit('change', e)" @clear="e => emit('clear', e)">
+            
+            >
             <slot />
           </dy-input>
         </template>

package/vue/DyLegend.vue

@@ -8,11 +8,7 @@
         const props = defineProps<{
           colors?: DuoyunLegendElement['colors'],
 legends?: DuoyunLegendElement['legends'],
-value?: DuoyunLegendElement['value'],
-topOverflow?: DuoyunLegendElement['topOverflow'],
-rightOverflow?: DuoyunLegendElement['rightOverflow'],
-bottomOverflow?: DuoyunLegendElement['bottomOverflow'],
-leftOverflow?: DuoyunLegendElement['leftOverflow']
+value?: DuoyunLegendElement['value']
         }>();
         
         const emit = defineEmits<{
@@ -40,7 +36,7 @@ leftOverflow?: DuoyunLegendElement['leftOverflow']
         <template>
           <dy-legend
             ref="elementRef"
-            .colors="props.colors" .legends="props.legends" .value="props.value" .topOverflow="props.topOverflow" .rightOverflow="props.rightOverflow" .bottomOverflow="props.bottomOverflow" .leftOverflow="props.leftOverflow"
+            .colors="props.colors" .legends="props.legends" .value="props.value"
             @change="e => emit('change', e)">
             <slot />
           </dy-legend>

package/vue/{DyListOutside.vue → DyLetters.vue}

@@ -1,9 +1,9 @@
 
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
-        import { DuoyunOutsideElement } from '../elements/list';
+        import { DuoyunLettersElement } from '../elements/letters';
         
-        const elementRef = ref<DuoyunOutsideElement>();
+        const elementRef = ref<DuoyunLettersElement>();
         
         const props = defineProps<{
           
@@ -13,11 +13,11 @@
           
         }>()
 
-        type DyListOutsideExpose = {
+        type DyLettersExpose = {
           
         }
         
-        defineExpose<DyListOutsideExpose>({
+        defineExpose<DyLettersExpose>({
           
           
         })
@@ -25,18 +25,18 @@
         </script>
 
         <script lang="ts">
-        export * from '../elements/list';
+        export * from '../elements/letters';
         export default {
-          name: 'DyListOutside',
+          name: 'DyLetters',
         };
         </script>
         
         <template>
-          <dy-list-outside
+          <dy-letters
             ref="elementRef"
             
             >
             <slot />
-          </dy-list-outside>
+          </dy-letters>
         </template>
       

package/vue/DyList.vue

@@ -6,23 +6,11 @@
         const elementRef = ref<DuoyunListElement>();
         
         const props = defineProps<{
-          /**@deprecated */
-data?: DuoyunListElement['data'],
-items?: DuoyunListElement['items'],
-key?: DuoyunListElement['key'],
-renderItem?: DuoyunListElement['renderItem'],
-debug?: DuoyunListElement['debug'],
-infinite?: DuoyunListElement['infinite'],
-getKey?: DuoyunListElement['getKey'],
-persistentState?: DuoyunListElement['persistentState'],
-persistentState?: DuoyunListElement['persistentState'],
-scrollContainer?: DuoyunListElement['scrollContainer']
+          renderItem?: DuoyunListElement['renderItem']
         }>();
         
         const emit = defineEmits<{
-          backward: [event: CustomEvent<Parameters<DuoyunListElement['backward']>[0]>],
-forward: [event: CustomEvent<Parameters<DuoyunListElement['forward']>[0]>],
-itemshow: [event: CustomEvent<Parameters<DuoyunListElement['itemshow']>[0]>]
+          
         }>()
 
         type DyListExpose = {
@@ -46,8 +34,8 @@ itemshow: [event: CustomEvent<Parameters<DuoyunListElement['itemshow']>[0]>]
         <template>
           <dy-list
             ref="elementRef"
-            .data="props.data" .items="props.items" .key="props.key" .renderItem="props.renderItem" .debug="props.debug" .infinite="props.infinite" .getKey="props.getKey" .persistentState="props.persistentState" .persistentState="props.persistentState" .scrollContainer="props.scrollContainer"
-            @backward="e => emit('backward', e)" @forward="e => emit('forward', e)" @itemshow="e => emit('itemshow', e)">
+            .renderItem="props.renderItem"
+            >
             <slot />
           </dy-list>
         </template>

package/vue/DyOptions.vue

@@ -6,9 +6,7 @@
         const elementRef = ref<DuoyunOptionsElement>();
         
         const props = defineProps<{
-          searchable?: DuoyunOptionsElement['searchable'],
-options?: DuoyunOptionsElement['options'],
-adder?: DuoyunOptionsElement['adder']
+          
         }>();
         
         const emit = defineEmits<{
@@ -36,7 +34,7 @@ adder?: DuoyunOptionsElement['adder']
         <template>
           <dy-options
             ref="elementRef"
-            .searchable="props.searchable" .options="props.options" .adder="props.adder"
+            
             >
             <slot />
           </dy-options>

package/vue/DyPatForm.vue

@@ -12,7 +12,7 @@ valid?: DyPatFormElement['valid']
         }>();
         
         const emit = defineEmits<{
-          
+          change: [event: CustomEvent<Parameters<DyPatFormElement['change']>[0]>]
         }>()
 
         type DyPatFormExpose = {
@@ -37,7 +37,7 @@ valid?: DyPatFormElement['valid']
           <dy-pat-form
             ref="elementRef"
             .data="props.data" .formItems="props.formItems" .valid="props.valid"
-            >
+            @change="e => emit('change', e)">
             <slot />
           </dy-pat-form>
         </template>

package/vue/DyPlaceholder.vue

@@ -6,14 +6,7 @@
         const elementRef = ref<DuoyunPlaceholderElement>();
         
         const props = defineProps<{
-          /**@deprecated */
-mode?: DuoyunPlaceholderElement['mode'],
-type?: DuoyunPlaceholderElement['type'],
-center?: DuoyunPlaceholderElement['center'],
-width?: DuoyunPlaceholderElement['width'],
-color?: DuoyunPlaceholderElement['color'],
-maxLine?: DuoyunPlaceholderElement['maxLine'],
-minLine?: DuoyunPlaceholderElement['minLine']
+          
         }>();
         
         const emit = defineEmits<{
@@ -41,7 +34,7 @@ minLine?: DuoyunPlaceholderElement['minLine']
         <template>
           <dy-placeholder
             ref="elementRef"
-            .mode="props.mode" .type="props.type" .center="props.center" .width="props.width" .color="props.color" .maxLine="props.maxLine" .minLine="props.minLine"
+            
             >
             <slot />
           </dy-placeholder>

package/vue/DyRadio.vue

@@ -6,13 +6,11 @@
         const elementRef = ref<DuoyunRadioElement>();
         
         const props = defineProps<{
-          checked?: DuoyunRadioElement['checked'],
-disabled?: DuoyunRadioElement['disabled'],
-value?: DuoyunRadioElement['value']
+          
         }>();
         
         const emit = defineEmits<{
-          change: [event: CustomEvent<Parameters<DuoyunRadioElement['change']>[0]>]
+          
         }>()
 
         type DyRadioExpose = {
@@ -36,8 +34,8 @@ value?: DuoyunRadioElement['value']
         <template>
           <dy-radio
             ref="elementRef"
-            .checked="props.checked" .disabled="props.disabled" .value="props.value"
-            @change="e => emit('change', e)">
+            
+            >
             <slot />
           </dy-radio>
         </template>

package/vue/DyRadioGroup.vue

@@ -6,14 +6,11 @@
         const elementRef = ref<DuoyunRadioGroupElement>();
         
         const props = defineProps<{
-          orientation?: DuoyunRadioGroupElement['orientation'],
-disabled?: DuoyunRadioGroupElement['disabled'],
-value?: DuoyunRadioGroupElement['value'],
-options?: DuoyunRadioGroupElement['options']
+          
         }>();
         
         const emit = defineEmits<{
-          change: [event: CustomEvent<Parameters<DuoyunRadioGroupElement['change']>[0]>]
+          
         }>()
 
         type DyRadioGroupExpose = {
@@ -37,8 +34,8 @@ options?: DuoyunRadioGroupElement['options']
         <template>
           <dy-radio-group
             ref="elementRef"
-            .orientation="props.orientation" .disabled="props.disabled" .value="props.value" .options="props.options"
-            @change="e => emit('change', e)">
+            
+            >
             <slot />
           </dy-radio-group>
         </template>

package/vue/DyRate.vue

@@ -6,14 +6,11 @@
         const elementRef = ref<DuoyunRateElement>();
         
         const props = defineProps<{
-          value?: DuoyunRateElement['value'],
-total?: DuoyunRateElement['total'],
-disabled?: DuoyunRateElement['disabled'],
-readonly?: DuoyunRateElement['readonly']
+          
         }>();
         
         const emit = defineEmits<{
-          change: [event: CustomEvent<Parameters<DuoyunRateElement['change']>[0]>]
+          
         }>()
 
         type DyRateExpose = {
@@ -37,8 +34,8 @@ readonly?: DuoyunRateElement['readonly']
         <template>
           <dy-rate
             ref="elementRef"
-            .value="props.value" .total="props.total" .disabled="props.disabled" .readonly="props.readonly"
-            @change="e => emit('change', e)">
+            
+            >
             <slot />
           </dy-rate>
         </template>

package/vue/DyRollingNumber.vue

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

package/vue/DySegmented.vue

@@ -6,15 +6,11 @@
         const elementRef = ref<DuoyunSegmentedElement>();
         
         const props = defineProps<{
-          disabled?: DuoyunSegmentedElement['disabled'],
-small?: DuoyunSegmentedElement['small'],
-animating?: DuoyunSegmentedElement['animating'],
-options?: DuoyunSegmentedElement['options'],
-value?: DuoyunSegmentedElement['value']
+          
         }>();
         
         const emit = defineEmits<{
-          change: [event: CustomEvent<Parameters<DuoyunSegmentedElement['change']>[0]>]
+          
         }>()
 
         type DySegmentedExpose = {
@@ -38,8 +34,8 @@ value?: DuoyunSegmentedElement['value']
         <template>
           <dy-segmented
             ref="elementRef"
-            .disabled="props.disabled" .small="props.small" .animating="props.animating" .options="props.options" .value="props.value"
-            @change="e => emit('change', e)">
+            
+            >
             <slot />
           </dy-segmented>
         </template>

package/vue/DySlider.vue

@@ -6,19 +6,11 @@
         const elementRef = ref<DuoyunSliderElement>();
         
         const props = defineProps<{
-          label?: DuoyunSliderElement['label'],
-orientation?: DuoyunSliderElement['orientation'],
-editable?: DuoyunSliderElement['editable'],
-disabled?: DuoyunSliderElement['disabled'],
-value?: DuoyunSliderElement['value'],
-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]>]
+          
         }>()
 
         type DySliderExpose = {
@@ -42,8 +34,8 @@ end: [event: CustomEvent<Parameters<DuoyunSliderElement['end']>[0]>]
         <template>
           <dy-slider
             ref="elementRef"
-            .label="props.label" .orientation="props.orientation" .editable="props.editable" .disabled="props.disabled" .value="props.value" .min="props.min" .max="props.max" .step="props.step"
-            @change="e => emit('change', e)" @end="e => emit('end', e)">
+            
+            >
             <slot />
           </dy-slider>
         </template>

package/vue/DySortItem.vue

@@ -6,7 +6,7 @@
         const elementRef = ref<DuoyunSortItemElement>();
         
         const props = defineProps<{
-          handle?: DuoyunSortItemElement['handle']
+          
         }>();
         
         const emit = defineEmits<{
@@ -34,7 +34,7 @@
         <template>
           <dy-sort-item
             ref="elementRef"
-            .handle="props.handle"
+            
             >
             <slot />
           </dy-sort-item>

package/vue/DySpace.vue

@@ -6,8 +6,7 @@
         const elementRef = ref<DuoyunSpaceElement>();
         
         const props = defineProps<{
-          size?: DuoyunSpaceElement['size'],
-orientation?: DuoyunSpaceElement['orientation']
+          
         }>();
         
         const emit = defineEmits<{
@@ -35,7 +34,7 @@ orientation?: DuoyunSpaceElement['orientation']
         <template>
           <dy-space
             ref="elementRef"
-            .size="props.size" .orientation="props.orientation"
+            
             >
             <slot />
           </dy-space>

package/vue/DySwitch.vue

@@ -6,14 +6,11 @@
         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]>]
+          
         }>()
 
         type DySwitchExpose = {
@@ -37,8 +34,8 @@ neutral?: DuoyunSwitchElement['neutral']
         <template>
           <dy-switch
             ref="elementRef"
-            .disabled="props.disabled" .checked="props.checked" .value="props.value" .neutral="props.neutral"
-            @change="e => emit('change', e)">
+            
+            >
             <slot />
           </dy-switch>
         </template>

package/vue/DyTag.vue

@@ -6,16 +6,11 @@
         const elementRef = ref<DuoyunTagElement>();
         
         const props = defineProps<{
-          closable?: DuoyunTagElement['closable'],
-color?: DuoyunTagElement['color'],
-/**@deprecated */
-mode?: DuoyunTagElement['mode'],
-type?: DuoyunTagElement['type'],
-small?: DuoyunTagElement['small']
+          
         }>();
         
         const emit = defineEmits<{
-          close: [event: CustomEvent<Parameters<DuoyunTagElement['close']>[0]>]
+          
         }>()
 
         type DyTagExpose = {
@@ -39,8 +34,8 @@ small?: DuoyunTagElement['small']
         <template>
           <dy-tag
             ref="elementRef"
-            .closable="props.closable" .color="props.color" .mode="props.mode" .type="props.type" .small="props.small"
-            @close="e => emit('close', e)">
+            
+            >
             <slot />
           </dy-tag>
         </template>