@tachybase/client 1.6.23 → 1.6.24

package/es/built-in/attachment-preview/index.mjs

@@ -1,5 +1,5 @@
 import { Plugin } from "../../application/Plugin.mjs";
-import { fileCSV, fileDef, filePdf, fileXLS, fileXLSX, imagePng, imageSvg, imagejpeg } from "./previewers/index.mjs";
+import { fileCSV, fileDef, fileDocx, filePdf, fileXLS, fileXLSX, imagePng, imageSvg, imagejpeg } from "./previewers/index.mjs";
 class AttachmentPreviewPlugin extends Plugin {
     async load() {
         this.app.AttachmentPreviewManager.add(imagePng);
@@ -10,6 +10,7 @@ class AttachmentPreviewPlugin extends Plugin {
         this.app.AttachmentPreviewManager.add(fileXLS);
         this.app.AttachmentPreviewManager.add(fileXLSX);
         this.app.AttachmentPreviewManager.add(fileCSV);
+        this.app.AttachmentPreviewManager.add(fileDocx);
     }
 }
 export { AttachmentPreviewPlugin };

package/es/built-in/attachment-preview/previewers/file-docx.d.ts

@@ -0,0 +1,6 @@
+export declare const fileDocx: {
+    key: string;
+    type: string;
+    viewComponet: (props: any) => import("react/jsx-runtime").JSX.Element;
+    checkedComponent: (props: any) => import("react/jsx-runtime").JSX.Element;
+};

package/es/built-in/attachment-preview/previewers/file-docx.mjs

@@ -0,0 +1,51 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { renderAsync } from "docx-preview";
+import { useAPIClient } from "../../../api-client/index.mjs";
+import { useStyles } from "./file-docx.style.mjs";
+const ViewComponent = (props)=>{
+    const { file, prefixCls } = props;
+    return file.imageUrl && /*#__PURE__*/ jsx("img", {
+        src: "".concat(file.imageUrl).concat(file.thumbnailRule || ''),
+        style: {
+            width: '100%',
+            height: '100%'
+        },
+        alt: file.title,
+        className: "".concat(prefixCls, "-list-item-image")
+    });
+};
+const CheckedComponent = (props)=>{
+    const { file } = props;
+    const api = useAPIClient();
+    const ref = useRef(null);
+    const { styles } = useStyles();
+    var _file_url;
+    let fileUrl = null != (_file_url = file.url) ? _file_url : '';
+    if (fileUrl.startsWith('/storage') && window.location.origin) fileUrl = window.location.origin + fileUrl;
+    useEffect(()=>{
+        api.request({
+            url: fileUrl,
+            responseType: 'arraybuffer'
+        }).then((res)=>{
+            renderAsync(res.data, ref.current);
+        });
+    }, [
+        file.url
+    ]);
+    return /*#__PURE__*/ jsx("div", {
+        className: styles.container,
+        ref: ref
+    });
+};
+const fileDocx = {
+    key: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    viewComponet: (props)=>/*#__PURE__*/ jsx(ViewComponent, {
+            ...props
+        }),
+    checkedComponent: (props)=>/*#__PURE__*/ jsx(CheckedComponent, {
+            ...props
+        })
+};
+export { fileDocx };

package/es/built-in/attachment-preview/previewers/file-docx.style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    container: import("antd-style").SerializedStyles;
+}>;

package/es/built-in/attachment-preview/previewers/file-docx.style.mjs

@@ -0,0 +1,25 @@
+import { createStyles } from "antd-style";
+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      width: 100%;\n      height: 90vh;\n      overflow-x: scroll;\n      overflow-y: scroll;\n      .docx-wrapper {\n        background: none;\n        padding: 0;\n        .docx {\n          width: 100% !important;\n          margin-bottom: 0;\n        }\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = createStyles((param)=>{
+    let { css } = param;
+    return {
+        container: css(_templateObject())
+    };
+});
+export { useStyles };

package/es/built-in/attachment-preview/previewers/index.d.ts

@@ -4,3 +4,4 @@ export * from './file-default';
 export * from './file-pdf';
 export * from './file-sheet';
 export * from './image-svg';
+export * from './file-docx';

package/es/built-in/attachment-preview/previewers/index.mjs

@@ -4,3 +4,4 @@ export * from "./file-default.mjs";
 export * from "./file-pdf.mjs";
 export * from "./file-sheet.mjs";
 export * from "./image-svg.mjs";
+export * from "./file-docx.mjs";

package/es/schema-component/antd/table-v2/Table.Column.ActionBar.mjs

@@ -16,7 +16,7 @@ function _templateObject() {
     const data = _tagged_template_literal([
         "\n      position: relative;\n      margin: ",
         ";\n      padding: ",
-        ";\n\n      &:hover {\n        > .general-schema-designer {\n          display: block;\n        }\n      }\n      > .general-schema-designer {\n        position: absolute;\n        z-index: 999;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        display: none;\n        background: var(--colorBgSettingsHover) !important;\n        border: 0 !important;\n        pointer-events: none;\n        > .general-schema-designer-icons {\n          position: absolute;\n          right: 2px;\n          top: 2px;\n          line-height: 16px;\n          pointer-events: all;\n          .ant-space-item {\n            background-color: var(--colorSettings);\n            color: #fff;\n            line-height: 16px;\n            width: 16px;\n            padding-left: 1px;\n            align-self: stretch;\n          }\n        }\n      }\n    "
+        ";\n      text-align: center;\n      &:hover {\n        > .general-schema-designer {\n          display: block;\n        }\n      }\n      > .general-schema-designer {\n        position: absolute;\n        z-index: 999;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        display: none;\n        background: var(--colorBgSettingsHover) !important;\n        border: 0 !important;\n        pointer-events: none;\n        > .general-schema-designer-icons {\n          position: absolute;\n          right: 2px;\n          top: 2px;\n          line-height: 16px;\n          pointer-events: all;\n          .ant-space-item {\n            background-color: var(--colorSettings);\n            color: #fff;\n            line-height: 16px;\n            width: 16px;\n            padding-left: 1px;\n            align-self: stretch;\n          }\n        }\n      }\n    "
     ]);
     _templateObject = function() {
         return data;

package/lib/block-provider/hooks/index.js

@@ -18,7 +18,7 @@ var __webpack_modules__ = {
     "../../filter-provider/utils": function(module) {
         module.exports = require("../../filter-provider/utils.js");
     },
-    "../..": function(module) {
+    "../../../schema-component": function(module) {
         module.exports = require("../../index.js");
     },
     "../../record-provider": function(module) {
@@ -185,7 +185,7 @@ var __webpack_exports__ = {};
     var react_i18next__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("react-i18next");
     var react_router_dom__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("react-router-dom");
     var react_to_print__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("react-to-print");
-    var ___WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../..");
+    var ___WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../../schema-component");
     var _api_client__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../api-client");
     var _built_in_dynamic_page_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../built-in/dynamic-page/utils");
     var _collection_manager__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("../../collection-manager");

package/lib/built-in/attachment-preview/index.js

@@ -38,6 +38,7 @@ class AttachmentPreviewPlugin extends Plugin_js_namespaceObject.Plugin {
         this.app.AttachmentPreviewManager.add(index_js_namespaceObject.fileXLS);
         this.app.AttachmentPreviewManager.add(index_js_namespaceObject.fileXLSX);
         this.app.AttachmentPreviewManager.add(index_js_namespaceObject.fileCSV);
+        this.app.AttachmentPreviewManager.add(index_js_namespaceObject.fileDocx);
     }
 }
 exports.AttachmentPreviewPlugin = __webpack_exports__.AttachmentPreviewPlugin;

package/lib/built-in/attachment-preview/previewers/file-docx.js

@@ -0,0 +1,85 @@
+"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__, {
+    fileDocx: ()=>fileDocx
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_docx_preview_namespaceObject = require("docx-preview");
+const index_js_namespaceObject = require("../../../api-client/index.js");
+const external_file_docx_style_js_namespaceObject = require("./file-docx.style.js");
+const ViewComponent = (props)=>{
+    const { file, prefixCls } = props;
+    return file.imageUrl && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
+        src: "".concat(file.imageUrl).concat(file.thumbnailRule || ''),
+        style: {
+            width: '100%',
+            height: '100%'
+        },
+        alt: file.title,
+        className: "".concat(prefixCls, "-list-item-image")
+    });
+};
+const CheckedComponent = (props)=>{
+    const { file } = props;
+    const api = (0, index_js_namespaceObject.useAPIClient)();
+    const ref = (0, external_react_namespaceObject.useRef)(null);
+    const { styles } = (0, external_file_docx_style_js_namespaceObject.useStyles)();
+    var _file_url;
+    let fileUrl = null != (_file_url = file.url) ? _file_url : '';
+    if (fileUrl.startsWith('/storage') && window.location.origin) fileUrl = window.location.origin + fileUrl;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        api.request({
+            url: fileUrl,
+            responseType: 'arraybuffer'
+        }).then((res)=>{
+            (0, external_docx_preview_namespaceObject.renderAsync)(res.data, ref.current);
+        });
+    }, [
+        file.url
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: styles.container,
+        ref: ref
+    });
+};
+const fileDocx = {
+    key: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    viewComponet: (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ViewComponent, {
+            ...props
+        }),
+    checkedComponent: (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CheckedComponent, {
+            ...props
+        })
+};
+exports.fileDocx = __webpack_exports__.fileDocx;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "fileDocx"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/built-in/attachment-preview/previewers/file-docx.style.js

@@ -0,0 +1,59 @@
+"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__, {
+    useStyles: ()=>useStyles
+});
+const external_antd_style_namespaceObject = require("antd-style");
+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      width: 100%;\n      height: 90vh;\n      overflow-x: scroll;\n      overflow-y: scroll;\n      .docx-wrapper {\n        background: none;\n        padding: 0;\n        .docx {\n          width: 100% !important;\n          margin-bottom: 0;\n        }\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
+    let { css } = param;
+    return {
+        container: css(_templateObject())
+    };
+});
+exports.useStyles = __webpack_exports__.useStyles;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useStyles"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/built-in/attachment-preview/previewers/index.js

@@ -3,6 +3,9 @@ var __webpack_modules__ = {
     "./file-default": function(module) {
         module.exports = require("./file-default.js");
     },
+    "./file-docx": function(module) {
+        module.exports = require("./file-docx.js");
+    },
     "./file-pdf": function(module) {
         module.exports = require("./file-pdf.js");
     },
@@ -98,6 +101,12 @@ var __webpack_exports__ = {};
         return _image_svg__WEBPACK_IMPORTED_MODULE_5__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _file_docx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./file-docx");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _file_docx__WEBPACK_IMPORTED_MODULE_6__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _file_docx__WEBPACK_IMPORTED_MODULE_6__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 })();
 for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/lib/schema-component/antd/table-v2/Table.Column.ActionBar.js

@@ -45,7 +45,7 @@ function _templateObject() {
     const data = _tagged_template_literal([
         "\n      position: relative;\n      margin: ",
         ";\n      padding: ",
-        ";\n\n      &:hover {\n        > .general-schema-designer {\n          display: block;\n        }\n      }\n      > .general-schema-designer {\n        position: absolute;\n        z-index: 999;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        display: none;\n        background: var(--colorBgSettingsHover) !important;\n        border: 0 !important;\n        pointer-events: none;\n        > .general-schema-designer-icons {\n          position: absolute;\n          right: 2px;\n          top: 2px;\n          line-height: 16px;\n          pointer-events: all;\n          .ant-space-item {\n            background-color: var(--colorSettings);\n            color: #fff;\n            line-height: 16px;\n            width: 16px;\n            padding-left: 1px;\n            align-self: stretch;\n          }\n        }\n      }\n    "
+        ";\n      text-align: center;\n      &:hover {\n        > .general-schema-designer {\n          display: block;\n        }\n      }\n      > .general-schema-designer {\n        position: absolute;\n        z-index: 999;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        display: none;\n        background: var(--colorBgSettingsHover) !important;\n        border: 0 !important;\n        pointer-events: none;\n        > .general-schema-designer-icons {\n          position: absolute;\n          right: 2px;\n          top: 2px;\n          line-height: 16px;\n          pointer-events: all;\n          .ant-space-item {\n            background-color: var(--colorSettings);\n            color: #fff;\n            line-height: 16px;\n            width: 16px;\n            padding-left: 1px;\n            align-self: stretch;\n          }\n        }\n      }\n    "
     ]);
     _templateObject = function() {
         return data;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tachybase/client",
-  "version": "1.6.23",
+  "version": "1.6.24",
   "homepage": "https://github.com/tegojs/tego-standard#readme",
   "bugs": {
     "url": "https://github.com/tegojs/tego-standard/issues"
@@ -44,6 +44,7 @@
     "d3-format": "^3.1.0",
     "dayjs": "1.11.13",
     "deepmerge": "^4.3.1",
+    "docx-preview": "^0.3.7",
     "file-saver": "^2.0.5",
     "flat": "^5.0.2",
     "i18next": "25.10.10",