duoyun-ui 2.1.0 → 2.2.1

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/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/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021-present
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

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>
-