@cloudbase/weda-ui 3.4.11 → 3.4.13

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

@@ -1,4 +1,28 @@
-import { defineConfig, Tuple, Type } from '../type-utils';
+import { defineConfig, Tuple, Type, } from '../type-utils';
+const events = [
+    {
+        title: '提交',
+        name: 'submit',
+    },
+];
+// const WD_FORM_LABEL_DIRECTION = [
+//   {
+//     label: '水平左对齐',
+//     value: 'horizontal-left',
+//   },
+//   {
+//     label: '水平右对齐',
+//     value: 'horizontal-right',
+//   },
+//   {
+//     label: '垂直左对齐',
+//     value: 'vertical-left',
+//   },
+//   {
+//     label: '垂直右对齐',
+//     value: 'vertical-right',
+//   },
+// ];
 const data = Type.Object({
     contentSlot: Type.Slot({
         description: '内容插槽',
@@ -243,6 +267,14 @@ const data = Type.Object({
             },
         ]),
     }),
+    // labelPosition: Type.StringEnum({
+    //   title: '标题位置',
+    //   type: 'string',
+    //   'x-index': 62,
+    //   default: 'vertical-left',
+    //   enum: Tuple(WD_FORM_LABEL_DIRECTION),
+    //   'x-category': '基础属性',
+    // }),
     methodCreate: Type.String({
         type: 'string',
         title: '新增方法',
@@ -330,15 +362,21 @@ const properties = Type.Intersect([
             format: Type.String(),
             message: Type.String(),
         }), {
+            title: '错误信息',
             description: '提交的校验错误信息对象',
         }),
         remoteValue: Type.Record(Type.String(), Type.Any(), {
+            title: '数据源初始值',
             description: '数据源初始化请求的初始值',
         }),
         value: Type.Record(Type.String(), Type.Any(), {
+            title: '表单前端值',
             description: '当前前端表单状态值',
         }),
-        dataSourceProfile: Type.Any({ description: '数据源信息' }),
+        dataSourceProfile: Type.Any({
+            title: '数据源类型信息',
+            description: '数据源信息',
+        }),
         // TODO:
         // clearValidate: Type.Function([], Type.Void()),
     }),
@@ -351,21 +389,39 @@ export default defineConfig({
         isDataContainer: true,
         componentType: 'form',
     },
-    methods: [
+    defaultStyles: {
+        display: 'block',
+    },
+    properties,
+    classes: [
         {
-            name: 'submit',
-            label: '提交',
+            name: '根元素',
+            selector: '.wd-form',
+            description: '分割线组件根元素',
+        },
+        {
+            name: 'PC 端分割线根元素',
+            selector: '.wd-pc-form',
+            description: '可以为 PC 端的分割线编写样式',
+        },
+        {
+            name: 'H5 端分割线根元素',
+            selector: '.wd-h5-form',
+            description: '可以为 H5 端的分割线编写样式',
+        },
+        {
+            name: '小程序端分割线根元素',
+            selector: '.wd-mp-form',
+            description: '可以为小程序端的分割线编写样式',
         },
     ],
-    events: [
+    methods: [
         {
-            title: '提交',
             name: 'submit',
+            label: '提交',
         },
     ],
-    defaultStyles: {
-        display: 'block',
-    },
+    events,
     meta: {
         description: '作为单行输入、下拉选择等各项表单类组件的父级容器，实现数据提交。',
         title: '表单容器',

package/dist/configs/components/wd-input-email.js

@@ -0,0 +1,37 @@
+import { defineConfig, Type } from '../type-utils';
+import { omit, getFormItemClasses, FORM_ITEM_META, } from '../type-utils/type-form';
+import wdInputConfig, { WD_INPUT_DATA } from './wd-input';
+// 属性类型定义
+const data = Type.Partial(Type.Object(Object.assign(omit(WD_INPUT_DATA, ['password', 'type', 'isNickNameType', 'rules']), {
+    name: { ...WD_INPUT_DATA.name, default: 'formEmail' },
+    label: { ...WD_INPUT_DATA.label, default: '邮箱' },
+    placeholder: { ...WD_INPUT_DATA.placeholder, default: '请输入邮箱' },
+})));
+const classes = getFormItemClasses('input-email');
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    properties: wdInputConfig.properties,
+    classes,
+    methods: wdInputConfig.methods,
+    events: wdInputConfig.events,
+    meta: {
+        description: '用于输入邮箱地址，会强制校验输入内容是否符合邮箱格式。',
+        icon: '../../icons/OfficialAccount.svg',
+        title: '邮箱输入',
+        name: 'WdInputEmail',
+        componentName: 'InputEmail',
+        categoryOrder: 500,
+        componentOrder: 520,
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdInputEmail',
+        category: FORM_ITEM_META.category,
+        shortcut: FORM_ITEM_META.shortcut,
+        group: FORM_ITEM_META.group,
+        visible: FORM_ITEM_META.visible,
+    },
+    compConfig: {
+        componentType: 'formField',
+    },
+});
+export default config;

package/dist/configs/components/wd-input-phone.js

@@ -0,0 +1,43 @@
+import { defineConfig, Type } from '../type-utils';
+import { getFormItemClasses, omit, FORM_ITEM_META, } from '../type-utils/type-form';
+import wdInputConfig, { WD_INPUT_DATA } from './wd-input';
+// 属性类型定义
+const data = Type.Partial(Type.Object(Object.assign(omit(WD_INPUT_DATA, [
+    'password',
+    'type',
+    'isNickNameType',
+    'rules',
+    'maxLength',
+]), {
+    name: { ...WD_INPUT_DATA.name, default: 'formPhone' },
+    label: { ...WD_INPUT_DATA.label, default: '手机' },
+    placeholder: { ...WD_INPUT_DATA.placeholder, default: '请输入手机号' },
+})));
+const classes = getFormItemClasses('input-phone');
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    properties: wdInputConfig.properties,
+    classes,
+    methods: wdInputConfig.methods,
+    events: wdInputConfig.events,
+    meta: {
+        description: '用于输入电话号码，会强制校验输入内容是否符合电话格式。',
+        icon: '../../icons/PhoneCode.svg',
+        title: '电话输入',
+        name: 'WdInputPhone',
+        componentName: 'InputPhone',
+        categoryOrder: 500,
+        componentOrder: 500,
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdInputPhone',
+        category: FORM_ITEM_META.category,
+        shortcut: FORM_ITEM_META.shortcut,
+        group: FORM_ITEM_META.group,
+        visible: FORM_ITEM_META.visible,
+    },
+    compConfig: {
+        componentType: 'formField',
+    },
+});
+export default config;

package/dist/configs/components/wd-input-url.js

@@ -0,0 +1,37 @@
+import { defineConfig, Type } from '../type-utils';
+import { getFormItemClasses, omit, FORM_ITEM_META, } from '../type-utils/type-form';
+import wdInputConfig, { WD_INPUT_DATA } from './wd-input';
+// 属性类型定义
+const data = Type.Partial(Type.Object(Object.assign(omit(WD_INPUT_DATA, ['password', 'type', 'isNickNameType', 'rules']), {
+    name: { ...WD_INPUT_DATA.name, default: 'formUrl' },
+    label: { ...WD_INPUT_DATA.label, default: '网址' },
+    placeholder: { ...WD_INPUT_DATA.placeholder, default: '请输入网址' },
+})));
+const classes = getFormItemClasses('input-url');
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    properties: wdInputConfig.properties,
+    classes,
+    methods: wdInputConfig.methods,
+    events: wdInputConfig.events,
+    meta: {
+        description: '用于输入URL地址，会强制校验输入内容是否符合URL格式。',
+        icon: '../../icons/Badge.svg',
+        title: 'URL输入',
+        name: 'WdInputUrl',
+        componentName: 'InputUrl',
+        categoryOrder: 500,
+        componentOrder: 510,
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdInputUrl',
+        category: FORM_ITEM_META.category,
+        shortcut: FORM_ITEM_META.shortcut,
+        group: FORM_ITEM_META.group,
+        visible: FORM_ITEM_META.visible,
+    },
+    compConfig: {
+        componentType: 'formField',
+    },
+});
+export default config;

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

@@ -0,0 +1,94 @@
+import { defineConfig, Type } from '../type-utils';
+import { FORM_ITEM_DATA, FORM_ITEM_DATA_TITLE, FORM_ITEM_EVENTS, FORM_ITEM_METHODS, FORM_ITEM_META, getFormItemClasses, ItemData, } from '../type-utils/type-form';
+// 属性类型定义，同时提供给 url/phone/email 三个组件使用
+const WD_INPUT_DATA = {
+    // 通用
+    name: FORM_ITEM_DATA.name,
+    inputValue: FORM_ITEM_DATA.inputValue,
+    placeholder: FORM_ITEM_DATA.placeholder,
+    size: FORM_ITEM_DATA.size,
+    block: FORM_ITEM_DATA.block,
+    // 标题
+    ...FORM_ITEM_DATA_TITLE,
+    // 输入框
+    clearable: FORM_ITEM_DATA.clearable,
+    before: FORM_ITEM_DATA.before,
+    after: FORM_ITEM_DATA.after,
+    prefixType: FORM_ITEM_DATA.prefixType,
+    prefixIcon: FORM_ITEM_DATA.prefixIcon,
+    prefixSrc: FORM_ITEM_DATA.prefixSrc,
+    suffixType: FORM_ITEM_DATA.suffixType,
+    suffixIcon: FORM_ITEM_DATA.suffixIcon,
+    suffixSrc: FORM_ITEM_DATA.suffixSrc,
+    extra: FORM_ITEM_DATA.extra,
+    password: FORM_ITEM_DATA.password,
+    type: FORM_ITEM_DATA.type,
+    counterVisible: FORM_ITEM_DATA.counterVisible,
+    focus: FORM_ITEM_DATA.focus,
+    borderedH5: FORM_ITEM_DATA.borderedH5,
+    borderedPc: FORM_ITEM_DATA.borderedPc,
+    // 小程序开放能力
+    isNickNameType: FORM_ITEM_DATA.isNickNameType,
+    // 状态校验
+    maxLength: FORM_ITEM_DATA.maxLength,
+    rules: FORM_ITEM_DATA.rules,
+    status: FORM_ITEM_DATA.status,
+    required: FORM_ITEM_DATA.required,
+    requiredFlag: FORM_ITEM_DATA.requiredFlag,
+    requiredMsg: FORM_ITEM_DATA.requiredMsg,
+};
+const data = Type.Partial(Type.Object(WD_INPUT_DATA));
+const properties = Type.Pick(ItemData, [
+    'name',
+    'label',
+    'required',
+    'before',
+    'after',
+    'visible',
+    'disabled',
+    'readOnly',
+    'value',
+]);
+const classes = getFormItemClasses('input');
+// 组件配置
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    properties,
+    classes,
+    methods: [
+        FORM_ITEM_METHODS.setValue,
+        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: [
+        FORM_ITEM_EVENTS.change,
+        FORM_ITEM_EVENTS.focus,
+        FORM_ITEM_EVENTS.blur,
+        FORM_ITEM_EVENTS.confirm,
+        FORM_ITEM_EVENTS.clear,
+    ],
+    meta: {
+        description: '用于单行内容的输入。',
+        icon: '../../icons/Input.svg',
+        title: '单行输入',
+        name: 'WdInput',
+        componentName: 'Input',
+        categoryOrder: 500,
+        componentOrder: 350,
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdInput',
+        category: FORM_ITEM_META.category,
+        shortcut: FORM_ITEM_META.shortcut,
+        group: FORM_ITEM_META.group,
+        visible: FORM_ITEM_META.visible,
+    },
+    compConfig: {
+        componentType: 'formField',
+    },
+});
+export default config;
+export { WD_INPUT_DATA };

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

@@ -0,0 +1,87 @@
+/*
+ * @Date: 2023-04-18 19:14:39
+ * @LastEditTime: 2023-05-11 15:56:50
+ * @Description:
+ */
+import { defineConfig, Type } from '../type-utils';
+export default defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data: {
+        properties: {},
+    },
+    events: [
+        {
+            title: '公众号加载成功',
+            name: 'load',
+            'x-platforms': ['MP'],
+            remarks: '公众号加载成功时触发',
+            detail: {
+                status: Type.Number({
+                    description: '状态码',
+                }),
+                errMsg: Type.String({
+                    description: '错误信息',
+                }),
+            },
+        },
+        {
+            title: '公众号加载失败',
+            name: 'error',
+            'x-platforms': ['MP'],
+            remarks: '公众号加载失败时触发',
+            detail: {
+                status: Type.Number({
+                    description: '状态码',
+                }),
+                errMsg: Type.String({
+                    description: '错误信息',
+                }),
+            },
+        },
+    ],
+    classes: [
+        {
+            name: '根元素',
+            selector: '.wd-official-account',
+            description: '公众号关注组件根元素',
+        },
+        {
+            name: '小程序端根元素',
+            selector: '.wd-mp-official-account',
+            description: '可以为小程序端的组件编写样式',
+        },
+    ],
+    meta: {
+        name: 'WdOfficialAccount',
+        title: '公众号关注组件',
+        description: '可在小程序内展示公众号关注入口，方便用户快捷关注或访问公众号。',
+        category: '小程序',
+        icon: '../icons/OfficialAccount.svg',
+        platform: ['MP'],
+        visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/WdOfficialAccount',
+        inlineStyleForm: {
+            $blockedAll: true,
+        },
+        categoryOrder: 700,
+        componentOrder: 590,
+        validate: [
+            {
+                rule: 'checkSameComponentInOnePage',
+                options: {
+                    allowFailure: true,
+                    title: '$POSITION$使用了多个微信公众号组件，发布后将仅展示第一个。',
+                    description: '使用了多个微信公众号组件，发布后将仅展示第一个。',
+                    type: 'mp',
+                    version: '',
+                    matchedPublishedPlatform: ['miniprogram'],
+                    extra: {
+                        usePositionTemplate: true,
+                    },
+                },
+            },
+        ],
+        propertyPanelTips: '当前组件不支持PC或H5构建,发布后将默认隐藏,请注意页面布局  \n请先前往[微信公众平台](https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html)，在设置-关注公众号模块绑定公众号',
+        stylePanelTips: '该组件高度固定为84px，宽度不小于300px，可通过调整外层普通容器的宽度调整组件宽度。',
+    },
+});