ts-glitter 14.6.46 → 14.7.3

package/lowcode/Entry.js

@@ -80,7 +80,7 @@ export class Entry {
         }
         window.renderClock = (_a = window.renderClock) !== null && _a !== void 0 ? _a : clockF();
         console.log(`Entry-time:`, window.renderClock.stop());
-        glitter.share.editerVersion = 'V_14.6.46';
+        glitter.share.editerVersion = 'V_14.7.3';
         glitter.share.start = new Date();
         const vm = {
             appConfig: [],

package/lowcode/Entry.ts

@@ -82,7 +82,7 @@ export class Entry {
 
         (window as any).renderClock = (window as any).renderClock ?? clockF();
         console.log(`Entry-time:`, (window as any).renderClock.stop());
-        glitter.share.editerVersion = 'V_14.6.46';
+        glitter.share.editerVersion = 'V_14.7.3';
         glitter.share.start = new Date();
         const vm: {
             appConfig: any;

package/lowcode/cms-plugin/ai-generator/member-ai.js

@@ -0,0 +1,183 @@
+import { BgWidget } from "../../backend-manager/bg-widget.js";
+import { ShareDialog } from "../../glitterBundle/dialog/ShareDialog.js";
+import { AiChat } from "../../glitter-base/route/ai-chat.js";
+export class MemberAi {
+    static addMember(gvc, member_data, refresh) {
+        const dialog = new ShareDialog(gvc.glitter);
+        const html = String.raw;
+        const language = window.parent.store_info.language_setting.def;
+        let place_holder = '顧客姓名是王小明，電子信箱是sam12345@gmail.com，電話號碼是0912345678，生日是民國83年11月5日，地址是台北市大安區望安路10號，備註來自Facebook的消費用戶。';
+        let message = place_holder;
+        return html `
+            <div class="">
+                ${[
+            html `
+                        <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
+                                       speed="1"
+                                       style="max-width: 100%;width: 250px;height:250px;" loop
+                                       autoplay></lottie-player>`,
+            `<div class="w-100 d-flex align-items-center justify-content-center my-3">${BgWidget.grayNote('透過 AI 可以幫你快速新增會員資料', `font-weight: 500;`)}</div>`,
+            html `
+                        <div class="w-100" ">
+                        ${BgWidget.textArea({
+                gvc: gvc,
+                title: '',
+                default: message,
+                placeHolder: place_holder,
+                callback: (text) => {
+                    message = text;
+                },
+                style: `min-height:100px;`
+            })}
+                        </div>`,
+            `<div class="w-100 d-flex align-items-center justify-content-end">
+${BgWidget.save(gvc.event(() => {
+                const dialog = new ShareDialog(gvc.glitter);
+                dialog.dataLoading({ visible: true });
+                AiChat.editorHtml({
+                    text: message,
+                    format: MemberAi.schema,
+                    assistant: `你是後台小幫手，幫我新增對應的會員資料`,
+                    token: window.parent.saasConfig.config.token
+                }).then((res) => {
+                    dialog.dataLoading({ visible: false });
+                    const obj = res.response.data && res.response.data.obj;
+                    if (obj) {
+                        const usage = res.response.data.usage;
+                        if (usage) {
+                            (obj.name) && (member_data.name = obj.name);
+                            (obj.email) && (member_data.email = obj.email);
+                            (obj.phone) && (member_data.phone = obj.phone);
+                            (obj.birth) && (member_data.birth = obj.birth);
+                            (obj.address) && (member_data.address = obj.address);
+                            (obj.managerNote) && (member_data.managerNote = obj.managerNote);
+                            dialog.successMessage({ text: `生成成功，消耗了『${usage}』點 AI-Points` });
+                            refresh();
+                            gvc.closeDialog();
+                        }
+                        else {
+                            dialog.errorMessage({ text: 'AI Points 點數不足' });
+                        }
+                    }
+                    else {
+                        dialog.errorMessage({ text: '發生錯誤' });
+                    }
+                });
+            }), "確認生成", "w-100 mt-3 py-4 fs-6")}
+</div>`
+        ].join('<div class="my-2"></div>')}
+            </div>`;
+    }
+    static generateRichText(gvc, callback) {
+        const dialog = new ShareDialog(gvc.glitter);
+        BgWidget.settingDialog({
+            gvc: gvc,
+            title: 'AI 內容生成',
+            innerHTML: (gvc) => {
+                const html = String.raw;
+                let message = '';
+                return html `
+                    <div class="">
+                        ${[
+                    html `
+                                <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
+                                               speed="1"
+                                               style="max-width: 100%;width: 250px;height:250px;" loop
+                                               autoplay></lottie-player>`,
+                    `<div class="w-100 d-flex align-items-center justify-content-center my-3">${BgWidget.grayNote('透過 AI 可以快速幫您生成內文', `font-weight: 500;`)}</div>`,
+                    html `
+                                <div class="w-100" ">
+                                ${BgWidget.textArea({
+                        gvc: gvc,
+                        title: '',
+                        default: message,
+                        placeHolder: `幫我生成一個4*3的說明表格，內容是針對健康保健。`,
+                        callback: (text) => {
+                            message = text;
+                        },
+                        style: `min-height:100px;`
+                    })}
+                                </div>`,
+                    html `
+                                <div class="w-100 d-flex align-items-center justify-content-end">
+                                    ${BgWidget.save(gvc.event(() => {
+                        const dialog = new ShareDialog(gvc.glitter);
+                        dialog.dataLoading({ visible: true });
+                        AiChat.generateHtml({
+                            token: window.parent.saasConfig.config.token,
+                            app_name: window.parent.appName,
+                            text: message
+                        }).then((res) => {
+                            if (res.result && res.response.data.usage === 0) {
+                                dialog.dataLoading({ visible: false });
+                                dialog.errorMessage({ text: `很抱歉你的AI代幣不足，請先前往加值` });
+                            }
+                            else if (res.result && (!res.response.data.obj.result)) {
+                                dialog.dataLoading({ visible: false });
+                                dialog.errorMessage({ text: `AI無法理解你的需求，請給出具體一點的描述` });
+                            }
+                            else if (!res.result) {
+                                dialog.dataLoading({ visible: false });
+                                dialog.errorMessage({ text: `發生錯誤` });
+                            }
+                            else {
+                                callback(res.response.data.obj.html);
+                                dialog.dataLoading({ visible: false });
+                                dialog.successMessage({ text: `AI生成完畢，使用了『${res.response.data.usage}』點 AI Points.` });
+                                gvc.closeDialog();
+                            }
+                        });
+                    }), "確認生成", "w-100 mt-3 py-2")}
+                                </div>`
+                ].join('<div class="my-2"></div>')}
+                    </div>`;
+            },
+            footer_html: (gvc) => {
+                return ``;
+            },
+            width: 500
+        });
+    }
+}
+MemberAi.schema = {
+    "name": "customer_data",
+    "strict": true,
+    "schema": {
+        "type": "object",
+        "properties": {
+            "name": {
+                "type": "string",
+                "description": "顧客的姓名"
+            },
+            "email": {
+                "type": "string",
+                "description": "顧客的電子信箱"
+            },
+            "phone": {
+                "type": "string",
+                "description": "顧客的電話"
+            },
+            "birth": {
+                "type": "string",
+                "description": "顧客的西元出生日期，範例19981223"
+            },
+            "address": {
+                "type": "string",
+                "description": "顧客的地址"
+            },
+            "managerNote": {
+                "type": "string",
+                "description": "顧客的備註"
+            }
+        },
+        "required": [
+            "name",
+            "email",
+            "phone",
+            "birth",
+            "address",
+            "managerNote"
+        ],
+        "additionalProperties": false
+    }
+};

package/lowcode/cms-plugin/ai-generator/member-ai.ts

@@ -0,0 +1,187 @@
+import {GVC} from "../../glitterBundle/GVController.js";
+import {BgWidget} from "../../backend-manager/bg-widget.js";
+import {ApiUser} from "../../glitter-base/route/user.js";
+import {AiPointsApi} from "../../glitter-base/route/ai-points-api.js";
+import {ShareDialog} from "../../glitterBundle/dialog/ShareDialog.js";
+import {AiChat} from "../../glitter-base/route/ai-chat.js";
+import {AddComponent} from "../../editor/add-component.js";
+
+export class MemberAi {
+    public static schema = {
+        "name": "customer_data",
+        "strict": true,
+        "schema": {
+            "type": "object",
+            "properties": {
+                "name": {
+                    "type": "string",
+                    "description": "顧客的姓名"
+                },
+                "email": {
+                    "type": "string",
+                    "description": "顧客的電子信箱"
+                },
+                "phone": {
+                    "type": "string",
+                    "description": "顧客的電話"
+                },
+                "birth": {
+                    "type": "string",
+                    "description": "顧客的西元出生日期，範例19981223"
+                },
+                "address": {
+                    "type": "string",
+                    "description": "顧客的地址"
+                },
+                "managerNote": {
+                    "type": "string",
+                    "description": "顧客的備註"
+                }
+            },
+            "required": [
+                "name",
+                "email",
+                "phone",
+                "birth",
+                "address",
+                "managerNote"
+            ],
+            "additionalProperties": false
+        }
+    }
+
+    public static addMember(gvc: GVC, member_data: any, refresh: () => void) {
+        const dialog = new ShareDialog(gvc.glitter)
+        const html = String.raw
+        //當前預設語言
+        const language = (window.parent as any).store_info.language_setting.def;
+        let place_holder = '顧客姓名是王小明，電子信箱是sam12345@gmail.com，電話號碼是0912345678，生日是民國83年11月5日，地址是台北市大安區望安路10號，備註來自Facebook的消費用戶。'
+        let message = place_holder
+        return html`
+            <div class="">
+                ${[
+                    html`
+                        <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
+                                       speed="1"
+                                       style="max-width: 100%;width: 250px;height:250px;" loop
+                                       autoplay></lottie-player>`,
+                    `<div class="w-100 d-flex align-items-center justify-content-center my-3">${BgWidget.grayNote('透過 AI 可以幫你快速新增會員資料', `font-weight: 500;`)}</div>`,
+                    html`
+                        <div class="w-100" ">
+                        ${BgWidget.textArea({
+                            gvc: gvc,
+                            title: '',
+                            default: message,
+                            placeHolder: place_holder,
+                            callback: (text) => {
+                                message = text;
+                            },
+                            style: `min-height:100px;`
+                        })}
+                        </div>`,
+                    `<div class="w-100 d-flex align-items-center justify-content-end">
+${BgWidget.save(gvc.event(() => {
+                        const dialog = new ShareDialog(gvc.glitter)
+                        dialog.dataLoading({visible: true})
+                        AiChat.editorHtml({
+                            text: message,
+                            format: MemberAi.schema,
+                            assistant: `你是後台小幫手，幫我新增對應的會員資料`,
+                            token: (window.parent as any).saasConfig.config.token
+                        }).then((res) => {
+                            dialog.dataLoading({visible: false})
+                            const obj = res.response.data && res.response.data.obj
+                            if (obj) {
+                                const usage = res.response.data.usage
+                                if (usage) {
+                                    (obj.name) && (member_data.name = obj.name);
+                                    (obj.email) && (member_data.email = obj.email);
+                                    (obj.phone) && (member_data.phone = obj.phone);
+                                    (obj.birth) && (member_data.birth = obj.birth);
+                                    (obj.address) && (member_data.address = obj.address);
+                                    (obj.managerNote) && (member_data.managerNote = obj.managerNote);
+                                    dialog.successMessage({text: `生成成功，消耗了『${usage}』點 AI-Points`})
+                                    refresh()
+                                    gvc.closeDialog()
+                                } else {
+                                    dialog.errorMessage({text: 'AI Points 點數不足'})
+                                }
+                            } else {
+                                dialog.errorMessage({text: '發生錯誤'})
+                            }
+                        })
+                    }), "確認生成", "w-100 mt-3 py-4 fs-6")}
+</div>`
+                ].join('<div class="my-2"></div>')}
+            </div>`
+    }
+
+    public static generateRichText(gvc: GVC, callback: (text: string) => void) {
+        const dialog = new ShareDialog(gvc.glitter)
+        BgWidget.settingDialog({
+            gvc: gvc,
+            title: 'AI 內容生成',
+            innerHTML: (gvc: GVC) => {
+                const html = String.raw
+                let message = ''
+                return html`
+                    <div class="">
+                        ${[
+                            html`
+                                <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
+                                               speed="1"
+                                               style="max-width: 100%;width: 250px;height:250px;" loop
+                                               autoplay></lottie-player>`,
+                            `<div class="w-100 d-flex align-items-center justify-content-center my-3">${BgWidget.grayNote('透過 AI 可以快速幫您生成內文', `font-weight: 500;`)}</div>`,
+                            html`
+                                <div class="w-100" ">
+                                ${BgWidget.textArea({
+                                    gvc: gvc,
+                                    title: '',
+                                    default: message,
+                                    placeHolder: `幫我生成一個4*3的說明表格，內容是針對健康保健。`,
+                                    callback: (text) => {
+                                        message = text;
+                                    },
+                                    style: `min-height:100px;`
+                                })}
+                                </div>`,
+                            html`
+                                <div class="w-100 d-flex align-items-center justify-content-end">
+                                    ${BgWidget.save(gvc.event(() => {
+                                        const dialog = new ShareDialog(gvc.glitter)
+                                        dialog.dataLoading({visible: true})
+                                        AiChat.generateHtml({
+                                            token: (window.parent as any).saasConfig.config.token,
+                                            app_name: (window.parent as any).appName,
+                                            text: message
+                                        }).then((res) => {
+                                            if (res.result && res.response.data.usage === 0) {
+                                                dialog.dataLoading({visible: false})
+                                                dialog.errorMessage({text: `很抱歉你的AI代幣不足，請先前往加值`})
+                                            } else if (res.result && (!res.response.data.obj.result)) {
+                                                dialog.dataLoading({visible: false})
+                                                dialog.errorMessage({text: `AI無法理解你的需求，請給出具體一點的描述`})
+                                            } else if (!res.result) {
+                                                dialog.dataLoading({visible: false})
+                                                dialog.errorMessage({text: `發生錯誤`})
+                                            } else {
+                                                callback(res.response.data.obj.html)
+                                                dialog.dataLoading({visible: false})
+                                                dialog.successMessage({text: `AI生成完畢，使用了『${res.response.data.usage}』點 AI Points.`})
+                                                gvc.closeDialog()
+
+                                            }
+                                        })
+                                    }), "確認生成", "w-100 mt-3 py-2")}
+                                </div>`
+                        ].join('<div class="my-2"></div>')}
+                    </div>`
+            },
+            footer_html: (gvc: GVC) => {
+                return ``
+            },
+            width: 500
+        });
+    }
+}

package/lowcode/cms-plugin/ai-generator/product-ai.js

@@ -4,118 +4,109 @@ import { AiChat } from "../../glitter-base/route/ai-chat.js";
 export class ProductAi {
     static setProduct(gvc, product_data, refresh) {
         const dialog = new ShareDialog(gvc.glitter);
-        BgWidget.settingDialog({
-            gvc: gvc,
-            title: 'AI 商品生成',
-            innerHTML: (gvc) => {
-                const html = String.raw;
-                let message = '商品標題為Adidas衣服，規格有顏色和尺寸，其中有紅藍黃三種顏色，尺寸有S,M,L三種尺寸，紅色S號的販售價格為2000，紅色M號的價格為1500，其餘販售價格為1000元。';
-                return html `
-                    <div class="">
-                        ${[
-                    html `
-                                <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
-                                               speed="1"
-                                               style="max-width: 100%;width: 250px;height:250px;" loop
-                                               autoplay></lottie-player>`,
-                    `<div class="w-100 d-flex align-items-center justify-content-center my-3">${BgWidget.grayNote('透過 AI 可以幫你新增或調整商品內容', `font-weight: 500;`)}</div>`,
-                    html `
-                                <div class="w-100" ">
-                                ${BgWidget.textArea({
-                        gvc: gvc,
-                        title: '',
-                        default: message,
-                        placeHolder: `商品標題為Adidas衣服，規格有顏色和尺寸，其中有紅藍黃三種顏色，尺寸有S,M,L三種尺寸，紅色S號的販售價格為2000，紅色M號的價格為1500，其餘販售價格為1000元。`,
-                        callback: (text) => {
-                            message = text;
-                        },
-                        style: `min-height:100px;`
-                    })}
-                                </div>`,
-                    `<div class="w-100 d-flex align-items-center justify-content-end">
+        const html = String.raw;
+        const language = window.parent.store_info.language_setting.def;
+        let message = '商品標題為Adidas衣服，規格有顏色和尺寸，其中有紅藍黃三種顏色，尺寸有S,M,L三種尺寸，紅色S號的販售價格為2000，紅色M號的價格為1500，其餘販售價格為1000元。';
+        return html `
+            <div class="">
+                ${[
+            html `
+                        <lottie-player src="${gvc.glitter.root_path}lottie/ai.json" class="mx-auto my-n4"
+                                       speed="1"
+                                       style="max-width: 100%;width: 250px;height:250px;" loop
+                                       autoplay></lottie-player>`,
+            `<div class="w-100 d-flex align-items-center justify-content-center my-3">${BgWidget.grayNote('透過 AI 可以幫你快速新增商品', `font-weight: 500;`)}</div>`,
+            html `
+                        <div class="w-100" ">
+                        ${BgWidget.textArea({
+                gvc: gvc,
+                title: '',
+                default: message,
+                placeHolder: html `商品標題為Adidas衣服，規格有顏色和尺寸，其中有紅藍黃三種顏色，尺寸有S,M,L三種尺寸，紅色S號的販售價格為2000，紅色M號的價格為1500，其餘販售價格為1000元。`,
+                callback: (text) => {
+                    message = text;
+                },
+                style: `min-height:100px;`
+            })}
+                        </div>`,
+            `<div class="w-100 d-flex align-items-center justify-content-end">
 ${BgWidget.save(gvc.event(() => {
-                        const dialog = new ShareDialog(gvc.glitter);
-                        dialog.dataLoading({ visible: true });
-                        AiChat.editorHtml({
-                            text: message,
-                            format: ProductAi.schema,
-                            assistant: `你是後台商品上架小幫手，幫我過濾出要調整的項目和內容，另外一點請你非常注意，variants中的規格標題不要包含規格單位，像是『顏色:灰色，尺寸:XS』這樣是錯誤的，請顯示成這樣這樣就好["灰色","XS"]`,
-                            token: window.parent.saasConfig.config.token
-                        }).then((res) => {
-                            dialog.dataLoading({ visible: false });
-                            const obj = res.response.data && res.response.data.obj;
-                            if (obj) {
-                                const usage = res.response.data.usage;
-                                if (usage) {
-                                    (obj.name) && (product_data.title = obj.name);
-                                    (obj.content) && (product_data.content = obj.content);
-                                    if (obj.spec_define && obj.spec_define.length > 1) {
-                                        product_data.specs = obj.spec_define.map((dd) => {
+                const dialog = new ShareDialog(gvc.glitter);
+                dialog.dataLoading({ visible: true });
+                AiChat.editorHtml({
+                    text: message,
+                    format: ProductAi.schema,
+                    assistant: `你是後台商品上架小幫手，幫我過濾出要調整的項目和內容，另外一點請你非常注意，variants中的規格標題不要包含規格單位，像是『顏色:灰色，尺寸:XS』這樣是錯誤的，請顯示成這樣這樣就好["灰色","XS"]`,
+                    token: window.parent.saasConfig.config.token
+                }).then((res) => {
+                    dialog.dataLoading({ visible: false });
+                    const obj = res.response.data && res.response.data.obj;
+                    if (obj) {
+                        const usage = res.response.data.usage;
+                        if (usage) {
+                            const language_data = (product_data.language_data[language]);
+                            (obj.name) && (language_data.title = obj.name);
+                            (obj.content) && (language_data.content = obj.content);
+                            if (obj.spec_define && obj.spec_define.length > 1) {
+                                product_data.specs = obj.spec_define.map((dd) => {
+                                    return {
+                                        "title": dd.value,
+                                        "option": dd.spec_define.map((dd) => {
                                             return {
-                                                "title": dd.value,
-                                                "option": dd.spec_define.map((dd) => {
-                                                    return {
-                                                        "title": dd.value
-                                                    };
-                                                })
+                                                "title": dd.value
                                             };
-                                        });
-                                    }
-                                    if (obj.spec && obj.spec.length) {
-                                        product_data.variants = obj.spec.map((dd) => {
-                                            return {
-                                                "sku": "",
-                                                "cost": 0,
-                                                "spec": (obj.spec.length === 1) ? [] : dd.value.map((dd) => {
-                                                    if (dd.value.includes(':')) {
-                                                        return dd.value.split(':')[1];
-                                                    }
-                                                    return dd.value;
-                                                }),
-                                                "type": "variants",
-                                                "stock": 0,
-                                                "profit": 0,
-                                                "weight": "1",
-                                                "barcode": "",
-                                                "v_width": 0,
-                                                "editable": false,
-                                                "v_height": 0,
-                                                "v_length": 0,
-                                                "sale_price": dd.sale_price,
-                                                "compare_price": (dd.original_price === dd.sale_price) ? 0 : dd.original_price,
-                                                "preview_image": "",
-                                                "shipment_type": "weight",
-                                                "shipment_weight": 0,
-                                                "show_understocking": "false"
-                                            };
-                                        });
-                                    }
-                                    (obj.seo_title) && (product_data.seo.title = obj.seo_title);
-                                    (obj.seo_content) && (product_data.seo.content = obj.seo_content);
-                                    obj.ai_description && (product_data.ai_description = obj.ai_description);
-                                    console.log(`obj.ai_description==>`, obj.ai_description);
-                                    dialog.successMessage({ text: `生成成功，消耗了『${usage}』點 AI-Points` });
-                                    refresh();
-                                    gvc.closeDialog();
-                                }
-                                else {
-                                    dialog.errorMessage({ text: 'AI Points 點數不足' });
-                                }
+                                        })
+                                    };
+                                });
                             }
-                            else {
-                                dialog.errorMessage({ text: '發生錯誤' });
+                            if (obj.spec && obj.spec.length) {
+                                product_data.variants = obj.spec.map((dd) => {
+                                    return {
+                                        "sku": "",
+                                        "cost": 0,
+                                        "spec": (obj.spec.length === 1) ? [] : dd.value.map((dd) => {
+                                            if (dd.value.includes(':')) {
+                                                return dd.value.split(':')[1];
+                                            }
+                                            return dd.value;
+                                        }),
+                                        "type": "variants",
+                                        "stock": 0,
+                                        "profit": 0,
+                                        "weight": "1",
+                                        "barcode": "",
+                                        "v_width": 0,
+                                        "editable": false,
+                                        "v_height": 0,
+                                        "v_length": 0,
+                                        "sale_price": dd.sale_price,
+                                        "compare_price": (dd.original_price === dd.sale_price) ? 0 : dd.original_price,
+                                        "preview_image": "",
+                                        "shipment_type": "weight",
+                                        "shipment_weight": 0,
+                                        "show_understocking": "false"
+                                    };
+                                });
                             }
-                        });
-                    }), "確認生成", "w-100 mt-3 py-2")}
+                            (obj.seo_title) && (language_data.seo.title = obj.seo_title);
+                            (obj.seo_content) && (language_data.seo.content = obj.seo_content);
+                            obj.ai_description && (product_data.ai_description = obj.ai_description);
+                            dialog.successMessage({ text: `生成成功，消耗了『${usage}』點 AI-Points` });
+                            refresh();
+                            gvc.closeDialog();
+                        }
+                        else {
+                            dialog.errorMessage({ text: 'AI Points 點數不足' });
+                        }
+                    }
+                    else {
+                        dialog.errorMessage({ text: '發生錯誤' });
+                    }
+                });
+            }), "確認生成", "w-100 mt-3 py-4 fs-6")}
 </div>`
-                ].join('<div class="my-2"></div>')}
-                    </div>`;
-            },
-            footer_html: (gvc) => {
-                return ``;
-            },
-            width: 500
-        });
+        ].join('<div class="my-2"></div>')}
+            </div>`;
     }
     static generateRichText(gvc, callback) {
         const dialog = new ShareDialog(gvc.glitter);