@cloudbase/weda-ui 3.5.3 → 3.6.1

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

@@ -0,0 +1,445 @@
+import { defineConfig, Tuple, Type } from '../type-utils';
+const NORMAL_TPL = `
+[extra.commonStyle]
+display = "flex"
+[extra.commonStyle.flexConfig]
+alignItems = "center"
+justifyContent = "space-between"
+[extra.commonStyle.padding]
+top = "16px"
+right = "16px"
+bottom = "16px"
+left = "16px"
+[extra.commonStyle.boxShadow]
+offsetX = "0"
+offsetY = "2"
+blurRadius = "8"
+spreadRadius = "0"
+color = "rgba(0, 0, 0, 0.16)"
+[extra.commonStyle.position]
+position = "unset"
+right = "unset"
+top = "unset"
+
+[[template]]
+component = "WdImage"
+[template.attributes]
+src = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA0OCA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC41IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIzIiBmaWxsPSIjRjNGM0YzIiBzdHlsZT0iZmlsbDojRjNGM0YzO2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAwLjk1MjkgMC45NTI5IDAuOTUyOSk7ZmlsbC1vcGFjaXR5OjE7Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzEuNzg4OSAyMy44MDg0TDI1LjM4NjcgMjEuMDM0NVYzMC42MDAxQzI1LjM5MSAzMC42NzA1IDI1LjM5MzIgMzAuNzQxMiAyNS4zOTMyIDMwLjgxMjVDMjUuMzkzMiAzMy4wOTA2IDIzLjE3NyAzNC45Mzc1IDIwLjQ0MzIgMzQuOTM3NUMxNy43MDk0IDM0LjkzNzUgMTUuNDkzMiAzMy4wOTA2IDE1LjQ5MzIgMzAuODEyNUMxNS40OTMyIDI4LjUzNDMgMTcuNzA5NCAyNi42ODc1IDIwLjQ0MzIgMjYuNjg3NUMyMS43ODE1IDI2LjY4NzUgMjIuOTk1OCAyNy4xMzAxIDIzLjg4NjcgMjcuODQ5MlYxNS40OTQ4QzIzLjg4NjcgMTQuNzYyMiAyNC42MTc5IDE0LjI1NDggMjUuMzA0MiAxNC41MTEyTDMwLjgxODYgMTYuNTcxM0MzMi4yODQ2IDE3LjExODkgMzMuMjU2MyAxOC41MTkzIDMzLjI1NjMgMjAuMDg0MlYyMi44NDQ5QzMzLjI1NjMgMjMuNjAwNSAzMi40ODIyIDI0LjEwODggMzEuNzg4OSAyMy44MDg0WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4yNiIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjAuMjY7Ii8+Cjwvc3ZnPgo="
+[template.extra.commonStyle.size]
+width = "48px"
+height = "48px"
+[template.extra.commonStyle.margin]
+right = "12px"
+[template.extra.commonStyle.border.radiusInfo]
+topLeft = "3px"
+topRight = "3px"
+bottomLeft = "3px"
+bottomRight = "3px"
+[template.extra.commonStyle]
+overflow = "hidden"
+
+[[template]]
+component = "Container"
+[template.extra.commonStyle.self]
+flex = 1
+[[template.items]]
+component = "WdText"
+[template.items.attributes]
+level = "title-8"
+text = "歌曲名称.mp3"
+[[template.items]]
+component = "WdText"
+[template.items.attributes]
+level = "body-sm"
+":text" = "\`\${$w.{{$self.id}}.currentTimeStr || '--'} / \${$w.{{$self.id}}.durationStr || '--'}\`"
+[template.items.extra.commonStyle.text]
+color = "var(--wd-color-text-secondary)"
+
+[[template]]
+component = "WdIcon"
+scopedStyle = ":scope {\n  margin-left: 16px;\n  color: var(--wd-color-brand);\n  border-radius: 50%;\n  background: var(--wd-color-brand-focus);\n}"
+[template.attributes]
+":name" = "$w.{{$self.id}}?.played ? 'td:stop' : 'td:play'"
+size = "lg"
+[[template.listeners]]
+eventName = "tap"
+type = "platform"
+[template.listeners.handler]
+name = "invoke"
+module = "platform"
+[template.listeners.handler.params]
+component = "{{$self.id}}"
+":method" = "$w.{{$self.id}}.played ? 'pause' : 'play'"
+`;
+const SIMPLE_TPL = `
+[extra.commonStyle.position]
+position = "fixed"
+right = "16px"
+top = "16px"
+[extra.commonStyle]
+display = "unset"
+boxShadow = "unset"
+padding = "unset"
+[extra.commonStyle.flexConfig]
+alignItems = "unset"
+justifyContent = "unset"
+
+[[template]]
+component = "WdIcon"
+":style" = "({animation: $w.{{$self.id}}?.played ? 'spin 3s linear infinite' : 'none'})"
+scopedStyle = ":scope {\n  padding: 8px;\n  border-radius: 50%;\n  background: var(--wd-color-text-placeholder);\n}\n@keyframes spin{from{transform: rotate(0deg);}to {transform: rotate(360deg);}}"
+[template.attributes]
+":src" = "$w.{{$self.id}}?.played ? 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi40OTA3IDkuMDA2OTFMMTEuMTU1NiA2LjY5NTNWMTQuNjY2N0MxMS4xNTkxIDE0LjcyNTMgMTEuMTYxIDE0Ljc4NDMgMTEuMTYxIDE0Ljg0MzZDMTEuMTYxIDE2Ljc0MjEgOS4zMTQxMiAxOC4yODExIDcuMDM1OTUgMTguMjgxMUM0Ljc1Nzc4IDE4LjI4MTEgMi45MTA5NSAxNi43NDIxIDIuOTEwOTUgMTQuODQzNkMyLjkxMDk1IDEyLjk0NTIgNC43NTc3OCAxMS40MDYxIDcuMDM1OTUgMTEuNDA2MUM4LjE1MTIyIDExLjQwNjEgOS4xNjMxMiAxMS43NzUgOS45MDU1OCAxMi4zNzQzVjIuMDc4OTFDOS45MDU1OCAxLjQ2ODQ1IDEwLjUxNDkgMS4wNDU2IDExLjA4NjggMS4yNTkyNEwxNS42ODIyIDIuOTc1OTlDMTYuOTAzOCAzLjQzMjM1IDE3LjcxMzYgNC41OTkzMiAxNy43MTM2IDUuOTAzMzhWOC4yMDQwNEMxNy43MTM2IDguODMzNzEgMTcuMDY4NSA5LjI1NzI1IDE2LjQ5MDcgOS4wMDY5MVoiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPC9zdmc+Cg==' : 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi40OTA2IDkuMDA2OTFMMTEuMTU1NSA2LjY5NTNWMTQuNjY2N0MxMS4xNTkxIDE0LjcyNTMgMTEuMTYwOSAxNC43ODQzIDExLjE2MDkgMTQuODQzNkMxMS4xNjA5IDE2Ljc0MjEgOS4zMTQwNiAxOC4yODExIDcuMDM1ODkgMTguMjgxMUM0Ljc1NzcyIDE4LjI4MTEgMi45MTA4OSAxNi43NDIxIDIuOTEwODkgMTQuODQzNkMyLjkxMDg5IDEyLjk0NTIgNC43NTc3MiAxMS40MDYxIDcuMDM1ODkgMTEuNDA2MUM4LjE1MTE2IDExLjQwNjEgOS4xNjMwNiAxMS43NzUgOS45MDU1MiAxMi4zNzQzVjIuMDc4OTFDOS45MDU1MiAxLjQ2ODQ1IDEwLjUxNDkgMS4wNDU2IDExLjA4NjcgMS4yNTkyNEwxNS42ODIxIDIuOTc1OTlDMTYuOTAzNyAzLjQzMjM1IDE3LjcxMzUgNC41OTkzMiAxNy43MTM1IDUuOTAzMzhWOC4yMDQwNEMxNy43MTM1IDguODMzNzEgMTcuMDY4NCA5LjI1NzI1IDE2LjQ5MDYgOS4wMDY5MVoiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggZD0iTTMgM0wxNyAxNyIgc3Ryb2tlPSJ3aGl0ZSIgc3R5bGU9InN0cm9rZTp3aGl0ZTtzdHJva2Utb3BhY2l0eToxOyIvPgo8L3N2Zz4K'"
+type = "custom"
+size = "lg"
+[[template.listeners]]
+eventName = "tap"
+type = "platform"
+[template.listeners.handler]
+name = "invoke"
+module = "platform"
+[template.listeners.handler.params]
+component = "{{$self.id}}"
+":method" = "$w.{{$self.id}}.played ? 'pause' : 'play'"
+`;
+const TPL = `
+{{#with $self as |$self|}}
+{{#if (helper_utils '===' $self.attributes.template 'normal')}}
+${NORMAL_TPL}
+{{else if (helper_utils '===' $self.attributes.template 'simple')}}
+${SIMPLE_TPL}
+
+{{/if}}
+{{/with}}
+`;
+const audioProp = {
+    audioInstance: Type.Object({
+        buffered: Type.Object({}, {
+            title: '返回一个只读 TimeRanges 对象 返回媒体已缓冲的区域',
+        }),
+        currentTime: Type.Number({
+            title: '以秒为单位返回当前媒体元素的播放时间',
+        }),
+        duration: Type.Number({
+            title: '以秒为单位给出媒体的长度，如果没有媒体数据可用，则为零',
+        }),
+        paused: Type.Boolean({
+            title: '是否正在暂停',
+        }),
+        src: Type.String({
+            title: '音频资源',
+        }),
+        autoplay: Type.Boolean({
+            title: '是否自动播放',
+        }),
+        loop: Type.Boolean({
+            title: '是否循环播放',
+        }),
+        playbackRate: Type.Number({
+            title: '播放倍速',
+        }),
+        startTime: Type.Number({
+            title: '开始播放位置（单位：s）',
+        }),
+    }, {
+        title: 'Audio实例',
+        description: '获取 Audio 实例的引用，当前属性列表只例举了部分关键属性，其他更多的属性方法使用请参考 [微信小程序端说明](https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.html) 和 [Web端说明](https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLMediaElement)',
+    }),
+    currentTimeStr: Type.String({
+        title: '以 00:00 形式返回当前媒体元素的播放时间',
+    }),
+    durationStr: Type.String({
+        title: '以 00:00 形式给出媒体的长度',
+    }),
+};
+// 属性类型定义
+const data = Type.Object({
+    template: Type.String({
+        enum: Tuple([
+            {
+                label: '常规播放器',
+                value: 'normal',
+            },
+            {
+                label: '简单播放器',
+                value: 'simple',
+            },
+        ]),
+        title: '模板',
+        default: 'normal',
+        description: '指定audio模板',
+        'x-index': 10,
+        'x-category': '基础属性',
+        'x-component': 'data-sources-template-selector',
+        'x-component-props': {
+            options: Tuple([
+                {
+                    label: '常规播放器',
+                    value: 'normal',
+                    tooltip: '常规播放器',
+                    src: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjY4IiB2aWV3Qm94PSIwIDAgMTAyIDY4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAzQzAgMS4zNDMxNCAxLjM0MzE1IDAgMyAwSDk5QzEwMC42NTcgMCAxMDIgMS4zNDMxNSAxMDIgM1Y2NUMxMDIgNjYuNjU2OSAxMDAuNjU3IDY4IDk5IDY4SDNDMS4zNDMxNSA2OCAwIDY2LjY1NjkgMCA2NVYzWiIgZmlsbD0iI0YxRjJGNSIgc3R5bGU9ImZpbGw6I0YxRjJGNTtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC45NDUxIDAuOTQ5MCAwLjk2MDgpO2ZpbGwtb3BhY2l0eToxOyIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTA2NzZfMTg5KSI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMV8xMDY3Nl8xODkpIj4KPHBhdGggZD0iTTYgNkg5NlY2Mkg2VjZaIiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1vcGFjaXR5OjE7Ii8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMl8xMDY3Nl8xODkpIiBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzEwNjc2XzE4OSkiPgo8cmVjdCB3aWR0aD0iOTAiIGhlaWdodD0iMjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYgMzYpIiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1vcGFjaXR5OjE7Ii8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwM18xMDY3Nl8xODkpIj4KPHJlY3QgeD0iMTEiIHk9IjQxLjU0MTUiIHdpZHRoPSIxNS42NjgxIiBoZWlnaHQ9IjE1LjY2ODEiIHJ4PSIwLjk3OTI1OSIgZmlsbD0iI0YzRjNGMyIgc3R5bGU9ImZpbGw6I0YzRjNGMztmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC45NTI5IDAuOTUyOSAwLjk1MjkpO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjM3NjUgNDkuMTQ5NUwxOS4yODY3IDQ4LjI0NDFWNTEuMzY1NEMxOS4yODgxIDUxLjM4ODcgMTkuMjg4OSA1MS40MTIyIDE5LjI4ODkgNTEuNDM1OEMxOS4yODg5IDUyLjE3OTUgMTguNTY1NSA1Mi43ODIzIDE3LjY3MzEgNTIuNzgyM0MxNi43ODA3IDUyLjc4MjMgMTYuMDU3MyA1Mi4xNzk1IDE2LjA1NzMgNTEuNDM1OEMxNi4wNTczIDUwLjY5MjIgMTYuNzgwNyA1MC4wODkzIDE3LjY3MzEgNTAuMDg5M0MxOC4xMDk5IDUwLjA4OTMgMTguNTA2MyA1MC4yMzM4IDE4Ljc5NzEgNTAuNDY4NVY0Ni40MzU4QzE4Ljc5NzEgNDYuMTk2NyAxOS4wMzU4IDQ2LjAzMTEgMTkuMjU5OCA0Ni4xMTQ4TDIxLjA1OTggNDYuNzg3MkMyMS41MzgzIDQ2Ljk2NiAyMS44NTU1IDQ3LjQyMzEgMjEuODU1NSA0Ny45MzM5VjQ4LjgzNTFDMjEuODU1NSA0OS4wODE3IDIxLjYwMjggNDkuMjQ3NiAyMS4zNzY1IDQ5LjE0OTVaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjI2IiBzdHlsZT0iZmlsbDpibGFjaztmaWxsLW9wYWNpdHk6MC4yNjsiLz4KPHBhdGggZD0iTTMxLjAzNDQgNDUuOTE3SDMyLjM2NjJWNDcuMDE5SDMxLjAzNDRWNDUuOTE3Wk0zMS45MjIzIDQ2LjY3OTVWNDYuMjYxN0gzMS40NzgzVjQ2LjY3OTVIMzEuOTIyM1pNMzMuNTkzNSA0Mi45NTA1TDM0LjEwNTMgNDMuMDM0QzM0LjA4NDUgNDMuMjM3NyAzNC4wNTgzIDQzLjQzMSAzNC4wMjcgNDMuNjA4NUgzNS40NDI0VjQzLjk1ODVDMzUuMzc0NSA0NC40MjMzIDM1LjI5MDkgNDQuODg4MSAzNS4xODY0IDQ1LjM0NzdMMzQuNjg1MSA0NS4yMDY3QzM0Ljc3OTEgNDQuODk4NSAzNC44NTc0IDQ0LjUzODIgMzQuOTIwMSA0NC4xMzA4SDMzLjkxNzNDMzMuODAyNCA0NC41OCAzMy42NjE0IDQ0LjkzNTEgMzMuNDg5MSA0NS4xOTYyTDMzLjA3MTIgNDQuODk4NVY0NS4wMjkxSDMyLjU2OTlWNDMuNTg3NkgzMC45NDA0VjQzLjA5NjdIMzMuMjc0OVY0My41ODc2SDMzLjA3MTJWNDQuODcyNEMzMy4zNDI4IDQ0LjQwNzYgMzMuNTE1MiA0My43NjUyIDMzLjU5MzUgNDIuOTUwNVpNMzEuMDM0NCA0My44NDg4SDMyLjM1NTdWNDQuOTA5SDMxLjAzNDRWNDMuODQ4OFpNMzEuOTExOCA0NC41OFY0NC4xNzc4SDMxLjQ3MzFWNDQuNThIMzEuOTExOFpNMzIuNTY0NiA0Ny43NTAySDMyLjA3MzdMMzEuOTY0IDQ3LjI2OTdDMzIuMTEwMyA0Ny4yODUzIDMyLjI1NjUgNDcuMjk1OCAzMi4zOTIzIDQ3LjI5NThDMzIuNTE3NiA0Ny4yOTU4IDMyLjU4NTUgNDcuMjMzMSAzMi41ODU1IDQ3LjExM1Y0NS42NjYzSDMwLjg1NjhWNDUuMTgwNkgzMy4zODQ2VjQ1LjY2NjNIMzMuMDgxN1Y0Ny4yMzMxQzMzLjA4MTcgNDcuMjU5MiAzMy4wNzY1IDQ3LjI4NTMgMzMuMDc2NSA0Ny4zMDYyQzMzLjQ2ODIgNDYuOTc3MiAzMy43MjkzIDQ2LjU4NTUgMzMuODU0NyA0Ni4xMjU5QzMzLjk1MzkgNDUuNzE4NSAzNC4wMDYxIDQ1LjE4NTggMzQuMDExMyA0NC41MzNIMzQuNTIzMkMzNC41MjMyIDQ0LjkwOSAzNC41MDIzIDQ1LjI1MzcgMzQuNDcwOSA0NS41NjcxQzM0LjcwMDcgNDYuMzAzNSAzNS4wODIgNDYuODkzNiAzNS42MjUyIDQ3LjMzNzZMMzUuMjU5NiA0Ny43NzFDMzQuODYyNiA0Ny4zOTUgMzQuNTQ0MSA0Ni45NDA2IDM0LjMwOSA0Ni40MTg0QzM0LjE1MjQgNDYuOTU2MyAzMy44Mjg1IDQ3LjQxMDcgMzMuMzQ4MSA0Ny43NzYzTDMzLjA1NTYgNDcuNDIxMUMzMi45OTgxIDQ3LjY0MDUgMzIuODM2MiA0Ny43NTAyIDMyLjU2NDYgNDcuNzUwMlpNNDAuNTI5MyA0My43NzU3VjQ3Ljc2NThINDAuMDAxOFY0Ny41NDY1SDM2LjgzNjhWNDcuNzY1OEgzNi4zMDkzVjQzLjc3NTdIMzcuNTMxNFY0Mi45MjQ0SDM4LjA3NDZWNDMuNzc1N0gzOC43NDgzVjQyLjkyNDRIMzkuMjkxNVY0My43NzU3SDQwLjUyOTNaTTM2LjgzNjggNDcuMDI0MkgzNy41MzE0VjQ1Ljg1NDNIMzYuODM2OFY0Ny4wMjQyWk0zOC4wNzQ2IDQ1Ljg1NDNWNDcuMDI0MkgzOC43NDgzVjQ1Ljg1NDNIMzguMDc0NlpNMzkuMjkxNSA0NS44NTQzVjQ3LjAyNDJINDAuMDAxOFY0NS44NTQzSDM5LjI5MTVaTTM2LjgzNjggNDUuMzQyNUgzNy41MzE0VjQ0LjI5NzlIMzYuODM2OFY0NS4zNDI1Wk0zOC4wNzQ2IDQ0LjI5NzlWNDUuMzQyNUgzOC43NDgzVjQ0LjI5NzlIMzguMDc0NlpNMzkuMjkxNSA0NC4yOTc5VjQ1LjM0MjVINDAuMDAxOFY0NC4yOTc5SDM5LjI5MTVaTTQyLjk3MzUgNDcuNDgzOFY0Ny43NTU0SDQyLjQyNTFWNDUuOTc0NEM0Mi4xNDMxIDQ2LjA1OCA0MS44NDAyIDQ2LjE0MTYgNDEuNTI2OCA0Ni4yMTQ3TDQxLjI0NDggNDUuNjkyNEM0Mi4xMDY1IDQ1LjUzNTcgNDIuODIyMSA0NS4zMjY4IDQzLjM5NjYgNDUuMDY1N0M0My4xNzcyIDQ0Ljg4ODEgNDIuODk1MiA0NC43MDUzIDQyLjU1NTcgNDQuNTEyMUw0My4wMzEgNDQuMjE5NkM0My4zNzU3IDQ0LjQzODkgNDMuNjU3NyA0NC42Mzc0IDQzLjg3MTggNDQuODE1QzQ0LjMyNjIgNDQuNTM4MiA0NC42NjU3IDQ0LjIxOTYgNDQuODg1IDQzLjg2NDVINDMuMTMwMkM0Mi43NzUxIDQ0LjE4ODMgNDIuMzMxMSA0NC40ODA3IDQxLjc4OCA0NC43NDE5TDQxLjQyMjQgNDQuMjY2NkM0Mi4yOTk4IDQzLjkwMSA0Mi44OTUyIDQzLjQ0NjYgNDMuMjAzMyA0Mi45MTM5TDQzLjgwMzkgNDIuOTg3QzQzLjc0MTMgNDMuMTEyNCA0My42NjgxIDQzLjIzMjUgNDMuNTg0NiA0My4zNTI2SDQ1LjUwNjVWNDMuODMzMUM0NS4xODI3IDQ0LjQ4MDcgNDQuNTkyNiA0NS4wMTg3IDQzLjc0NjUgNDUuNDUyMkg0NS42ODQxVjQ3Ljc1NTRINDUuMTMwNVY0Ny40ODM4SDQyLjk3MzVaTTQ1LjEzMDUgNDYuOTU2M1Y0NS45NTg4SDQyLjk3MzVWNDYuOTU2M0g0NS4xMzA1Wk00Ni41MzU0IDQ0LjMwODRINDcuMjQwNVY0My43MjM0QzQ3LjA0NzIgNDMuNzQ5NiA0Ni44NDg4IDQzLjc3MDQgNDYuNjUwMyA0My43OTEzTDQ2LjU0MDYgNDMuMjc5NUM0Ny4xODMgNDMuMjI3MyA0Ny43NTc1IDQzLjEyOCA0OC4yNjQxIDQyLjk3MTRMNDguNDU3NCA0My40ODMyQzQ4LjIzMjggNDMuNTQ1OSA0Ny45OTc4IDQzLjU5ODEgNDcuNzU3NSA0My42Mzk5VjQ0LjMwODRINDguMzA1OVY0NC44MjU0SDQ3Ljc1NzVWNDUuMDI5MUM0Ny45OTI1IDQ1LjIyNzYgNDguMjMyOCA0NS40NTIyIDQ4LjQ3ODMgNDUuNjk3Nkw0OC4xNzAxIDQ2LjE1NzJDNDguMDEzNCA0NS45MTE4IDQ3Ljg3NzYgNDUuNzA4MSA0Ny43NTc1IDQ1LjU0NjJWNDcuNzQ0OUg0Ny4yNDA1VjQ1LjYxNDFDNDcuMDc4NiA0Ni4wNDIzIDQ2Ljg3NDkgNDYuNDI4OCA0Ni42MzQ2IDQ2Ljc4MzlMNDYuMzk0NCA0Ni4xNzI5QzQ2Ljc0NDMgNDUuNzc2IDQ3LjAwMDIgNDUuMzI2OCA0Ny4xNjc0IDQ0LjgyNTRINDYuNTM1NFY0NC4zMDg0Wk00OS41MjI4IDQ3LjczOTdINDkuMDI2Nkw0OC45MDY1IDQ3LjIxNzRDNDkuMDU4IDQ3LjIzODMgNDkuMTk5IDQ3LjI1NCA0OS4zMzQ4IDQ3LjI1NEM0OS40NDQ1IDQ3LjI1NCA0OS41MDE5IDQ3LjE5MTMgNDkuNTAxOSA0Ny4wNzY0VjQ0LjUwNjhINTAuMDU1NVY0Ny4yMDdDNTAuMDU1NSA0Ny41NjIxIDQ5Ljg3NzkgNDcuNzM5NyA0OS41MjI4IDQ3LjczOTdaTTQ4Ljc4MTIgNDUuMjMyOEw0OS4yODI2IDQ1LjMzNzNDNDkuMTM2MyA0Ni4wMjY3IDQ4LjkzMjYgNDYuNjIyIDQ4LjY3MTUgNDcuMTIzNEw0OC4yMDE1IDQ2LjgyNTdDNDguNDczIDQ2LjMyNDMgNDguNjY2MyA0NS43OTY5IDQ4Ljc4MTIgNDUuMjMyOFpNNTAuNzM0NSA0NS4xODA2QzUwLjk2NDMgNDUuNzM0MiA1MS4xNTc1IDQ2LjMxOTEgNTEuMzI0NiA0Ni45NDA2TDUwLjgyMzMgNDcuMTY1MkM1MC42NDU3IDQ2LjQ3NTggNTAuNDU3NyA0NS44NyA1MC4yNDg4IDQ1LjM0MjVMNTAuNzM0NSA0NS4xODA2Wk00OS4yNzIxIDQ0LjEzMDhDNDkuMTMxMSA0NC40NDQyIDQ4Ljk1ODcgNDQuNzI2MiA0OC43NDk4IDQ0Ljk4MjFMNDguNDEwNCA0NC41NDg2QzQ4Ljc0NDYgNDQuMTA5OSA0OC45NzQ0IDQzLjU2NjggNDkuMDg5MyA0Mi45Mjk2TDQ5LjYyNzMgNDIuOTk3NUM0OS41ODU1IDQzLjIwNjQgNDkuNTMzMiA0My40MTAxIDQ5LjQ3MDYgNDMuNjA4NUg1MS4xNDcxVjQzLjk1ODVDNTEuMDk0OCA0NC4zMDMyIDUxLjAyMTcgNDQuNjQ3OSA1MC45Mjc3IDQ0Ljk5MjZMNTAuNDAwMiA0NC44MzU5QzUwLjQ3ODYgNDQuNjMyMiA1MC41NDY1IDQ0LjM5NzIgNTAuNjAzOSA0NC4xMzA4SDQ5LjI3MjFaTTUyLjE5MTYgNDYuNDM0QzUyLjMwNjUgNDYuNDM0IDUyLjQwMDUgNDYuNDcwNiA1Mi40ODQxIDQ2LjU1NDFDNTIuNTYyNCA0Ni42MzI1IDUyLjYwNDIgNDYuNzMxNyA1Mi42MDQyIDQ2Ljg0NjZDNTIuNjA0MiA0Ni45NjE1IDUyLjU2MjQgNDcuMDU1NSA1Mi40ODQxIDQ3LjEzOTFDNTIuNDAwNSA0Ny4yMTIyIDUyLjMwNjUgNDcuMjU0IDUyLjE5MTYgNDcuMjU0QzUyLjA3NjcgNDcuMjU0IDUxLjk3NzUgNDcuMjEyMiA1MS45MDQ0IDQ3LjEzOTFDNTEuODIwOCA0Ny4wNTU1IDUxLjc4NDIgNDYuOTYxNSA1MS43ODQyIDQ2Ljg0NjZDNTEuNzg0MiA0Ni43MzE3IDUxLjgyMDggNDYuNjMyNSA1MS45MDQ0IDQ2LjU1NDFDNTEuOTc3NSA0Ni40NzA2IDUyLjA3NjcgNDYuNDM0IDUyLjE5MTYgNDYuNDM0Wk01Mi45NDA1IDQ0LjUyMjVINTMuNTk4Nkw1NC4xMzY1IDQ2LjUxNzZMNTQuNjY5MiA0NC41MjI1SDU1LjIxNzZMNTUuNzUwMyA0Ni41MTc2TDU2LjI4ODMgNDQuNTIyNUg1Ni45NDYzTDU2LjAzNzYgNDcuMjIyN0g1NS40ODRMNTQuOTQ2IDQ1LjI0ODVMNTQuNDAyOSA0Ny4yMjI3SDUzLjg0OTNMNTIuOTQwNSA0NC41MjI1Wk01OC41MTQ5IDQ0LjQ0OTRDNTguOTExOSA0NC40NDk0IDU5LjIwOTYgNDQuNTQ4NiA1OS4zOTc2IDQ0Ljc0NzFDNTkuNTY0NyA0NC45MTk0IDU5LjY0ODMgNDUuMTcwMSA1OS42NDgzIDQ1LjQ5OTJWNDcuMjIyN0g1OS4wOTQ3VjQ2Ljg2NzVDNTguOTkwMiA0Ny4wMDMzIDU4Ljg1OTYgNDcuMTAyNSA1OC43MDgyIDQ3LjE3NTdDNTguNTM1OCA0Ny4yNTQgNTguMzMyMSA0Ny4yOTU4IDU4LjA5NzEgNDcuMjk1OEM1Ny44MTUxIDQ3LjI5NTggNTcuNTk1NyA0Ny4yMjI3IDU3LjQzMzggNDcuMDgxNkM1Ny4yNjY3IDQ2LjkzNTQgNTcuMTgzMSA0Ni43NTI2IDU3LjE4MzEgNDYuNTI4QzU3LjE4MzEgNDYuMjI1MSA1Ny4yOTggNDUuOTkwMSA1Ny41MzgzIDQ1LjgyODJDNTcuNzU3NiA0NS42NzE1IDU4LjA2NTggNDUuNTg3OSA1OC40NjI3IDQ1LjU3NzVMNTkuMDUyOSA0NS41NjE4VjQ1LjQ1NzRDNTkuMDUyOSA0NS4xMDIyIDU4Ljg1OTYgNDQuOTI5OSA1OC40NzMxIDQ0LjkyOTlDNTguMzA2IDQ0LjkyOTkgNTguMTc1NSA0NC45NTYgNTguMDc2MiA0NS4wMTg3QzU3Ljk2MTMgNDUuMDg2NiA1Ny44ODMgNDUuMTkxIDU3Ljg1MTYgNDUuMzMyTDU3LjI2MTUgNDUuMjg1QzU3LjMxODkgNDQuOTg3MyA1Ny40NjUyIDQ0Ljc2OCA1Ny43MDAyIDQ0LjYzMjJDNTcuODk4NyA0NC41MDY4IDU4LjE3MDIgNDQuNDQ5NCA1OC41MTQ5IDQ0LjQ0OTRaTTU5LjA1MjkgNDUuOTkwMUw1OC41MDQ1IDQ2LjAwNThDNTguMDI5MiA0Ni4wMTYyIDU3Ljc5NDIgNDYuMTgzMyA1Ny43OTQyIDQ2LjUwNzFDNTcuNzk0MiA0Ni42MDEyIDU3LjgzMDggNDYuNjc5NSA1Ny45MTQzIDQ2Ljc0MjJDNTcuOTk3OSA0Ni44MDQ4IDU4LjEwMjMgNDYuODQxNCA1OC4yMzI5IDQ2Ljg0MTRDNTguNDYyNyA0Ni44NDE0IDU4LjY1NTkgNDYuNzczNSA1OC44MTI2IDQ2LjY0MjlDNTguOTY5MyA0Ni41MDcxIDU5LjA1MjkgNDYuMzM0OCA1OS4wNTI5IDQ2LjEyNTlWNDUuOTkwMVpNNTkuOTg5MSA0NC41MjI1SDYwLjYzNjdMNjEuMjg0NCA0Ni40ODFMNjEuOTMyIDQ0LjUyMjVINjIuNTc5Nkw2MS41ODIxIDQ3LjIyMjdINjAuOTg2N0w1OS45ODkxIDQ0LjUyMjVaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjkiIHN0eWxlPSJmaWxsOmJsYWNrO2ZpbGwtb3BhY2l0eTowLjk7Ii8+CjxwYXRoIGQ9Ik0zMS42MzYzIDUyLjI2NTRIMzEuOTI4OFY1NS41MjgzSDMxLjU1NFY1Mi43MjI0QzMxLjM0ODQgNTIuOTMyNiAzMS4wOTI1IDUzLjA3ODkgMzAuNzg2MyA1My4xNzAzVjUyLjc5NTVDMzAuOTMyNSA1Mi43NTQ0IDMxLjA4NzkgNTIuNjkwNCAzMS4yNDMzIDUyLjU5OUMzMS4zOTg3IDUyLjQ5ODUgMzEuNTI2NiA1Mi4zODg4IDMxLjYzNjMgNTIuMjY1NFpNMzMuMDIyNyA1My4zMDI4QzMzLjA5NTggNTMuMzAyOCAzMy4xNjQzIDUzLjMzMDIgMzMuMjE5MiA1My4zODVDMzMuMjc0IDUzLjQzOTkgMzMuMzAxNCA1My41MDM5IDMzLjMwMTQgNTMuNTgxNkMzMy4zMDE0IDUzLjY1OTIgMzMuMjc0IDUzLjcyNzggMzMuMjE5MiA1My43ODI2QzMzLjE2NDMgNTMuODMyOSAzMy4wOTU4IDUzLjg2MDMgMzMuMDIyNyA1My44NjAzQzMyLjk0MDQgNTMuODYwMyAzMi44NzY0IDUzLjgzMjkgMzIuODI2MiA1My43ODI2QzMyLjc3MTMgNTMuNzI3OCAzMi43NDM5IDUzLjY1OTIgMzIuNzQzOSA1My41ODE2QzMyLjc0MzkgNTMuNTAzOSAzMi43NzEzIDUzLjQzOTkgMzIuODI2MiA1My4zODVDMzIuODc2NCA1My4zMzAyIDMyLjk0MDQgNTMuMzAyOCAzMy4wMjI3IDUzLjMwMjhaTTMzLjAyMjcgNTQuOTc1NEMzMy4wOTU4IDU0Ljk3NTQgMzMuMTY0MyA1NS4wMDI4IDMzLjIxOTIgNTUuMDU3NkMzMy4yNzQgNTUuMTEyNSAzMy4zMDE0IDU1LjE3NjQgMzMuMzAxNCA1NS4yNTQxQzMzLjMwMTQgNTUuMzMxOCAzMy4yNzQgNTUuNDAwNCAzMy4yMTkyIDU1LjQ1NTJDMzMuMTY0MyA1NS41MDU1IDMzLjA5NTggNTUuNTMyOSAzMy4wMjI3IDU1LjUzMjlDMzIuOTQwNCA1NS41MzI5IDMyLjg3NjQgNTUuNTA1NSAzMi44MjYyIDU1LjQ1NTJDMzIuNzcxMyA1NS40MDA0IDMyLjc0MzkgNTUuMzMxOCAzMi43NDM5IDU1LjI1NDFDMzIuNzQzOSA1NS4xNzY0IDMyLjc3MTMgNTUuMTEyNSAzMi44MjYyIDU1LjA1NzZDMzIuODc2NCA1NS4wMDI4IDMyLjk0MDQgNTQuOTc1NCAzMy4wMjI3IDU0Ljk3NTRaTTM1LjAyNzMgNTIuMjAxNUMzNS4zMzgxIDUyLjIwMTUgMzUuNTk0IDUyLjI3OTEgMzUuNzg1OSA1Mi40MzkxQzM1Ljk3MzMgNTIuNTk5IDM2LjA2OTMgNTIuODEzOCAzNi4wNjkzIDUzLjA4OEMzNi4wNjkzIDUzLjQ1MzYgMzUuODkxIDUzLjcwMDQgMzUuNTM0NiA1My44MTkyQzM1LjcyNjUgNTMuODc4NiAzNS44NzI4IDUzLjk3IDM1Ljk3MzMgNTQuMDk3OUMzNi4wODMgNTQuMjI1OSAzNi4xMzc4IDU0LjM4NTkgMzYuMTM3OCA1NC41Nzc4QzM2LjEzNzggNTQuODc0OCAzNi4wMzI3IDU1LjExNyAzNS44MjcxIDU1LjMwNDRDMzUuNjE2OCA1NS40OTYzIDM1LjM0MjcgNTUuNTkyMyAzNS4wMDQ1IDU1LjU5MjNDMzQuNjkzNyA1NS41OTIzIDM0LjQ0MjQgNTUuNTEgMzQuMjQ1OSA1NS4zNTQ3QzM0LjAxMjggNTUuMTYyNyAzMy44ODQ5IDU0Ljg4NCAzMy44NTc0IDU0LjUxODRIMzQuMjM2N0MzNC4yNDU5IDU0Ljc3NDMgMzQuMzMyNyA1NC45NzA4IDM0LjQ5MjcgNTUuMTAzM0MzNC42Mjk4IDU1LjIxMyAzNC43OTg4IDU1LjI3MjQgMzUuMDA0NSA1NS4yNzI0QzM1LjIzNzUgNTUuMjcyNCAzNS40MjQ5IDU1LjIwMzkgMzUuNTY2NiA1NS4wNzEzQzM1LjY5NDUgNTQuOTQzNCAzNS43NjMxIDU0Ljc4MzQgMzUuNzYzMSA1NC41OTE1QzM1Ljc2MzEgNTQuMzk1IDM1LjY5OTEgNTQuMjQ0MiAzNS41NzExIDU0LjEzNDVDMzUuNDQzMiA1NC4wMjQ4IDM1LjI2OTUgNTMuOTc0NiAzNS4wNDEgNTMuOTc0NkgzNC43NzZWNTMuNjgyMUgzNS4wMjczQzM1LjI0NjcgNTMuNjgyMSAzNS40MTEyIDUzLjYzMTggMzUuNTI1NSA1My41MzU5QzM1LjYzOTcgNTMuNDM1MyAzNS42OTkxIDUzLjI5MzcgMzUuNjk5MSA1My4xMTA5QzM1LjY5OTEgNTIuOTI4MSAzNS42Mzk3IDUyLjc4NjQgMzUuNTMgNTIuNjg1OUMzNS40MTEyIDUyLjU3NjIgMzUuMjQyMSA1Mi41MjU5IDM1LjAzMTkgNTIuNTI1OUMzNC44MTI1IDUyLjUyNTkgMzQuNjQzNSA1Mi41ODA3IDM0LjUyMDEgNTIuNjk5NkMzNC4zOTIxIDUyLjgxODQgMzQuMzE5IDUyLjk4NzUgMzQuMjk2MiA1My4yMDY4SDMzLjkyNkMzMy45NTM0IDUyLjg5MTUgMzQuMDcyMiA1Mi42NDQ3IDM0LjI3MzMgNTIuNDY2NUMzNC40NjUyIDUyLjI4ODMgMzQuNzE2NiA1Mi4yMDE1IDM1LjAyNzMgNTIuMjAxNVpNMzcuNzM1NSA1Mi4yMDE1QzM4LjEyMzkgNTIuMjAxNSAzOC40MTY0IDUyLjM3MDUgMzguNjE3NSA1Mi43MTc4QzM4Ljc5MTEgNTMuMDEwMyAzOC44NzggNTMuNDAzMyAzOC44NzggNTMuODk2OUMzOC44NzggNTQuMzkwNCAzOC43OTExIDU0Ljc4MzQgMzguNjE3NSA1NS4wNzU5QzM4LjQxNjQgNTUuNDE4NiAzOC4xMjM5IDU1LjU5MjMgMzcuNzM1NSA1NS41OTIzQzM3LjM0MjUgNTUuNTkyMyAzNy4wNSA1NS40MTg2IDM2Ljg1MzUgNTUuMDc1OUMzNi42Nzk4IDU0Ljc4MzQgMzYuNTkzIDU0LjM5MDQgMzYuNTkzIDUzLjg5NjlDMzYuNTkzIDUzLjQwMzMgMzYuNjc5OCA1My4wMTAzIDM2Ljg1MzUgNTIuNzE3OEMzNy4wNSA1Mi4zNzA1IDM3LjM0MjUgNTIuMjAxNSAzNy43MzU1IDUyLjIwMTVaTTM3LjczNTUgNTIuNTIxM0MzNy40NDMgNTIuNTIxMyAzNy4yMzI4IDUyLjY3NjcgMzcuMTA0OCA1Mi45OTJDMzcuMDEzNCA1My4yMTE0IDM2Ljk2NzcgNTMuNTEzIDM2Ljk2NzcgNTMuODk2OUMzNi45Njc3IDU0LjI3NjIgMzcuMDEzNCA1NC41Nzc4IDM3LjEwNDggNTQuODAxN0MzNy4yMzI4IDU1LjExMjUgMzcuNDQzIDU1LjI3MjQgMzcuNzM1NSA1NS4yNzI0QzM4LjAyOCA1NS4yNzI0IDM4LjIzODIgNTUuMTEyNSAzOC4zNjYxIDU0LjgwMTdDMzguNDU3NSA1NC41Nzc4IDM4LjUwNzggNTQuMjc2MiAzOC41MDc4IDUzLjg5NjlDMzguNTA3OCA1My41MTMgMzguNDU3NSA1My4yMTE0IDM4LjM2NjEgNTIuOTkyQzM4LjIzODIgNTIuNjc2NyAzOC4wMjggNTIuNTIxMyAzNy43MzU1IDUyLjUyMTNaTTQyLjQxNzkgNTEuNzgxSDQyLjc0MjNMNDEuMTI0NiA1NS45ODUzSDQwLjc5NTZMNDIuNDE3OSA1MS43ODFaTTQ1Ljg0OTkgNTIuMjAxNUM0Ni40NTMxIDUyLjIwMTUgNDYuODAwNCA1Mi40ODk0IDQ2Ljg5MTggNTMuMDc0M0g0Ni41MjE2QzQ2LjQ0ODUgNTIuNjk5NiA0Ni4yMjQ2IDUyLjUxNjggNDUuODQ1MyA1Mi41MTY4QzQ1LjU4OTQgNTIuNTE2OCA0NS4zODgzIDUyLjY0MDIgNDUuMjQyMSA1Mi44OTYxQzQ1LjA5NTggNTMuMTMzNyA0NS4wMjczIDUzLjQzOTkgNDUuMDI3MyA1My44MUM0NS4wMjczIDUzLjgyODMgNDUuMDI3MyA1My44Njk1IDQ1LjAzMTkgNTMuOTI4OUg0NS4wNTAxQzQ1LjEzMjQgNTMuNzU5OCA0NS4yNDY2IDUzLjYyNzMgNDUuNDAyIDUzLjUzNTlDNDUuNTQ4MyA1My40Mzk5IDQ1LjcxNzMgNTMuMzk0MiA0NS45MDkzIDUzLjM5NDJDNDYuMjIgNTMuMzk0MiA0Ni40NzE0IDUzLjQ5NDcgNDYuNjYzMyA1My42OTU4QzQ2Ljg1MDcgNTMuODk2OSA0Ni45NDY2IDU0LjE1MjggNDYuOTQ2NiA1NC40NzI3QzQ2Ljk0NjYgNTQuNzkyNiA0Ni44NDE1IDU1LjA2MjIgNDYuNjM1OSA1NS4yNzI0QzQ2LjQyNTcgNTUuNDgyNiA0Ni4xNjUyIDU1LjU5MjMgNDUuODQ1MyA1NS41OTIzQzQ1LjQ0NzcgNTUuNTkyMyA0NS4xNTA3IDU1LjQ0MTUgNDQuOTQ5NiA1NS4xNDlDNDQuNzU3NyA1NC44NzAzIDQ0LjY2NjMgNTQuNDgxOCA0NC42NjYzIDUzLjk4MzdDNDQuNjY2MyA1My40NjI3IDQ0Ljc2NjggNTMuMDM3NyA0NC45NzI1IDUyLjcxMzNDNDUuMTg3MiA1Mi4zNzA1IDQ1LjQ3OTcgNTIuMjAxNSA0NS44NDk5IDUyLjIwMTVaTTQ1LjgzNjIgNTMuNzA0OUM0NS42MjE0IDUzLjcwNDkgNDUuNDQzMiA1My43NzgxIDQ1LjMwMTUgNTMuOTI0M0M0NS4xNTk4IDU0LjA3MDUgNDUuMDkxMyA1NC4yNTMzIDQ1LjA5MTMgNTQuNDgxOEM0NS4wOTEzIDU0LjcxMDMgNDUuMTU1MyA1NC44OTc3IDQ1LjI5MjMgNTUuMDQzOUM0NS40Mjk0IDU1LjE5OTMgNDUuNjA3NyA1NS4yNzcgNDUuODM2MiA1NS4yNzdDNDYuMDU1NSA1NS4yNzcgNDYuMjMzNyA1NS4xOTkzIDQ2LjM3MDggNTUuMDUzMUM0Ni41MDc5IDU0Ljg5NzcgNDYuNTc2NSA1NC43MDU3IDQ2LjU3NjUgNTQuNDcyN0M0Ni41NzY1IDU0LjIzOTYgNDYuNTA3OSA1NC4wNTY4IDQ2LjM3NTQgNTMuOTE5N0M0Ni4yMzgzIDUzLjc3MzUgNDYuMDYwMSA1My43MDQ5IDQ1LjgzNjIgNTMuNzA0OVpNNDcuNzc2NiA1My4zMDI4QzQ3Ljg0OTcgNTMuMzAyOCA0Ny45MTgyIDUzLjMzMDIgNDcuOTczMSA1My4zODVDNDguMDI3OSA1My40Mzk5IDQ4LjA1NTMgNTMuNTAzOSA0OC4wNTUzIDUzLjU4MTZDNDguMDU1MyA1My42NTkyIDQ4LjAyNzkgNTMuNzI3OCA0Ny45NzMxIDUzLjc4MjZDNDcuOTE4MiA1My44MzI5IDQ3Ljg0OTcgNTMuODYwMyA0Ny43NzY2IDUzLjg2MDNDNDcuNjk0MyA1My44NjAzIDQ3LjYzMDMgNTMuODMyOSA0Ny41ODAxIDUzLjc4MjZDNDcuNTI1MiA1My43Mjc4IDQ3LjQ5NzggNTMuNjU5MiA0Ny40OTc4IDUzLjU4MTZDNDcuNDk3OCA1My41MDM5IDQ3LjUyNTIgNTMuNDM5OSA0Ny41ODAxIDUzLjM4NUM0Ny42MzAzIDUzLjMzMDIgNDcuNjk0MyA1My4zMDI4IDQ3Ljc3NjYgNTMuMzAyOFpNNDcuNzc2NiA1NC45NzU0QzQ3Ljg0OTcgNTQuOTc1NCA0Ny45MTgyIDU1LjAwMjggNDcuOTczMSA1NS4wNTc2QzQ4LjAyNzkgNTUuMTEyNSA0OC4wNTUzIDU1LjE3NjQgNDguMDU1MyA1NS4yNTQxQzQ4LjA1NTMgNTUuMzMxOCA0OC4wMjc5IDU1LjQwMDQgNDcuOTczMSA1NS40NTUyQzQ3LjkxODIgNTUuNTA1NSA0Ny44NDk3IDU1LjUzMjkgNDcuNzc2NiA1NS41MzI5QzQ3LjY5NDMgNTUuNTMyOSA0Ny42MzAzIDU1LjUwNTUgNDcuNTgwMSA1NS40NTUyQzQ3LjUyNTIgNTUuNDAwNCA0Ny40OTc4IDU1LjMzMTggNDcuNDk3OCA1NS4yNTQxQzQ3LjQ5NzggNTUuMTc2NCA0Ny41MjUyIDU1LjExMjUgNDcuNTgwMSA1NS4wNTc2QzQ3LjYzMDMgNTUuMDAyOCA0Ny42OTQzIDU0Ljk3NTQgNDcuNzc2NiA1NC45NzU0Wk00OS43NDkzIDUyLjIwMTVDNTAuMTM3NyA1Mi4yMDE1IDUwLjQzMDIgNTIuMzcwNSA1MC42MzEyIDUyLjcxNzhDNTAuODA0OSA1My4wMTAzIDUwLjg5MTcgNTMuNDAzMyA1MC44OTE3IDUzLjg5NjlDNTAuODkxNyA1NC4zOTA0IDUwLjgwNDkgNTQuNzgzNCA1MC42MzEyIDU1LjA3NTlDNTAuNDMwMiA1NS40MTg2IDUwLjEzNzcgNTUuNTkyMyA0OS43NDkzIDU1LjU5MjNDNDkuMzU2MyA1NS41OTIzIDQ5LjA2MzggNTUuNDE4NiA0OC44NjczIDU1LjA3NTlDNDguNjkzNiA1NC43ODM0IDQ4LjYwNjggNTQuMzkwNCA0OC42MDY4IDUzLjg5NjlDNDguNjA2OCA1My40MDMzIDQ4LjY5MzYgNTMuMDEwMyA0OC44NjczIDUyLjcxNzhDNDkuMDYzOCA1Mi4zNzA1IDQ5LjM1NjMgNTIuMjAxNSA0OS43NDkzIDUyLjIwMTVaTTQ5Ljc0OTMgNTIuNTIxM0M0OS40NTY4IDUyLjUyMTMgNDkuMjQ2NiA1Mi42NzY3IDQ5LjExODYgNTIuOTkyQzQ5LjAyNzIgNTMuMjExNCA0OC45ODE1IDUzLjUxMyA0OC45ODE1IDUzLjg5NjlDNDguOTgxNSA1NC4yNzYyIDQ5LjAyNzIgNTQuNTc3OCA0OS4xMTg2IDU0LjgwMTdDNDkuMjQ2NiA1NS4xMTI1IDQ5LjQ1NjggNTUuMjcyNCA0OS43NDkzIDU1LjI3MjRDNTAuMDQxNyA1NS4yNzI0IDUwLjI1MTkgNTUuMTEyNSA1MC4zNzk5IDU0LjgwMTdDNTAuNDcxMyA1NC41Nzc4IDUwLjUyMTYgNTQuMjc2MiA1MC41MjE2IDUzLjg5NjlDNTAuNTIxNiA1My41MTMgNTAuNDcxMyA1My4yMTE0IDUwLjM3OTkgNTIuOTkyQzUwLjI1MTkgNTIuNjc2NyA1MC4wNDE3IDUyLjUyMTMgNDkuNzQ5MyA1Mi41MjEzWk01Mi40ODk0IDUyLjIwMTVDNTIuODc3OCA1Mi4yMDE1IDUzLjE3MDMgNTIuMzcwNSA1My4zNzE0IDUyLjcxNzhDNTMuNTQ1IDUzLjAxMDMgNTMuNjMxOSA1My40MDMzIDUzLjYzMTkgNTMuODk2OUM1My42MzE5IDU0LjM5MDQgNTMuNTQ1IDU0Ljc4MzQgNTMuMzcxNCA1NS4wNzU5QzUzLjE3MDMgNTUuNDE4NiA1Mi44Nzc4IDU1LjU5MjMgNTIuNDg5NCA1NS41OTIzQzUyLjA5NjQgNTUuNTkyMyA1MS44MDM5IDU1LjQxODYgNTEuNjA3NCA1NS4wNzU5QzUxLjQzMzggNTQuNzgzNCA1MS4zNDY5IDU0LjM5MDQgNTEuMzQ2OSA1My44OTY5QzUxLjM0NjkgNTMuNDAzMyA1MS40MzM4IDUzLjAxMDMgNTEuNjA3NCA1Mi43MTc4QzUxLjgwMzkgNTIuMzcwNSA1Mi4wOTY0IDUyLjIwMTUgNTIuNDg5NCA1Mi4yMDE1Wk01Mi40ODk0IDUyLjUyMTNDNTIuMTk2OSA1Mi41MjEzIDUxLjk4NjcgNTIuNjc2NyA1MS44NTg4IDUyLjk5MkM1MS43Njc0IDUzLjIxMTQgNTEuNzIxNyA1My41MTMgNTEuNzIxNyA1My44OTY5QzUxLjcyMTcgNTQuMjc2MiA1MS43Njc0IDU0LjU3NzggNTEuODU4OCA1NC44MDE3QzUxLjk4NjcgNTUuMTEyNSA1Mi4xOTY5IDU1LjI3MjQgNTIuNDg5NCA1NS4yNzI0QzUyLjc4MTkgNTUuMjcyNCA1Mi45OTIxIDU1LjExMjUgNTMuMTIgNTQuODAxN0M1My4yMTE0IDU0LjU3NzggNTMuMjYxNyA1NC4yNzYyIDUzLjI2MTcgNTMuODk2OUM1My4yNjE3IDUzLjUxMyA1My4yMTE0IDUzLjIxMTQgNTMuMTIgNTIuOTkyQzUyLjk5MjEgNTIuNjc2NyA1Mi43ODE5IDUyLjUyMTMgNTIuNDg5NCA1Mi41MjEzWiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42IiBzdHlsZT0iZmlsbDpibGFjaztmaWxsLW9wYWNpdHk6MC42OyIvPgo8cGF0aCBkPSJNOTAuMzQ3MiA0OS4zNzU1QzkwLjM0NzIgNDYuODUxNyA4OC4zMDEyIDQ0LjgwNTcgODUuNzc3MyA0NC44MDU3QzgzLjI1MzQgNDQuODA1NyA4MS4yMDc0IDQ2Ljg1MTcgODEuMjA3NCA0OS4zNzU1QzgxLjIwNzQgNTEuODk5NCA4My4yNTM0IDUzLjk0NTQgODUuNzc3MyA1My45NDU0Qzg4LjMwMTIgNTMuOTQ1NCA5MC4zNDcyIDUxLjg5OTQgOTAuMzQ3MiA0OS4zNzU1WiIgZmlsbD0iI0Q0RTNGQyIgc3R5bGU9ImZpbGw6I0Q0RTNGQztmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC44MzE0IDAuODkwMiAwLjk4ODIpO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNODcuNzI1NiA0OS41MjQ1Qzg3Ljg0MDEgNDkuNDU4NCA4Ny44NDAxIDQ5LjI5MzEgODcuNzI1NiA0OS4yMjY5TDg0LjgwNDcgNDcuNTQwNkM4NC42OTAyIDQ3LjQ3NDUgODQuNTQ3IDQ3LjU1NzEgODQuNTQ3IDQ3LjY4OTRWNTEuMDYyMUM4NC41NDcgNTEuMTk0MyA4NC42OTAyIDUxLjI3NyA4NC44MDQ3IDUxLjIxMDlMODcuNzI1NiA0OS41MjQ1WiIgZmlsbD0iIzAwNTJEOSIgc3R5bGU9ImZpbGw6IzAwNTJEOTtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC4wMDAwIDAuMzIxNiAwLjg1MTApO2ZpbGwtb3BhY2l0eToxOyIvPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMTA2NzZfMTg5IiB4PSItNC44ODA2NiIgeT0iMjcuODM5NSIgd2lkdGg9IjExMS43NjEiIGhlaWdodD0iNDcuNzYxMyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIyLjcyMDE2Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjUuNDQwMzMiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE2IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTA2NzZfMTg5Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzEwNjc2XzE4OSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDY3Nl8xODkiPgo8cmVjdCB3aWR0aD0iOTAiIGhlaWdodD0iNTYiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYgNikiLz4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwMV8xMDY3Nl8xODkiPgo8cmVjdCB3aWR0aD0iOTAiIGhlaWdodD0iNTYiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYgNikiLz4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwMl8xMDY3Nl8xODkiPgo8cmVjdCB3aWR0aD0iOTAiIGhlaWdodD0iMjYiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYgMzYpIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDNfMTA2NzZfMTg5Ij4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjI2Ljc1MTEiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExIDM2KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=',
+                },
+                {
+                    label: '简单播放器',
+                    value: 'simple',
+                    tooltip: '简单播放器',
+                    src: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjY4IiB2aWV3Qm94PSIwIDAgMTAyIDY4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iMTAyIiBoZWlnaHQ9IjY4IiByeD0iMyIgZmlsbD0iI0YxRjJGNSIgc3R5bGU9ImZpbGw6I0YxRjJGNTtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC45NDUxIDAuOTQ5MCAwLjk2MDgpO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNNiA2SDk2VjYySDZWNloiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPHJlY3QgeD0iNzguMzc1IiB5PSIxMi4zNzUiIHdpZHRoPSIxMS4yNSIgaGVpZ2h0PSIxMS4yNSIgcng9IjUuNjI1IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjQiIHN0cm9rZT0id2hpdGUiIHN0eWxlPSJmaWxsOmJsYWNrO2ZpbGwtb3BhY2l0eTowLjQ7c3Ryb2tlOndoaXRlO3N0cm9rZS1vcGFjaXR5OjE7IiBzdHJva2Utd2lkdGg9IjAuNzUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Ni4xNjM2IDE3LjY2OTFMODQuMzg1MiAxNi44OTg2VjE5LjU1NThDODQuMzg2NCAxOS41NzUzIDg0LjM4NyAxOS41OTUgODQuMzg3IDE5LjYxNDdDODQuMzg3IDIwLjI0NzUgODMuNzcxNCAyMC43NjA1IDgzLjAxMiAyMC43NjA1QzgyLjI1MjYgMjAuNzYwNSA4MS42MzcgMjAuMjQ3NSA4MS42MzcgMTkuNjE0N0M4MS42MzcgMTguOTgxOSA4Mi4yNTI2IDE4LjQ2ODkgODMuMDEyIDE4LjQ2ODlDODMuMzgzOCAxOC40Njg5IDgzLjcyMTEgMTguNTkxOCA4My45Njg1IDE4Ljc5MTZWMTUuMzU5OEM4My45Njg1IDE1LjE1NjMgODQuMTcxNyAxNS4wMTU0IDg0LjM2MjMgMTUuMDg2Nkw4NS44OTQxIDE1LjY1ODhDODYuMzAxMyAxNS44MTA5IDg2LjU3MTIgMTYuMTk5OSA4Ni41NzEyIDE2LjYzNDZWMTcuNDAxNUM4Ni41NzEyIDE3LjYxMTQgODYuMzU2MiAxNy43NTI2IDg2LjE2MzYgMTcuNjY5MVoiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPC9zdmc+Cg==',
+                },
+            ]),
+        },
+        'x-props': {
+            'data-hidebind': true,
+        },
+    }),
+    src: Type.String({
+        title: '音频资源',
+        default: 'https://qcloudimg.tencent-cloud.cn/raw/472043e1e13e1cc06e4afc46407e8c4d.mp4',
+        'x-category': '基础属性',
+        'x-index': 20,
+        'x-rules': [
+            {
+                message: '请输入合法的音频资源',
+                pattern: '^(((https?)://)|/resources/)[^\\s]+$',
+            },
+            {
+                message: '请勿在地址中包含中文字符',
+                pattern: '^[^\\u4e00-\\u9fa5]+$',
+            },
+        ],
+        description: '音频资源的地址，用于直接播放，支持云文件ID',
+        'x-helper-text': '音频资源地址不要含有中文，否则会导致某些场景下的兼容问题，如：企业微信小程序内播放该音频失败',
+    }),
+    autoplay: Type.Boolean({
+        title: '自动播放',
+        default: false,
+        'x-category': '基础属性',
+        'x-index': 30,
+        description: '根据一般规则，用户和网页已有交互行为时方可自动播放',
+        'x-helper-text': '从用户的角度来看，网页或应用程序自动地发出噪音而没有警告可能会令人讨厌、不便或令人反感。因此，浏览器通常仅允许在特定情况下进行自动播放。[详情参考](https://developer.mozilla.org/zh-CN/docs/Web/Media/Autoplay_guide)',
+    }),
+    loop: Type.Boolean({
+        title: '循环播放',
+        default: false,
+        'x-category': '基础属性',
+        'x-index': 40,
+    }),
+    playbackRate: Type.Number({
+        title: '倍速播放',
+        default: 1.0,
+        'x-category': '基础属性',
+        'x-index': 50,
+        minimum: 0.5,
+        maximum: 2.0,
+    }),
+    startTime: Type.Number({
+        title: '开始播放位置（单位：s）',
+        default: 0,
+        'x-category': '基础属性',
+        'x-index': 60,
+        minimum: 0,
+    }),
+});
+// 组件对外暴露的只读属性
+// 未来可通过 widget API 开放，应用可以获取到组件的实例属性
+// 组件对外先规范定义，暂时不对外开放
+const properties = Type.Composite([
+    Type.Pick(data, []),
+    Type.Object({
+        ...audioProp,
+        played: Type.Boolean({ title: '是否正在播放' }),
+    }),
+]);
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    // 属性定义
+    data,
+    // 只读属性定义
+    properties,
+    isContainer: true,
+    // 样式API
+    classes: [
+        {
+            name: '根元素',
+            selector: '.wd-audio',
+            description: 'audio组件根元素',
+        },
+        {
+            name: 'PC 端audio组件根元素',
+            selector: '.wd-pc-audio',
+            description: '可以为 PC 端的audio编写样式',
+        },
+        {
+            name: 'H5 端audio组件根元素',
+            selector: '.wd-h5-audio',
+            description: '可以为 H5 端的audio编写样式',
+        },
+        {
+            name: '小程序 端audio组件根元素',
+            selector: '.wd-mp-audio',
+            description: '可以为 小程序 端的audio编写样式',
+        },
+    ],
+    // 组件方法
+    methods: [
+        {
+            name: 'play',
+            label: '播放音频',
+            description: '通过 $w.audio1.play() 来播放音频，小程序 API 文档 https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.play.html',
+        },
+        {
+            name: 'pause',
+            label: '暂停播放',
+            description: '通过 $w.audio1.pause() 来暂停播放，小程序 API 文档 https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.pause.html',
+        },
+        {
+            name: 'stop',
+            label: '停止播放',
+            description: '通过 $w.audio1.stop() 来停止播放，停止后的音频再播放会从头开始播放，小程序 API 文档 https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.stop.html',
+        },
+        {
+            name: 'seek',
+            label: '跳转到指定位置',
+            params: Type.Object({
+                position: Type.Number({
+                    title: '指定位置(单位 s)',
+                    description: '精确到小数点后 3 位，即支持 ms 级别精确度',
+                }),
+            }),
+            description: '通过 $w.audio1.seek({ position } ) 来跳转到指定位置，小程序 API 文档https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.seek.html',
+        },
+        {
+            name: 'fastForward',
+            label: '快进',
+            params: Type.Object({
+                time: Type.Number({
+                    title: '快进的时间(单位 s)',
+                }),
+            }),
+            description: '通过 $w.audio1.fastForward({ time } ) 来快进一段指定时间',
+        },
+        {
+            name: 'backward',
+            label: '快退',
+            params: Type.Object({
+                time: Type.Number({
+                    title: '快退的事件(单位 s)',
+                }),
+            }),
+            description: '通过 $w.audio1.backward({ time } ) 来快退一段指定时间',
+        },
+        {
+            name: 'destroy',
+            label: '销毁当前实例',
+            description: '通过 $w.audio1.destroy() 来销毁当前实例，小程序 API 文档 https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.destroy.html',
+        },
+        {
+            name: 'init',
+            label: '重新初始化当前实例',
+            description: '通过 $w.audio1.init() 来重新初始化当前实例，适用于通过 $w.audio1.destroy() 后的重新初始化',
+        },
+    ],
+    // 组件对外暴露事件
+    events: [
+        {
+            title: 'audio实例初始化完成',
+            name: 'audioReady',
+            description: 'audio 实例初始化完成时触发',
+            detail: Type.Object({ ...audioProp }),
+        },
+        {
+            name: 'play',
+            title: '开始/继续播放',
+            description: '当开始/继续播放时触发 play 事件',
+        },
+        {
+            name: 'stop',
+            title: '结束播放',
+            description: '当结束播放时触发 stop 事件',
+        },
+        {
+            name: 'pause',
+            title: '暂停播放',
+            description: '当暂停播放时触发 pause 事件',
+        },
+        {
+            title: '播放报错',
+            name: 'error',
+            description: '当发生错误时触发 error 事件，小程序事件说明 https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.onError.html',
+            detail: Type.Object({
+                errMsg: Type.String({
+                    title: '错误信息',
+                    description: '错误信息',
+                }),
+                errCode: Type.Number({
+                    title: '错误码',
+                    description: '错误码',
+                }),
+            }),
+        },
+        {
+            title: '跳转到指定位置',
+            name: 'seeked',
+            description: '当音频跳转到指定位置时触发 seek 事件',
+            detail: Type.Object({
+                position: Type.Number({
+                    title: '跳转的时间(单位 s)',
+                    description: '精确到小数点后 3 位，即支持 ms 级别精确度',
+                }),
+            }),
+        },
+        {
+            name: 'ended',
+            title: '播放到末尾',
+            description: '当播放到末尾时触发 ended 事件',
+        },
+        {
+            name: 'timeupdate',
+            title: '播放进度变化',
+            description: '播放进度变化时触发，event.detail = {currentTime, duration}',
+            detail: Type.Object({
+                currentTime: Type.Number({
+                    title: '当前播放时间',
+                    description: '当前播放时间',
+                }),
+                duration: Type.Number({
+                    title: '音频总时长',
+                    description: '音频总时长',
+                }),
+            }),
+        },
+    ],
+    // 组件元信息
+    meta: {
+        name: 'WdAudio',
+        componentName: 'audio',
+        title: '音频播放',
+        description: '提供音频控制功能',
+        figureIcon: '../figureIcons/WdAudio.svg',
+        icon: '../icons/Audio.svg',
+        category: '展示',
+        categoryOrder: 400,
+        componentOrder: 321,
+        visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdAudio',
+        group: {
+            ['基础属性']: {
+                'x-index': 1,
+                expand: true,
+            },
+        },
+        templates: [
+            {
+                when: '$attached',
+                to: '$children',
+                body: TPL,
+            },
+            {
+                when: 'template',
+                to: '$children',
+                body: TPL,
+            },
+        ],
+    },
+});
+export default config;

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { Static } from '../type-utils';
 import type { Simplify } from 'type-fest';
 declare const data: import("@sinclair/typebox").TObject<{
-    trigger: import("@sinclair/typebox").TUnsafe<"hover" | "click">;
-    placement: import("@sinclair/typebox").TUnsafe<"left" | "top" | "right" | "bottom" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom-start" | "left-end" | "left-start">;
-    promptTheme: import("@sinclair/typebox").TUnsafe<"error" | "default" | "dark">;
+    trigger: import("@sinclair/typebox").TUnsafe<"empty" | "hover" | "click">;
+    placement: import("@sinclair/typebox").TUnsafe<"left" | "top" | "right" | "bottom" | "left-start" | "left-end" | "bottom-start" | "bottom-end" | "right-end" | "right-start" | "top-end" | "top-start">;
+    promptTheme: import("@sinclair/typebox").TUnsafe<"dark" | "error" | "default">;
     openDelay: import("@sinclair/typebox").TNumber;
     closeDelay: import("@sinclair/typebox").TNumber;
     arrowPointAtCenter: import("@sinclair/typebox").TBoolean;
@@ -15,9 +14,9 @@ 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<{
-        trigger: import("@sinclair/typebox").TUnsafe<"hover" | "click">;
-        placement: import("@sinclair/typebox").TUnsafe<"left" | "top" | "right" | "bottom" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom-start" | "left-end" | "left-start">;
-        promptTheme: import("@sinclair/typebox").TUnsafe<"error" | "default" | "dark">;
+        trigger: import("@sinclair/typebox").TUnsafe<"empty" | "hover" | "click">;
+        placement: import("@sinclair/typebox").TUnsafe<"left" | "top" | "right" | "bottom" | "left-start" | "left-end" | "bottom-start" | "bottom-end" | "right-end" | "right-start" | "top-end" | "top-start">;
+        promptTheme: import("@sinclair/typebox").TUnsafe<"dark" | "error" | "default">;
         openDelay: import("@sinclair/typebox").TNumber;
         closeDelay: import("@sinclair/typebox").TNumber;
         arrowPointAtCenter: import("@sinclair/typebox").TBoolean;
@@ -25,9 +24,9 @@ declare const config: {
         bubbleChildren: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
     }>;
     readonly properties: import("@sinclair/typebox").TObject<{
-        placement: import("@sinclair/typebox").TUnsafe<"left" | "top" | "right" | "bottom" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom-start" | "left-end" | "left-start">;
-        trigger: import("@sinclair/typebox").TUnsafe<"hover" | "click">;
-        promptTheme: import("@sinclair/typebox").TUnsafe<"error" | "default" | "dark">;
+        placement: import("@sinclair/typebox").TUnsafe<"left" | "top" | "right" | "bottom" | "left-start" | "left-end" | "bottom-start" | "bottom-end" | "right-end" | "right-start" | "top-end" | "top-start">;
+        trigger: import("@sinclair/typebox").TUnsafe<"empty" | "hover" | "click">;
+        promptTheme: import("@sinclair/typebox").TUnsafe<"dark" | "error" | "default">;
     }>;
     readonly classes: readonly [{
         readonly name: "根元素";
@@ -45,6 +44,10 @@ declare const config: {
         readonly name: "H5 端气泡根元素";
         readonly selector: ".wd-h5-bubble";
         readonly description: "可以为 H5 端的气泡编写样式";
+    }, {
+        readonly name: "气泡弹出层容器";
+        readonly selector: ".wedatea2td-bubble";
+        readonly description: "可以为弹出的气泡设置样式，例如宽度，目前弹出的气泡最大宽度为 300px，可以设置max-width更改为其他宽度";
     }];
     readonly methods: readonly [];
     readonly events: readonly [{
@@ -61,7 +64,8 @@ declare const config: {
         readonly componentName: "Bubble";
         readonly title: "气泡提示";
         readonly description: "用于显示气泡的提示。";
-        readonly icon: "../../icons/Bubble.svg";
+        readonly figureIcon: "../figureIcons/WdBubble.svg";
+        readonly icon: "../icons/Bubble.svg";
         readonly category: "展示";
         readonly categoryOrder: 400;
         readonly componentOrder: 290;

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

@@ -49,6 +49,10 @@ const data = Type.Object({
                 label: '鼠标点击',
                 value: 'click',
             },
+            {
+                label: '不触发',
+                value: 'empty',
+            },
         ]),
         'x-index': 10,
         'x-category': '基础属性',
@@ -200,6 +204,11 @@ const config = defineConfig({
             selector: '.wd-h5-bubble',
             description: '可以为 H5 端的气泡编写样式',
         },
+        {
+            name: '气泡弹出层容器',
+            selector: '.wedatea2td-bubble',
+            description: '可以为弹出的气泡设置样式，例如宽度，目前弹出的气泡最大宽度为 300px，可以设置max-width更改为其他宽度',
+        },
     ],
     // 组件方法
     methods: [],
@@ -222,7 +231,8 @@ const config = defineConfig({
         componentName: 'Bubble',
         title: '气泡提示',
         description: '用于显示气泡的提示。',
-        icon: '../../icons/Bubble.svg',
+        figureIcon: '../figureIcons/WdBubble.svg',
+        icon: '../icons/Bubble.svg',
         category: '展示',
         categoryOrder: 400,
         componentOrder: 290,

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

@@ -121,11 +121,23 @@ declare const config: {
         readonly componentName: "Button";
         readonly title: "按钮";
         readonly description: "用于需要用户点击触发特定事件的场景，如信息提交、页面跳转等。";
-        readonly icon: "../../icons/Button.svg";
+        readonly figureIcon: "../figureIcons/WdButton.svg";
+        readonly icon: "../icons/Button.svg";
         readonly category: "展示";
         readonly categoryOrder: 400;
         readonly componentOrder: 240;
         readonly visible: readonly ["APP"];
+        readonly inlineStyleForm: {
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
         readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdButton";
         readonly shortcut: {
             readonly props: readonly ["text", "theme", "size"];

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

@@ -189,6 +189,17 @@ const data = Type.Object({
         enum: Tuple(WD_BUTTON_TYPE),
         description: ' 按钮: 适用于常见的按钮点击使用场景，可在事件配置区中对按钮组件配置点击事件并触发相应的执行动作;重置: 需配合表单容器组件使用，将按钮放置在表单容器中，点击后即可重置表单容器中表单组件的输入信息;提交: 需配合表单容器组件使用，将按钮放置在表单容器中，点击后即可对表单容器中的数据进行提交',
         'x-category': '高级属性',
+        'x-linkages': [
+            {
+                condition: "{{ $self.value === 'submit' && setComponentConfigEvents({targetSourceKey: 'gsd-h5-react:wdform', type: $self.value, des:'当前按钮的表单类型为提交，点击时将自动执行父级表单容器的提交事件'})}}",
+            },
+            {
+                condition: "{{ $self.value === 'reset' && setComponentConfigEvents({targetSourceKey: 'gsd-h5-react:wdform', type:$self.value, des: '当前按钮的表单类型为重置，点击时将重置清空父级表单容器中的表单数据'})}}",
+            },
+            {
+                condition: "{{ $self.value === 'button' && setComponentConfigEvents({targetSourceKey: 'gsd-h5-react:wdform', type:$self.value})}}",
+            },
+        ],
     })),
     openType: Type.Optional(Type.StringEnum({
         title: '微信开放能力',
@@ -398,11 +409,23 @@ const config = defineConfig({
         componentName: 'Button',
         title: '按钮',
         description: '用于需要用户点击触发特定事件的场景，如信息提交、页面跳转等。',
-        icon: '../../icons/Button.svg',
+        figureIcon: '../figureIcons/WdButton.svg',
+        icon: '../icons/Button.svg',
         category: '展示',
         categoryOrder: 400,
         componentOrder: 240,
         visible: ['APP'],
+        inlineStyleForm: {
+            justifyContent: {
+                visible: false,
+            },
+            flexDirection: {
+                visible: false,
+            },
+            alignItems: {
+                visible: false,
+            },
+        },
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdButton',
         // 快捷编辑时展示在编辑区的属性
         shortcut: {