@cloudbase/weda-ui 3.5.2 → 3.6.0

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

@@ -0,0 +1,99 @@
+import { Simplify, Static } from '../type-utils';
+declare const data: import("@sinclair/typebox").TObject<{
+    initMonth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+    value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+    configData: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        matchDate: import("@sinclair/typebox").TString;
+        disabled: import("@sinclair/typebox").TUnsafe<string>;
+        marked: import("@sinclair/typebox").TString;
+    }>>>;
+    initVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+}>;
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        initMonth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        configData: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            matchDate: import("@sinclair/typebox").TString;
+            disabled: import("@sinclair/typebox").TUnsafe<string>;
+            marked: import("@sinclair/typebox").TString;
+        }>>>;
+        initVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        initMonth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        configData: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            matchDate: import("@sinclair/typebox").TString;
+            disabled: import("@sinclair/typebox").TUnsafe<string>;
+            marked: import("@sinclair/typebox").TString;
+        }>>>;
+        initVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    }>;
+    readonly classes: readonly [];
+    readonly events: readonly [{
+        readonly name: "change";
+        readonly title: "选中日期";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TNumber;
+        }>;
+    }, {
+        readonly name: "changeMonth";
+        readonly title: "年月切换";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TNumber;
+        }>;
+    }];
+    readonly methods: readonly [{
+        readonly name: "setValue";
+        readonly label: "设置选中日期";
+        readonly params: {
+            readonly properties: {
+                readonly value: {
+                    readonly title: "日期";
+                    readonly type: "number";
+                };
+            };
+        };
+        readonly description: "通过 $w.id1.setValue(1688140800000) 设置选中日期";
+    }, {
+        readonly name: "setInitMonth";
+        readonly label: "切换年月";
+        readonly params: {
+            readonly properties: {
+                readonly value: {
+                    readonly title: "年月";
+                    readonly type: "number";
+                };
+            };
+        };
+        readonly description: "通过 $w.id1.setInitMonth(1688140800000) 切换年月";
+    }];
+    readonly meta: {
+        readonly name: "WdCalendar";
+        readonly componentName: "Calendar";
+        readonly title: "日历";
+        readonly description: "用于日历展示，例如考勤数据展示、日程展示。";
+        readonly category: "展示";
+        readonly figureIcon: "../figureIcons/WdCalendar.svg";
+        readonly icon: "../icons/Calendar.svg";
+        readonly visible: readonly ["APP"];
+        readonly categoryOrder: 400;
+        readonly componentOrder: 340;
+        readonly inlineStyleForm: {
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdCalendar";
+    };
+};
+export type DataType = Simplify<Static<typeof data>>;
+export default config;

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

@@ -0,0 +1,132 @@
+import { defineConfig, Tuple, Type } from '../type-utils';
+const BASIC = '基础属性';
+const DISABLED_ENMU = [
+    { label: '是', value: 'true' },
+    { label: '否', value: 'false' },
+];
+const MARKED_ENUM = [
+    { label: '红色', value: '#E34D59' },
+    { label: '绿色', value: '#00A870' },
+    { label: '橙色', value: '#ED7B2F' },
+];
+const data = Type.Partial(Type.Object({
+    initMonth: Type.Number({
+        title: '展示年月',
+        'x-category': BASIC,
+        'x-index': 10,
+        'x-runtime-default': '',
+        'x-component': 'month',
+        'x-component-props': {
+            format: 'YYYY-MM',
+            showTime: false,
+            placeholder: '请选择年月',
+        },
+    }),
+    value: Type.Number({
+        title: '选中日期',
+        'x-category': BASIC,
+        'x-index': 15,
+        'x-runtime-default': '',
+        'x-component': 'date',
+        'x-dataBind-default': '$w.Now()',
+        'x-component-props': {
+            format: 'YYYY-MM-DD',
+            showTime: false,
+            placeholder: '请选择日期',
+        },
+    }),
+    configData: Type.Array(Type.Object({
+        matchDate: Type.String({
+            title: '对应日期',
+            format: 'date',
+            'x-component': 'date',
+        }),
+        disabled: Type.StringEnum({
+            title: '是否置灰',
+            enum: Tuple(DISABLED_ENMU),
+        }),
+        marked: Type.String({
+            title: '打点标记',
+            enum: Tuple(MARKED_ENUM),
+        }),
+    }), {
+        type: 'array',
+        title: '展示配置',
+        'x-category': BASIC,
+        description: '可设置多个不同日期的特殊显示效果',
+        'x-index': 20,
+        'x-runtime-default': [],
+    }),
+    initVisible: Type.Boolean({
+        title: '时间控制器',
+        'x-category': BASIC,
+        'x-index': 30,
+        description: '显示切换年月的操作按钮',
+        'x-runtime-default': true,
+    }),
+}));
+const properties = Type.Pick(data, [
+    'configData',
+    'initMonth',
+    'initVisible',
+    'value',
+]);
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    properties,
+    classes: [],
+    events: [
+        {
+            name: 'change',
+            title: '选中日期',
+            detail: Type.Object({ value: Type.Number({ description: '日期' }) }),
+        },
+        {
+            name: 'changeMonth',
+            title: '年月切换',
+            detail: Type.Object({ value: Type.Number({ description: '年月' }) }),
+        },
+    ],
+    methods: [
+        {
+            name: 'setValue',
+            label: '设置选中日期',
+            params: {
+                properties: {
+                    value: { title: '日期', type: 'number' },
+                },
+            },
+            description: '通过 $w.id1.setValue(1688140800000) 设置选中日期',
+        },
+        {
+            name: 'setInitMonth',
+            label: '切换年月',
+            params: {
+                properties: {
+                    value: { title: '年月', type: 'number' },
+                },
+            },
+            description: '通过 $w.id1.setInitMonth(1688140800000) 切换年月',
+        },
+    ],
+    meta: {
+        name: 'WdCalendar',
+        componentName: 'Calendar',
+        title: '日历',
+        description: '用于日历展示，例如考勤数据展示、日程展示。',
+        category: '展示',
+        figureIcon: '../figureIcons/WdCalendar.svg',
+        icon: '../icons/Calendar.svg',
+        visible: ['APP'],
+        categoryOrder: 400,
+        componentOrder: 340,
+        inlineStyleForm: {
+            flexDirection: { visible: false },
+            justifyContent: { visible: false },
+            alignItems: { visible: false },
+        },
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdCalendar',
+    },
+});
+export default config;

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

@@ -0,0 +1,173 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    type: import("@sinclair/typebox").TUnsafe<"2d" | "webgl">;
+    template: import("@sinclair/typebox").TString;
+    code: import("@sinclair/typebox").TObject<{
+        init: import("@sinclair/typebox").TFunction<[import("@sinclair/typebox").TObject<{}>, import("@sinclair/typebox").TObject<{}>], import("@sinclair/typebox").TVoid>;
+    }>;
+    disableScroll: import("@sinclair/typebox").TBoolean;
+}>;
+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<{
+        type: import("@sinclair/typebox").TUnsafe<"2d" | "webgl">;
+        template: import("@sinclair/typebox").TString;
+        code: import("@sinclair/typebox").TObject<{
+            init: import("@sinclair/typebox").TFunction<[import("@sinclair/typebox").TObject<{}>, import("@sinclair/typebox").TObject<{}>], import("@sinclair/typebox").TVoid>;
+        }>;
+        disableScroll: import("@sinclair/typebox").TBoolean;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        code: import("@sinclair/typebox").TObject<{
+            init: import("@sinclair/typebox").TFunction<[import("@sinclair/typebox").TObject<{}>, import("@sinclair/typebox").TObject<{}>], import("@sinclair/typebox").TVoid>;
+        }>;
+        type: import("@sinclair/typebox").TUnsafe<"2d" | "webgl">;
+        disableScroll: import("@sinclair/typebox").TBoolean;
+        canvasInstance: import("@sinclair/typebox").TObject<{}>;
+        canvasCtx: import("@sinclair/typebox").TObject<{}>;
+    }>;
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".wd-canvas";
+        readonly description: "canvas组件根元素";
+    }, {
+        readonly name: "PC 端canvas组件根元素";
+        readonly selector: ".wd-pc-canvas";
+        readonly description: "可以为 PC 端的canvas编写样式";
+    }, {
+        readonly name: "H5 端canvas组件根元素";
+        readonly selector: ".wd-h5-canvas";
+        readonly description: "可以为 H5 端的canvas编写样式";
+    }, {
+        readonly name: "小程序canvas端组件根元素";
+        readonly selector: ".wd-mp-canvas";
+        readonly description: "可以为小程序端的canvas编写样式";
+    }];
+    readonly methods: readonly [];
+    readonly events: readonly [{
+        readonly title: "canvas渲染完成";
+        readonly name: "canvasReady";
+        readonly description: "用户选中的数据发生改变时触发，出参所选节点数据";
+        readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB", "MP"];
+        readonly detail: import("@sinclair/typebox").TObject<{
+            canvasInstance: import("@sinclair/typebox").TObject<{}>;
+            canvasCtx: import("@sinclair/typebox").TObject<{}>;
+        }>;
+    }, {
+        readonly title: "点击";
+        readonly name: "click";
+        readonly description: "";
+        readonly 'x-platforms': readonly ["PCWEB"];
+        readonly detail: import("@sinclair/typebox").TObject<{
+            e: import("@sinclair/typebox").TUnknown;
+        }>;
+    }, {
+        readonly title: "双击";
+        readonly name: "dblclick";
+        readonly description: "";
+        readonly 'x-platforms': readonly ["PCWEB"];
+        readonly detail: import("@sinclair/typebox").TObject<{
+            e: import("@sinclair/typebox").TUnknown;
+        }>;
+    }, {
+        readonly title: "手指/鼠标长按";
+        readonly name: "longtap";
+        readonly description: "手指/鼠标长按 500ms 之后触发，触发了长按事件后进行移动不会触发屏幕的滚动";
+        readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB", "MP"];
+    }, {
+        readonly title: "手指触摸开始";
+        readonly name: "touchstart";
+        readonly description: "手指触摸动作开始";
+        readonly 'x-platforms': readonly ["MOBILEWEB", "MP"];
+    }, {
+        readonly title: "手指触摸结束";
+        readonly name: "touchend";
+        readonly description: "手指触摸动作结束";
+        readonly 'x-platforms': readonly ["MOBILEWEB", "MP"];
+    }, {
+        readonly title: "手指触摸移动";
+        readonly name: "touchmove";
+        readonly description: "手指触摸后移动";
+        readonly 'x-platforms': readonly ["MOBILEWEB", "MP"];
+    }, {
+        readonly title: "手指触摸被打断";
+        readonly name: "touchcancel";
+        readonly description: "手指触摸动作被打断，如来电提醒，弹窗";
+        readonly 'x-platforms': readonly ["MP"];
+    }, {
+        readonly title: "鼠标按下";
+        readonly name: "mousedown";
+        readonly description: "";
+        readonly 'x-platforms': readonly ["PCWEB"];
+        readonly detail: import("@sinclair/typebox").TObject<{
+            e: import("@sinclair/typebox").TUnknown;
+        }>;
+    }, {
+        readonly title: "鼠标抬起";
+        readonly name: "mouseup";
+        readonly description: "";
+        readonly 'x-platforms': readonly ["PCWEB"];
+        readonly detail: import("@sinclair/typebox").TObject<{
+            e: import("@sinclair/typebox").TUnknown;
+        }>;
+    }, {
+        readonly title: "鼠标移动";
+        readonly name: "mousemove";
+        readonly description: "";
+        readonly 'x-platforms': readonly ["PCWEB"];
+        readonly detail: import("@sinclair/typebox").TObject<{
+            e: import("@sinclair/typebox").TUnknown;
+        }>;
+    }, {
+        readonly title: "错误";
+        readonly name: "error";
+        readonly description: "当发生错误时触发 error 事件";
+        readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB", "MP"];
+    }];
+    readonly meta: {
+        readonly name: "WdCanvas";
+        readonly componentName: "canvas";
+        readonly title: "Canvas";
+        readonly description: "提供画布功能，通常用于绘制图像";
+        readonly figureIcon: "../figureIcons/WdCanvas.svg";
+        readonly icon: "../icons/Canvas.svg";
+        readonly category: "展示";
+        readonly categoryOrder: 400;
+        readonly componentOrder: 350;
+        readonly visible: readonly ["APP"];
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdCanvas";
+        readonly group: {
+            readonly 基础属性: {
+                readonly 'x-index': 1;
+                readonly expand: true;
+            };
+            readonly 小程序能力: {
+                readonly 'x-index': 2;
+                readonly expand: true;
+            };
+        };
+        readonly templates: readonly [{
+            readonly when: "$attached";
+            readonly to: "$children";
+            readonly body: "\n{{#with $self as |$self|}}\n{{#if (helper_utils '===' $self.attributes.template '2d')}}\n[attributes]\ntype = \"2d\"\n[attributes.code]\n\":init\" = \"(ctx, canvas) => {\n  /**\n  *  默认提供水印效果，可通过绑定canvas渲染完成事件实现绘制。详情请参考：https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdCanvas\n  */\n  if (ctx && canvas && $w.{{$self.id}}?.type === '2d') {\n    // web端使用fixed可不占用空间，实现与其他元素重叠\n    // canvas.style.position = 'fixed';\n    // canvas.style.top = '0';\n    // canvas.style.left = '0';\n    // canvas.style.zIndex = 1;\n    // canvas.style.pointerEvents = 'none';\n    /** web端使用window.innerWidth和window.innerHeight可以让水印铺满全屏 */\n    // canvas.width = window.innerWidth;\n    // canvas.height = window.innerHeight;\n\n    /** 小程序端如果要实现以上效果，可以直接设置canvas组件的样式 */\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    ctx.font = '24px Arial';\n    ctx.setFillStyle('rgba(0, 0, 0, 0.1)');\n    ctx.setTextAlign('center');\n    ctx.setTextBaseline('middle');\n    ctx.rotate(Math.PI / 180 * 45);\n    for (let x = 0; x < canvas.width * 2; x += 140) {\n      for (let y = -canvas.height; y < canvas.height; y += 100) {\n        ctx.fillText('我是水印', x, y);\n      }\n    }\n\n    ctx.draw(true);\n  }\n}\n\"\n\n{{else if (helper_utils '===' $self.attributes.template 'webgl')}}\n[attributes]\ntype = \"webgl\"\n[attributes.code]\n\":init\" = \"(gl, canvas) => {\n  const global = window || getApp()\n  global.wdCanvasTimer && clearInterval(global.wdCanvasTimer);\n  if (gl && canvas) {\n    gl.viewport(0, 0, canvas.width, canvas.height);\n    gl.clearColor(0.0, 0.0, 0.0, 1.0);\n    gl.clear(gl.COLOR_BUFFER_BIT);\n    gl.enable(gl.SCISSOR_TEST);\n\n    let position = [0, 0];\n    let size = [60, 60];\n    let velocity = 3.0;\n    let color = [255.0, 0.0, 0.0]\n\n    function drawAnimation() {\n      if (!gl || !gl.viewport || $w.{{$self.id}}?.type !== 'webgl') {\n        global.wdCanvasTimer && clearInterval(global.wdCanvasTimer);\n        return;\n      }\n      // 兼容小程序\n      if (!window && getApp) {\n        gl.disable(gl.SCISSOR_TEST);\n        gl.clearColor(255.0, 255.0, 255.0, 1.0);\n        gl.clear(gl.COLOR_BUFFER_BIT);\n        gl.enable(gl.SCISSOR_TEST);\n      }\n      gl.clearColor(color[0], color[1], color[2], 1.0);\n      gl.scissor(position[0], position[1], size[0], size[1]);\n      gl.clear(gl.COLOR_BUFFER_BIT);\n      position[1] -= velocity;\n      if (position[1] < 0) {\n        position = [\n          Math.random() * (gl.drawingBufferWidth - size[0]),\n          gl.drawingBufferHeight,\n        ];\n\n        velocity = 1.0 + 6.0 * Math.random();\n        color = [Math.random(), Math.random(), Math.random()];\n      }\n    }\n    global.wdCanvasTimer = setInterval(drawAnimation, 17);\n  }\n}\n\"\n\n{{/if}}\n{{/with}}\n";
+        }, {
+            readonly when: "template";
+            readonly to: "$children";
+            readonly body: "\n{{#with $self as |$self|}}\n{{#if (helper_utils '===' $self.attributes.template '2d')}}\n[attributes]\ntype = \"2d\"\n[attributes.code]\n\":init\" = \"(ctx, canvas) => {\n  /**\n  *  默认提供水印效果，可通过绑定canvas渲染完成事件实现绘制。详情请参考：https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdCanvas\n  */\n  if (ctx && canvas && $w.{{$self.id}}?.type === '2d') {\n    // web端使用fixed可不占用空间，实现与其他元素重叠\n    // canvas.style.position = 'fixed';\n    // canvas.style.top = '0';\n    // canvas.style.left = '0';\n    // canvas.style.zIndex = 1;\n    // canvas.style.pointerEvents = 'none';\n    /** web端使用window.innerWidth和window.innerHeight可以让水印铺满全屏 */\n    // canvas.width = window.innerWidth;\n    // canvas.height = window.innerHeight;\n\n    /** 小程序端如果要实现以上效果，可以直接设置canvas组件的样式 */\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    ctx.font = '24px Arial';\n    ctx.setFillStyle('rgba(0, 0, 0, 0.1)');\n    ctx.setTextAlign('center');\n    ctx.setTextBaseline('middle');\n    ctx.rotate(Math.PI / 180 * 45);\n    for (let x = 0; x < canvas.width * 2; x += 140) {\n      for (let y = -canvas.height; y < canvas.height; y += 100) {\n        ctx.fillText('我是水印', x, y);\n      }\n    }\n\n    ctx.draw(true);\n  }\n}\n\"\n\n{{else if (helper_utils '===' $self.attributes.template 'webgl')}}\n[attributes]\ntype = \"webgl\"\n[attributes.code]\n\":init\" = \"(gl, canvas) => {\n  const global = window || getApp()\n  global.wdCanvasTimer && clearInterval(global.wdCanvasTimer);\n  if (gl && canvas) {\n    gl.viewport(0, 0, canvas.width, canvas.height);\n    gl.clearColor(0.0, 0.0, 0.0, 1.0);\n    gl.clear(gl.COLOR_BUFFER_BIT);\n    gl.enable(gl.SCISSOR_TEST);\n\n    let position = [0, 0];\n    let size = [60, 60];\n    let velocity = 3.0;\n    let color = [255.0, 0.0, 0.0]\n\n    function drawAnimation() {\n      if (!gl || !gl.viewport || $w.{{$self.id}}?.type !== 'webgl') {\n        global.wdCanvasTimer && clearInterval(global.wdCanvasTimer);\n        return;\n      }\n      // 兼容小程序\n      if (!window && getApp) {\n        gl.disable(gl.SCISSOR_TEST);\n        gl.clearColor(255.0, 255.0, 255.0, 1.0);\n        gl.clear(gl.COLOR_BUFFER_BIT);\n        gl.enable(gl.SCISSOR_TEST);\n      }\n      gl.clearColor(color[0], color[1], color[2], 1.0);\n      gl.scissor(position[0], position[1], size[0], size[1]);\n      gl.clear(gl.COLOR_BUFFER_BIT);\n      position[1] -= velocity;\n      if (position[1] < 0) {\n        position = [\n          Math.random() * (gl.drawingBufferWidth - size[0]),\n          gl.drawingBufferHeight,\n        ];\n\n        velocity = 1.0 + 6.0 * Math.random();\n        color = [Math.random(), Math.random(), Math.random()];\n      }\n    }\n    global.wdCanvasTimer = setInterval(drawAnimation, 17);\n  }\n}\n\"\n\n{{/if}}\n{{/with}}\n";
+        }];
+        readonly inlineStyleForm: {
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
+    };
+};
+export default config;