@cloudbase/weda-ui 3.27.3 → 3.29.0

package/dist/configs/components/scrollView.js

@@ -0,0 +1,357 @@
+import { Type } from '@sinclair/typebox';
+import { defineConfig } from '../type-utils';
+import { $SCHEMA } from '../utils/constants';
+const data = Type.Object({
+    scrollX: Type.Boolean({
+        title: '允许横向滚动',
+        default: false,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(scrollLeft)',
+                condition: '{{ $self.value }}',
+            },
+        ],
+        'x-category': '基础属性',
+        'x-index': 2,
+        description: '开启后，将开启横向滚动条，组件支持左右滚动',
+    }),
+    scrollY: Type.Boolean({
+        title: '允许纵向滚动',
+        default: true,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(scrollTop)',
+                condition: '{{ $self.value }}',
+            },
+        ],
+        'x-category': '基础属性',
+        'x-index': 3,
+        description: '开启后，将开启纵向滚动条，组件支持上下滚动',
+    }),
+    scrollIntoView: Type.String({
+        title: '滚到的元素ID',
+        'x-category': '高级属性',
+        'x-index': 4,
+        description: '将当前的元素滚动到浏览器窗口的可视区域内',
+        'x-helper-text': '小程序端需启用 scroll-view 增强特性后生效',
+    }),
+    scrollLeft: Type.Number({
+        title: '横向滚动条位置',
+        'x-category': '高级属性',
+        'x-index': 5,
+        description: '输入默认值，横向滚动条将默认移动到该位置',
+    }),
+    scrollTop: Type.Number({
+        title: '竖向滚动条位置',
+        'x-category': '高级属性',
+        'x-index': 6,
+        description: '输入默认值，竖向滚动条将默认移动到该位置',
+    }),
+    lowerThreshold: Type.Number({
+        title: '距底部/右边多远时，触发scrolltolower事件',
+        default: 50,
+        'x-index': 7,
+        'x-category': '高级属性',
+    }),
+    upperThreshold: Type.Number({
+        title: '距顶部/左边多远时，触发scrolltoupper事件',
+        default: 50,
+        'x-index': 8,
+        'x-category': '高级属性',
+    }),
+    observerSelector: Type.Array(Type.String({
+        title: '目标元素class',
+    }), {
+        title: '滚动到目标元素附近，触发scrollToTarget事件',
+        'x-index': 9,
+        'x-category': '高级属性',
+        'x-helper-text': '滚动到目标元素附近时触发scrollToTarget事件',
+    }),
+    // observerThreshold: Type.Number({
+    //   title: '滚动到目标元素的阈值',
+    //   'x-index': 10,
+    //   'x-category': '高级属性',
+    //   default: 0.5,
+    //   description: '滚动到目标元素的阈值，默认0.5',
+    //   'x-helper-text': '滚动到目标元素的阈值，默认0.5,仅支持web端',
+    //   'x-platforms': ['WEB'],
+    // }),
+    rootMargin: Type.Object({
+        top: Type.String({
+            title: '顶部边距，单位px',
+            default: '0px',
+        }),
+        bottom: Type.String({
+            title: '底部边距，单位px',
+            default: '0px',
+        }),
+        left: Type.String({
+            title: '左边边距，单位px',
+            default: '0px',
+        }),
+        right: Type.String({
+            title: '右边边距，单位px',
+            default: '0px',
+        }),
+    }, {
+        title: '用来扩展（或收缩）参照节点布局区域的边界',
+        'x-index': 11,
+        'x-category': '高级属性',
+        description: '指定页面显示区域作为参照区域之一，使用margins来扩展（或收缩）参照节点布局区域的边界，单位px。',
+        'x-component': 'jsontext',
+    }),
+    showScrollbar: Type.Boolean({
+        title: '滚动条显隐控制',
+        default: true,
+        'x-platforms': ['MP'],
+        'x-category': '高级属性',
+        'x-index': 80,
+        description: '控制滚动条是否显示/隐藏',
+        'x-helper-text': '隐藏滚动条需启用 scroll-view 增强特性后生效',
+        'x-linkages': [
+            {
+                type: 'value:state',
+                target: '*(enhanced)',
+                condition: '{{ !$self.value }}',
+                state: {
+                    value: true,
+                },
+            },
+        ],
+    }),
+    enhanced: Type.Boolean({
+        title: '启用 scroll-view 增强特性',
+        default: true,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(bounces,pagingEnabled,fastDeceleration)',
+                condition: '{{ $self.value }}',
+            },
+        ],
+        'x-platforms': ['MP'],
+        'x-category': '高级属性',
+        'x-index': 90,
+        description: '开启scroll-view增强特性 ',
+    }),
+    bounces: Type.Boolean({
+        title: 'iOS 下 scroll-view 边界弹性控制',
+        default: true,
+        'x-platforms': ['MP'],
+        'x-index': 91,
+        'x-category': '高级属性',
+    }),
+    pagingEnabled: Type.Boolean({
+        title: '分页滑动效果',
+        default: false,
+        'x-platforms': ['MP'],
+        'x-index': 93,
+        'x-category': '高级属性',
+    }),
+    fastDeceleration: Type.Boolean({
+        title: '滑动减速速率控制',
+        default: false,
+        'x-platforms': ['MP'],
+        'x-index': 94,
+        'x-category': '高级属性',
+    }),
+    refresherEnabled: Type.Boolean({
+        title: '开启自定义下拉刷新',
+        default: false,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(refresherThreshold,refresherDefaultStyle,refresherBackground,refresherTriggered)',
+                condition: '{{ $self.value }}',
+            },
+        ],
+        'x-platforms': ['MP'],
+        'x-category': '高级属性',
+        'x-index': 100,
+        description: '开启后可自定义对下拉刷新进行相关配置',
+    }),
+    refresherThreshold: Type.Number({
+        title: '设置自定义下拉刷新阈值',
+        default: 50,
+        'x-index': 101,
+        'x-platforms': ['MP'],
+        'x-category': '高级属性',
+    }),
+    refresherDefaultStyle: Type.String({
+        title: '设置自定义下拉刷新默认样式',
+        default: 'block',
+        'x-component': 'radio',
+        enum: [
+            {
+                label: 'black',
+                value: 'black',
+            },
+            {
+                label: 'white',
+                value: 'white',
+            },
+            {
+                label: 'none',
+                value: 'none',
+            },
+        ],
+        'x-platforms': ['MP'],
+        'x-index': 102,
+        'x-category': '高级属性',
+    }),
+    refresherBackground: Type.String({
+        title: '设置自定义下拉刷新区域背景颜色',
+        'x-component': 'color',
+        default: '#fff',
+        'x-platforms': ['MP'],
+        'x-index': 103,
+        'x-category': '高级属性',
+    }),
+    refresherTriggered: Type.Boolean({
+        title: '设置当前下拉刷新状态',
+        default: true,
+        'x-platforms': ['MP'],
+        'x-index': 104,
+        'x-category': '高级属性',
+    }),
+    scrollAnchoring: Type.Boolean({
+        title: '开启 scroll anchoring 特性',
+        default: false,
+        'x-platforms': ['MP'],
+        'x-category': '高级属性',
+        'x-index': 110,
+        description: '开启scroll-anchoring特性',
+    }),
+    enableFlex: Type.Boolean({
+        title: '启用 flexbox 布局',
+        default: false,
+        'x-platforms': ['MP'],
+        'x-category': '高级属性',
+        'x-index': 120,
+        description: '开启flexbox布局',
+    }),
+    enableBackToTop: Type.Boolean({
+        title: 'iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只支持竖向',
+        default: false,
+        'x-platforms': ['MP'],
+        'x-category': '高级属性',
+        'x-index': 130,
+        description: '开启后当执行对应操作后滚动条将自动返回顶部',
+    }),
+    scrollWithAnimation: Type.Boolean({
+        title: '在设置滚动条位置时使用动画过渡',
+        default: false,
+        'x-platforms': ['MP'],
+        'x-index': 140,
+        'x-category': '高级属性',
+        description: '开启滚动条动画',
+    }),
+});
+export default defineConfig({
+    $schema: $SCHEMA,
+    data,
+    isContainer: true,
+    mpOrigin: 'scroll-view',
+    events: [
+        { name: 'onReady', title: '滚动容器初次渲染完成时触发' },
+        {
+            name: 'scroll',
+            title: '滚动时触发',
+        },
+        {
+            name: 'scrollToTarget',
+            title: '滚动到指定位置时触发',
+            detail: Type.Object({
+                scrollViewContext: Type.Object({}, {
+                    title: 'scrollViewContext实例',
+                    description: 'scrollViewContext实例，web端为HTMLDivElement,小程序端为ScrollView实例',
+                }),
+            }),
+        },
+        {
+            name: 'scrolltolower',
+            title: '滚动到底部/右边时触发',
+        },
+        {
+            name: 'scrolltoupper',
+            title: '滚动到顶部/左边时触发',
+        },
+        {
+            name: 'dragstart',
+            'x-platforms': ['MP'],
+            title: '滑动开始事件(同时开启 enhanced 属性后生效)',
+        },
+        {
+            name: 'dragging',
+            'x-platforms': ['MP'],
+            title: '滑动事件(同时开启 enhanced 属性后生效)',
+        },
+        {
+            name: 'dragend',
+            'x-platforms': ['MP'],
+            title: '滑动结束事件(同时开启 enhanced 属性后生效)',
+        },
+        {
+            name: 'refresherpulling',
+            'x-platforms': ['MP'],
+            title: '自定义下拉刷新控件被下拉',
+        },
+        {
+            name: 'refresherrefresh',
+            'x-platforms': ['MP'],
+            title: '自定义下拉刷新被触发',
+        },
+        {
+            name: 'refresherrestore',
+            'x-platforms': ['MP'],
+            title: '自定义下拉刷新被复位',
+        },
+        {
+            name: 'refresherabort',
+            'x-platforms': ['MP'],
+            title: '自定义下拉刷新被中止',
+        },
+    ],
+    methods: [
+        {
+            name: 'scrollIntoElement',
+            label: '滚动到指定位置',
+            params: Type.Object({
+                selector: Type.String({
+                    title: 'id或class选择器',
+                    description: 'id或class选择器，格式：#id或.class',
+                    'x-helper-text': '请输入id或class选择器，格式：#id或.class',
+                }),
+            }, []),
+        },
+    ],
+    meta: {
+        title: '滚动容器',
+        description: '当组件元素内容长度大于滚动容器时，滚动容器会出滚动条用来对页面内容进行滑动展示。',
+        category: '布局',
+        categoryOrder: 200,
+        componentOrder: 110,
+        figureIcon: '../figureIcons/ScrollView.svg',
+        icon: '../icons/ScrollView.svg',
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/ScrollView',
+        shortcut: {
+            props: ['scrollX', 'scrollY'],
+            extra: {
+                container: {
+                    'x-component': 'container',
+                    'x-component-props': [
+                        'gsd-h5-react:Text',
+                        'CLOUDBASE_STANDARD:Button',
+                        'gsd-h5-react:Image',
+                        'CLOUDBASE_STANDARD:FormInput',
+                    ],
+                    'x-index': 1,
+                },
+            },
+        },
+    },
+});

package/dist/configs/components/slot.json

@@ -1,5 +1,5 @@
 {
-    "$schema": "https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json",
+    "$schema": "https://comp-public-replace-cos.cloudbase.net/schema/lcds_component.json",
     "data": {
         "properties": {
             "name": {

package/dist/configs/components/swiper.d.ts

@@ -17,7 +17,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     easingFunction: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
 }>;
 declare const config: {
-    readonly $schema: "https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json";
+    readonly $schema: string;
     readonly data: import("@sinclair/typebox").TObject<{
         interval: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
         vertical: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;

package/dist/configs/components/swiper.js

@@ -1,4 +1,5 @@
 import { defineConfig, Type } from '../type-utils';
+import { $SCHEMA } from '../utils/constants';
 const data = Type.Object({
     interval: Type.Optional(Type.Number({
         title: '自动切换时间间隔（毫秒）',
@@ -150,7 +151,7 @@ const data = Type.Object({
     })),
 });
 const config = defineConfig({
-    $schema: 'https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json',
+    $schema: $SCHEMA,
     data,
     events: [
         {

package/dist/configs/components/table.json

@@ -1,5 +1,5 @@
 {
-    "$schema": "https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json",
+    "$schema": "https://comp-public-replace-cos.cloudbase.net/schema/lcds_component.json",
     "data": {
         "properties": {
             "dataSourceType": {
@@ -230,14 +230,8 @@
                         }
                     ],
                     "blackListConfig": {
-                        "format": [
-                            "x-file",
-                            "x-image"
-                        ],
-                        "type": [
-                            "object",
-                            "array"
-                        ]
+                        "format": ["x-file", "x-image"],
+                        "type": ["object", "array"]
                     },
                     "customRelOptions": {
                         "number": [
@@ -453,9 +447,7 @@
                                                 }
                                             }
                                         },
-                                        "required": [
-                                            "records"
-                                        ]
+                                        "required": ["records"]
                                     }
                                 }
                             }
@@ -487,9 +479,7 @@
                 "x-index": 70,
                 "x-runtime-default": true,
                 "x-category": "基础属性",
-                "x-platforms": [
-                    "PCWEB"
-                ],
+                "x-platforms": ["PCWEB"],
                 "description": "对 APIs 调用方法填充的表格列头排序图标进行显隐控制 "
             },
             "columnSets": {
@@ -721,24 +711,16 @@
             "title": "选中数据改变",
             "name": "rowsSelect",
             "description": "可将当前选中的行记录，作为数组传参出去",
-            "x-platforms": [
-                "MOBILEWEB",
-                "PCWEB"
-            ]
+            "x-platforms": ["MOBILEWEB", "PCWEB"]
         },
         {
             "title": "查询成功",
             "name": "querySuccess",
             "description": "查询成功的回调事件",
-            "x-platforms": [
-                "MOBILEWEB",
-                "PCWEB"
-            ]
+            "x-platforms": ["MOBILEWEB", "PCWEB"]
         }
     ],
-    "platforms": [
-        "web"
-    ],
+    "platforms": ["web"],
     "meta": {
         "title": "数据表格(旧)",
         "componentName": "Table",
@@ -747,10 +729,7 @@
         "category": "数据容器",
         "categoryOrder": 100,
         "componentOrder": 40,
-        "platform": [
-            "MOBILEWEB",
-            "PCWEB"
-        ],
+        "platform": ["MOBILEWEB", "PCWEB"],
         "visible": [],
         "selectableBlock": {
             "events": [
@@ -773,13 +752,7 @@
     },
     "configMeta": {
         "shortcut": {
-            "props": [
-                "dataSourceType",
-                "bindMetadata",
-                "bindConnectMetadata",
-                "connectorMethod",
-                "connectorParams"
-            ]
+            "props": ["dataSourceType", "bindMetadata", "bindConnectMetadata", "connectorMethod", "connectorParams"]
         },
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/ModelTable",
         "contextData": {
@@ -817,28 +790,19 @@
         {
             "name": "import",
             "label": "数据导入",
-            "x-platforms": [
-                "MOBILEWEB",
-                "PCWEB"
-            ],
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
             "description": "仅当数据源为数据模型场景时支持导入，可按照模版，上传 excel 文件，录入数据"
         },
         {
             "name": "exportOptionalMode",
             "label": "数据导出(可选导出模式)",
-            "x-platforms": [
-                "MOBILEWEB",
-                "PCWEB"
-            ],
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
             "description": "支持将当前选中数据导出为 excel"
         },
         {
             "name": "export",
             "label": "数据导出(导出选中数据)",
-            "x-platforms": [
-                "MOBILEWEB",
-                "PCWEB"
-            ],
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
             "description": "支持将当前选中数据导出为 excel"
         },
         {
@@ -853,37 +817,25 @@
                     }
                 }
             },
-            "x-platforms": [
-                "MOBILEWEB",
-                "PCWEB"
-            ],
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
             "description": "仅当数据源为数据模型场景时，支持删除行数据"
         },
         {
             "name": "deleteSelected",
             "label": "删除选中数据",
-            "x-platforms": [
-                "MOBILEWEB",
-                "PCWEB"
-            ],
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
             "description": "仅当数据源为数据模型场景时，支持删除当前选中的行记录"
         },
         {
             "name": "refresh",
             "label": "刷新表格(查看第1页数据)",
-            "x-platforms": [
-                "MOBILEWEB",
-                "PCWEB"
-            ],
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
             "description": "刷新表格(查看第 1 页数据)"
         },
         {
             "name": "refreshKeepPage",
             "label": "刷新表格(查看当前页数据)",
-            "x-platforms": [
-                "MOBILEWEB",
-                "PCWEB"
-            ],
+            "x-platforms": ["MOBILEWEB", "PCWEB"],
             "description": "刷新表格(查看当前页数据)"
         }
     ]

package/dist/configs/components/tabs.d.ts

@@ -9,7 +9,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     panel: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
 }>;
 declare const config: {
-    readonly $schema: "https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json";
+    readonly $schema: string;
     readonly data: import("@sinclair/typebox").TObject<{
         isMultipleSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         tabs: import("@sinclair/typebox").TReadonly<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{

package/dist/configs/components/tabs.js

@@ -1,4 +1,5 @@
 import { defineConfig, Type } from '../type-utils';
+import { $SCHEMA } from '../utils/constants';
 const data = Type.Object({
     isMultipleSlot: Type.Optional(Type.Boolean({
         title: '启用多个插槽',
@@ -96,7 +97,7 @@ const data = Type.Object({
     })),
 });
 const config = defineConfig({
-    $schema: 'https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json',
+    $schema: $SCHEMA,
     data,
     events: [
         {

package/dist/configs/components/text.d.ts

@@ -15,7 +15,7 @@ declare const events: readonly [{
 }];
 export type EventsType = Simplify<StaticEventsType<typeof events>>;
 declare const _default: {
-    readonly $schema: "https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json";
+    readonly $schema: string;
     readonly data: import("@sinclair/typebox").TObject<{
         text: import("@sinclair/typebox").TString;
         level: import("@sinclair/typebox").TUnsafe<"0" | "1" | "2" | "3" | "4" | "5" | "6">;

package/dist/configs/components/text.js

@@ -1,4 +1,5 @@
 import { Tuple, defineConfig, Type } from '../type-utils';
+import { $SCHEMA } from '../utils/constants';
 const data = Type.Object({
     text: Type.String({
         title: '文本内容',
@@ -84,7 +85,7 @@ const events = [
     },
 ];
 export default defineConfig({
-    $schema: 'https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json',
+    $schema: $SCHEMA,
     data,
     events,
     meta: {

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

@@ -10,7 +10,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     disableFallbackSharePage: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
 }>;
 declare const config: {
-    readonly $schema: "https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json";
+    readonly $schema: string;
     readonly data: import("@sinclair/typebox").TObject<{
         adType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         unitId: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;

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

@@ -1,5 +1,6 @@
 import { defineConfig, Tuple, Type } from '../type-utils';
 import { X_RUNTIME_DEFAULT } from '../type-utils/x-runtime-default';
+import { $SCHEMA } from '../utils/constants';
 const AD_TYPE = [
     { label: 'Banner 广告', value: 'banner' },
     { label: '视频广告', value: 'video' },
@@ -124,7 +125,7 @@ const data = Type.Partial(Type.Object({
     }),
 }));
 const config = defineConfig({
-    $schema: 'https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json',
+    $schema: $SCHEMA,
     data,
     classes: [
         {

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

@@ -10,7 +10,7 @@ declare const data: import("@sinclair/typebox").TObject<{
 }>;
 export type DataType = Simplify<Static<typeof data>>;
 declare const config: {
-    readonly $schema: "https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json";
+    readonly $schema: string;
     readonly data: import("@sinclair/typebox").TObject<{
         template: import("@sinclair/typebox").TString;
         src: import("@sinclair/typebox").TString;

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

@@ -1,4 +1,5 @@
 import { defineConfig, Tuple, Type } from '../type-utils';
+import { $SCHEMA } from '../utils/constants';
 const NORMAL_TPL = `
 [extra.commonStyle]
 display = "flex"
@@ -251,7 +252,7 @@ const properties = Type.Composite([
 ]);
 // export default
 const config = defineConfig({
-    $schema: 'https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json',
+    $schema: $SCHEMA,
     // 属性定义
     data,
     // 只读属性定义