@tachybase/client 1.3.20 → 1.3.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tachybase/client",
-  "version": "1.3.20",
+  "version": "1.3.21",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.mjs",
@@ -66,12 +66,12 @@
     "sanitize-html": "2.17.0",
     "use-deep-compare-effect": "^1.8.1",
     "xlsx": "0.18.5",
-    "@tachybase/components": "1.3.20",
-    "@tachybase/evaluators": "1.3.20",
-    "@tachybase/requirejs": "1.3.20",
-    "@tachybase/schema": "1.3.20",
-    "@tachybase/sdk": "1.3.20",
-    "@tachybase/utils": "1.3.20"
+    "@tachybase/components": "1.3.21",
+    "@tachybase/evaluators": "1.3.21",
+    "@tachybase/requirejs": "1.3.21",
+    "@tachybase/schema": "1.3.21",
+    "@tachybase/sdk": "1.3.21",
+    "@tachybase/utils": "1.3.21"
   },
   "devDependencies": {
     "@testing-library/react": "^16.2.0",

package/es/application/components/SharePage.d.ts

@@ -1,4 +0,0 @@
-export declare function useShareToken(): string;
-export declare const ShareLayout: () => import("react/jsx-runtime").JSX.Element;
-export declare const SharePage: () => import("react/jsx-runtime").JSX.Element;
-export declare function NotAuthorityResult(): import("react/jsx-runtime").JSX.Element;

package/es/application/components/SharePage.mjs

@@ -1,113 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { css } from "@emotion/css";
-import { Layout } from "antd";
-import { Navigate, useLocation } from "react-router";
-import { Outlet } from "react-router-dom";
-import { useAPIClient } from "../../api-client/index.mjs";
-import { AdminProvider, AdminTabs, MenuEditor, useStyles } from "../../built-in/admin-layout/index.mjs";
-import { PinnedPluginList } from "../../built-in/pinned-list/index.mjs";
-import { useSystemSettings } from "../../built-in/system-settings/index.mjs";
-import { CurrentUser } from "../../user/index.mjs";
-import { useApp } from "../hooks/index.mjs";
-function _tagged_template_literal(strings, raw) {
-    if (!raw) raw = strings.slice(0);
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    const data = _tagged_template_literal([
-        "\n          display: flex;\n          flex-direction: column;\n          position: relative;\n          overflow-y: auto;\n          > div {\n            position: relative;\n          }\n          .ant-layout-footer {\n            position: absolute;\n            bottom: 0;\n            text-align: center;\n            width: 100%;\n            z-index: 0;\n            padding: 0px 50px;\n          }\n        "
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
-function useShareToken() {
-    const url = new URL(window.location.href);
-    const api = useAPIClient();
-    const token = url.searchParams.get('token');
-    return token && api.auth.setToken(token), api.auth.getToken();
-}
-const ShareLayout = ()=>{
-    var _result_data_data_logo, _result_data_data, _result_data, _result_data_data1, _result_data1;
-    const { styles } = useStyles();
-    const app = useApp();
-    const result = useSystemSettings();
-    const sideMenuRef = useRef();
-    return /*#__PURE__*/ jsx(Layout, {
-        style: {
-            height: '100%'
-        },
-        children: /*#__PURE__*/ jsxs(Layout.Content, {
-            className: css(_templateObject()),
-            children: [
-                /*#__PURE__*/ jsx(Layout.Header, {
-                    className: styles.header,
-                    children: /*#__PURE__*/ jsxs("div", {
-                        className: styles.headerA,
-                        children: [
-                            /*#__PURE__*/ jsxs("div", {
-                                className: styles.headerB,
-                                children: [
-                                    /*#__PURE__*/ jsxs("div", {
-                                        className: styles.titleContainer,
-                                        onClick: ()=>{
-                                            location.href = app.adminUrl;
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ jsx("img", {
-                                                className: styles.logo,
-                                                src: null == result ? void 0 : null == (_result_data = result.data) ? void 0 : null == (_result_data_data = _result_data.data) ? void 0 : null == (_result_data_data_logo = _result_data_data.logo) ? void 0 : _result_data_data_logo.url
-                                            }),
-                                            /*#__PURE__*/ jsx("h1", {
-                                                className: styles.title,
-                                                children: null == result ? void 0 : null == (_result_data1 = result.data) ? void 0 : null == (_result_data_data1 = _result_data1.data) ? void 0 : _result_data_data1.title
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsx(MenuEditor, {
-                                        sideMenuRef: sideMenuRef
-                                    }),
-                                    /*#__PURE__*/ jsx("div", {
-                                        className: styles.headerTabs,
-                                        children: /*#__PURE__*/ jsx(AdminTabs, {})
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxs("div", {
-                                className: styles.right,
-                                children: [
-                                    /*#__PURE__*/ jsx(PinnedPluginList, {
-                                        belongToFilter: "pinnedmenu"
-                                    }),
-                                    /*#__PURE__*/ jsx(CurrentUser, {})
-                                ]
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsx(Outlet, {})
-            ]
-        })
-    });
-};
-const SharePage = ()=>{
-    const shareToken = useShareToken();
-    return shareToken ? /*#__PURE__*/ jsx(AdminProvider, {
-        children: /*#__PURE__*/ jsx(ShareLayout, {})
-    }) : /*#__PURE__*/ jsx(NotAuthorityResult, {});
-};
-function NotAuthorityResult() {
-    const { pathname, search } = useLocation();
-    const redirect = "?redirect=".concat(pathname).concat(search);
-    return /*#__PURE__*/ jsx(Navigate, {
-        replace: true,
-        to: "/signin".concat(redirect)
-    });
-}
-export { NotAuthorityResult, ShareLayout, SharePage, useShareToken };

package/es/application/components/ShareSchemaComponent.d.ts

@@ -1 +0,0 @@
-export declare function ShareSchemaComponent(): import("react/jsx-runtime").JSX.Element;

package/es/application/components/ShareSchemaComponent.mjs

@@ -1,10 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useParams } from "react-router";
-import { RemoteSchemaComponent } from "../../schema-component/index.mjs";
-function ShareSchemaComponent() {
-    const params = useParams();
-    return /*#__PURE__*/ jsx(RemoteSchemaComponent, {
-        uid: params.name
-    });
-}
-export { ShareSchemaComponent };

package/es/schema-component/antd/page/hooks/useShareActions.d.ts

@@ -1,7 +0,0 @@
-export declare const useShareActions: ({ title, uid }: {
-    title: any;
-    uid: any;
-}) => {
-    copyLink: () => void;
-    imageAction: () => import("react/jsx-runtime").JSX.Element;
-};

package/es/schema-component/antd/page/hooks/useShareActions.mjs

@@ -1,242 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { useFieldSchema } from "@tachybase/schema";
-import { Button, message } from "antd";
-import qrcode from "qrcode";
-import { useTranslation } from "react-i18next";
-import { useMatch } from "react-router";
-import { useIsMobile } from "../../../../block-provider/index.mjs";
-import { useCompile } from "../../../index.mjs";
-import { useCurrentUserVariable } from "../../../../schema-settings/index.mjs";
-const useShareActions = (param)=>{
-    let { title, uid } = param;
-    var _currentRoute_params;
-    const fieldSchema = useFieldSchema();
-    const isAdmin = useMatch('/admin/:name');
-    const isShare = useMatch('/share/:name');
-    const isMobile = useMatch('/mobile/:name');
-    const isMobilePage = useIsMobile();
-    const currentRoute = isAdmin || isShare || isMobile;
-    const replaceLink = isMobilePage ? window.location.href.replace('/mobile', '/share') : window.location.href.replace('/admin', '/share');
-    const link = replaceLink.replace(null == currentRoute ? void 0 : null == (_currentRoute_params = currentRoute.params) ? void 0 : _currentRoute_params.name, uid || fieldSchema['x-uid']).replace(window.location.search || '', '');
-    const { t } = useTranslation();
-    const [qrLink, setQrLink] = useState();
-    const compile = useCompile();
-    qrcode.toDataURL(link, {
-        width: 170
-    }, (err, url)=>{
-        if (err) return void console.error(err);
-        if (!qrLink) setQrLink(url);
-    });
-    const copyLink = ()=>{
-        navigator.clipboard.writeText(link).then((res)=>{
-            message.open({
-                type: 'success',
-                content: /*#__PURE__*/ jsxs(Fragment, {
-                    children: [
-                        t('Replicated'),
-                        /*#__PURE__*/ jsx("span", {
-                            style: {
-                                color: '#3279FE'
-                            },
-                            children: compile(title || '')
-                        }),
-                        t('page link')
-                    ]
-                })
-            });
-        });
-    };
-    const imageAction = ()=>/*#__PURE__*/ jsx(ImageModal, {
-            link: qrLink,
-            title: title
-        });
-    return {
-        copyLink,
-        imageAction
-    };
-};
-const ImageModal = (props)=>{
-    const { link, title } = props;
-    const canvasRef = useRef(null);
-    const { t } = useTranslation();
-    const { currentUserCtx } = useCurrentUserVariable();
-    const compile = useCompile();
-    useEffect(()=>{
-        canvasContent(canvasRef, link, currentUserCtx, t);
-    }, []);
-    const saveImage = ()=>{
-        const canvas = canvasRef.current;
-        if (canvas) {
-            const imageData = canvas.toDataURL('image/png');
-            const link = document.createElement('a');
-            link.href = imageData;
-            link.download = 'Tachybase-Share.png';
-            link.click();
-            message.open({
-                type: 'success',
-                content: /*#__PURE__*/ jsxs(Fragment, {
-                    children: [
-                        t('Saved'),
-                        /*#__PURE__*/ jsx("span", {
-                            style: {
-                                color: '#3279FE'
-                            },
-                            children: compile(title || '')
-                        }),
-                        t('QR code')
-                    ]
-                })
-            });
-        }
-    };
-    const copyImage = ()=>{
-        const canvas = canvasRef.current;
-        if (canvas && navigator.clipboard) canvas.toBlob(async (blob)=>{
-            if (!blob) return;
-            try {
-                const item = new ClipboardItem({
-                    'image/png': blob
-                });
-                await navigator.clipboard.write([
-                    item
-                ]);
-                message.open({
-                    type: 'success',
-                    content: /*#__PURE__*/ jsxs(Fragment, {
-                        children: [
-                            t('Replicated'),
-                            /*#__PURE__*/ jsx("span", {
-                                style: {
-                                    color: '#3279FE'
-                                },
-                                children: compile(title || '')
-                            }),
-                            t('QR code')
-                        ]
-                    })
-                });
-            } catch (err) {
-                message.error(t('Copy failed, please try again'));
-            }
-        }, 'image/png');
-    };
-    return /*#__PURE__*/ jsxs("div", {
-        style: {
-            marginTop: '23px',
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'center',
-            alignItems: 'center'
-        },
-        children: [
-            /*#__PURE__*/ jsx("canvas", {
-                ref: canvasRef,
-                width: 240,
-                height: 260,
-                style: {
-                    width: '240px',
-                    height: '260px',
-                    pointerEvents: 'none'
-                }
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                style: {
-                    width: '100%',
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    marginTop: '10px',
-                    gap: '15px'
-                },
-                children: [
-                    /*#__PURE__*/ jsx(Button, {
-                        onClick: saveImage,
-                        style: {
-                            flex: 1
-                        },
-                        children: t('Save Picture')
-                    }),
-                    /*#__PURE__*/ jsx(Button, {
-                        onClick: copyImage,
-                        style: {
-                            flex: 1
-                        },
-                        children: t('Copy QR code')
-                    })
-                ]
-            })
-        ]
-    });
-};
-const canvasContent = (canvasRef, link, currentUserCtx, t)=>{
-    const canvas = canvasRef.current;
-    const ctx = canvas.getContext('2d');
-    const dpr = window.devicePixelRatio;
-    const { width, height } = canvas;
-    canvas.width = Math.round(width * dpr);
-    canvas.height = Math.round(height * dpr);
-    canvas.style.width = width + 'px';
-    canvas.style.height = height + 'px';
-    ctx.scale(dpr, dpr);
-    ctx.filter = 'blur(20px)';
-    const backgroundGradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
-    backgroundGradient.addColorStop(0, 'rgba(255, 255, 255, 1)');
-    backgroundGradient.addColorStop(1, 'rgba(234, 238, 246, 0.80)');
-    ctx.fillStyle = backgroundGradient;
-    ctx.fillRect(0, 0, canvas.width, canvas.height);
-    const drawGlow = (x, y)=>{
-        const radius = 100;
-        const gradient = ctx.createRadialGradient(x, y, 0, x, y, radius);
-        gradient.addColorStop(0, 'rgba(255, 255, 255, 1)');
-        gradient.addColorStop(1, 'rgba(217, 238, 255, 0.216)');
-        ctx.fillStyle = gradient;
-        ctx.beginPath();
-        ctx.arc(x, y, radius, 0, 2 * Math.PI);
-        ctx.fill();
-    };
-    drawGlow(60, 30);
-    drawGlow(190, 280);
-    ctx.filter = 'none';
-    ctx.fillStyle = '#AAAAAA';
-    ctx.font = '13px Arial';
-    ctx.textAlign = 'center';
-    ctx.fillText("".concat(currentUserCtx.nickname), canvas.width / 4, 30);
-    const img = new Image();
-    img.src = link;
-    img.onload = ()=>{
-        const imgWidth = img.width;
-        const imgHeight = img.height;
-        const x = (canvas.width - imgWidth) / 8;
-        const y = 40;
-        const borderWidth = 3;
-        const borderRadius = 20;
-        ctx.beginPath();
-        ctx.moveTo(x + borderRadius, y);
-        ctx.arcTo(x + imgWidth, y, x + imgWidth, y + imgHeight, borderRadius);
-        ctx.arcTo(x + imgWidth, y + imgHeight, x, y + imgHeight, borderRadius);
-        ctx.arcTo(x, y + imgHeight, x, y, borderRadius);
-        ctx.arcTo(x, y, x + imgWidth, y, borderRadius);
-        ctx.closePath();
-        ctx.clip();
-        ctx.drawImage(img, x + borderWidth, y + borderWidth, imgWidth - 2 * borderWidth, imgHeight - 2 * borderWidth);
-        ctx.lineWidth = borderWidth;
-        ctx.strokeStyle = '#000';
-        ctx.beginPath();
-        ctx.moveTo(x + borderRadius, y);
-        ctx.arcTo(x + imgWidth, y, x + imgWidth, y + imgHeight, borderRadius);
-        ctx.arcTo(x + imgWidth, y + imgHeight, x, y + imgHeight, borderRadius);
-        ctx.arcTo(x, y + imgHeight, x, y, borderRadius);
-        ctx.arcTo(x, y, x + imgWidth, y, borderRadius);
-        ctx.closePath();
-        ctx.stroke();
-    };
-    ctx.fillStyle = '#AAAAAA';
-    ctx.font = '13px Arial';
-    ctx.textAlign = 'center';
-    ctx.fillText(t('Scan the code to view the sharing'), canvas.width / 4, 230);
-    ctx.fillStyle = 'rgba(50, 121, 254, 1)';
-    ctx.font = '14px Arial';
-    ctx.textAlign = 'center';
-    ctx.fillText("\u7075\u77F6(Tachybase)", canvas.width / 4, 250);
-};
-export { useShareActions };

package/lib/application/components/SharePage.js

@@ -1,156 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    ShareLayout: ()=>ShareLayout,
-    useShareToken: ()=>useShareToken,
-    SharePage: ()=>SharePage,
-    NotAuthorityResult: ()=>NotAuthorityResult
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
-const css_namespaceObject = require("@emotion/css");
-const external_antd_namespaceObject = require("antd");
-const external_react_router_namespaceObject = require("react-router");
-const external_react_router_dom_namespaceObject = require("react-router-dom");
-const index_js_namespaceObject = require("../../api-client/index.js");
-const admin_layout_index_js_namespaceObject = require("../../built-in/admin-layout/index.js");
-const pinned_list_index_js_namespaceObject = require("../../built-in/pinned-list/index.js");
-const system_settings_index_js_namespaceObject = require("../../built-in/system-settings/index.js");
-const external_user_index_js_namespaceObject = require("../../user/index.js");
-const external_hooks_index_js_namespaceObject = require("../hooks/index.js");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) raw = strings.slice(0);
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    const data = _tagged_template_literal([
-        "\n          display: flex;\n          flex-direction: column;\n          position: relative;\n          overflow-y: auto;\n          > div {\n            position: relative;\n          }\n          .ant-layout-footer {\n            position: absolute;\n            bottom: 0;\n            text-align: center;\n            width: 100%;\n            z-index: 0;\n            padding: 0px 50px;\n          }\n        "
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
-function useShareToken() {
-    const url = new URL(window.location.href);
-    const api = (0, index_js_namespaceObject.useAPIClient)();
-    const token = url.searchParams.get('token');
-    return token && api.auth.setToken(token), api.auth.getToken();
-}
-const ShareLayout = ()=>{
-    var _result_data_data_logo, _result_data_data, _result_data, _result_data_data1, _result_data1;
-    const { styles } = (0, admin_layout_index_js_namespaceObject.useStyles)();
-    const app = (0, external_hooks_index_js_namespaceObject.useApp)();
-    const result = (0, system_settings_index_js_namespaceObject.useSystemSettings)();
-    const sideMenuRef = (0, external_react_namespaceObject.useRef)();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Layout, {
-        style: {
-            height: '100%'
-        },
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Layout.Content, {
-            className: (0, css_namespaceObject.css)(_templateObject()),
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Layout.Header, {
-                    className: styles.header,
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                        className: styles.headerA,
-                        children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                className: styles.headerB,
-                                children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                        className: styles.titleContainer,
-                                        onClick: ()=>{
-                                            location.href = app.adminUrl;
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
-                                                className: styles.logo,
-                                                src: null == result ? void 0 : null == (_result_data = result.data) ? void 0 : null == (_result_data_data = _result_data.data) ? void 0 : null == (_result_data_data_logo = _result_data_data.logo) ? void 0 : _result_data_data_logo.url
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
-                                                className: styles.title,
-                                                children: null == result ? void 0 : null == (_result_data1 = result.data) ? void 0 : null == (_result_data_data1 = _result_data1.data) ? void 0 : _result_data_data1.title
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(admin_layout_index_js_namespaceObject.MenuEditor, {
-                                        sideMenuRef: sideMenuRef
-                                    }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                        className: styles.headerTabs,
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(admin_layout_index_js_namespaceObject.AdminTabs, {})
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                className: styles.right,
-                                children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pinned_list_index_js_namespaceObject.PinnedPluginList, {
-                                        belongToFilter: "pinnedmenu"
-                                    }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_user_index_js_namespaceObject.CurrentUser, {})
-                                ]
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_router_dom_namespaceObject.Outlet, {})
-            ]
-        })
-    });
-};
-const SharePage = ()=>{
-    const shareToken = useShareToken();
-    return shareToken ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(admin_layout_index_js_namespaceObject.AdminProvider, {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ShareLayout, {})
-    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NotAuthorityResult, {});
-};
-function NotAuthorityResult() {
-    const { pathname, search } = (0, external_react_router_namespaceObject.useLocation)();
-    const redirect = "?redirect=".concat(pathname).concat(search);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_router_namespaceObject.Navigate, {
-        replace: true,
-        to: "/signin".concat(redirect)
-    });
-}
-exports.NotAuthorityResult = __webpack_exports__.NotAuthorityResult;
-exports.ShareLayout = __webpack_exports__.ShareLayout;
-exports.SharePage = __webpack_exports__.SharePage;
-exports.useShareToken = __webpack_exports__.useShareToken;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "NotAuthorityResult",
-    "ShareLayout",
-    "SharePage",
-    "useShareToken"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});