@cloudbase/weda-ui 3.5.2 → 3.6.0

package/dist/configs/components/jsx.js

@@ -0,0 +1,203 @@
+const templateInfo = `
+{{#if (helper_utils '===' $self.attributes.template 'example')}}
+[attributes]
+jsCode = 'return function JSX(props) {\n  const {\n    $w,\n    style,\n    contentSlot1\n  } = props;\n  const {\n    useState\n  } = React;\n  const [count, setCount] = useState(0);\n\n  function addCount() {\n    setCount(count + 1);\n  }\n\n  return /*#__PURE__*/React.createElement("div", {\n    style: props.style\n  }, "\\u8BED\\u6CD5\\u8BF4\\u660E\\uFF1A", /*#__PURE__*/React.createElement("br", null), "1.  \\u4F7F\\u7528\\u5E73\\u53F0\\u53D8\\u91CF", /*#__PURE__*/React.createElement("a", {\n    href: "https://docs.cloudbase.net/lowcode/api/api-referrence"\n  }, "API\\u6587\\u6863"), /*#__PURE__*/React.createElement("p", null, "Hello, \\u6211\\u662F", $w.auth.currentUser.name, /*#__PURE__*/React.createElement("button", {\n    onClick: () => {\n      $w.utils.showToast({\n        title: "操作成功"\n      });\n    },\n    style: {\n      margin: "5px"\n    }\n  }, "\\u70B9\\u51FB\\u5E73\\u53F0Toast\\u65B9\\u6CD5")), "2.  \\u63D2\\u69FD", /*#__PURE__*/React.createElement("p", null, " \\u63D2\\u69FD\\u662F\\u4E00\\u4E2A\\u7A7A\\u7684\\u5360\\u4F4D\\uFF0C\\u4EE5\\u4FBF\\u62D6\\u5165\\u5176\\u4ED6\\u7EC4\\u4EF6\\u3002"), /*#__PURE__*/React.createElement("p", null, " \\u4F7F\\u7528\\u63D2\\u69FD\\u65F6\\uFF0C\\u9996\\u5148\\u5728\\u3010\\u9AD8\\u7EA7\\u5C5E\\u6027\\u3011\\u4E2D\\u6DFB\\u52A0\\u63D2\\u69FD\\u58F0\\u660E\\uFF0C\\u7136\\u540E\\u901A\\u8FC7", /*#__PURE__*/React.createElement("span", {\n    style: {\n      color: "red"\n    }\n  }, "props.\\u63D2\\u69FDID"), "\\u5C06\\u63D2\\u69FD\\u653E\\u5165\\u6307\\u5B9A\\u4F4D\\u7F6E\\u5982\\uFF1A", props.contentSlot1), "\\u70B9\\u51FB\\u53F3\\u4FA7\\u7EC4\\u4EF6\\u6587\\u6863\\uFF0C\\u53EF\\u67E5\\u770B\\u66F4\\u591A\\u4F7F\\u7528\\u8BF4\\u660E");\n}'
+jsxCode = 'export default function JSX(props: JSXCompProps) {\n    const { $w, style, contentSlot1 } = props;\n    const { useState } = React\n    const [count, setCount] = useState(0);\n    function addCount() {\n        setCount(count + 1);\n    }\n\n    return (\n        <div style={props.style}>\n            语法说明：<br />\n            1.  使用平台变量<a href="https://docs.cloudbase.net/lowcode/api/api-referrence">API文档</a>\n            <p>Hello, 我是{$w.auth.currentUser.name}\n                <button\n                    onClick={() => { $w.utils.showToast({ title: "操作成功" }) }}\n                    style=\\{\\{ margin: "5px" \\}\\}\n                >点击平台Toast方法</button>\n            </p>\n\n            2.  插槽\n            <p> 插槽是一个空的占位，以便拖入其他组件。</p>\n            <p> 使用插槽时，首先在【高级属性】中添加插槽声明，然后通过\n                <span style=\\{\\{ color: "red" \\}\\}>props.插槽ID</span>将插槽放入指定位置如：\n                {props.contentSlot1}\n            </p>\n            点击右侧组件文档，可查看更多使用说明\n        </div>\n    );\n}'
+[[attributes.slotList]]
+value = 'contentSlot1'
+label = '内容插槽1'
+
+{{else if (helper_utils '===' $self.attributes.template 'watermark')}}
+[attributes]
+jsCode = 'return function JSX(props) {\n  const {\n    $w,\n    contentSlot1,\n    style
+} = props; // 组件文档：https://tdesign.tencent.com/react/components/watermark
+\n  if (!window.TDesign) return /*#__PURE__*/React.createElement("div", null, "\\u7F3A\\u5C11\\u4F9D\\u8D56\\u6587\\u4EF6\\uFF0C\\u8BF7\\u5148\\u6309\\u6A21\\u677F\\u793A\\u4F8B\\u4E0B\\u65B9\\u6307\\u5F15\\u6DFB\\u52A0\\u3002");\n  const {\n    Watermark\n  } = window.TDesign;\n  return /*#__PURE__*/React.createElement(Watermark, {\n    watermarkContent: {\n      text: $w.auth.currentUser.name\n    },\n    style: style\n  }, /*#__PURE__*/React.createElement("div", {\n    style: {\n      minHeight: 300\n    }\n  }, contentSlot1));\n}'
+jsxCode = 'export default function JSX(props: JSXCompProps) {\n    const { $w, contentSlot1, style } = props;\n\n    // 组件文档：https://tdesign.tencent.com/react/components/watermark\n    if (!window.TDesign) return (<div>缺少依赖文件，请先按模板示例下方指引添加。</div>);\n    const { Watermark } = window.TDesign;\n\n    return (\n        <Watermark\n            watermarkContent=\\{\\{ text: $w.auth.currentUser.name \\}\\}\n            style={style}\n        >\n            <div style=\\{\\{ minHeight: 300 \\}\\}>{contentSlot1}</div>\n        </Watermark>\n    );\n}'
+[[attributes.slotList]]
+value = 'contentSlot1'
+label = '内容插槽1'
+
+{{else if (helper_utils '===' $self.attributes.template 'antd')}}
+[attributes]
+jsCode = 'return function JSX(props) {\n  const {\n    $w,\n    contentSlot1,\n    style
+} = props; // 组件文档：https://ant.design/components/steps
+\n  if (!window.antd) return /*#__PURE__*/React.createElement("div", null, "\\u7F3A\\u5C11\\u4F9D\\u8D56\\u6587\\u4EF6\\uFF0C\\u8BF7\\u5148\\u6309\\u3010\\u6A21\\u677F\\u793A\\u4F8B\\u4E0B\\u65B9\\u6307\\u5F15\\u3011\\u6DFB\\u52A0\\u3002");\n  const {\n    Steps\n  } = window.antd;\n  return /*#__PURE__*/React.createElement(Steps, {\n    style: style,\n    current: 1,\n    items: [{\n      title: "Finished"\n    }, {\n      title: "In Progress",\n      subTitle: "Left 00:00:08"\n    }, {\n      title: "Waiting"\n    }]\n  });\n}'
+jsxCode = 'export default function JSX(props: JSXCompProps) {\n    const { $w, contentSlot1, style } = props;\n\n    // 组件文档：https://ant.design/components/steps\n    if (!window.antd) return (<div>缺少依赖文件，请先按【模板示例下方指引】添加。</div>);\n    const { Steps } = window.antd;\n    return (\n        <Steps\n            style={style}\n            current={1}\n            items={[\n                {\n                    title: "Finished",\n                },\n                {\n                    title: "In Progress",\n                    subTitle: "Left 00:00:08",\n                },\n                {\n                    title: "Waiting",\n                },\n            ]}\n        />\n    );\n}'
+[[attributes.slotList]]
+value = 'contentSlot1'
+label = '内容插槽1'
+
+{{/if}}
+`;
+export default {
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data: {
+        type: 'object',
+        properties: {
+            jsxCode: {
+                title: '代码块',
+                'x-helper-text': '遵循 JSX 语法，可快速地引入第三方库。注意：暂不支持NPM引入，需通过 JS 和 CSS 文件方式引入。[使用指引](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/super/Jsx)',
+                type: 'string',
+                'x-index': 1,
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                'x-component': 'jsx-editor',
+                'x-group': '代码块',
+            },
+            slotList: {
+                title: '声明组件插槽',
+                'x-helper-text': '声明的插槽可往代码块中拖入其他组件。使用时，在JSX代码中通过 {props.插槽ID} 将放入插槽。[详见文档](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/super/Jsx#22-%E6%8F%92%E6%A7%BD%E5%A3%B0%E6%98%8E%E5%92%8C%E4%BD%BF%E7%94%A8)',
+                type: 'array',
+                default: [],
+                items: {
+                    type: 'object',
+                    properties: {
+                        value: {
+                            type: 'string',
+                            title: '插槽 ID',
+                            'x-helper-text': '使用时，在JSX代码中通过 {props.插槽ID} 将放入插槽。',
+                            'x-props': {
+                                'data-hidebind': true,
+                            },
+                        },
+                        label: {
+                            type: 'string',
+                            title: '插槽名称',
+                            'x-props': {
+                                'data-hidebind': true,
+                            },
+                        },
+                    },
+                    display: 'label',
+                },
+                'x-index': 2,
+                'x-group': '高级属性',
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                'x-component': 'slot-list',
+                'x-component-props': {
+                    demoData: { value: 'contentSlot', label: '内容插槽' },
+                },
+                'x-linkages': [
+                    {
+                        type: 'value:schema',
+                        schema: {
+                            'x-component-props': {
+                                demoData: {
+                                    label: "{{'内容插槽' + ($self.value.length+1)}}",
+                                    value: "{{'contentSlot' + ($self.value.length+1)}}",
+                                },
+                            },
+                        },
+                        target: 'slotList',
+                    },
+                ],
+            },
+            jsCode: {
+                title: '生成的 JS 代码',
+                description: '生成的 JS 代码',
+                type: 'string',
+                'x-index': 3,
+                display: false,
+                'x-group': '代码块',
+            },
+            template: {
+                'x-index': 4,
+                title: '模板示例',
+                description: '模板示例',
+                type: 'string',
+                default: 'example',
+                'x-helper-text': '注意：1. 以TD-和Antd-开头的模板，可分别引入[TDesign开源组件库](https://tdesign.tencent.com/react/overview)和[Antd开源组件库](https://ant.design/components/overview-cn/)，使用前请先按[引入第三方库依赖说明]( https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/super/Jsx#3-%E5%A6%82%E4%BD%95%E5%BC%95%E5%85%A5%E7%AC%AC%E4%B8%89%E6%96%B9%E7%BB%84%E4%BB%B6%E5%BA%93)，添加依赖的JS和CSS文件。',
+                enum: [
+                    {
+                        label: 'JSX语法示例',
+                        value: 'example',
+                        tooltip: 'JSX语法示例',
+                    },
+                    {
+                        label: 'TD 水印',
+                        value: 'watermark',
+                        tooltip: 'TD 水印',
+                    },
+                    {
+                        label: 'Antd 步骤条',
+                        value: 'antd',
+                        tooltip: 'Antd 步骤条',
+                    },
+                ],
+                'x-group': '代码块',
+            },
+        },
+    },
+    events: [],
+    meta: {
+        name: 'jsx',
+        title: 'JSX组件',
+        description: '组件介绍：原生JSX代码块，可快速地引入第三方组件库。',
+        figureIcon: '../figureIcons/JSX.svg',
+        icon: '../icons/Jsx.svg',
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/super/Jsx',
+        category: '高级',
+        categoryOrder: 1400,
+        componentOrder: 260,
+        templates: [
+            {
+                when: '$attached',
+                to: '$children',
+                body: templateInfo,
+            },
+            {
+                when: 'template',
+                to: '$children',
+                body: templateInfo,
+            },
+        ],
+        visible: ['APP', 'COMPONENT'],
+        platform: ['WEB'],
+        group: {
+            代码块: {
+                'x-index': 1,
+                expand: true,
+            },
+            高级属性: {
+                'x-index': 2,
+                expand: true,
+            },
+        },
+        inlineStyleForm: {
+            fontSize: {
+                visible: false,
+            },
+            color: {
+                visible: false,
+            },
+            fontWeight: {
+                visible: false,
+            },
+            lineHeight: {
+                visible: false,
+            },
+            justifyContent: {
+                visible: false,
+            },
+            flexDirection: {
+                visible: false,
+            },
+            textAlign: {
+                visible: false,
+            },
+            alignItems: {
+                visible: false,
+            },
+        },
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/super/Jsx',
+    },
+    properties: {
+        type: 'object',
+        properties: {},
+    },
+};

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { Simplify, Static } from '../type-utils';
 declare const data: import("@sinclair/typebox").TObject<{
     content: import("@sinclair/typebox").TString;
+    packageName: 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<{
@@ -14,6 +14,7 @@ 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;
+        packageName: 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<{

package/dist/configs/components/link.js

@@ -7,6 +7,27 @@ const data = Type.Object({
         'x-index': 100,
         description: '更改链接显示的文本内容',
     }),
+    packageName: Type.String({
+        title: '子包名称',
+        default: '',
+        type: 'string',
+        'x-runtime-default': '',
+        description: '配置子包id',
+        'x-category': '基础属性',
+        'x-index': 110,
+        display: false,
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                target: '*(url)',
+                schema: {
+                    'x-component-props': {
+                        packageName: '{{$self.value}}',
+                    },
+                },
+            },
+        ],
+    }),
     url: Type.String({
         type: 'string',
         'x-component': 'page-list',
@@ -17,6 +38,24 @@ const data = Type.Object({
             hideAddPlatform: ['MP'],
         },
         description: '选择点击链接后跳转的页面，小程序端构建时仅支持选择跳转应用页面',
+        'x-linkages': [
+            {
+                type: 'value:state',
+                condition: "{{$self.value?.includes('/')}}",
+                state: {
+                    value: "{{$self.value.substring(0, $self.value.lastIndexOf('/'))}}",
+                },
+                target: '*(packageName)',
+            },
+            {
+                type: 'value:state',
+                condition: "{{$self.value?.includes('main/')}}",
+                state: {
+                    value: '',
+                },
+                target: '*(packageName)',
+            },
+        ],
     }),
     isOpenInNewWindow: Type.Optional(Type.Boolean({
         type: 'boolean',

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

@@ -11,10 +11,16 @@ declare const _default: {
                 enum: {
                     label: string;
                     value: string;
-                    tooltip: string;
-                    src: string;
                 }[];
                 'x-component': string;
+                'x-component-props': {
+                    options: {
+                        label: string;
+                        value: string;
+                        tooltip: string;
+                        src: string;
+                    }[];
+                };
                 'x-props': {
                     'data-hidebind': boolean;
                 };
@@ -346,6 +352,13 @@ declare const _default: {
                 }[];
                 description: string;
             };
+            loadButtonText: {
+                'x-index': number;
+                title: string;
+                type: string;
+                default: string;
+                'x-group': string;
+            };
             pageSize: {
                 'x-index': number;
                 title: string;
@@ -376,12 +389,28 @@ declare const _default: {
                 default: string;
                 description: string;
             };
+            isSetLoading: {
+                'x-index': number;
+                title: string;
+                'x-group': string;
+                type: string;
+                'x-runtime-default': boolean;
+                description: string;
+            };
             isSetStatus: {
                 'x-index': number;
                 title: string;
                 'x-group': string;
                 type: string;
-                default: boolean;
+                'x-runtime-default': boolean;
+                description: string;
+            };
+            loading: {
+                'x-index': number;
+                title: string;
+                'x-group': string;
+                type: string;
+                'x-runtime-default': boolean;
                 description: string;
             };
             isSupportApis: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
@@ -392,7 +421,6 @@ declare const _default: {
         title: string;
         description: string;
         detail?: undefined;
-        "x-platforms"?: undefined;
     } | {
         name: string;
         title: string;
@@ -404,11 +432,9 @@ declare const _default: {
                 code: import("@sinclair/typebox").TString;
             }>;
         }>;
-        "x-platforms"?: undefined;
     } | {
         name: string;
         title: string;
-        'x-platforms': string[];
         description: string;
         detail: {
             query: import("@sinclair/typebox").TObject<{
@@ -471,11 +497,18 @@ declare const _default: {
         description: string;
         categoryOrder: number;
         componentOrder: number;
+        figureIcon: string;
         icon: string;
         templates: {
             when: string;
             body: string;
         }[];
+        inlineStyleForm: {
+            $text: {
+                visible: boolean;
+            };
+        };
+        keywords: string[];
         docsUrl: string;
         shortcut: {
             props: string[];