@cloudbase/weda-ui 3.20.6 → 3.21.0

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

@@ -0,0 +1,62 @@
+import { Simplify, Static } from '../type-utils';
+declare const data: import("@sinclair/typebox").TObject<{
+    interval: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+    vertical: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    autoplay: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    loop: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    indicatorActiveColor: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    indicatorColor: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    duration: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+    current: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+    circular: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    indicatorDots: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    layoutType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    transformType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    previousMargin: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    nextMargin: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    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 data: import("@sinclair/typebox").TObject<{
+        interval: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        vertical: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        autoplay: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        loop: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        indicatorActiveColor: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        indicatorColor: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        duration: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        current: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        circular: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        indicatorDots: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        layoutType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        transformType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        previousMargin: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        nextMargin: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        easingFunction: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    }>;
+    readonly events: readonly [{
+        readonly name: "change";
+        readonly title: "切换";
+        readonly description: "通过事件可以获取到当前选中的轮播项，在该事件的处理方法中可以通过 event.detail.current 来获取当前轮播项所在的index";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            current: import("@sinclair/typebox").TString;
+        }>;
+    }];
+    readonly meta: {
+        readonly name: "swiper";
+        readonly title: "轮播容器";
+        readonly description: "用于快速在页面搭建轮播图展示效果，并支持轮播图的跳转、播放配置。";
+        readonly category: "布局";
+        readonly categoryOrder: 200;
+        readonly componentOrder: 90;
+        readonly figureIcon: "../figureIcons/Swiper.svg";
+        readonly icon: "../icons/Swiper.svg";
+        readonly propertyPanelTips: "轮播容器组件在小程序侧使用时，建议给组件设置一个高度，否则按照小程序swiper组件默认高度渲染";
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Swiper";
+    };
+    readonly isContainer: true;
+    readonly mpOrigin: "swiper";
+};
+export default config;
+export type DataType = Simplify<Static<typeof data>>;

package/dist/configs/components/swiper.js

@@ -0,0 +1,182 @@
+import { defineConfig, Type } from '../type-utils';
+const data = Type.Object({
+    interval: Type.Optional(Type.Number({
+        title: '自动切换时间间隔（毫秒）',
+        default: 5000,
+        'x-index': 10,
+        'x-category': '基础属性',
+        description: '配置轮播图滚动的时间间隔，时间单位为ms',
+    })),
+    vertical: Type.Optional(Type.Boolean({
+        title: '纵向轮播',
+        default: false,
+        'x-index': 20,
+        'x-category': '基础属性',
+        description: '开启后，轮播的滚动方式将会由横向滚动变更为纵向滚动',
+    })),
+    autoplay: Type.Optional(Type.Boolean({
+        title: '自动播放',
+        default: true,
+        'x-index': 25,
+        'x-category': '基础属性',
+        description: '开启后，轮播图将会自动根据配置的时间间隔进行自动滚动，关闭后则轮播图仅支持通过点击锚点的方式进行切换',
+    })),
+    loop: Type.Optional(Type.Boolean({
+        title: '循环切换',
+        default: true,
+        'x-index': 30,
+        'x-category': '基础属性',
+        description: '开启之后，轮播图支持循环切换。',
+        'x-helper-text': '开启之后，轮播图支持循环切换，仅web端生效。',
+        'x-platforms': ['WEB'],
+    })),
+    indicatorActiveColor: Type.Optional(Type.String({
+        title: '锚点激活色',
+        default: 'rgba(0, 0, 0, 0.9)',
+        'x-index': 40,
+        'x-category': '高级属性',
+        description: '更改锚点选中时的颜色',
+        'x-component': 'color',
+    })),
+    indicatorColor: Type.Optional(Type.String({
+        title: '锚点颜色',
+        'x-component': 'color',
+        default: 'rgba(200, 200, 200, 0.9)',
+        'x-index': 50,
+        'x-category': '高级属性',
+        description: '更改锚点普通状态下的颜色',
+    })),
+    duration: Type.Optional(Type.Number({
+        title: '滑动动画时长',
+        default: 500,
+        'x-index': 60,
+        'x-category': '高级属性',
+        description: '更改轮播图切换时的滑动动画时长',
+    })),
+    current: Type.Optional(Type.Number({
+        title: '当前所在滑块的 index',
+        default: 0,
+        'x-index': 70,
+        'x-category': '高级属性',
+        description: '更改轮播图的默认展示位置，0为默认展示第一张轮播图，以此类推',
+    })),
+    circular: Type.Optional(Type.Boolean({
+        title: '衔接滑动',
+        default: true,
+        'x-index': 80,
+        'x-category': '高级属性',
+        description: '是否采用衔接滑动',
+        'x-helper-text': '关闭后，将无法循环滑动，仅小程序端生效。',
+        'x-platforms': ['MP'],
+    })),
+    indicatorDots: Type.Optional(Type.Boolean({
+        title: '导航锚点',
+        default: true,
+        'x-index': 100,
+        'x-category': '高级属性',
+        description: '开启/关闭轮播图锚点',
+    })),
+    layoutType: Type.Optional(Type.StringEnum({
+        title: '渲染模式',
+        default: 'normal',
+        'x-index': 110,
+        'x-category': '高级属性',
+        description: '渲染模式，小程序 Skyline 特有属性',
+        enum: [
+            { value: 'normal', label: '默认方式' },
+            { value: 'stackLeft', label: '左向堆叠' },
+            { value: 'stackRight', label: '右向堆叠' },
+            { value: 'tinder', label: '滑动卡片' },
+            { value: 'transformer', label: '过渡动画' },
+        ],
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'transformType',
+                condition: "{{$self.value=='transformer'}}",
+            },
+        ],
+        'x-platforms': ['MP'],
+    })),
+    transformType: Type.Optional(Type.String({
+        title: '指定动画类型',
+        default: 'scaleAndFade',
+        'x-index': 120,
+        'x-category': '高级属性',
+        description: 'layout-type 为 transformer 时指定动画类型，小程序 Skyline 特有属性',
+        enum: [
+            { value: 'scaleAndFade', label: 'scaleAndFade' },
+            { value: 'accordion', label: 'accordion' },
+            { value: 'threeD', label: 'threeD' },
+            { value: 'zoomIn', label: 'zoomIn' },
+            { value: 'zoomOut', label: 'zoomOut' },
+            { value: 'deepthPage', label: 'deepthPage' },
+        ],
+        'x-platforms': ['MP'],
+    })),
+    previousMargin: Type.Optional(Type.String({
+        title: '前边距',
+        type: 'string',
+        default: '0px',
+        'x-index': 130,
+        'x-category': '高级属性',
+        description: '前边距，可用于露出前一项的一小部分，接受 px 和 rpx 值',
+        'x-platforms': ['MP'],
+    })),
+    nextMargin: Type.Optional(Type.String({
+        title: '后边距',
+        type: 'string',
+        default: '0px',
+        'x-index': 140,
+        'x-category': '高级属性',
+        description: '后边距，可用于露出后一项的一小部分，接受 px 和 rpx 值',
+        'x-platforms': ['MP'],
+    })),
+    easingFunction: Type.Optional(Type.String({
+        title: '缓动动画类型',
+        type: 'string',
+        default: 'default',
+        'x-index': 150,
+        'x-category': '高级属性',
+        description: '指定 swiper 切换缓动动画类型',
+        'x-platforms': ['MP'],
+        enum: [
+            { value: 'default', label: '默认缓动函数' },
+            { value: 'linear', label: '线性动画' },
+            { value: 'easeInCubic', label: '缓入动画' },
+            { value: 'easeOutCubic', label: '缓出动画' },
+            { value: 'easeInOutCubic', label: '缓入缓出动画' },
+        ],
+    })),
+});
+const config = defineConfig({
+    $schema: 'https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json',
+    data,
+    events: [
+        {
+            name: 'change',
+            title: '切换',
+            description: '通过事件可以获取到当前选中的轮播项，在该事件的处理方法中可以通过 event.detail.current 来获取当前轮播项所在的index',
+            detail: Type.Object({
+                current: Type.String({
+                    title: '当前轮播项所在的index',
+                }),
+            }),
+        },
+    ],
+    meta: {
+        name: 'swiper',
+        title: '轮播容器',
+        description: '用于快速在页面搭建轮播图展示效果，并支持轮播图的跳转、播放配置。',
+        category: '布局',
+        categoryOrder: 200,
+        componentOrder: 90,
+        figureIcon: '../figureIcons/Swiper.svg',
+        icon: '../icons/Swiper.svg',
+        propertyPanelTips: '轮播容器组件在小程序侧使用时，建议给组件设置一个高度，否则按照小程序swiper组件默认高度渲染',
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Swiper',
+    },
+    isContainer: true,
+    mpOrigin: 'swiper',
+});
+export default config;

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

@@ -86,6 +86,8 @@ declare const data: import("@sinclair/typebox").TObject<{
     emptyText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     rowColor: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     isSuspendHeader: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    enableBottomTipSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    row: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
     enablePagination: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     enableGlobalButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     enableRefreshBtn: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
@@ -184,6 +186,8 @@ declare const config: {
         emptyText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         rowColor: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         isSuspendHeader: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        enableBottomTipSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        row: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
         enablePagination: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         enableGlobalButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         enableRefreshBtn: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;

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

@@ -1376,12 +1376,31 @@ const data = Type.Object({
     })),
     isSuspendHeader: Type.Optional(Type.Boolean({
         title: '表头在页面顶部悬停',
-        'x-index': 173,
+        'x-index': 171,
         'x-group': '表格行',
         'x-runtime-default': true,
         'x-helper-text': '仅PC端有效；且可能因为父级组件的样式干扰，导致该属性失效',
         description: '如无法生效，请确保祖先元素没有设置overflow属性为hidden、scroll或auto。这些属性会导致position: sticky失效。另外，如果页面已经有fixed的元素，那么悬停有可能会看不到，需要通过样式手动调整下悬停的位置',
     })),
+    enableBottomTipSlot: Type.Optional(Type.Boolean({
+        title: '开启表格底部内容插槽',
+        type: 'boolean',
+        'x-index': 172,
+        'x-runtime-default': false,
+        'x-group': '表格行',
+        description: '开启后，可支持表格底部内容插槽',
+    })),
+    row: Type.Optional(Type.Slot({
+        title: '表格底部内容插槽',
+        type: 'slot',
+        'x-group': '表格行',
+        'x-index': 173,
+        'x-slot-auto': {
+            iterable: "{{ $form.values.enableBottomTipSlot ?[{key:'_bottom__slot',title:'表格底部内容插槽'}]:[] }}",
+            generator: '{{ {key:$item.key, title: ($item.title) } }}',
+            reservedSlots: "{{$form.values.columnSets.filter(item => item.genre === 'slot'&& (item.slotKey||item.key)).map(item => ('cell_'+item.slotKey||item.key)).concat('cell__custom__option','globalButton') }}",
+        },
+    })),
     enablePagination: Type.Optional(Type.Boolean({
         title: '显示分页器',
         type: 'boolean',
@@ -1432,6 +1451,7 @@ const data = Type.Object({
         'x-slot-auto': {
             iterable: "{{ $form.values.columnSets.filter(item => item.genre === 'slot'&& (item.slotKey||item.key)) }}",
             generator: "{{ {key:$item.slotKey||$item.key, title: ('自定义列: '+$item.header) } }}",
+            reservedSlots: ['globalButton', 'cell__custom__option', 'row__bottom__slot'],
         },
         'x-slot-scope': {
             record: {