@cloudbase/weda-ui 3.4.1 → 3.4.3

package/dist/configs/components/wxOpenApi/share.js

@@ -0,0 +1,164 @@
+import { defineConfig, Tuple, Type } from '../../type-utils';
+const data = Type.Object({
+    text: Type.String({
+        title: '按钮标题',
+        default: '小程序分享',
+        remarks: '按钮组件的标题',
+        type: 'string',
+        'x-category': '基础属性',
+        'x-platforms': ['MP'],
+        'x-index': 1,
+    }),
+    type: Type.StringEnum({
+        title: '按钮风格',
+        type: 'string',
+        default: 'wechat',
+        remarks: '按钮组件的风格，相对于普通按钮组件，新增“微信”按钮风格',
+        enum: Tuple([
+            {
+                label: '默认',
+                value: 'default',
+            },
+            {
+                label: '微信',
+                value: 'wechat',
+            },
+            {
+                label: '主要',
+                value: 'primary',
+            },
+            {
+                label: '警告',
+                value: 'warn',
+            },
+        ]),
+        'x-category': '基础属性',
+        'x-platforms': ['MP'],
+        'x-index': 2,
+    }),
+    size: Type.StringEnum({
+        title: '按钮大小',
+        default: 'default',
+        remarks: '按钮的大小',
+        enum: Tuple([
+            {
+                label: '中',
+                value: 'default',
+            },
+            {
+                label: '小',
+                value: 'mini',
+            },
+            {
+                label: '大',
+                value: 'large',
+            },
+        ]),
+        'x-category': '基础属性',
+        'x-platforms': ['MP'],
+        'x-index': 3,
+    }),
+    title: Type.String({
+        title: '分享标题',
+        description: '分享(转发)卡片的标题',
+        default: '',
+        'x-category': '基础属性',
+        remarks: '分享(转发)卡片的标题',
+        'x-component': 'textarea',
+        'x-platforms': ['MP'],
+        'x-index': 4,
+    }),
+    image: Type.String({
+        title: "{{text('分享图片', help('分享(转发)卡片的图片'))}}",
+        'x-component': 'image',
+        'x-rules': [
+            {
+                message: '请输入合法的图片地址',
+                pattern: '^(((https?)://)|/resources/)[^\\s]+$',
+            },
+        ],
+        default: '',
+        'x-platforms': ['MP'],
+        description: '',
+        remarks: '分享(转发)卡片的图片',
+        'x-category': '基础属性',
+        'x-index': 5,
+    }),
+    path: Type.String({
+        title: '选择页面',
+        description: '选择分享(转发)的页面',
+        default: '',
+        'x-index': 6,
+        addHidden: true,
+        'x-category': '基础属性',
+        remarks: '选择分享(转发)的页面',
+        'x-linkages': [
+            {
+                type: 'value:state',
+                state: {
+                    pageId: '{{$self.value}}',
+                },
+                target: '*(params)',
+                condition: '{{$self.value && $self.value.length>0}}',
+            },
+        ],
+        'x-component': 'page-list',
+        'x-component-props': {
+            hideAddPlatform: ['MP'],
+        },
+    }),
+    withParams: Type.Boolean({
+        title: '携带参数',
+        'x-category': '基础属性',
+        default: false,
+        remarks: '分享(转发)的页面path是否携带参数',
+        'x-index': 7,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'params',
+                condition: '{{$self.value===true}}',
+            },
+        ],
+        'x-props': {
+            'data-hidebind': true,
+        },
+    }),
+    params: Type.Array(Type.Object({
+        key: Type.String({
+            title: '参数key',
+        }),
+        value: Type.String({
+            title: '参数value',
+        }),
+    }), {
+        type: 'array',
+        title: '参数',
+        description: '绑定数据的方式，数据格式参考如下：[{key: "paramKey1", value: "paramValue1"}, {key: "paramKey2", value: "paramValue2"}]',
+        'x-category': '基础属性',
+        remarks: "分享(转发)的页面的参数，会自动获取到当前选择页面内存在的页面参数并自动根据页面参数进行展开，当用户通过转发的链接进入小程序时，页面便会按照配置的参数进行渲染。如果采用绑定数据的方式，数据格式参考如下：[{key: 'paramKey1', value: 'paramValue1'}, {key: 'paramKey2', value: 'paramValue2'}]",
+        pageId: '',
+        default: [],
+        'x-index': 8,
+        'x-component': 'page-params',
+    }),
+});
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events: [],
+    meta: {
+        title: '小程序分享',
+        description: '支持快捷实现小程序分享功能。',
+        icon: '../../icons/Share.svg',
+        category: '小程序',
+        categoryOrder: 700,
+        componentOrder: 580,
+        platform: ['MP'],
+        visible: ['APP'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/Share',
+    },
+});
+export default config;

package/dist/configs/components/wxOpenApi/userInfo.js

@@ -0,0 +1,168 @@
+import { defineConfig, Tuple, Type } from '../../type-utils';
+const data = Type.Object({
+    text: Type.String({
+        title: '按钮标题',
+        default: '获取用户信息',
+        'x-category': '基础属性',
+        remarks: '按钮组件的标题',
+        'x-platforms': ['MP'],
+        'x-index': 1,
+    }),
+    type: Type.Optional(Type.StringEnum({
+        title: '按钮风格',
+        type: 'string',
+        default: 'wechat',
+        remarks: '按钮组件的风格，相对于普通按钮组件，新增“微信”按钮风格',
+        enum: Tuple([
+            {
+                label: '默认',
+                value: 'default',
+            },
+            {
+                label: '微信',
+                value: 'wechat',
+            },
+            {
+                label: '主要',
+                value: 'primary',
+            },
+            {
+                label: '警告',
+                value: 'warn',
+            },
+        ]),
+        'x-category': '基础属性',
+        'x-platforms': ['MP'],
+        'x-index': 2,
+    })),
+    size: Type.StringEnum({
+        title: '按钮大小',
+        type: 'string',
+        default: 'default',
+        remarks: '按钮的大小',
+        enum: Tuple([
+            {
+                label: '中',
+                value: 'default',
+            },
+            {
+                label: '小',
+                value: 'mini',
+            },
+            {
+                label: '大',
+                value: 'large',
+            },
+        ]),
+        'x-category': '基础属性',
+        'x-platforms': ['MP'],
+        'x-index': 3,
+    }),
+    usage: Type.String({
+        title: "{{text('信息用途', help('声明获取用户个人信息的用途\\n不超过30个字符'))}}",
+        type: 'string',
+        default: '',
+        'x-category': '基础属性',
+        remarks: '声明获取用户个人信息的用途,不超过30个字符,若不填写将导致功能失效',
+        required: true,
+        'x-rules': [
+            {
+                message: '该字段必填',
+                required: true,
+            },
+            {
+                message: '不超过30个字符',
+                pattern: '^.{0,30}$',
+            },
+        ],
+        description: '声明获取用户个人信息的用途,不超过30个字符,若不填写将导致功能失效',
+        'x-component': 'textarea',
+        'x-platforms': ['MP'],
+        'x-index': 4,
+    }),
+    language: Type.StringEnum({
+        title: '语言',
+        type: 'string',
+        default: 'zh_CN',
+        description: '',
+        remarks: '用户当前国家、省份、城市所使用的语言',
+        enum: Tuple([
+            {
+                label: '简体中文',
+                value: 'zh_CN',
+            },
+            {
+                label: '繁体中文',
+                value: 'zh_TW',
+            },
+            {
+                label: '英文',
+                value: 'en',
+            },
+        ]),
+        'x-category': '基础属性',
+        'x-platforms': ['MP'],
+        'x-index': 5,
+    }),
+});
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events: [
+        {
+            title: '用户信息授权成功',
+            name: 'userinfosuccess',
+            remarks: '弹窗中点击了允许按钮后触发的事件',
+            'x-platforms': ['MP'],
+            detail: {
+                avatarUrl: Type.String({
+                    type: 'string',
+                    title: '用户头像',
+                    'x-index': 1,
+                }),
+                nickName: Type.String({
+                    type: 'string',
+                    title: '微信昵称',
+                    'x-index': 2,
+                }),
+                language: Type.String({
+                    type: 'string',
+                    title: '语言',
+                    'x-index': 4,
+                }),
+            },
+        },
+        {
+            title: '用户信息授权失败',
+            name: 'userinfofail',
+            remarks: '弹窗中点击了拒绝按钮后触发的事件',
+            'x-platforms': ['MP'],
+        },
+    ],
+    meta: {
+        title: '获取用户信息(已废弃)',
+        description: '能够在小程序运行态对用户的微信头像、微信昵称等信息进行获取。',
+        icon: '//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/UserInfo.svg',
+        category: '小程序',
+        categoryOrder: 700,
+        componentOrder: 550,
+        platform: ['MP'],
+        visible: [],
+        validate: [
+            {
+                rule: 'checkIsUsedPreAvartNickComp',
+                options: {
+                    allowFailure: false,
+                    title: '页面使用了「获取用户信息」组件，因小程序官方规则调整，使用该组件的应用无法再发布上线，请点击右侧的「了解详情」按钮获取相关能力的适配策略，对应用进行改造调整',
+                    description: '',
+                    type: 'component',
+                    version: '',
+                },
+            },
+        ],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/UserInfo',
+    },
+});
+export default config;

package/dist/configs/index.js

@@ -1,8 +1,8 @@
-import Button from './components/button.json';
-import Text from './components/text.json';
-import Container from './components/container.json';
-import Image from './components/image.json';
-import Link from './components/link.json';
+import Button from './components/button';
+import Text from './components/text';
+import Container from './components/container';
+import Image from './components/image';
+import Link from './components/link';
 // import Picker from './components/picker/picker.json';
 // import DatePicker from './components/picker/datePicker.json';
 // import TimePicker from './components/picker/timePicker.json';
@@ -23,11 +23,11 @@ import Swiper from './components/swiper.json';
 import Carousel from './components/carousel.json';
 // import Label from './components/form/label.json';
 import Tips from './components/form/tips.json';
-import Modal from './components/modal.json';
+import Modal from './components/modal';
 import Drawer from './components/drawer.json';
 import RichText from './components/form/richText.json';
 import RichTextView from './components/richtextview.json';
-import Tabs from './components/tabs.json';
+import Tabs from './components/tabs';
 import Calendar from './components/calendar.json';
 import NavLayout from './components/navLayout.json';
 import WedaVideo from './components/wedaVideo.json';
@@ -36,20 +36,29 @@ import showModal from './actions/showModal.json';
 import showMessage from './actions/showMessage.json';
 import ListView from './components/listView.json';
 import NavigationBar from './components/navigationBar.json';
-import Line from './components/chart/line.json';
+import Line from './components/chart/line';
 import Bar from './components/chart/bar.json';
 import Pie from './components/chart/pie.json';
 import DataView from './components/dataView.json';
 import StatisticsCard from './components/chart/statisticsCard.json';
 import GraphicCard from './components/graphicCard.json';
-import Phone from './components/wxOpenApi/phone.json';
-import PhoneCode from './components/wxOpenApi/phoneCode.json';
-import Share from './components/wxOpenApi/share.json';
-import UserInfo from './components/wxOpenApi/userInfo.json';
+import Phone from './components/wxOpenApi/phone';
+import PhoneCode from './components/wxOpenApi/phoneCode';
+import Share from './components/wxOpenApi/share';
+import UserInfo from './components/wxOpenApi/userInfo';
 import Lottery from './components/lottery.json';
 import UserTreeSelect from './components/form/userTreeSelect.json';
 import DepartTreeSelect from './components/form/departTreeSelect.json';
 import FormDetail from './components/formdetail.json';
+import WdBubble from './components/wd-bubble.json';
+import PageLayout from './components/pagelayout.json';
+import ModelTable from './components/table.json';
+import ModelFlow from './components/flow/flow.json';
+import ModelFlowBasic from './components/flow/flowbasic.json';
+import ModelFlowChart from './components/flow/flowchart.json';
+import ModelFlowControl from './components/flow/flowcontrol.json';
+import ModelFlowLayout from './components/flow/flowlayout.json';
+import ModelFlowProcess from './components/flow/flowprocess.json';
 export const components = {
     FormDetail,
     Button,
@@ -101,6 +110,15 @@ export const components = {
     Lottery,
     UserTreeSelect,
     DepartTreeSelect,
+    PageLayout,
+    ModelTable,
+    ModelFlow,
+    ModelFlowBasic,
+    ModelFlowChart,
+    ModelFlowControl,
+    ModelFlowLayout,
+    ModelFlowProcess,
+    WdBubble,
 };
 export const actions = {
     showToast,

package/dist/configs/type-utils/index.js

@@ -0,0 +1,89 @@
+import { Type as T, TypeBuilder as TypeboxTypeBuilder, } from '@sinclair/typebox';
+// https://git.woa.com/QBase/lcap/datasource/blob/main/packages/ds-helper/src/datasource-field-type.ts
+const dataSourceFormat = [
+    'string',
+    'tel',
+    'x-long-text',
+    'phone',
+    'datetime',
+    'date',
+    'time',
+    'boolean',
+    'array',
+    'object',
+    'email',
+    'url',
+    'x-image',
+    'x-rtf',
+    'x-enum',
+    'x-location',
+    'x-file',
+    'x-autonumber',
+    'x-area-code',
+    'function',
+    'related',
+    'father-son',
+];
+const jsonBasicType = [
+    'stirng',
+    'number',
+    'array',
+    'object',
+    'boolean',
+];
+// type BasicType = keyof typeof jsonBasicType;
+class TypeBuilder extends TypeboxTypeBuilder {
+    makeEnumOptions(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    options) {
+        const { enum: enumProp, 'x-index?': xIndex, 'x-component-props': XComponentProps, ...restOpt } = options;
+        const opts = {
+            enum: enumProp.map((item) => item.value),
+            'x-component-props': {
+                options: enumProp.map((item) => ({
+                    text: item.label,
+                    value: item.value,
+                    label: item.label, // antd 的认label
+                })),
+                ...XComponentProps,
+            },
+            'x-index': xIndex,
+            ...restOpt,
+        };
+        return opts;
+    }
+    StringEnum(options) {
+        return T.Unsafe({
+            type: 'string',
+            ...this.makeEnumOptions(options),
+        });
+    }
+    NumberEnum(options) {
+        return T.Unsafe({
+            type: 'number',
+            ...this.makeEnumOptions(options),
+        });
+    }
+    Slot(options) {
+        return T.Unsafe({
+            type: 'slot',
+            ...options,
+        });
+    }
+    // @ts-expect-error format 有限制就不是任意字符串
+    String(options) {
+        // @ts-expect-error format 有限制就不是任意字符串
+        return super.String(options);
+    }
+    BasicTypeUnion(options) {
+        return Type.Union(jsonBasicType.map((t) => Type.Literal(t)), options);
+    }
+    FormatTypeUnion(options) {
+        return Type.Union(dataSourceFormat.map((t) => Type.Literal(t)), options);
+    }
+}
+export const Type = new TypeBuilder();
+export const Tuple = (xs) => xs;
+export function defineConfig(config) {
+    return config;
+}

package/dist/web/components/button/index.js

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { Button as TeaButton, ConfigProvider, } from 'tea-component';
 import classNames from '../../utils/classnames';
 import { usePlatform } from '../../utils/platform';
-import './index.css';
 import { emptyObject } from '../../utils/constant';
+import './index.css';
 // 不用 react-weui 而直接用底层实现的原因是 react-weui 不能支持表单类型
 const Button = ({ text, size, type, contentSlot, formType, loading, disabled, events = emptyObject, className, style, id, ...props }) => {
     const platform = usePlatform();

package/dist/web/components/carousel/index.js

@@ -6,8 +6,13 @@ import { useDebouncedCallback, useEventListener, useResizeObserver, } from '@rea
 import './index.css';
 import Image from '../image';
 import { emptyObject } from '../../utils/constant';
-export default function Carousel({ className, style, autoplay, circular, vertical, indicatorDots, indicatorColor, indicatorActiveColor, duration, interval, current, events = emptyObject, id, images, }) {
-    const itemCount = images.length;
+export default function Carousel({ className, style, autoplay, circular, vertical, indicatorDots, indicatorColor, indicatorActiveColor, duration, interval, current, events = emptyObject, id, images: defalutImages, }) {
+    const isCorrectDatas = Array.isArray(defalutImages);
+    const images = isCorrectDatas ? defalutImages : [];
+    if (!isCorrectDatas) {
+        console.error('绑定数据类型错误，当前绑定值：', defalutImages);
+    }
+    const itemCount = images === null || images === void 0 ? void 0 : images.length;
     current = Math.max(0, Math.min(itemCount - 1, current));
     const [currentIndex, setCurrentIndex] = useState(current);
     const [swipeStyle, setSwipeStyle] = useState(null);
@@ -39,7 +44,7 @@ export default function Carousel({ className, style, autoplay, circular, vertica
     useEventListener(outerWrapRef, 'load', (e) => {
         setHeight(e.target.clientHeight);
     });
-    const itemsClone = images.map((x, i) => {
+    const itemsClone = images === null || images === void 0 ? void 0 : images.map((x, i) => {
         return (React.createElement("div", { className: "g-swiper-item", "data-index": i, key: i },
             React.createElement(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, src: x.image, alt: '图片', fit: x.fit, style: {
                     height: x.height ? x.height : 'auto',
@@ -117,7 +122,7 @@ export default function Carousel({ className, style, autoplay, circular, vertica
             }, onSwipeUp: () => {
                 vertical && setIndex(currentIndex + 1);
             } },
-            itemsClone[itemCount - 1],
+            itemsClone[itemCount - 1], images === null || images === void 0 ? void 0 :
             images.map((x, i) => {
                 return (React.createElement(SwiperItem, { setHeight: setHeight, currentIndex: currentIndex, index: i, key: i, imagesValue: x },
                     React.createElement(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, fit: x.fit, src: x.image, alt: '图片', style: {
@@ -126,7 +131,7 @@ export default function Carousel({ className, style, autoplay, circular, vertica
                         } })));
             }),
             itemsClone[0])) : null,
-        indicatorDots ? (React.createElement("div", { className: "g-swiper__pagination" }, images.map((x, i) => {
+        indicatorDots ? (React.createElement("div", { className: "g-swiper__pagination" }, images === null || images === void 0 ? void 0 : images.map((x, i) => {
             return (React.createElement("a", { key: i, href: "#", className: "g-swiper__pagination-bulletm", "data-testid": "g-swiper__pagination-bulletm", style: {
                     backgroundColor: currentIndex === i ? indicatorActiveColor : indicatorColor,
                 }, onClick: (e) => {

package/dist/web/components/flow/components/FlowModuleText/Content.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { getModuleContentStyle } from './utils';
+export function Content(props) {
+    const { className, children } = props;
+    return (React.createElement("span", { className: className, style: getModuleContentStyle(props) }, children));
+}

package/dist/web/components/flow/components/FlowModuleText/Title.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { getLineHeight } from './utils';
+import './index.css';
+export function Title(props) {
+    const { className, moduleTitle, moduleTitleColor, moduleTitleFontSize, moduleTitleFontWeight, moduleTitleLineHeight, moduleTitleVisible, } = props;
+    if (moduleTitleVisible) {
+        const style = {
+            color: moduleTitleColor,
+            fontSize: moduleTitleFontSize,
+            fontWeight: moduleTitleFontWeight,
+            lineHeight: getLineHeight(moduleTitleLineHeight),
+        };
+        return (React.createElement("div", { className: `model-flow-module-title ${className}`, style: style }, moduleTitle));
+    }
+    return null;
+}

package/dist/web/components/flow/components/FlowModuleText/index.css

@@ -0,0 +1,7 @@
+.model-flow-module-title {
+  font-size: 1.14286rem;
+  font-weight: 700;
+}
+
+/*# sourceURL=webpack://./src/web/components/flow/components/FlowModuleText/index.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mbG93L2NvbXBvbmVudHMvRmxvd01vZHVsZVRleHQvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UscUJBQXFCO0VBQ3JCLGdCQUFnQjtBQUNsQiIsInNvdXJjZXNDb250ZW50IjpbIi5tb2RlbC1mbG93LW1vZHVsZS10aXRsZSB7XG4gIGZvbnQtc2l6ZTogMS4xNDI4NnJlbTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */

package/dist/web/components/flow/components/FlowModuleText/index.js

@@ -0,0 +1,7 @@
+import { Title } from './Title';
+import { Content } from './Content';
+export * from './utils';
+export const FlowModuleText = {
+    Content,
+    Title,
+};

package/dist/web/components/flow/components/FlowModuleText/utils.js

@@ -0,0 +1,34 @@
+export function getModuleTextProps(props) {
+    const moduleProps = {};
+    Object.entries(props).forEach(([key, value]) => {
+        if (key.startsWith('module')) {
+            moduleProps[key] = value;
+        }
+    });
+    return moduleProps;
+}
+export function getLineHeight(lineHeight) {
+    const realLineHeight = +lineHeight;
+    if (typeof realLineHeight === 'number') {
+        return `${realLineHeight}rem`;
+    }
+    return lineHeight;
+}
+export function getModuleContentStyle(props) {
+    const style = {
+        color: props.moduleContentColor,
+        fontSize: props.moduleContentFontSize,
+        fontWeight: props.moduleContentFontWeight,
+        lineHeight: getLineHeight(props.moduleContentLineHeight),
+    };
+    return style;
+}
+export function getModuleTitleStyle(props) {
+    const style = {
+        color: props.moduleTitleColor,
+        fontSize: props.moduleTitleFontSize,
+        fontWeight: props.moduleTitleFontWeight,
+        lineHeight: getLineHeight(props.moduleTitleLineHeight),
+    };
+    return style;
+}

package/dist/web/components/flow/components/FlowStatusText/index.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Text } from 'tea-component';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const omit = (prop, { [prop]: _, ...rest }) => rest;
+export const FlowStatusText = (props) => {
+    const { isCompleted, status, userTaskType } = props.flow || {};
+    const getTagProps = () => {
+        const props = {
+            theme: 'warning',
+            text: '审批中',
+        };
+        if (userTaskType === 2) {
+            props.text = '处理中';
+        }
+        if (isCompleted) {
+            if (status === 1) {
+                props.theme = 'danger';
+                props.text = '已终止';
+            }
+            else if (status === 2) {
+                props.theme = 'danger';
+                props.text = '已驳回';
+            }
+            else if (status === 4) {
+                props.theme = 'danger';
+                props.text = '已作废';
+            }
+            else {
+                props.theme = 'success';
+                props.text = userTaskType === 2 ? '已处理' : '审批通过';
+            }
+        }
+        return props;
+    };
+    const { text, ...rest } = getTagProps();
+    return (React.createElement(Text, { ...rest, style: omit('color', props.style) }, text));
+};