@cloudbase/weda-ui 3.5.0 → 3.5.2

package/dist/configs/components/grid/grid.js

@@ -1,4 +1,5 @@
 import { defineConfig, Tuple, Type, } from '../../type-utils';
+import { GUTTER_ENUM } from '../../../enum';
 const gridTemplate = `
 [[template]]
 component = 'Row'
@@ -9,42 +10,6 @@ component = 'Col'
 
 {{/repeat}}
 `;
-const gutterEnum = [
-    { label: '0px（无）', value: 0 },
-    { label: '8px（超小）', value: 2 },
-    {
-        label: '16px（超小）',
-        value: 3,
-    },
-    {
-        label: '24px（小）',
-        value: 4,
-    },
-    {
-        label: '32px（中）',
-        value: 5,
-    },
-    {
-        label: '48px（大）',
-        value: 6,
-    },
-    {
-        label: '60px（超大）',
-        value: 7,
-    },
-    {
-        label: '80px（超大）',
-        value: 9,
-    },
-    {
-        label: '100px（超大）',
-        value: 9,
-    },
-    {
-        label: '128px（超大）',
-        value: 10,
-    },
-];
 const data = Type.Object({
     addRow: Type.Never({
         title: '添加行和列',
@@ -70,23 +35,23 @@ const data = Type.Object({
             })),
         },
         'x-index': 20,
-        default: 3,
+        'x-runtime-default': 3,
     }),
     // 8 16 24 对应 scss中的 gutters map
-    gutterX: Type.NumberEnum({
+    gutterX: Type.StringEnum({
         title: '列间距',
-        default: 2,
+        'x-runtime-default': '8px',
         'x-component': 'string',
-        enum: Tuple(gutterEnum),
+        enum: Tuple(GUTTER_ENUM),
         'x-index': 30,
         'x-helper-text': '默认对所有列生效，若某行单独配置了列间距，此属性将被覆盖。',
     }),
-    gutterY: Type.NumberEnum({
+    gutterY: Type.StringEnum({
         title: '行间距',
-        default: 2,
+        'x-runtime-default': '8px',
         'x-component': 'string',
         'x-index': 40,
-        enum: Tuple(gutterEnum),
+        enum: Tuple(GUTTER_ENUM),
     }),
 });
 const events = [
@@ -95,14 +60,39 @@ const events = [
         title: '点击',
     },
 ];
+const properties = Type.Pick(data, ['gutterX', 'gutterY']);
 const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
     data,
     events,
+    properties,
     isContainer: true,
     compConfig: {
         componentType: 'Grid',
     },
+    // 样式API
+    classes: [
+        {
+            name: '根元素',
+            selector: '.wd-grid',
+            description: '网格布局组件根元素',
+        },
+        {
+            name: 'PC端根元素',
+            selector: '.wd-pc-grid',
+            description: '网格布局组件PC端根元素',
+        },
+        {
+            name: 'H5端根元素',
+            selector: '.wd-h5-grid',
+            description: '网格布局组件H5端根元素',
+        },
+        {
+            name: '小程序端根元素',
+            selector: '.wd-mp-grid',
+            description: '网格布局组件小程序端根元素',
+        },
+    ],
     meta: {
         title: '网格布局',
         category: '布局',

package/dist/configs/components/grid/row.d.ts

@@ -0,0 +1,96 @@
+import type { ConditionalExcept } from 'type-fest';
+import { Simplify, Static, StaticEventsType } from '../../type-utils';
+declare const data: import("@sinclair/typebox").TObject<{
+    addRowCol: import("@sinclair/typebox").TNever;
+    colCount: import("@sinclair/typebox").TNever;
+    gutterX: import("@sinclair/typebox").TUnsafe<string>;
+    alignItems: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"center" | "end" | "start">>;
+}>;
+export type DataType = Simplify<ConditionalExcept<Static<typeof data>, never>>;
+declare const events: readonly [{
+    readonly name: "tap";
+    readonly title: "点击";
+}];
+export type EventsType = Simplify<StaticEventsType<typeof events>>;
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        addRowCol: import("@sinclair/typebox").TNever;
+        colCount: import("@sinclair/typebox").TNever;
+        gutterX: import("@sinclair/typebox").TUnsafe<string>;
+        alignItems: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"center" | "end" | "start">>;
+    }>;
+    readonly events: readonly [{
+        readonly name: "tap";
+        readonly title: "点击";
+    }];
+    readonly properties: import("@sinclair/typebox").TObject<{
+        colCount: import("@sinclair/typebox").TNever;
+        gutterX: import("@sinclair/typebox").TUnsafe<string>;
+        alignItems: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"center" | "end" | "start">>;
+    }>;
+    readonly isContainer: true;
+    readonly compConfig: {
+        readonly componentType: "Row";
+    };
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".wd-grid-row";
+        readonly description: "行组件根元素";
+    }, {
+        readonly name: "PC端根元素";
+        readonly selector: ".wd-pc-grid-row";
+        readonly description: "行组件PC端根元素";
+    }, {
+        readonly name: "H5端根元素";
+        readonly selector: ".wd-h5-grid-row";
+        readonly description: "行组件H5端根元素";
+    }, {
+        readonly name: "小程序端根元素";
+        readonly selector: ".wd-mp-grid-row";
+        readonly description: "行组件小程序端根元素";
+    }];
+    readonly meta: {
+        readonly title: "行";
+        readonly category: "布局容器";
+        readonly description: "水平的行，宽度超出屏幕会自动换行";
+        readonly componentOrder: 1000;
+        readonly visible: readonly [];
+        readonly icon: "../../icons/Container.svg";
+        readonly positionConstraint: {
+            readonly allowParent: readonly [{
+                readonly componentType: "Grid";
+                readonly recursive: false;
+            }, {
+                readonly componentType: "Col";
+                readonly recursive: false;
+            }, {
+                readonly componentType: "Repeater";
+                readonly recursive: false;
+            }];
+            readonly allowChildren: readonly [{
+                readonly componentType: "Col";
+            }, {
+                readonly componentType: "Repeater";
+            }];
+        };
+        readonly inlineStyleForm: {
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+        };
+        readonly shortcut: {
+            readonly props: readonly ["colCount"];
+        };
+    };
+    readonly configMeta: {
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Grid";
+    };
+};
+export default config;

package/dist/configs/components/grid/row.js

@@ -1,41 +1,5 @@
 import { defineConfig, Tuple, Type, } from '../../type-utils';
-const gutterEnum = [
-    { label: '默认继承网格布局', value: -1 },
-    { label: '0px（无）', value: 0 },
-    { label: '8px（超小）', value: 2 },
-    {
-        label: '16px（超小）',
-        value: 3,
-    },
-    {
-        label: '24px（小）',
-        value: 4,
-    },
-    {
-        label: '32px（中）',
-        value: 5,
-    },
-    {
-        label: '48px（大）',
-        value: 6,
-    },
-    {
-        label: '60px（超大）',
-        value: 7,
-    },
-    {
-        label: '80px（超大）',
-        value: 9,
-    },
-    {
-        label: '100px（超大）',
-        value: 9,
-    },
-    {
-        label: '128px（超大）',
-        value: 10,
-    },
-];
+import { ROW_GUTTER_ENUM } from '../../../enum';
 const data = Type.Object({
     addRowCol: Type.Never({
         title: '添加行',
@@ -60,12 +24,13 @@ const data = Type.Object({
                 value: i + 1,
             })),
         },
+        'x-runtime-default': 3,
     }),
-    gutterX: Type.NumberEnum({
+    gutterX: Type.StringEnum({
         title: '列间距',
-        default: -1,
+        'x-runtime-default': 'auto',
         'x-component': 'string',
-        enum: Tuple(gutterEnum),
+        enum: Tuple(ROW_GUTTER_ENUM),
         'x-index': 30,
         description: '对当前行的所有列生效。配置后，将会覆盖父层网格布局的属性。',
     }),
@@ -141,14 +106,39 @@ const events = [
         title: '点击',
     },
 ];
+const properties = Type.Pick(data, ['colCount', 'gutterX', 'alignItems']);
 const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
     data,
     events,
+    properties,
     isContainer: true,
     compConfig: {
         componentType: 'Row',
     },
+    // 样式API
+    classes: [
+        {
+            name: '根元素',
+            selector: '.wd-grid-row',
+            description: '行组件根元素',
+        },
+        {
+            name: 'PC端根元素',
+            selector: '.wd-pc-grid-row',
+            description: '行组件PC端根元素',
+        },
+        {
+            name: 'H5端根元素',
+            selector: '.wd-h5-grid-row',
+            description: '行组件H5端根元素',
+        },
+        {
+            name: '小程序端根元素',
+            selector: '.wd-mp-grid-row',
+            description: '行组件小程序端根元素',
+        },
+    ],
     meta: {
         title: '行',
         category: '布局容器',
@@ -164,17 +154,6 @@ const config = defineConfig({
             ],
             allowChildren: [{ componentType: 'Col' }, { componentType: 'Repeater' }],
         },
-        editorLifecycle: {
-            destroy: {
-                action: 'deleteParent',
-                params: {
-                    conditions: {
-                        emptyChild: true,
-                        parentComponentType: 'Grid',
-                    },
-                },
-            },
-        },
         inlineStyleForm: {
             justifyContent: { visible: false },
             alignItems: { visible: false },

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

@@ -0,0 +1,59 @@
+import type { Simplify } from 'type-fest';
+import { Static } from '../type-utils';
+declare const data: import("@sinclair/typebox").TObject<{
+    src: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    fit: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"fill" | "contain" | "cover" | "widthFix" | "heightFix">>;
+    imgPreview: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    maskClosable: import("@sinclair/typebox").TBoolean;
+    alt: import("@sinclair/typebox").TString;
+    showMenuByLongpress: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    lazyLoad: import("@sinclair/typebox").TBoolean;
+    mode: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"left" | "top" | "center" | "right" | "bottom" | "widthFix" | "heightFix" | "scaleToFill" | "aspectFit" | "aspectFill" | "top left" | "top right" | "bottom left" | "bottom right">>;
+}>;
+export type DataType = Simplify<Static<typeof data>>;
+declare const _default: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        src: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        fit: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"fill" | "contain" | "cover" | "widthFix" | "heightFix">>;
+        imgPreview: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        maskClosable: import("@sinclair/typebox").TBoolean;
+        alt: import("@sinclair/typebox").TString;
+        showMenuByLongpress: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        lazyLoad: import("@sinclair/typebox").TBoolean;
+        mode: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"left" | "top" | "center" | "right" | "bottom" | "widthFix" | "heightFix" | "scaleToFill" | "aspectFit" | "aspectFill" | "top left" | "top right" | "bottom left" | "bottom right">>;
+    }>;
+    readonly events: readonly [{
+        readonly name: "load";
+        readonly title: "加载成功";
+    }, {
+        readonly name: "error";
+        readonly title: "加载失败";
+    }, {
+        readonly name: "tap";
+        readonly title: "点击";
+    }];
+    readonly meta: {
+        readonly title: "图片（已废弃）";
+        readonly description: "用于在页面进行图片的展示。";
+        readonly category: "展示";
+        readonly icon: "../icons/Image.svg";
+        readonly categoryOrder: 400;
+        readonly componentOrder: 230;
+        readonly visible: readonly [];
+        readonly deprecated: true;
+        readonly renderMode: readonly [{
+            readonly component: "WdImage";
+            readonly props: {};
+            readonly renderType: "update";
+            readonly materialName: "gsd-h5-react";
+        }];
+    };
+    readonly configMeta: {
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Image";
+        readonly shortcut: {
+            readonly props: readonly ["src"];
+        };
+    };
+};
+export default _default;

package/dist/configs/components/image.js

@@ -13,7 +13,7 @@ const data = Type.Object({
         default: 'https://main.qcloudimg.com/raw/c85c9a875e9754545ee19f20438b2caa.svg',
         'x-category': '基础属性',
         'x-index': 1,
-        remarks: '更改需要展示的图片',
+        description: '更改需要展示的图片',
     })),
     fit: Type.Optional(Type.StringEnum({
         title: '布局模式',
@@ -43,7 +43,7 @@ const data = Type.Object({
         ]),
         'x-category': '基础属性',
         'x-index': 2,
-        remarks: '更改图片的布局模式',
+        description: '更改图片的布局模式',
     })),
     imgPreview: Type.Optional(Type.Boolean({
         title: '点击预览大图',
@@ -57,7 +57,7 @@ const data = Type.Object({
                 condition: '{{ $self.value }}',
             },
         ],
-        remarks: '开启后，点击图片后图片会展示为大图',
+        description: '开启后，点击图片后图片会展示为大图',
     })),
     maskClosable: Type.Boolean({
         title: '再次点击关闭预览',
@@ -72,8 +72,7 @@ const data = Type.Object({
         type: 'string',
         default: '[图片]',
         'x-category': '高级属性',
-        description: '用于图片加载失败 或 屏幕阅读器替代显示',
-        remarks: '当图片加载失败时，会展示此处配置的文本内容',
+        description: '用于图片加载失败 或 屏幕阅读器替代显示，当图片加载失败时，会展示此处配置的文本内容',
     }),
     showMenuByLongpress: Type.Optional(Type.Boolean({
         title: '识别小程序码',
@@ -81,8 +80,7 @@ const data = Type.Object({
         'x-index': 6,
         'x-platforms': ['MP'],
         'x-category': '高级属性',
-        description: '小程序专有属性，长按图片可唤起识别小程序码功能',
-        remarks: '只有小程序端构建时生,效，长按图片可唤起识别小程序码功能',
+        description: '只有小程序端构建时生效，长按图片可唤起识别小程序码功能，具体可参照微信官方图片组件说明',
     })),
     lazyLoad: Type.Boolean({
         'x-index': 7,
@@ -91,7 +89,6 @@ const data = Type.Object({
         default: false,
         'x-category': '高级属性',
         description: '图片按需加载，若图片没有被展示，则不会加载',
-        remarks: '图片按需加载，若图片没有被展示，则不会加载',
     }),
     mode: Type.Optional(Type.StringEnum({
         display: false,

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

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import { Simplify, Static } from '../type-utils';
+declare const data: import("@sinclair/typebox").TObject<{
+    content: import("@sinclair/typebox").TString;
+    url: import("@sinclair/typebox").TString;
+    isOpenInNewWindow: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    params: import("@sinclair/typebox").TReadonly<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        key: import("@sinclair/typebox").TString;
+        value: import("@sinclair/typebox").TString;
+    }>>>;
+    contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+}>;
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        content: import("@sinclair/typebox").TString;
+        url: import("@sinclair/typebox").TString;
+        isOpenInNewWindow: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        params: import("@sinclair/typebox").TReadonly<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            key: import("@sinclair/typebox").TString;
+            value: import("@sinclair/typebox").TString;
+        }>>>;
+        contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    }>;
+    readonly meta: {
+        readonly title: "链接（已废弃）";
+        readonly description: "用于实现超链接跳转。";
+        readonly category: "展示";
+        readonly categoryOrder: 400;
+        readonly componentOrder: 290;
+        readonly icon: "../icons/Link.svg";
+        readonly platform: readonly ["MOBILEWEB", "PCWEB"];
+        readonly visible: readonly [];
+        readonly deprecated: true;
+        readonly renderMode: readonly [{
+            readonly component: "WdLink";
+            readonly props: {};
+            readonly renderType: "update";
+            readonly materialName: "gsd-h5-react";
+        }];
+    };
+    readonly configMeta: {
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Link";
+        readonly shortcut: {
+            readonly props: readonly ["content", "url"];
+        };
+    };
+    readonly events: readonly [{
+        readonly name: "tap";
+        readonly title: "点击";
+    }];
+};
+export default config;
+export type DataType = Simplify<Static<typeof data>>;

package/dist/configs/components/link.js

@@ -5,19 +5,18 @@ const data = Type.Object({
         title: '文本内容',
         'x-category': '基础属性',
         'x-index': 100,
-        remarks: '更改链接显示的文本内容',
+        description: '更改链接显示的文本内容',
     }),
     url: Type.String({
         type: 'string',
         'x-component': 'page-list',
         title: '跳转页面',
-        description: '通过下拉选择应用页面，可以实现内部页面跳转',
         'x-category': '基础属性',
         'x-index': 120,
         'x-component-props': {
             hideAddPlatform: ['MP'],
         },
-        remarks: '选择点击链接后跳转的页面，小程序端构建时仅支持选择跳转应用页面',
+        description: '选择点击链接后跳转的页面，小程序端构建时仅支持选择跳转应用页面',
     }),
     isOpenInNewWindow: Type.Optional(Type.Boolean({
         type: 'boolean',
@@ -36,7 +35,7 @@ const data = Type.Object({
         'x-category': '基础属性',
         'x-index': 160,
         default: [],
-        remarks: '填写跳转页面时携带的参数，用于页面传参',
+        description: '填写跳转页面时携带的参数，用于页面传参',
     })),
     contentSlot: Type.Optional(Type.Slot()),
 });