@cloudbase/weda-ui 3.5.2 → 3.6.0

package/dist/configs/components/wd-official-account.d.ts

@@ -23,7 +23,8 @@ declare const _default: {
         description: string;
         propertyPanelTips: string;
         category: string;
-        icon: string;
+        figureIcon: string;
+        icon: "../icons/OfficialAccount.svg";
         platform: "MP"[];
         visible: "APP"[];
         docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/WdOfficialAccount";
@@ -35,12 +36,12 @@ declare const _default: {
         validate: {
             rule: string;
             options: {
-                allowFailure: boolean;
+                allowFailure: true;
                 title: string;
                 description: string;
                 type: string;
                 version: string;
-                matchedPublishedPlatform: string[];
+                matchedPublishedPlatform: "miniprogram"[];
                 extra: {
                     usePositionTemplate: boolean;
                 };

package/dist/configs/components/wd-official-account.js

@@ -56,6 +56,7 @@ export default defineConfig({
         description: '可在小程序内展示公众号关注入口，方便用户快捷关注或访问公众号。',
         propertyPanelTips: '1.请在微信公众平台中设置要展示的公众号 [查看设置说明](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/WdOfficialAccount#%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E)\n \n2.按照小程序官方要求，该组件仅在特定场景下展示 [查看限制详情](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/WdOfficialAccount#%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8%E9%99%90%E5%88%B6)\n \n3.仅支持在小程序端使用，PC/H5中将自动隐藏，请注意页面布局',
         category: '小程序',
+        figureIcon: '../figureIcons/WdOfficialAccount.svg',
         icon: '../icons/OfficialAccount.svg',
         platform: ['MP'],
         visible: ['APP'],

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

@@ -0,0 +1,194 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+export declare const WD_PROGRESS_STATUS: {
+    label: string;
+    value: string;
+}[];
+declare const data: import("@sinclair/typebox").TObject<{
+    required: import("@sinclair/typebox").TBoolean;
+    requiredFlag: import("@sinclair/typebox").TBoolean;
+    requiredMsg: import("@sinclair/typebox").TString;
+    status: import("@sinclair/typebox").TUnsafe<string>;
+    label: import("@sinclair/typebox").TString;
+    labelVisible: import("@sinclair/typebox").TBoolean;
+    labelAlign: import("@sinclair/typebox").TUnsafe<string>;
+    labelWrap: import("@sinclair/typebox").TBoolean;
+    layout: import("@sinclair/typebox").TUnsafe<string>;
+    labelWidth: import("@sinclair/typebox").TString;
+    labelTips: import("@sinclair/typebox").TString;
+    name: import("@sinclair/typebox").TString;
+    min: import("@sinclair/typebox").TNumber;
+    max: import("@sinclair/typebox").TNumber;
+    value: import("@sinclair/typebox").TNumber;
+    step: import("@sinclair/typebox").TNumber;
+}>;
+declare const properties: import("@sinclair/typebox").TObject<{
+    label: import("@sinclair/typebox").TString;
+    name: import("@sinclair/typebox").TString;
+    value: import("@sinclair/typebox").TNumber;
+    disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    min: import("@sinclair/typebox").TNumber;
+    max: import("@sinclair/typebox").TNumber;
+    step: import("@sinclair/typebox").TNumber;
+}>;
+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<{
+        required: import("@sinclair/typebox").TBoolean;
+        requiredFlag: import("@sinclair/typebox").TBoolean;
+        requiredMsg: import("@sinclair/typebox").TString;
+        status: import("@sinclair/typebox").TUnsafe<string>;
+        label: import("@sinclair/typebox").TString;
+        labelVisible: import("@sinclair/typebox").TBoolean;
+        labelAlign: import("@sinclair/typebox").TUnsafe<string>;
+        labelWrap: import("@sinclair/typebox").TBoolean;
+        layout: import("@sinclair/typebox").TUnsafe<string>;
+        labelWidth: import("@sinclair/typebox").TString;
+        labelTips: import("@sinclair/typebox").TString;
+        name: import("@sinclair/typebox").TString;
+        min: import("@sinclair/typebox").TNumber;
+        max: import("@sinclair/typebox").TNumber;
+        value: import("@sinclair/typebox").TNumber;
+        step: import("@sinclair/typebox").TNumber;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        label: import("@sinclair/typebox").TString;
+        name: import("@sinclair/typebox").TString;
+        value: import("@sinclair/typebox").TNumber;
+        disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        min: import("@sinclair/typebox").TNumber;
+        max: import("@sinclair/typebox").TNumber;
+        step: import("@sinclair/typebox").TNumber;
+    }>;
+    readonly classes: {
+        name: string;
+        selector: string;
+        description: string;
+    }[];
+    readonly methods: readonly [{
+        readonly params: {
+            readonly properties: {
+                readonly value: {
+                    readonly title: "值";
+                    readonly type: "number";
+                };
+            };
+        };
+        readonly name: string;
+        readonly label: string;
+        readonly description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }];
+    readonly events: readonly [{
+        readonly title: "值改变";
+        readonly name: "change";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TNumber;
+        }>;
+    }];
+    readonly meta: {
+        readonly name: "WdProgress";
+        readonly title: "进度条";
+        readonly componentName: "Progress";
+        readonly description: "显示当前进度的进度条组件。";
+        readonly figureIcon: "../figureIcons/WdProgress.svg";
+        readonly icon: "../icons/WdProgress.svg";
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdProgress";
+        readonly category: string;
+        readonly shortcut: {
+            props: string[];
+        };
+        readonly visible: any;
+        readonly inlineStyleForm: {
+            $text: {
+                visible: boolean;
+            };
+            justifyContent: {
+                visible: boolean;
+            };
+            flexDirection: {
+                visible: boolean;
+            };
+            alignItems: {
+                visible: boolean;
+            };
+        };
+        readonly templates: readonly [{
+            readonly when: "$attached";
+            readonly body: "\n  [attributes]\n  name = \"{{$self.id}}\"\n  ";
+            readonly __k: "init-name-with-id";
+        }];
+        readonly group: {
+            readonly [x: string]: {
+                readonly 'x-index': 1;
+                readonly expand: true;
+            } | {
+                readonly 'x-index': 2;
+                readonly expand: false;
+            } | {
+                readonly 'x-index': 3;
+                readonly expand: false;
+            } | {
+                readonly 'x-index': 4;
+                readonly expand: false;
+            };
+        };
+    };
+    readonly compConfig: {
+        readonly componentType: "formField";
+    };
+};
+export type PropertiesType = Simplify<Static<typeof properties>>;
+export default config;

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

@@ -0,0 +1,238 @@
+import { defineConfig, Type, Tuple } from '../type-utils';
+import { FORM_ITEM_DATA_TITLE, FORM_ITEM_METHODS, FORM_ITEM_META, ItemData, } from '../type-utils/type-form';
+import { getClasses } from '../type-utils/classes';
+import { templateInitNameWithId } from './common/init-name-with-id';
+// 属性分类
+const X_CATEGORY = {
+    COMMON: '通用',
+    TITLE: '标题风格',
+    PROGRESS: '进度条',
+    VERIFY: '状态/校验',
+};
+export const WD_PROGRESS_STATUS = [
+    {
+        label: '编辑',
+        value: 'edit',
+    },
+    {
+        label: '禁用',
+        value: 'disabled',
+    },
+    {
+        label: '只读',
+        value: 'readOnly',
+    },
+];
+// 属性类型定义
+const data = Type.Object({
+    name: Type.String({
+        title: '绑定字段',
+        type: 'string',
+        'x-index': 10,
+        'x-rules': [
+            {
+                message: '该字段必填',
+                required: true,
+            },
+            {
+                message: '必须以字母开头，仅能输入字母或下划线或数字',
+                pattern: '^[a-zA-Z][0-9a-zA-Z_]*$',
+            },
+        ],
+        'x-category': X_CATEGORY.COMMON,
+        required: true,
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
+    }),
+    min: Type.Number({
+        title: '最小值',
+        'x-runtime-default': 0,
+        'x-index': 15,
+        'x-category': X_CATEGORY.PROGRESS,
+    }),
+    max: Type.Number({
+        title: '最大值',
+        'x-runtime-default': 100,
+        'x-index': 20,
+        'x-category': X_CATEGORY.PROGRESS,
+    }),
+    value: Type.Number({
+        title: '进度值',
+        'x-index': 30,
+        'x-category': X_CATEGORY.COMMON,
+    }),
+    step: Type.Number({
+        title: '数值调整步长',
+        description: '控制每次点击数值调整按钮后，增加/减少的数值大小',
+        'x-runtime-default': 1,
+        'x-index': 40,
+        'x-category': X_CATEGORY.PROGRESS,
+    }),
+    ...FORM_ITEM_DATA_TITLE,
+    required: Type.Boolean({
+        title: '必填',
+        type: 'boolean',
+        'x-index': 140,
+        'x-runtime-default': false,
+        description: '启用后该组件强制必填，值不可为空',
+        'x-category': X_CATEGORY.VERIFY,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(requiredFlag,requiredMsg)',
+                condition: '{{$self.value}}',
+            },
+        ],
+    }),
+    requiredFlag: Type.Boolean({
+        title: '必填标识',
+        type: 'boolean',
+        'x-index': 150,
+        'x-runtime-default': true,
+        description: '启用后，组件若要求必填，则会显示必填星号标记',
+        'x-category': X_CATEGORY.VERIFY,
+    }),
+    requiredMsg: Type.String({
+        title: '必填校验提示',
+        type: 'string',
+        'x-index': 160,
+        'x-runtime-default': '该项为必填项',
+        'x-category': X_CATEGORY.VERIFY,
+        description: '启用必填，但组件值为空时的提示信息',
+    }),
+    // 新增且需兼容 disabled
+    status: Type.StringEnum({
+        title: '状态',
+        enum: Tuple(WD_PROGRESS_STATUS),
+        'x-runtime-default': 'edit',
+        type: 'string',
+        'x-index': 170,
+        'x-category': X_CATEGORY.VERIFY,
+    }),
+});
+const properties = Type.Composite([
+    Type.Pick(data, ['min', 'max', 'name', 'value', 'label', 'step']),
+    Type.Pick(ItemData, ['visible', 'disabled', 'readOnly']),
+]);
+const CLASSES = getClasses('progress');
+const classes = [
+    CLASSES.root,
+    CLASSES.root_pc,
+    CLASSES.root_h5,
+    CLASSES.root_mp,
+    CLASSES.item_label,
+    {
+        name: '进度条容器元素',
+        selector: '.wd-progress-container',
+        description: '可以为进度条容器编写样式',
+    },
+    {
+        name: '进度条轨道元素',
+        selector: '.wd-progress',
+        description: '可以为进度条轨道编写样式',
+        code: `
+:scope .wd-progress {
+  background-color: green;
+}
+    `,
+    },
+    {
+        name: '进度条进度元素',
+        selector: '.wd-progress__value',
+        description: '可以为表示当前进度条进度的元素编写样式',
+        code: `
+/* 进度条颜色 */
+:scope .wd-progress__value {
+  background-color: red;
+}
+/* 进度条高度 */
+:scope .wd-progress__value {
+  height: 20px;
+}
+/* 进度条圆角大小 */
+:scope .wd-progress__value {
+  border-radius: 5px;
+}
+:scope .wd-progress {
+  border-radius: 5px;
+}
+    `,
+    },
+];
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    // 属性定义
+    data,
+    // 只读属性定义
+    properties,
+    // 样式API
+    classes,
+    // 组件方法
+    methods: [
+        {
+            ...{},
+            ...FORM_ITEM_METHODS.setValue,
+            params: {
+                properties: {
+                    value: {
+                        title: '值',
+                        type: 'number',
+                    },
+                },
+            },
+        },
+        FORM_ITEM_METHODS.setVisible,
+        FORM_ITEM_METHODS.setDisabled,
+        FORM_ITEM_METHODS.clearValue,
+        FORM_ITEM_METHODS.setReadOnly,
+        FORM_ITEM_METHODS.handleValidate,
+        FORM_ITEM_METHODS.clearValidate,
+    ],
+    // 组件对外暴露事件
+    events: [
+        {
+            title: '值改变',
+            name: 'change',
+            detail: Type.Object({
+                value: Type.Number({ title: '进度值' }),
+            }),
+        },
+    ],
+    // 组件元信息
+    meta: {
+        name: 'WdProgress',
+        title: '进度条',
+        // 组件别名，用于生成组件 id，例如 Icon1
+        componentName: 'Progress',
+        description: '显示当前进度的进度条组件。',
+        figureIcon: '../figureIcons/WdProgress.svg',
+        icon: '../icons/WdProgress.svg',
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdProgress',
+        category: FORM_ITEM_META.category,
+        shortcut: FORM_ITEM_META.shortcut,
+        visible: FORM_ITEM_META.visible,
+        inlineStyleForm: FORM_ITEM_META.inlineStyleForm,
+        templates: [templateInitNameWithId],
+        group: {
+            [X_CATEGORY.COMMON]: {
+                'x-index': 1,
+                expand: true,
+            },
+            [X_CATEGORY.TITLE]: {
+                'x-index': 2,
+                expand: false,
+            },
+            [X_CATEGORY.PROGRESS]: {
+                'x-index': 3,
+                expand: false,
+            },
+            [X_CATEGORY.VERIFY]: {
+                'x-index': 4,
+                expand: false,
+            },
+        },
+    },
+    compConfig: {
+        componentType: 'formField',
+    },
+});
+export default config;