@meta2d/core 1.0.61 → 1.0.63

package/src/event/event.d.ts

@@ -26,6 +26,8 @@ export interface Event {
         value?: EventValue;
     }[];
     timeout?: number;
+    confirm?: string;
+    confirmTitle?: string;
 }
 export declare enum EventAction {
     Link = 0,
@@ -45,7 +47,8 @@ export declare enum EventAction {
     Dialog = 14,
     SendData = 15,//数据源选择
     PostMessage = 16,//发送场景数据
-    PostMessageToParent = 17
+    PostMessageToParent = 17,//向父窗口发送消息
+    Message = 18
 }
 export interface Where {
     type?: string | 'comparison';
@@ -104,4 +107,7 @@ export interface RealTime {
     value?: string;
     enableMock?: boolean;
     mock?: any;
+    productId?: string;
+    deviceId?: string;
+    propertyId?: string;
 }

package/src/event/event.js

@@ -18,5 +18,6 @@ export var EventAction;
     EventAction[EventAction["SendData"] = 15] = "SendData";
     EventAction[EventAction["PostMessage"] = 16] = "PostMessage";
     EventAction[EventAction["PostMessageToParent"] = 17] = "PostMessageToParent";
+    EventAction[EventAction["Message"] = 18] = "Message";
 })(EventAction || (EventAction = {}));
 //# sourceMappingURL=event.js.map

package/src/event/event.js.map

@@ -1 +1 @@
-{"version":3,"file":"event.js","sourceRoot":"","sources":["../../../../packages/core/src/event/event.ts"],"names":[],"mappings":"AA+CA,MAAM,CAAN,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,6CAAI,CAAA;IACJ,qDAAQ,CAAA;IACR,6DAAY,CAAA;IACZ,6DAAY,CAAA;IACZ,2DAAW,CAAA;IACX,yCAAE,CAAA;IACF,qDAAQ,CAAA;IACR,6CAAI,CAAA;IACJ,yDAAU,CAAA;IACV,yDAAU,CAAA;IACV,wDAAS,CAAA;IACT,8DAAY,CAAA;IACZ,4DAAW,CAAA;IACX,wDAAS,CAAA;IACT,kDAAM,CAAA;IACN,sDAAQ,CAAA;IACR,4DAAW,CAAA;IACX,4EAAmB,CAAA;AACrB,CAAC,EAnBW,WAAW,KAAX,WAAW,QAmBtB"}
+{"version":3,"file":"event.js","sourceRoot":"","sources":["../../../../packages/core/src/event/event.ts"],"names":[],"mappings":"AAiDA,MAAM,CAAN,IAAY,WAoBX;AApBD,WAAY,WAAW;IACrB,6CAAI,CAAA;IACJ,qDAAQ,CAAA;IACR,6DAAY,CAAA;IACZ,6DAAY,CAAA;IACZ,2DAAW,CAAA;IACX,yCAAE,CAAA;IACF,qDAAQ,CAAA;IACR,6CAAI,CAAA;IACJ,yDAAU,CAAA;IACV,yDAAU,CAAA;IACV,wDAAS,CAAA;IACT,8DAAY,CAAA;IACZ,4DAAW,CAAA;IACX,wDAAS,CAAA;IACT,kDAAM,CAAA;IACN,sDAAQ,CAAA;IACR,4DAAW,CAAA;IACX,4EAAmB,CAAA;IACnB,oDAAO,CAAA;AACT,CAAC,EApBW,WAAW,KAAX,WAAW,QAoBtB"}

package/src/message/index.d.ts

@@ -0,0 +1 @@
+export * from './message';

package/src/message/index.js

@@ -0,0 +1,2 @@
+export * from './message';
+//# sourceMappingURL=index.js.map

package/src/message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/core/src/message/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/src/message/message.d.ts

@@ -0,0 +1,28 @@
+export type Theme = 'success' | 'info' | 'warning' | 'error' | 'question';
+export interface MessageOptions {
+    id?: string;
+    content?: string;
+    theme?: Theme;
+    placement?: string;
+    duration?: number;
+    closeBtn?: boolean;
+}
+export declare const messageList: {
+    [key: string]: Message;
+};
+export declare class Message {
+    parentElement: HTMLElement;
+    box: HTMLElement;
+    icon: HTMLElement;
+    text: HTMLElement;
+    closeBtn: HTMLElement;
+    duration: number;
+    content: string;
+    theme: Theme;
+    placement: string;
+    id: string;
+    constructor(parentElement: HTMLElement, options: MessageOptions);
+    init(): void;
+    setPosition(placement: string, index?: number): void;
+    close(): void;
+}

package/src/message/message.js

@@ -0,0 +1,162 @@
+import { s8 } from '../utils';
+const status = {
+    success: {
+        color: '#2ba471',
+        icon: '<svg fill="none" viewBox="0 0 24 24"><path d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>',
+    },
+    info: {
+        color: '#0052d9',
+        icon: '<svg fill="none" viewBox="0 0 24 24"><path d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>',
+    },
+    warning: {
+        color: '#e37318',
+        icon: '<svg fill="none" viewBox="0 0 24 24"><path d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>',
+    },
+    error: {
+        color: '#d54941',
+        icon: '<svg fill="none" viewBox="0 0 24 24"><path d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg>',
+    },
+    question: {
+        color: '#0052d9',
+        icon: '<svg fill="none" viewBox="0 0 24 24"><path d="M12 23a11 11 0 100-22 11 11 0 000 22zm-.17-11.11c.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95L7.9 8.6l.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2V14c0-.87.39-1.57.83-2.11zM11 18.25v-2h2v2h-2z"></path></svg>',
+    },
+};
+export const messageList = {};
+export class Message {
+    parentElement;
+    box;
+    icon;
+    text;
+    closeBtn;
+    duration; //定时销毁时间
+    content;
+    theme; //主题
+    placement; //位置
+    id;
+    constructor(parentElement, options) {
+        this.parentElement = parentElement;
+        this.box = document.createElement('div');
+        this.icon = document.createElement('div');
+        this.text = document.createElement('div');
+        this.box.className = 'meta2d-message';
+        this.icon.className = 'icon';
+        this.text.className = 'text';
+        this.icon.innerHTML = status[options.theme || 'info'].icon;
+        this.text.innerHTML = options.content;
+        this.box.appendChild(this.icon);
+        this.box.appendChild(this.text);
+        if (options.closeBtn) {
+            this.closeBtn = document.createElement('div');
+            this.closeBtn.className = 'close';
+            this.closeBtn.innerHTML = 'x';
+            this.closeBtn.onclick = () => {
+                this.close();
+            };
+            this.box.appendChild(this.closeBtn);
+        }
+        parentElement.appendChild(this.box);
+        let sheet;
+        for (let i = 0; i < document.styleSheets.length; i++) {
+            if (document.styleSheets[i].title === 'le5le.com/message') {
+                sheet = document.styleSheets[i];
+            }
+        }
+        if (!sheet) {
+            let style = document.createElement('style');
+            style.type = 'text/css';
+            style.title = 'le5le.com/message';
+            document.head.appendChild(style);
+            style = document.createElement('style');
+            style.type = 'text/css';
+            document.head.appendChild(style);
+            sheet = style.sheet;
+            sheet.insertRule(`.meta2d-message{
+           position:absolute;
+           z-index:999;
+           transform: translateX(-50%); 
+           padding:12px 16px;
+           max-width:400px;
+           background:#fff;
+           border-radius:6px;
+           box-shadow:0 3px 14px 2px rgba(0, 0, 0, .05),0 8px 10px 1px rgba(0, 0, 0, 6%),0 5px 5px -3px rgba(0, 0, 0, 10%);
+           display:flex;
+           animation: fadein .5s;}`);
+            sheet.insertRule(`
+        @keyframes fadein {
+          0% {
+              transform: translate(-50%, -100%);
+          }
+          100% {
+              transform: translate(-50%,0);
+          }
+      }`);
+            sheet.insertRule('.meta2d-message .icon{width:20px;height:20px;}');
+            sheet.insertRule('.meta2d-message .text{color:rgba(0, 0, 0, 0.9);font-size:12px;margin-left:8px;line-height:20px;}');
+            sheet.insertRule('.meta2d-message .close{width:20px;height:20px;padding-left: 16px; cursor: pointer;}');
+        }
+        this.id = options.id || s8();
+        this.duration = options.duration ?? 3000;
+        this.placement = options.placement || 'top';
+        this.theme = options.theme || 'info';
+        // this.init();
+    }
+    init() {
+        messageList[this.id] = this;
+        if (this.duration) {
+            setTimeout(() => {
+                this.close();
+            }, this.duration);
+        }
+        let idx = -1;
+        Object.keys(messageList).forEach((key) => {
+            if (messageList[key]?.placement === this.placement) {
+                idx++;
+            }
+        });
+        this.setPosition(this.placement, idx);
+        this.icon.children[0].style.fill =
+            status[this.theme].color;
+    }
+    setPosition(placement, index = 0) {
+        switch (placement) {
+            case 'top':
+                this.box.style.top = `${30 + index * 60}px`;
+                this.box.style.left = '50%';
+                break;
+            case 'bottom':
+                this.box.style.bottom = `${30 + index * 60}px`;
+                this.box.style.left = '50%';
+                break;
+            case 'left':
+                this.box.style.top = `${30 + index * 60}px`;
+                this.box.style.left = '30px';
+                break;
+            case 'right':
+                this.box.style.top = `${30 + index * 60}px`;
+                this.box.style.right = '30px';
+                break;
+        }
+    }
+    close() {
+        Object.keys(messageList).forEach((key) => {
+            if (messageList[key]?.placement === this.placement) {
+                switch (this.placement) {
+                    case 'top':
+                    case 'left':
+                    case 'right':
+                        messageList[key].box.style.top =
+                            parseInt(messageList[key].box.style.top) - 60 + 'px';
+                        break;
+                    case 'bottom':
+                        messageList[key].box.style.bottom =
+                            parseInt(messageList[key].box.style.bottom) - 60 + 'px';
+                        break;
+                }
+            }
+        });
+        messageList[this.id] = null;
+        delete messageList[this.id];
+        this.box.remove();
+    }
+}
+//# sourceMappingURL=message.js.map

package/src/message/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../../packages/core/src/message/message.ts"],"names":[],"mappings":"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"}

package/src/pen/model.d.ts

@@ -117,6 +117,10 @@ export interface Pen extends Rect {
      */
     lineGradientAngle?: number;
     gradientColors?: string;
+    switch?: boolean;
+    checked?: boolean;
+    onBackground?: string;
+    onGradientColors?: string;
     lineGradientColors?: string;
     lineCap?: CanvasLineCap;
     fromLineCap?: CanvasLineCap;
@@ -205,6 +209,7 @@ export interface Pen extends Rect {
     animateShadowColor?: string;
     animateShadowBlur?: number;
     input?: boolean;
+    autofocus?: boolean;
     dropdownList?: Dropdown[];
     dropdownBackground?: string;
     dropdownColor?: string;
@@ -270,6 +275,7 @@ export interface Pen extends Rect {
     disabledBackground?: string;
     disabledTextColor?: string;
     inputType?: string;
+    productId?: string;
     deviceId?: string;
     pivot?: Point;
     noOnBinds?: boolean;
@@ -286,6 +292,7 @@ export interface Pen extends Rect {
         progress?: number;
         progressColor?: string;
         progressGradientColors?: string;
+        verticalProgress?: boolean;
         worldRect?: Rect;
         worldAnchors?: Point[];
         worldIconRect?: Rect;
@@ -422,6 +429,9 @@ export interface Pen extends Rect {
         onended?: (pen: Pen) => void;
         singleton?: any;
         gradientColors?: string;
+        onBackground?: string;
+        onGradientColors?: string;
+        checked?: boolean;
         lineGradientColors?: string;
         gradient?: CanvasGradient;
         lineGradient?: CanvasGradient;

package/src/pen/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../../packages/core/src/pen/model.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../../packages/core/src/pen/model.ts"],"names":[],"mappings":"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"}

package/src/pen/render.d.ts

@@ -19,6 +19,7 @@ export declare function drawImage(ctx: CanvasRenderingContext2D | OffscreenCanva
  */
 export declare function getTextColor(pen: Pen, store: Meta2dStore): string;
 export declare function drawIcon(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, pen: Pen): void;
+export declare function drawDropdown(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, pen: Pen): void;
 /**
  * canvas2svg 中对 font 的解析规则比 canvas 中简单，能识别的类型很少
  * @returns ctx.font

package/src/pen/render.js

@@ -109,6 +109,10 @@ function getBkRadialGradient(ctx, pen) {
     if (!gradientColors) {
         return;
     }
+    let color = pen.calculative.gradientColors;
+    if (pen.calculative.checked) {
+        color = pen.calculative.onGradientColors;
+    }
     const { width, height, center } = worldRect;
     const { x: centerX, y: centerY } = center;
     let r = width;
@@ -116,7 +120,7 @@ function getBkRadialGradient(ctx, pen) {
         r = height;
     }
     r *= 0.5;
-    const { colors } = formatGradient(gradientColors);
+    const { colors } = formatGradient(color);
     const grd = ctx.createRadialGradient(centerX, centerY, r * (gradientRadius || 0), centerX, centerY, r);
     colors.forEach((stop) => {
         grd.addColorStop(stop.i, stop.color);
@@ -129,7 +133,11 @@ function getBkGradient(ctx, pen) {
         { x: ex, y: y + height / 2 },
         { x: x, y: y + height / 2 },
     ];
-    const { angle, colors } = formatGradient(pen.calculative.gradientColors);
+    let color = pen.calculative.gradientColors;
+    if (pen.calculative.checked) {
+        color = pen.calculative.onGradientColors;
+    }
+    const { angle, colors } = formatGradient(color);
     let r = getGradientR(angle, width, height);
     points.forEach((point) => {
         rotatePoint(point, angle, center);
@@ -994,6 +1002,25 @@ export function drawIcon(ctx, pen) {
     ctx.fillText(pen.calculative.icon, x, y);
     ctx.restore();
 }
+export function drawDropdown(ctx, pen) {
+    const scale = pen.calculative.canvas.store.data.scale;
+    const inputPenId = pen.calculative.canvas.inputDiv.dataset.penId;
+    const { x, y, width, height } = pen.calculative.worldRect;
+    ctx.save();
+    ctx.beginPath();
+    if (pen.id === inputPenId) {
+        ctx.moveTo(x + width - 20 * scale, y + height / 2 + 2 * scale);
+        ctx.lineTo(x + width - 14 * scale, y + height / 2 - 4 * scale);
+        ctx.lineTo(x + width - 8 * scale, y + height / 2 + 2 * scale);
+    }
+    else {
+        ctx.moveTo(x + width - 20 * scale, y + height / 2 - 4 * scale);
+        ctx.lineTo(x + width - 14 * scale, y + height / 2 + 2 * scale);
+        ctx.lineTo(x + width - 8 * scale, y + height / 2 - 4 * scale);
+    }
+    ctx.stroke();
+    ctx.restore();
+}
 /**
  * canvas2svg 中对 font 的解析规则比 canvas 中简单，能识别的类型很少
  * @returns ctx.font
@@ -1072,6 +1099,11 @@ export function renderPen(ctx, pen, download) {
             pen.mouseDownBackground ||
                 pSBC(-0.4, pen.calculative.background || store.data.penBackground);
     }
+    else if (pen.switch && pen.calculative.checked) {
+        if (!pen.calculative.bkType) {
+            fill = pen.onBackground;
+        }
+    }
     else if (pen.calculative.hover) {
         _stroke = pen.hoverColor || store.options.hoverColor;
         fill = pen.hoverBackground || store.options.hoverBackground;
@@ -1201,6 +1233,9 @@ export function renderPen(ctx, pen, download) {
     if (!(pen.image && pen.calculative.img) && pen.calculative.icon) {
         drawIcon(ctx, pen);
     }
+    if (pen.dropdownList) {
+        drawDropdown(ctx, pen);
+    }
     if (!textFlip || !textRotate) {
         ctx.restore();
     }
@@ -1366,6 +1401,9 @@ export function renderPenRaw(ctx, pen, rect, download) {
     else if (pen.calculative.icon) {
         drawIcon(ctx, pen);
     }
+    if (pen.dropdownList) {
+        drawDropdown(ctx, pen);
+    }
     if (!textFlip || !textRotate) {
         ctx.restore();
     }
@@ -1485,7 +1523,7 @@ export function ctxDrawPath(canUsePath = true, ctx, pen, store, fill) {
             ctx.save();
             const { ex, x, y, width, height, ey } = pen.calculative.worldRect;
             let grd = null;
-            if (!pen.verticalProgress) {
+            if (!pen.calculative.verticalProgress) {
                 grd = !pen.reverseProgress
                     ? ctx.createLinearGradient(x, y, x + width * progress, y)
                     : ctx.createLinearGradient(ex, y, x + width * (1 - progress), y);