@cloudbase/weda-ui 3.5.3 → 3.6.0

package/dist/configs/components/wd-ad.js

@@ -0,0 +1,118 @@
+import { defineConfig, Tuple, Type } from '../type-utils';
+import { X_RUNTIME_DEFAULT } from '../type-utils/x-runtime-default';
+const AD_TYPE = [
+    { label: 'Banner 广告', value: 'banner' },
+    { label: '视频广告', value: 'video' },
+    { label: '格子广告', value: 'grid' },
+];
+const AD_THEME = [
+    { label: '白色', value: 'white' },
+    { label: '黑色', value: 'black' },
+];
+const GRID_COUNT = [
+    { label: '5', value: 5 },
+    { label: '8', value: 8 },
+];
+const data = Type.Partial(Type.Object({
+    adType: Type.StringEnum({
+        title: '广告类型',
+        enum: Tuple(AD_TYPE),
+        'x-runtime-default': X_RUNTIME_DEFAULT.adType,
+        'x-helper-text': '不同类型广告的计收规则和呈现样式不同，[类型说明](https://ad.weixin.qq.com/pdf.html?id=851)',
+        'x-category': '通用',
+        'x-index': 10,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'gridCount',
+                condition: '{{$self.value === "grid"}}',
+            },
+        ],
+    }),
+    unitId: Type.String({
+        title: '广告单元id',
+        required: true,
+        'x-helper-text': '可在[微信公众平台](https://mp.weixin.qq.com/)的流量主模块新建',
+        'x-category': '通用',
+        'x-index': 20,
+    }),
+    adTheme: Type.StringEnum({
+        title: '广告主题',
+        enum: Tuple(AD_THEME),
+        'x-runtime-default': X_RUNTIME_DEFAULT.adTheme,
+        'x-category': '通用',
+        'x-index': 30,
+    }),
+    adIntervals: Type.Number({
+        title: '广告刷新间隔',
+        minimum: 30,
+        description: '广告自动刷新的间隔时间，单位为秒',
+        'x-helper-text': '为空时，广告不会自动刷新，参数值必须大于30。',
+        'x-category': '通用',
+        'x-index': 40,
+    }),
+    gridCount: Type.NumberEnum({
+        title: '格子个数',
+        enum: GRID_COUNT,
+        'x-runtime-default': X_RUNTIME_DEFAULT.gridCount,
+        'x-helper-text': '广告格子个数设置，参数值可选5，8',
+        'x-category': '通用',
+        'x-index': 50,
+    }),
+}));
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    classes: [
+        {
+            name: '根元素',
+            selector: '.wd-ad',
+            description: '广告组件根元素',
+        },
+        {
+            name: '小程序端广告根元素',
+            selector: '.wd-mp-ad',
+            description: '可以为小程序端的广告编写样式',
+        },
+    ],
+    methods: [],
+    events: [
+        { name: 'load', title: '广告加载成功' },
+        { name: 'error', title: '广告加载失败' },
+        { name: 'close', title: '广告被关闭' },
+    ],
+    meta: {
+        title: '小程序广告',
+        name: 'WdAd',
+        componentName: 'Ad',
+        figureIcon: '../figureIcons/WdAd.svg',
+        icon: '../icons/wdAd.svg',
+        category: '小程序',
+        categoryOrder: 700,
+        componentOrder: 600,
+        platform: ['MP'],
+        visible: ['APP'],
+        inlineStyleForm: {
+            $text: false,
+            $fill: false,
+            height: { visible: false },
+            justifyContent: { visible: false },
+            flexDirection: { visible: false },
+            alignItems: { visible: false },
+        },
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/WdAd',
+        group: {
+            ['通用']: {
+                'x-index': 1,
+                expand: true,
+            },
+        },
+        shortcut: {
+            props: ['adType', 'unitId'],
+        },
+        description: '用于在小程序中展示微信广告，使推荐广告获得曝光与点击，从而小程序获取盈利。',
+        propertyPanelTips: '1.仅支持在小程序端使用，PC/H5中将自动隐藏，请注意页面布局。\n \n2.该组件必须在小程序真实环境使用才能够看到实际效果。\n \n3.请遵循微信广告组件应用规范，否则可能导致小程序审核失败。[查看指引](https://ad.weixin.qq.com/pdf.html?id=rynYA8o3f)',
+        stylePanelTips: '1.该组件不允许直接设置样式属性，默认宽度为100%（width: 100%），高度会自动等比例计算；\n \n2.[Banner 广告](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/banner-ad.html)外层组件的宽度不允许小于300px；\n \n3.[格子广告](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/grid-ad.html)有最小尺寸限制，5个的形态为331px，8个的形态为294px；\n \n4.[视频广告](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/video-feeds-ad.html)外层组件的宽度不允许小于屏幕宽度90%。',
+    },
+});
+export default config;

package/dist/configs/components/wd-audio.d.ts

@@ -0,0 +1,186 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    template: import("@sinclair/typebox").TString;
+    src: import("@sinclair/typebox").TString;
+    autoplay: import("@sinclair/typebox").TBoolean;
+    loop: import("@sinclair/typebox").TBoolean;
+    playbackRate: import("@sinclair/typebox").TNumber;
+    startTime: import("@sinclair/typebox").TNumber;
+}>;
+export type DataType = Simplify<Static<typeof data>>;
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        template: import("@sinclair/typebox").TString;
+        src: import("@sinclair/typebox").TString;
+        autoplay: import("@sinclair/typebox").TBoolean;
+        loop: import("@sinclair/typebox").TBoolean;
+        playbackRate: import("@sinclair/typebox").TNumber;
+        startTime: import("@sinclair/typebox").TNumber;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        played: import("@sinclair/typebox").TBoolean;
+        audioInstance: import("@sinclair/typebox").TObject<{
+            buffered: import("@sinclair/typebox").TObject<{}>;
+            currentTime: import("@sinclair/typebox").TNumber;
+            duration: import("@sinclair/typebox").TNumber;
+            paused: import("@sinclair/typebox").TBoolean;
+            src: import("@sinclair/typebox").TString;
+            autoplay: import("@sinclair/typebox").TBoolean;
+            loop: import("@sinclair/typebox").TBoolean;
+            playbackRate: import("@sinclair/typebox").TNumber;
+            startTime: import("@sinclair/typebox").TNumber;
+        }>;
+        currentTimeStr: import("@sinclair/typebox").TString;
+        durationStr: import("@sinclair/typebox").TString;
+    }>;
+    readonly isContainer: true;
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".wd-audio";
+        readonly description: "audio组件根元素";
+    }, {
+        readonly name: "PC 端audio组件根元素";
+        readonly selector: ".wd-pc-audio";
+        readonly description: "可以为 PC 端的audio编写样式";
+    }, {
+        readonly name: "H5 端audio组件根元素";
+        readonly selector: ".wd-h5-audio";
+        readonly description: "可以为 H5 端的audio编写样式";
+    }, {
+        readonly name: "小程序 端audio组件根元素";
+        readonly selector: ".wd-mp-audio";
+        readonly description: "可以为 小程序 端的audio编写样式";
+    }];
+    readonly methods: readonly [{
+        readonly name: "play";
+        readonly label: "播放音频";
+        readonly description: "通过 $w.audio1.play() 来播放音频，小程序 API 文档 https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.play.html";
+    }, {
+        readonly name: "pause";
+        readonly label: "暂停播放";
+        readonly description: "通过 $w.audio1.pause() 来暂停播放，小程序 API 文档 https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.pause.html";
+    }, {
+        readonly name: "stop";
+        readonly label: "停止播放";
+        readonly description: "通过 $w.audio1.stop() 来停止播放，停止后的音频再播放会从头开始播放，小程序 API 文档 https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.stop.html";
+    }, {
+        readonly name: "seek";
+        readonly label: "跳转到指定位置";
+        readonly params: import("@sinclair/typebox").TObject<{
+            position: import("@sinclair/typebox").TNumber;
+        }>;
+        readonly description: "通过 $w.audio1.seek({ position } ) 来跳转到指定位置，小程序 API 文档https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.seek.html";
+    }, {
+        readonly name: "fastForward";
+        readonly label: "快进";
+        readonly params: import("@sinclair/typebox").TObject<{
+            time: import("@sinclair/typebox").TNumber;
+        }>;
+        readonly description: "通过 $w.audio1.fastForward({ time } ) 来快进一段指定时间";
+    }, {
+        readonly name: "backward";
+        readonly label: "快退";
+        readonly params: import("@sinclair/typebox").TObject<{
+            time: import("@sinclair/typebox").TNumber;
+        }>;
+        readonly description: "通过 $w.audio1.backward({ time } ) 来快退一段指定时间";
+    }, {
+        readonly name: "destroy";
+        readonly label: "销毁当前实例";
+        readonly description: "通过 $w.audio1.destroy() 来销毁当前实例，小程序 API 文档 https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.destroy.html";
+    }, {
+        readonly name: "init";
+        readonly label: "重新初始化当前实例";
+        readonly description: "通过 $w.audio1.init() 来重新初始化当前实例，适用于通过 $w.audio1.destroy() 后的重新初始化";
+    }];
+    readonly events: readonly [{
+        readonly title: "audio实例初始化完成";
+        readonly name: "audioReady";
+        readonly description: "audio 实例初始化完成时触发";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            audioInstance: import("@sinclair/typebox").TObject<{
+                buffered: import("@sinclair/typebox").TObject<{}>;
+                currentTime: import("@sinclair/typebox").TNumber;
+                duration: import("@sinclair/typebox").TNumber;
+                paused: import("@sinclair/typebox").TBoolean;
+                src: import("@sinclair/typebox").TString;
+                autoplay: import("@sinclair/typebox").TBoolean;
+                loop: import("@sinclair/typebox").TBoolean;
+                playbackRate: import("@sinclair/typebox").TNumber;
+                startTime: import("@sinclair/typebox").TNumber;
+            }>;
+            currentTimeStr: import("@sinclair/typebox").TString;
+            durationStr: import("@sinclair/typebox").TString;
+        }>;
+    }, {
+        readonly name: "play";
+        readonly title: "开始/继续播放";
+        readonly description: "当开始/继续播放时触发 play 事件";
+    }, {
+        readonly name: "stop";
+        readonly title: "结束播放";
+        readonly description: "当结束播放时触发 stop 事件";
+    }, {
+        readonly name: "pause";
+        readonly title: "暂停播放";
+        readonly description: "当暂停播放时触发 pause 事件";
+    }, {
+        readonly title: "播放报错";
+        readonly name: "error";
+        readonly description: "当发生错误时触发 error 事件，小程序事件说明 https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.onError.html";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            errMsg: import("@sinclair/typebox").TString;
+            errCode: import("@sinclair/typebox").TNumber;
+        }>;
+    }, {
+        readonly title: "跳转到指定位置";
+        readonly name: "seeked";
+        readonly description: "当音频跳转到指定位置时触发 seek 事件";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            position: import("@sinclair/typebox").TNumber;
+        }>;
+    }, {
+        readonly name: "ended";
+        readonly title: "播放到末尾";
+        readonly description: "当播放到末尾时触发 ended 事件";
+    }, {
+        readonly name: "timeupdate";
+        readonly title: "播放进度变化";
+        readonly description: "播放进度变化时触发，event.detail = {currentTime, duration}";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            currentTime: import("@sinclair/typebox").TNumber;
+            duration: import("@sinclair/typebox").TNumber;
+        }>;
+    }];
+    readonly meta: {
+        readonly name: "WdAudio";
+        readonly componentName: "audio";
+        readonly title: "音频播放";
+        readonly description: "提供音频控制功能";
+        readonly figureIcon: "../figureIcons/WdAudio.svg";
+        readonly icon: "../icons/Audio.svg";
+        readonly category: "展示";
+        readonly categoryOrder: 400;
+        readonly componentOrder: 321;
+        readonly visible: readonly ["APP"];
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdAudio";
+        readonly group: {
+            readonly 基础属性: {
+                readonly 'x-index': 1;
+                readonly expand: true;
+            };
+        };
+        readonly templates: readonly [{
+            readonly when: "$attached";
+            readonly to: "$children";
+            readonly body: string;
+        }, {
+            readonly when: "template";
+            readonly to: "$children";
+            readonly body: string;
+        }];
+    };
+};
+export default config;