unika-components 1.0.319 → 1.0.320

package/dist/src/components/LongPage/LongPage.vue.d.ts

@@ -1,11 +1,11 @@
 import { PropType } from 'vue';
-import { ComponentData, WorkData } from '../../defaultProps';
+import { ElementData, WorkData } from '../../defaultProps';
 declare const _default: import("vue").DefineComponent<{
     work: {
         type: PropType<WorkData>;
     };
     components: {
-        type: PropType<ComponentData[]>;
+        type: PropType<ElementData[]>;
         required: true;
     };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<WorkData>;
     };
     components: {
-        type: PropType<ComponentData[]>;
+        type: PropType<ElementData[]>;
         required: true;
     };
 }>>, {}, {}>;

package/dist/src/components/UniText/UniText.vue.d.ts

@@ -1,11 +1,285 @@
 declare const _default: import("vue").DefineComponent<{
-    [x: string]: any;
+    pid: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    textContent: {
+        type: StringConstructor;
+        default: string;
+    };
+    layerName: {
+        type: StringConstructor;
+        default: string;
+    };
+    sign: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    signSort: {
+        type: NumberConstructor;
+        default: number;
+    };
+    signType: {
+        type: StringConstructor;
+        default: string;
+    };
+    nameSign: {
+        type: StringConstructor;
+        default: string;
+    };
+    css: {
+        type: () => CSSProperties;
+        default: () => {
+            fontFamily: string;
+            fontSize: number;
+            lineHeight: number;
+            letterSpacing: number;
+            fontWeight: string;
+            textDecoration: string;
+            textAlign: string;
+            writingMode: string;
+            webkitWritingMode: string;
+            fontStyle: string;
+            borderWidth: number;
+            borderStyle: string;
+            borderColor: string;
+            color: string;
+            opacity: number;
+            width: number;
+            height: string;
+            left: number;
+            top: number;
+            transform: number;
+            padding: number;
+            backgroundColor: string;
+            textIndent: number;
+            borderRadius: number;
+        };
+    };
+    triggers: {
+        type: () => Triggers;
+        default: () => {
+            event: string;
+            link: string;
+            go: string;
+            phone: string;
+            musicName: string;
+            musicLink: string;
+            musicHash: string;
+        };
+    };
+    properties: {
+        type: () => Properties;
+        default: () => {
+            visible: boolean;
+            isLock: boolean;
+            required: boolean;
+            musicName: string;
+            musicLink: string;
+            musicHash: string;
+            shadowSize: number;
+            shadowColor: string;
+            shadowX: number;
+            shadowY: number;
+            shadowBlur: number;
+            shadowPoint: number;
+            aniOrigin: string;
+            animations: never[];
+            textAni: never[];
+        };
+    };
 }, {
-    styleProps: import("vue").ComputedRef<Pick<any, string>>;
+    audioPlayer: import("vue").Ref<HTMLAudioElement | null>;
+    textStyle: import("vue").ComputedRef<{
+        fontFamily: string;
+        fontSize: string;
+        lineHeight: number;
+        letterSpacing: string;
+        fontWeight: string;
+        textDecoration: string;
+        textAlign: string;
+        writingMode: string;
+        WebkitWritingMode: string;
+        fontStyle: string;
+        borderWidth: string;
+        borderStyle: string;
+        borderColor: string;
+        color: string;
+        opacity: number;
+        width: string;
+        height: string;
+        left: string;
+        top: string;
+        transform: string;
+        padding: string;
+        backgroundColor: string;
+        textIndent: string;
+        borderRadius: string;
+        boxShadow: string;
+        position: string;
+    }>;
     handleClick: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    [x: string]: any;
+    pid: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    textContent: {
+        type: StringConstructor;
+        default: string;
+    };
+    layerName: {
+        type: StringConstructor;
+        default: string;
+    };
+    sign: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    signSort: {
+        type: NumberConstructor;
+        default: number;
+    };
+    signType: {
+        type: StringConstructor;
+        default: string;
+    };
+    nameSign: {
+        type: StringConstructor;
+        default: string;
+    };
+    css: {
+        type: () => CSSProperties;
+        default: () => {
+            fontFamily: string;
+            fontSize: number;
+            lineHeight: number;
+            letterSpacing: number;
+            fontWeight: string;
+            textDecoration: string;
+            textAlign: string;
+            writingMode: string;
+            webkitWritingMode: string;
+            fontStyle: string;
+            borderWidth: number;
+            borderStyle: string;
+            borderColor: string;
+            color: string;
+            opacity: number;
+            width: number;
+            height: string;
+            left: number;
+            top: number;
+            transform: number;
+            padding: number;
+            backgroundColor: string;
+            textIndent: number;
+            borderRadius: number;
+        };
+    };
+    triggers: {
+        type: () => Triggers;
+        default: () => {
+            event: string;
+            link: string;
+            go: string;
+            phone: string;
+            musicName: string;
+            musicLink: string;
+            musicHash: string;
+        };
+    };
+    properties: {
+        type: () => Properties;
+        default: () => {
+            visible: boolean;
+            isLock: boolean;
+            required: boolean;
+            musicName: string;
+            musicLink: string;
+            musicHash: string;
+            shadowSize: number;
+            shadowColor: string;
+            shadowX: number;
+            shadowY: number;
+            shadowBlur: number;
+            shadowPoint: number;
+            aniOrigin: string;
+            animations: never[];
+            textAni: never[];
+        };
+    };
 }>>, {
-    [x: string]: any;
+    pid: string;
+    type: string;
+    textContent: string;
+    layerName: string;
+    sign: boolean;
+    signSort: number;
+    signType: string;
+    nameSign: string;
+    css: CSSProperties;
+    triggers: Triggers;
+    properties: Properties;
 }, {}>;
 export default _default;
+interface CSSProperties {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+    letterSpacing: number;
+    fontWeight: string;
+    textDecoration: string;
+    textAlign: string;
+    writingMode: string;
+    webkitWritingMode: string;
+    fontStyle: string;
+    borderWidth: number;
+    borderStyle: string;
+    borderColor: string;
+    color: string;
+    opacity: number;
+    width: number | string;
+    height: number | string;
+    left: number;
+    top: number;
+    transform: number;
+    padding: number;
+    backgroundColor: string;
+    textIndent: number;
+    borderRadius: number;
+}
+interface Triggers {
+    event: string;
+    link: string;
+    go: string;
+    phone: string;
+    musicName: string;
+    musicLink: string;
+    musicHash: string;
+}
+interface Properties {
+    visible: boolean;
+    isLock: boolean;
+    required: boolean;
+    musicName: string;
+    musicLink: string;
+    musicHash: string;
+    shadowSize: number;
+    shadowColor: string;
+    shadowX: number;
+    shadowY: number;
+    shadowBlur: number;
+    shadowPoint: number;
+    aniOrigin: string;
+    animations: any[];
+    textAni: any[];
+}

package/dist/src/components/UniTextBk/index.d.ts

@@ -0,0 +1,2 @@
+import UniText from './UniText.vue';
+export default UniText;

package/dist/src/components/WorkRender/DynamicElement.vue.d.ts

@@ -0,0 +1,59 @@
+import { ElementData, GlobalData, PersonalData } from '../../defaultProps';
+declare const _default: import("vue").DefineComponent<{
+    element: {
+        type: () => ElementData;
+        required: true;
+    };
+    global: {
+        type: () => GlobalData;
+        default: () => {};
+    };
+    personalData: {
+        type: () => PersonalData;
+        default: () => {};
+    };
+}, {
+    elementComponent: import("vue").ComputedRef<"UniText" | "UniImage" | "UniButton" | "div">;
+    elementStyle: import("vue").ComputedRef<{
+        position: string;
+        fontFamily: string;
+        fontSize: string;
+        width: string;
+        height: string;
+        left: string;
+        top: string;
+        transform: string;
+        opacity: number;
+        border: string;
+        borderRadius: string;
+        animation: string;
+        boxShadow: string;
+    }>;
+    elementClasses: import("vue").ComputedRef<(string | {
+        'is-sign': boolean;
+        'is-locked': boolean;
+    })[]>;
+    elementProps: import("vue").ComputedRef<{
+        id: string;
+        'data-element-id': string;
+        'data-layer-name': string;
+    }>;
+    handleClick: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    element: {
+        type: () => ElementData;
+        required: true;
+    };
+    global: {
+        type: () => GlobalData;
+        default: () => {};
+    };
+    personalData: {
+        type: () => PersonalData;
+        default: () => {};
+    };
+}>>, {
+    global: GlobalData;
+    personalData: PersonalData;
+}, {}>;
+export default _default;

package/dist/src/components/WorkRender/PageIndicator.vue.d.ts

@@ -0,0 +1,110 @@
+import { PropType } from 'vue';
+import { PageData } from '../../defaultProps';
+declare const __default__: import("vue").DefineComponent<{
+    pages: {
+        type: PropType<PageData[]>;
+        required: true;
+    };
+    currentPageId: {
+        type: StringConstructor;
+        required: true;
+    };
+    position: {
+        type: () => 'top' | 'bottom' | 'left' | 'right';
+        default: string;
+    };
+    style: {
+        type: () => 'dot' | 'number';
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    activeSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    spacing: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    currentPageIndex: import("vue").ComputedRef<number>;
+    indicatorStyle: import("vue").ComputedRef<{
+        right?: string | undefined;
+        top?: string | undefined;
+        transform?: string | undefined;
+        flexDirection?: string | undefined;
+        left?: string | undefined;
+        bottom?: string | undefined;
+        position: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        zIndex: number;
+        transition: string;
+    }>;
+    activeDotStyle: import("vue").ComputedRef<{
+        width: string;
+        height: string;
+        backgroundColor: string;
+    }>;
+    handleDotClick: (pageId: string, index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    pages: {
+        type: PropType<PageData[]>;
+        required: true;
+    };
+    currentPageId: {
+        type: StringConstructor;
+        required: true;
+    };
+    position: {
+        type: () => 'top' | 'bottom' | 'left' | 'right';
+        default: string;
+    };
+    style: {
+        type: () => 'dot' | 'number';
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    activeSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    spacing: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    position: "top" | "bottom" | "left" | "right";
+    style: "number" | "dot";
+    color: string;
+    activeColor: string;
+    size: number;
+    activeSize: number;
+    spacing: number;
+}, {}>;
+export default __default__;

package/dist/src/components/WorkRender/SwiperAnimate.d.ts

@@ -0,0 +1,3 @@
+export declare const swiperAnimateCache: () => void;
+export declare const swiperAnimate: (a: any) => void;
+export declare const clearSwiperAnimate: () => void;

package/dist/src/components/WorkRender/WorkRenderer.vue.d.ts

@@ -0,0 +1,58 @@
+import { Ref } from 'vue';
+import { WorkData, GlobalData, PageData, PersonalData } from '../../defaultProps';
+declare const _default: import("vue").DefineComponent<{
+    workData: {
+        type: () => WorkData;
+        required: true;
+    };
+    autoPlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    bgMusic: Ref<HTMLAudioElement | null>;
+    personalData: Ref<PersonalData>;
+    global: Ref<GlobalData>;
+    pages: import("vue").ComputedRef<PageData[]>;
+    displayPages: import("vue").ComputedRef<PageData[]>;
+    currentPageId: Ref<string>;
+    containerStyle: import("vue").ComputedRef<{
+        width: string;
+        height: string;
+        backgroundColor: string;
+    }>;
+    showPageIndicator: import("vue").ComputedRef<boolean>;
+    pageTransition: import("vue").ComputedRef<string>;
+    getPageStyle: (page: PageData) => {
+        backgroundColor: string;
+        backgroundImage: string;
+        opacity: string;
+        animation: string;
+    };
+    switchPage: (pageId: string) => void;
+    handleElementTrigger: (payload: {
+        elementId: string;
+        eventType: string;
+        data: any;
+    }) => void;
+    isScrollMode: import("vue").ComputedRef<boolean>;
+    handleTouchStart: (e: TouchEvent) => void;
+    handleTouchMove: (e: TouchEvent) => void;
+    handleTouchEnd: (e: TouchEvent) => void;
+    handleMouseDown: (e: MouseEvent) => void;
+    handleMouseMove: (e: MouseEvent) => void;
+    handleMouseUp: (e: MouseEvent) => void;
+    getPageClasses: (page: PageData) => string[];
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    workData: {
+        type: () => WorkData;
+        required: true;
+    };
+    autoPlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    autoPlay: boolean;
+}, {}>;
+export default _default;

package/dist/src/components/WorkRender/index.d.ts

@@ -0,0 +1,2 @@
+import WorkRenderer from './WorkRenderer.vue';
+export default WorkRenderer;

package/dist/src/composables/useElementProps.d.ts

@@ -0,0 +1,8 @@
+import { ElementData } from '../defaultProps';
+export declare function useElementProps(element: ElementData): {
+    elementProps: import("vue").ComputedRef<{
+        id: string;
+        'data-element-id': string;
+        'data-layer-name': string;
+    }>;
+};

package/dist/src/composables/useElementStyle.d.ts

@@ -0,0 +1,18 @@
+import { ElementData } from '../defaultProps';
+export declare function useElementStyle(element: ElementData): {
+    elementStyle: import("vue").ComputedRef<{
+        position: string;
+        fontFamily: string;
+        fontSize: string;
+        width: string;
+        height: string;
+        left: string;
+        top: string;
+        transform: string;
+        opacity: number;
+        border: string;
+        borderRadius: string;
+        animation: string;
+        boxShadow: string;
+    }>;
+};

package/dist/src/composables/useIndicatorStyle.d.ts

@@ -0,0 +1,31 @@
+interface IndicatorProps {
+    position: 'top' | 'bottom' | 'left' | 'right';
+    style: 'dot' | 'number';
+    color: string;
+    activeColor: string;
+    size: number;
+    activeSize: number;
+    spacing: number;
+}
+export declare function useIndicatorStyle(props: IndicatorProps): {
+    indicatorStyle: import("vue").ComputedRef<{
+        right?: string | undefined;
+        top?: string | undefined;
+        transform?: string | undefined;
+        flexDirection?: string | undefined;
+        left?: string | undefined;
+        bottom?: string | undefined;
+        position: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        zIndex: number;
+        transition: string;
+    }>;
+    activeDotStyle: import("vue").ComputedRef<{
+        width: string;
+        height: string;
+        backgroundColor: string;
+    }>;
+};
+export {};

package/dist/src/composables/usePageTransition.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+import { PageData } from '../defaultProps';
+export declare function usePageTransition(pages: Ref<PageData[]>, currentPageId: Ref<string>): {
+    pageTransition: import("vue").ComputedRef<string>;
+    deltaY: Ref<number>;
+};

package/dist/src/composables/useTouchHandler.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+import { PageData } from '../defaultProps';
+export declare function useTouchHandler(pages: Ref<PageData[]>, currentPageId: Ref<string>, deltaY: Ref<number>): {
+    handleTouchStart: (e: TouchEvent) => void;
+    handleTouchMove: (e: TouchEvent) => void;
+    handleTouchEnd: (e: TouchEvent) => void;
+    handleMouseDown: (e: MouseEvent) => void;
+    handleMouseMove: (e: MouseEvent) => void;
+    handleMouseUp: (e: MouseEvent) => void;
+};