duoyun-ui 2.2.9 → 2.2.12

package/vue/DyBadge.vue

@@ -6,7 +6,13 @@
         const elementRef = ref<DuoyunBadgeElement>();
         
         const props = defineProps<{
-          
+          color?: DuoyunBadgeElement['color'],
+count?: DuoyunBadgeElement['count'],
+dot?: DuoyunBadgeElement['dot'],
+small?: DuoyunBadgeElement['small'],
+max?: DuoyunBadgeElement['max'],
+inline?: DuoyunBadgeElement['inline'],
+icon?: DuoyunBadgeElement['icon']
         }>();
         
         const emit = defineEmits<{
@@ -34,7 +40,7 @@
         <template>
           <dy-badge
             ref="elementRef"
-            
+            .color="props.color" .count="props.count" .dot="props.dot" .small="props.small" .max="props.max" .inline="props.inline" .icon="props.icon"
             >
             <slot />
           </dy-badge>

package/vue/DyBanner.vue

@@ -6,11 +6,13 @@
         const elementRef = ref<DuoyunBannerElement>();
         
         const props = defineProps<{
-          
+          closable?: DuoyunBannerElement['closable'],
+status?: DuoyunBannerElement['status'],
+action?: DuoyunBannerElement['action']
         }>();
         
         const emit = defineEmits<{
-          
+          close: [event: CustomEvent<Parameters<DuoyunBannerElement['close']>[0]>]
         }>()
 
         type DyBannerExpose = {
@@ -34,8 +36,8 @@
         <template>
           <dy-banner
             ref="elementRef"
-            
-            >
+            .closable="props.closable" .status="props.status" .action="props.action"
+            @close="e => emit('close', e)">
             <slot />
           </dy-banner>
         </template>

package/vue/DyButton.vue

@@ -6,7 +6,19 @@
         const elementRef = ref<DuoyunButtonElement>();
         
         const props = defineProps<{
-          
+          type?: DuoyunButtonElement['type'],
+color?: DuoyunButtonElement['color'],
+small?: DuoyunButtonElement['small'],
+round?: DuoyunButtonElement['round'],
+square?: DuoyunButtonElement['square'],
+disabled?: DuoyunButtonElement['disabled'],
+borderless?: DuoyunButtonElement['borderless'],
+dropdown?: DuoyunButtonElement['dropdown'],
+route?: DuoyunButtonElement['route'],
+params?: DuoyunButtonElement['params'],
+query?: DuoyunButtonElement['query'],
+icon?: DuoyunButtonElement['icon'],
+active?: DuoyunButtonElement['active']
         }>();
         
         const emit = defineEmits<{
@@ -34,7 +46,7 @@
         <template>
           <dy-button
             ref="elementRef"
-            
+            .type="props.type" .color="props.color" .small="props.small" .round="props.round" .square="props.square" .disabled="props.disabled" .borderless="props.borderless" .dropdown="props.dropdown" .route="props.route" .params="props.params" .query="props.query" .icon="props.icon" .active="props.active"
             >
             <slot />
           </dy-button>

package/vue/DyCheckbox.vue

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

package/vue/DyCodeBlock.vue

@@ -6,7 +6,9 @@
         const elementRef = ref<DuoyunCodeBlockElement>();
         
         const props = defineProps<{
-          
+          codelang?: DuoyunCodeBlockElement['codelang'],
+range?: DuoyunCodeBlockElement['range'],
+highlight?: DuoyunCodeBlockElement['highlight']
         }>();
         
         const emit = defineEmits<{
@@ -34,7 +36,7 @@
         <template>
           <dy-code-block
             ref="elementRef"
-            
+            .codelang="props.codelang" .range="props.range" .highlight="props.highlight"
             >
             <slot />
           </dy-code-block>

package/vue/DyCollapsePanel.vue

@@ -6,11 +6,14 @@
         const elementRef = ref<DuoyunCollapsePanelElement>();
         
         const props = defineProps<{
-          
+          searchable?: DuoyunCollapsePanelElement['searchable'],
+summary?: DuoyunCollapsePanelElement['summary'],
+collapsePanel?: DuoyunCollapsePanelElement['collapsePanel'],
+toggleState?: DuoyunCollapsePanelElement['toggleState']
         }>();
         
         const emit = defineEmits<{
-          
+          toggle: [event: CustomEvent<Parameters<DuoyunCollapsePanelElement['toggle']>[0]>]
         }>()
 
         type DyCollapsePanelExpose = {
@@ -34,8 +37,8 @@
         <template>
           <dy-collapse-panel
             ref="elementRef"
-            
-            >
+            .searchable="props.searchable" .summary="props.summary" .collapsePanel="props.collapsePanel" .toggleState="props.toggleState"
+            @toggle="e => emit('toggle', e)">
             <slot />
           </dy-collapse-panel>
         </template>

package/vue/DyCompartment.vue

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

package/vue/DyCountdown.vue

@@ -6,11 +6,12 @@
         const elementRef = ref<DuoyunCountdownElement>();
         
         const props = defineProps<{
-          
+          value?: DuoyunCountdownElement['value'],
+renderChar?: DuoyunCountdownElement['renderChar']
         }>();
         
         const emit = defineEmits<{
-          
+          finish: [event: CustomEvent<Parameters<DuoyunCountdownElement['finish']>[0]>]
         }>()
 
         type DyCountdownExpose = {
@@ -34,8 +35,8 @@
         <template>
           <dy-countdown
             ref="elementRef"
-            
-            >
+            .value="props.value" .renderChar="props.renderChar"
+            @finish="e => emit('finish', e)">
             <slot />
           </dy-countdown>
         </template>

package/vue/DyDivider.vue

@@ -6,7 +6,10 @@
         const elementRef = ref<DuoyunDividerElement>();
         
         const props = defineProps<{
-          
+          size?: DuoyunDividerElement['size'],
+color?: DuoyunDividerElement['color'],
+orientation?: DuoyunDividerElement['orientation'],
+position?: DuoyunDividerElement['position']
         }>();
         
         const emit = defineEmits<{
@@ -34,7 +37,7 @@
         <template>
           <dy-divider
             ref="elementRef"
-            
+            .size="props.size" .color="props.color" .orientation="props.orientation" .position="props.position"
             >
             <slot />
           </dy-divider>

package/vue/DyDrawer.vue

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

package/vue/DyGesture.vue

@@ -6,11 +6,18 @@
         const elementRef = ref<DuoyunGestureElement>();
         
         const props = defineProps<{
-          
+          touchAction?: DuoyunGestureElement['touchAction'],
+grabbing?: DuoyunGestureElement['grabbing'],
+movesMap?: DuoyunGestureElement['movesMap']
         }>();
         
         const emit = defineEmits<{
-          
+          pan: [event: CustomEvent<Parameters<DuoyunGestureElement['pan']>[0]>],
+pinch: [event: CustomEvent<Parameters<DuoyunGestureElement['pinch']>[0]>],
+rotate: [event: CustomEvent<Parameters<DuoyunGestureElement['rotate']>[0]>],
+swipe: [event: CustomEvent<Parameters<DuoyunGestureElement['swipe']>[0]>],
+press: [event: CustomEvent<Parameters<DuoyunGestureElement['press']>[0]>],
+end: [event: CustomEvent<Parameters<DuoyunGestureElement['end']>[0]>]
         }>()
 
         type DyGestureExpose = {
@@ -34,8 +41,8 @@
         <template>
           <dy-gesture
             ref="elementRef"
-            
-            >
+            .touchAction="props.touchAction" .grabbing="props.grabbing" .movesMap="props.movesMap"
+            @pan="e => emit('pan', e)" @pinch="e => emit('pinch', e)" @rotate="e => emit('rotate', e)" @swipe="e => emit('swipe', e)" @press="e => emit('press', e)" @end="e => emit('end', e)">
             <slot />
           </dy-gesture>
         </template>

package/vue/DyInput.vue

@@ -6,11 +6,29 @@
         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 = {
@@ -34,8 +52,8 @@
         <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/DyLetters.vue

@@ -6,20 +6,35 @@
         const elementRef = ref<DuoyunLettersElement>();
         
         const props = defineProps<{
-          
+          text?: DuoyunLettersElement['text'],
+colors?: DuoyunLettersElement['colors'],
+strokeWidth?: DuoyunLettersElement['strokeWidth'],
+duration?: DuoyunLettersElement['duration'],
+easing?: DuoyunLettersElement['easing'],
+autoplay?: DuoyunLettersElement['autoplay'],
+layout?: DuoyunLettersElement['layout'],
+play?: DuoyunLettersElement['play'],
+pause?: DuoyunLettersElement['pause'],
+resume?: DuoyunLettersElement['resume'],
+position?: DuoyunLettersElement['position']
         }>();
         
         const emit = defineEmits<{
-          
+          finished: [event: CustomEvent<Parameters<DuoyunLettersElement['finished']>[0]>],
+elapse: [event: CustomEvent<Parameters<DuoyunLettersElement['elapse']>[0]>]
         }>()
 
         type DyLettersExpose = {
-          
+          playing: DuoyunLettersElement['playing']
         }
         
         defineExpose<DyLettersExpose>({
           
           
+                get playing() {
+                  return elementRef.value!.playing
+                },
+              
         })
         
         </script>
@@ -34,8 +49,8 @@
         <template>
           <dy-letters
             ref="elementRef"
-            
-            >
+            .text="props.text" .colors="props.colors" .strokeWidth="props.strokeWidth" .duration="props.duration" .easing="props.easing" .autoplay="props.autoplay" .layout="props.layout" .play="props.play" .pause="props.pause" .resume="props.resume" .position="props.position"
+            @finished="e => emit('finished', e)" @elapse="e => emit('elapse', e)">
             <slot />
           </dy-letters>
         </template>

package/vue/DyLink.vue

@@ -6,7 +6,18 @@
         const elementRef = ref<DuoyunLinkElement>();
         
         const props = defineProps<{
-          
+          href?: DuoyunLinkElement['href'],
+target?: DuoyunLinkElement['target'],
+path?: DuoyunLinkElement['path'],
+query?: DuoyunLinkElement['query'],
+hash?: DuoyunLinkElement['hash'],
+hint?: DuoyunLinkElement['hint'],
+preload?: DuoyunLinkElement['preload'],
+route?: DuoyunLinkElement['route'],
+/**@deprecated */
+options?: DuoyunLinkElement['options'],
+routeOptions?: DuoyunLinkElement['routeOptions'],
+prepare?: DuoyunLinkElement['prepare']
         }>();
         
         const emit = defineEmits<{
@@ -34,7 +45,7 @@
         <template>
           <dy-link
             ref="elementRef"
-            
+            .href="props.href" .target="props.target" .path="props.path" .query="props.query" .hash="props.hash" .hint="props.hint" .preload="props.preload" .route="props.route" .options="props.options" .routeOptions="props.routeOptions" .prepare="props.prepare"
             >
             <slot />
           </dy-link>

package/vue/DyList.vue

@@ -6,11 +6,24 @@
         const elementRef = ref<DuoyunListElement>();
         
         const props = defineProps<{
-          renderItem?: DuoyunListElement['renderItem']
+          renderItem?: DuoyunListElement['renderItem'],
+/**@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']
         }>();
         
         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 = {
@@ -34,8 +47,8 @@
         <template>
           <dy-list
             ref="elementRef"
-            .renderItem="props.renderItem"
-            >
+            .renderItem="props.renderItem" .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)">
             <slot />
           </dy-list>
         </template>

package/vue/DyOptions.vue

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

package/vue/DyPlaceholder.vue

@@ -6,7 +6,14 @@
         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<{
@@ -34,7 +41,7 @@
         <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,11 +6,13 @@
         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 = {
@@ -34,8 +36,8 @@
         <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/DyRate.vue

@@ -6,11 +6,14 @@
         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 = {
@@ -34,8 +37,8 @@
         <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/DyReflect.vue

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

package/vue/DyRollingNumber.vue

@@ -6,7 +6,11 @@
         const elementRef = ref<DuoyunRollingNumberElement>();
         
         const props = defineProps<{
-          
+          value?: DuoyunRollingNumberElement['value'],
+duration?: DuoyunRollingNumberElement['duration'],
+easing?: DuoyunRollingNumberElement['easing'],
+maxblur?: DuoyunRollingNumberElement['maxblur'],
+align?: DuoyunRollingNumberElement['align']
         }>();
         
         const emit = defineEmits<{
@@ -34,7 +38,7 @@
         <template>
           <dy-rolling-number
             ref="elementRef"
-            
+            .value="props.value" .duration="props.duration" .easing="props.easing" .maxblur="props.maxblur" .align="props.align"
             >
             <slot />
           </dy-rolling-number>

package/vue/DySegmented.vue

@@ -6,11 +6,15 @@
         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 = {
@@ -34,8 +38,8 @@
         <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>