@cloudbase/weda-ui 3.4.16 → 3.5.1

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

@@ -0,0 +1,142 @@
+import { defineConfig, Type } from '../type-utils';
+// 属性类型定义
+const data = Type.Object({
+    headerLeftSlot: Type.Optional(Type.Slot({ title: '头部左侧', 'x-index': 10, 'x-group': '基础属性' })),
+    headerRightSlot: Type.Optional(Type.Slot({ title: '头部右侧', 'x-index': 20, 'x-group': '基础属性' })),
+    contentSlot: Type.Optional(Type.Slot({ title: '布局内容', 'x-index': 30, 'x-group': '基础属性' })),
+});
+// 组件对外暴露的只读属性
+// 未来可通过 widget API 开放，应用可以获取到组件的实例属性
+// 组件对外先规范定义，暂时不对外开放
+const properties = Type.Pick(data, []);
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    // 属性定义
+    data,
+    // 只读属性定义
+    properties,
+    // 样式API
+    classes: [
+        {
+            name: '根元素',
+            selector: '.wd-layout-root',
+            description: '布局组件根元素',
+        },
+        {
+            name: 'PC 端布局组件根元素',
+            selector: '.wd-pc-layout-root',
+            description: '可以为 PC 端的布局组件编写样式',
+        },
+        {
+            name: 'H5 端布局组件根元素',
+            selector: '.wd-h5-layout-root',
+            description: '可以为 H5 端的布局组件编写样式',
+        },
+        {
+            name: '布局顶部元素',
+            selector: '.wd-layout__header',
+            description: '可以为布局组件顶部编写样式',
+        },
+        {
+            name: '布局内容元素',
+            selector: '.wd-layout__body',
+            description: '可以为布局组件内容编写样式',
+        },
+    ],
+    // 组件方法
+    methods: [],
+    // 组件对外暴露事件
+    events: [],
+    // 组件元信息
+    meta: {
+        name: 'WdLayout',
+        title: '布局组件',
+        componentName: 'Layout',
+        description: '用于构建带有顶部导航的页面布局',
+        icon: '../../icons/LayoutContainer.svg',
+        category: '布局',
+        categoryOrder: 200,
+        componentOrder: 101,
+        platform: ['MOBILEWEB', 'PCWEB'],
+        visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/WdLayout',
+        templates: [
+            {
+                to: 'headerLeftSlot',
+                when: '$attached',
+                body: `
+        [[template]]
+          component = "WdIcon"
+        [template.attributes]
+          type = "inner"
+          name = "chevronleft"
+          size = "sm"
+        [[template.listeners]]
+          eventName = "tap"
+          type = "platform"
+        [template.listeners.handler]
+          name = "navigateBack"
+          module = "platform"
+
+        [[template]]
+          component = "WdText"
+        [template.attributes]
+          text = "页面标题"
+        [template.extra.commonStyle.self]
+          fontSize = "20px"
+          fontWeight = "600"
+
+        [[template]]
+          component = "WdText"
+        [template.attributes]
+          text = "页面描述"
+          level= "body-default"
+        [template.extra.commonStyle.self]
+          fontSize = "14px"
+          marginLeft = "5px"
+        `,
+            },
+            {
+                to: 'headerRightSlot',
+                when: '$attached',
+                body: `
+        [[template]]
+          component = "WdLink"
+        [template.attributes]
+          content = "帮助文档"
+        [template.extra.commonStyle.self]
+          fontSize = "14px"
+        `,
+            },
+        ],
+        group: {},
+        inlineStyleForm: {
+            textAlign: {
+                visible: false,
+            },
+            fontSize: {
+                visible: false,
+            },
+            color: {
+                visible: false,
+            },
+            fontWeight: {
+                visible: false,
+            },
+            lineHeight: {
+                visible: false,
+            },
+            justifyContent: {
+                visible: false,
+            },
+            flexDirection: {
+                visible: false,
+            },
+            alignItems: {
+                visible: false,
+            },
+        },
+    },
+});
+export default config;

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

@@ -0,0 +1,124 @@
+/// <reference types="react" />
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    content: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+    url: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+    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<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+        value: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+    }>>>;
+    enableSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    iconType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    iconSource: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    icon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    iconSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+    iconPosition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+}>;
+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<{
+        content: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+        url: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+        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<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+            value: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+        }>>>;
+        enableSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        iconType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        iconSource: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        icon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        iconSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        iconPosition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    }>;
+    readonly properties: import("@sinclair/typebox").TPick<import("@sinclair/typebox").TObject<{
+        content: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+        url: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+        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<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+            value: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+        }>>>;
+        enableSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        iconType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        iconSource: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        icon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        iconSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        iconPosition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    }>, ["content", "url", "disabled"]>;
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".wd-link";
+        readonly description: "链接组件根元素";
+    }, {
+        readonly name: "图标";
+        readonly selector: ".wd-link__icon";
+        readonly description: "链接的图标元素（共享样式）";
+    }, {
+        readonly name: "前置图标";
+        readonly selector: ".wd-link__before-icon";
+        readonly description: "链接内的前置图标";
+    }, {
+        readonly name: "后置图标";
+        readonly selector: ".wd-link__after-icon";
+        readonly description: "链接内的后置图标";
+    }, {
+        readonly name: "文本";
+        readonly selector: ".wd-link__text";
+        readonly description: "链接内显示的文本";
+    }, {
+        readonly name: "禁用状态";
+        readonly selector: ".wd-link__icon.is-disabled";
+        readonly description: "链接禁用状态";
+    }, {
+        readonly name: "PC 端链接根元素";
+        readonly selector: ".wd-pc-link";
+        readonly description: "可以为 PC 端的链接编写样式";
+    }, {
+        readonly name: "H5 端链接根元素";
+        readonly selector: ".wd-h5-link";
+        readonly description: "可以为 H5 端的链接编写样式";
+    }];
+    readonly methods: readonly [];
+    readonly events: readonly [{
+        readonly title: "点击";
+        readonly name: "tap";
+        readonly 'x-platforms': readonly ["WEB"];
+    }];
+    readonly meta: {
+        readonly name: "WdLink";
+        readonly componentName: "Link";
+        readonly title: "链接";
+        readonly description: "用于实现超链接点击后跳转。";
+        readonly icon: "../../icons/Link.svg";
+        readonly category: "展示";
+        readonly categoryOrder: 400;
+        readonly componentOrder: 250;
+        readonly platform: readonly ["MOBILEWEB", "PCWEB"];
+        readonly visible: readonly ["APP"];
+        readonly templates: readonly [{
+            readonly to: "contentSlot";
+            readonly body: "\n[attributes]\nenableSlot = false\n";
+        }];
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdLink";
+        readonly shortcut: {
+            readonly props: readonly ["content", "url"];
+        };
+    };
+    readonly configMeta: {
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdLink";
+        readonly shortcut: {
+            readonly props: readonly ["content", "url"];
+        };
+    };
+};
+export default config;

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

@@ -16,7 +16,7 @@ const data = Type.Object({
     }),
     url: Type.String({
         title: '跳转页面',
-        default: '',
+        'x-runtime-default': '',
         type: 'string',
         description: '通过下拉选择应用页面，可以实现内部页面跳转',
         'x-component': 'page-list',
@@ -28,7 +28,7 @@ const data = Type.Object({
     }),
     isOpenInNewWindow: Type.Optional(Type.Boolean({
         title: '是否打开新窗口',
-        default: false,
+        'x-runtime-default': false,
         type: 'boolean',
         description: '仅外部链接生效',
         'x-category': '基础属性',
@@ -39,7 +39,7 @@ const data = Type.Object({
         value: Type.String({ title: 'value', default: 'value' }),
     }), {
         title: '携带参数',
-        default: [],
+        'x-runtime-default': [],
         type: 'array',
         description: '填写跳转页面时携带的参数，用于页面传参',
         'x-category': '基础属性',
@@ -50,13 +50,13 @@ const data = Type.Object({
         description: '是否展示链接中插槽的内容',
         'x-category': '基础属性',
         'x-index': 45,
-        default: true,
+        'x-runtime-default': true,
     })),
     // 规范化新增，展示图标
     iconType: Type.Optional(Type.StringEnum({
         title: '展示图标',
         'x-index': 50,
-        default: 'none',
+        'x-runtime-default': 'none',
         enum: Tuple(WD_LINK_ICON_TYPE),
         'x-linkages': [
             {
@@ -82,7 +82,7 @@ const data = Type.Object({
     iconSource: Type.Optional(Type.StringEnum({
         enum: Tuple(WD_ICON_TYPE),
         title: '图标类型',
-        default: 'inner',
+        'x-runtime-default': 'inner',
         description: '选择图标的类型',
         'x-index': 55,
         'x-linkages': [
@@ -103,7 +103,7 @@ const data = Type.Object({
     icon: Type.Optional(Type.StringEnum({
         enum: Tuple(WD_ICON_ENUM.map((item) => ({ label: item, value: item }))),
         title: '图标样式',
-        default: 'td:link',
+        'x-runtime-default': 'td:link',
         description: '选择预置图标',
         'x-index': 60,
         'x-component': 'icon2',
@@ -119,7 +119,7 @@ const data = Type.Object({
             },
         ],
         title: '自定义图标',
-        default: '',
+        'x-runtime-default': '',
         description: '设置自定义图标地址',
         'x-index': 70,
         'x-category': '高级属性',
@@ -127,14 +127,14 @@ const data = Type.Object({
     iconPosition: Type.Optional(Type.StringEnum({
         title: '图标位置',
         'x-index': 80,
-        default: 'before',
+        'x-runtime-default': 'before',
         enum: Tuple(WD_LINK_ICON_POSITION),
         description: '设置图标位置',
         'x-category': '高级属性',
     })),
     disabled: Type.Optional(Type.Boolean({
         title: '是否禁用',
-        default: false,
+        'x-runtime-default': false,
         description: '开启后链接将无法进行点击',
         'x-category': '高级属性',
         'x-index': 90,

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

@@ -0,0 +1,32 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    layout: import("@sinclair/typebox").TUnsafe<string>;
+}>;
+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<{
+        layout: import("@sinclair/typebox").TUnsafe<string>;
+    }>;
+    readonly classes: readonly [];
+    readonly methods: readonly [];
+    readonly events: readonly [];
+    readonly meta: {
+        readonly name: "WdLocation";
+        readonly title: "地图定位";
+        readonly description: "表单布局";
+        readonly icon: "../../icons/Form.svg";
+        readonly category: "展示";
+        readonly categoryOrder: 1;
+        readonly componentOrder: 1;
+        readonly visible: readonly ["APP"];
+    };
+    readonly configMeta: {
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdForm";
+        readonly shortcut: {
+            readonly props: readonly ["type"];
+        };
+    };
+};
+export default config;

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

@@ -0,0 +1,55 @@
+import { defineConfig, Tuple, Type } from '../type-utils';
+const WD_RADIO_DIRECTION = [
+    {
+        label: '默认',
+        value: 'vertical',
+    },
+    {
+        label: '行内',
+        value: 'inline',
+    },
+];
+// 属性类型定义
+const data = Type.Object({
+    layout: Type.StringEnum({
+        title: '排版',
+        type: 'string',
+        'x-index': 10,
+        default: 'vertical',
+        enum: Tuple(WD_RADIO_DIRECTION),
+        'x-category': '基础属性',
+    }),
+});
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    // 属性定义
+    data,
+    // 只读属性定义
+    // properties,
+    // 样式API
+    classes: [],
+    // 组件方法
+    methods: [],
+    // 组件对外暴露事件
+    events: [],
+    // 组件元信息
+    meta: {
+        name: 'WdLocation',
+        title: '地图定位',
+        description: '表单布局',
+        icon: '../../icons/Form.svg',
+        category: '展示',
+        categoryOrder: 1,
+        componentOrder: 1,
+        visible: ['APP'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdForm',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['type'],
+        },
+    },
+});
+export default config;

package/dist/configs/components/wd-member-select.d.ts

@@ -0,0 +1,32 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    layout: import("@sinclair/typebox").TUnsafe<string>;
+}>;
+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<{
+        layout: import("@sinclair/typebox").TUnsafe<string>;
+    }>;
+    readonly classes: readonly [];
+    readonly methods: readonly [];
+    readonly events: readonly [];
+    readonly meta: {
+        readonly name: "WdMemberSelect";
+        readonly title: "人员选择";
+        readonly description: "表单布局";
+        readonly icon: "../../icons/Form.svg";
+        readonly category: "展示";
+        readonly categoryOrder: 1;
+        readonly componentOrder: 1;
+        readonly visible: readonly ["APP"];
+    };
+    readonly configMeta: {
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdForm";
+        readonly shortcut: {
+            readonly props: readonly ["type"];
+        };
+    };
+};
+export default config;

package/dist/configs/components/wd-member-select.js

@@ -0,0 +1,55 @@
+import { defineConfig, Tuple, Type } from '../type-utils';
+const WD_RADIO_DIRECTION = [
+    {
+        label: '默认',
+        value: 'vertical',
+    },
+    {
+        label: '行内',
+        value: 'inline',
+    },
+];
+// 属性类型定义
+const data = Type.Object({
+    layout: Type.StringEnum({
+        title: '排版',
+        type: 'string',
+        'x-index': 10,
+        default: 'vertical',
+        enum: Tuple(WD_RADIO_DIRECTION),
+        'x-category': '基础属性',
+    }),
+});
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    // 属性定义
+    data,
+    // 只读属性定义
+    // properties,
+    // 样式API
+    classes: [],
+    // 组件方法
+    methods: [],
+    // 组件对外暴露事件
+    events: [],
+    // 组件元信息
+    meta: {
+        name: 'WdMemberSelect',
+        title: '人员选择',
+        description: '表单布局',
+        icon: '../../icons/Form.svg',
+        category: '展示',
+        categoryOrder: 1,
+        componentOrder: 1,
+        visible: ['APP'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdForm',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['type'],
+        },
+    },
+});
+export default config;