duoyun-ui 2.2.0 → 2.2.1

package/vue/DyUnsafe.vue

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

package/vue/DyUse.vue

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

package/vue/DyVestaboard.vue

@@ -0,0 +1,46 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunVestaboardElement } from '../elements/vestaboard';
+        
+        const elementRef = ref<DuoyunVestaboardElement>();
+        
+        const props = defineProps<{
+          char?: DuoyunVestaboardElement['char'],
+variant?: DuoyunVestaboardElement['variant'],
+direction?: DuoyunVestaboardElement['direction'],
+duration?: DuoyunVestaboardElement['duration'],
+debug?: DuoyunVestaboardElement['debug']
+        }>();
+        
+        const emit = defineEmits<{
+          
+        }>()
+
+        type DyVestaboardExpose = {
+          
+        }
+        
+        defineExpose<DyVestaboardExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/vestaboard';
+        export default {
+          name: 'DyVestaboard',
+        };
+        </script>
+        
+        <template>
+          <dy-vestaboard
+            ref="elementRef"
+            .char="props.char" .variant="props.variant" .direction="props.direction" .duration="props.duration" .debug="props.debug"
+            >
+            <slot />
+          </dy-vestaboard>
+        </template>
+      

package/vue/DyWait.vue

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

package/react/DyModal.d.ts

@@ -1,32 +0,0 @@
-import { HTMLAttributes, RefAttributes } from 'react';
-import { ForwardRefExoticComponent } from 'react';
-import { DuoyunModalElement } from '../elements/modal';
-export * from '../elements/modal';
-export type DyModalProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunModalElement> & {
-    open?: DuoyunModalElement['open'];
-    customize?: DuoyunModalElement['customize'];
-    maskClosable?: DuoyunModalElement['maskClosable'];
-    okText?: DuoyunModalElement['okText'];
-    cancelText?: DuoyunModalElement['cancelText'];
-    disableDefaultCancelBtn?: DuoyunModalElement['disableDefaultCancelBtn'];
-    disableDefaultOKBtn?: DuoyunModalElement['disableDefaultOKBtn'];
-    dangerDefaultOkBtn?: DuoyunModalElement['dangerDefaultOkBtn'];
-    'onclose'?: (event: CustomEvent<Parameters<DuoyunModalElement['close']>[0]>) => void;
-    'onok'?: (event: CustomEvent<Parameters<DuoyunModalElement['ok']>[0]>) => void;
-    'onmaskclick'?: (event: CustomEvent<Parameters<DuoyunModalElement['maskclick']>[0]>) => void;
-    header?: DuoyunModalElement['header'];
-    body?: DuoyunModalElement['body'];
-    openAnimation?: DuoyunModalElement['openAnimation'];
-    closeAnimation?: DuoyunModalElement['closeAnimation'];
-    closing?: DuoyunModalElement['closing'];
-};
-export type DyModalExpose = {};
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'dy-modal': DyModalProps;
-        }
-    }
-}
-export declare const DyModal: ForwardRefExoticComponent<Omit<DyModalProps, "ref"> & RefAttributes<DyModalExpose>>;
-export default DyModal;

package/react/DyModal.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { forwardRef, useImperativeHandle, useRef } from 'react';
-export * from '../elements/modal';
-export const DyModal = forwardRef(function (props, ref) {
-    const elementRef = useRef(null);
-    useImperativeHandle(ref, () => {
-        return {};
-    }, []);
-    return React.createElement("dy-modal", { ref: elementRef, ...props });
-});
-export default DyModal;

package/svelte/modal.d.ts

@@ -1,26 +0,0 @@
-import type { HTMLAttributes } from "svelte/elements";
-import { DuoyunModalElement } from '../elements/modal';
-export * from '../elements/modal';
-interface DyModalProps extends HTMLAttributes<HTMLElement> {
-    open?: DuoyunModalElement['open'];
-    customize?: DuoyunModalElement['customize'];
-    maskClosable?: DuoyunModalElement['maskClosable'];
-    okText?: DuoyunModalElement['okText'];
-    cancelText?: DuoyunModalElement['cancelText'];
-    disableDefaultCancelBtn?: DuoyunModalElement['disableDefaultCancelBtn'];
-    disableDefaultOKBtn?: DuoyunModalElement['disableDefaultOKBtn'];
-    dangerDefaultOkBtn?: DuoyunModalElement['dangerDefaultOkBtn'];
-    'on:close'?: (event: CustomEvent<Parameters<DuoyunModalElement['close']>[0]>) => void;
-    'on:ok'?: (event: CustomEvent<Parameters<DuoyunModalElement['ok']>[0]>) => void;
-    'on:maskclick'?: (event: CustomEvent<Parameters<DuoyunModalElement['maskclick']>[0]>) => void;
-    header?: DuoyunModalElement['header'];
-    body?: DuoyunModalElement['body'];
-    openAnimation?: DuoyunModalElement['openAnimation'];
-    closeAnimation?: DuoyunModalElement['closeAnimation'];
-    closing?: DuoyunModalElement['closing'];
-}
-declare module "svelte/elements" {
-    interface SvelteHTMLElements {
-        'dy-modal': DyModalProps;
-    }
-}

package/svelte/modal.js

@@ -1,2 +0,0 @@
-export * from '../elements/modal';
-;

package/vue/DyModal.vue

@@ -1,71 +0,0 @@
-
-        <script setup lang="ts">
-        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
-        import { DuoyunModalElement } from '../elements/modal';
-        
-        const elementRef = ref<DuoyunModalElement>();
-        
-        const props = defineProps<{
-          open?: DuoyunModalElement['open'],
-customize?: DuoyunModalElement['customize'],
-maskClosable?: DuoyunModalElement['maskClosable'],
-okText?: DuoyunModalElement['okText'],
-cancelText?: DuoyunModalElement['cancelText'],
-disableDefaultCancelBtn?: DuoyunModalElement['disableDefaultCancelBtn'],
-disableDefaultOKBtn?: DuoyunModalElement['disableDefaultOKBtn'],
-dangerDefaultOkBtn?: DuoyunModalElement['dangerDefaultOkBtn'],
-header?: DuoyunModalElement['header'],
-body?: DuoyunModalElement['body'],
-openAnimation?: DuoyunModalElement['openAnimation'],
-closeAnimation?: DuoyunModalElement['closeAnimation'],
-closing?: DuoyunModalElement['closing']
-        }>();
-        
-        const emit = defineEmits<{
-          close: [event: CustomEvent<Parameters<DuoyunModalElement['close']>[0]>],
-ok: [event: CustomEvent<Parameters<DuoyunModalElement['ok']>[0]>],
-maskclick: [event: CustomEvent<Parameters<DuoyunModalElement['maskclick']>[0]>]
-        }>()
-
-        type DyModalExpose = {
-          
-        }
-        
-        defineExpose<DyModalExpose>({
-          
-          
-        })
-        
-        // prop 可以用 :prop
-        onMounted(() => {
-          const element = elementRef.value!;
-          element.open = props.open;
-element.customize = props.customize;
-element.maskClosable = props.maskClosable;
-element.okText = props.okText;
-element.cancelText = props.cancelText;
-element.disableDefaultCancelBtn = props.disableDefaultCancelBtn;
-element.disableDefaultOKBtn = props.disableDefaultOKBtn;
-element.dangerDefaultOkBtn = props.dangerDefaultOkBtn;
-element.header = props.header;
-element.body = props.body;
-element.openAnimation = props.openAnimation;
-element.closeAnimation = props.closeAnimation;
-element.closing = props.closing
-        })
-        
-        </script>
-
-        <script lang="ts">
-        export * from '../elements/modal';
-        export default {
-          name: 'DyModal',
-        };
-        </script>
-        
-        <template>
-          <dy-modal ref="elementRef" v-bind="props" @close="e => emit('close', e)" @ok="e => emit('ok', e)" @maskclick="e => emit('maskclick', e)">
-            <slot />
-          </dy-modal>
-        </template>
-