@tachybase/client 0.23.48 → 0.23.58

package/lib/schema-component/antd/page/Page.style.js

@@ -0,0 +1,79 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(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 = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(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      .ant-tabs-nav-wrap.ant-tabs-nav-wrap {\n        flex: none;\n      }\n      .ant-tabs-tab.ant-tabs-tab {\n        border: none;\n        background-color: #ffffff;\n      }\n\n      .ant-tabs-tab-active.ant-tabs-tab-active.ant-tabs-tab-active.ant-tabs-tab-active {\n        border-radius: 8px 8px 0 0;\n        box-shadow: none;\n        text-shadow: none;\n        background-color: var(--tb-box-bg);\n      }\n      .ant-tabs-extra-content {\n        flex: 1;\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    const data = _tagged_template_literal([
+        "\n      display: flex;\n      flex-direction: row;\n      justify-content: flex-end;\n\n      &.designable {\n        justify-content: space-between;\n      }\n\n      .scroll-area-extra-content {\n        align-self: flex-end;\n      }\n    "
+    ]);
+    _templateObject1 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    const data = _tagged_template_literal([
+        "\n      position: relative;\n      &:hover {\n        .tab-designer-wrapper {\n          display: block;\n        }\n      }\n      .tab-designer-wrapper {\n        display: none;\n        position: absolute;\n        top: 0;\n        right: 0;\n        padding: 0 2px;\n        border-radius: 3px;\n        color: #000000;\n        background-color: #ffffff;\n\n        &:hover {\n          color: #ffffff;\n          background-color: var(--colorSettings);\n        }\n      }\n    "
+    ]);
+    _templateObject2 = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        tabComponentClass: css(_templateObject()),
+        tabWrapper: css(_templateObject1()),
+        tabItemClass: css(_templateObject2())
+    };
+});
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/schema-component/antd/page/PageDesigner.js

@@ -0,0 +1,62 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(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 = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(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__, {
+    PageDesigner: ()=>PageDesigner
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const schema_namespaceObject = require("@tachybase/schema");
+const external_antd_namespaceObject = require("antd");
+const external_index_js_namespaceObject = require("../../index.js");
+const index_js_namespaceObject = require("../../../application/schema-settings/hooks/index.js");
+const context_index_js_namespaceObject = require("../../../application/schema-toolbar/context/index.js");
+const PageDesigner = (param)=>{
+    let { title } = param;
+    const { designable } = (0, external_index_js_namespaceObject.useDesignable)();
+    const fieldSchema = (0, schema_namespaceObject.useFieldSchema)();
+    const { render } = (0, index_js_namespaceObject.useSchemaSettingsRender)(fieldSchema['x-settings'] || 'PageSettings', fieldSchema['x-settings-props']);
+    if (!designable) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(context_index_js_namespaceObject.SchemaToolbarProvider, {
+        title: title,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: 'general-schema-designer',
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: 'general-schema-designer-icons',
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Space, {
+                    size: 2,
+                    align: 'center',
+                    children: render()
+                })
+            })
+        })
+    });
+};
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/schema-component/antd/page/PageTabDesigner.js

@@ -26,70 +26,22 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    PageDesigner: ()=>PageDesigner,
     PageTabDesigner: ()=>PageTabDesigner
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
 const schema_namespaceObject = require("@tachybase/schema");
-const icons_namespaceObject = require("@ant-design/icons");
-const external_antd_namespaceObject = require("antd");
 const external_index_js_namespaceObject = require("../../index.js");
 const index_js_namespaceObject = require("../../../application/schema-settings/hooks/index.js");
 const context_index_js_namespaceObject = require("../../../application/schema-toolbar/context/index.js");
-const useGetAriaLabelOfDesigner_js_namespaceObject = require("../../../schema-settings/hooks/useGetAriaLabelOfDesigner.js");
-const PageDesigner = (param)=>{
-    let { title } = param;
-    const { designable } = (0, external_index_js_namespaceObject.useDesignable)();
-    const fieldSchema = (0, schema_namespaceObject.useFieldSchema)();
-    const { render } = (0, index_js_namespaceObject.useSchemaSettingsRender)(fieldSchema['x-settings'] || 'PageSettings', fieldSchema['x-settings-props']);
-    if (!designable) return null;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(context_index_js_namespaceObject.SchemaToolbarProvider, {
-        title: title,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            className: 'general-schema-designer',
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: 'general-schema-designer-icons',
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Space, {
-                    size: 2,
-                    align: 'center',
-                    children: render()
-                })
-            })
-        })
-    });
-};
 const PageTabDesigner = (param)=>{
     let { schema } = param;
     const { designable } = (0, external_index_js_namespaceObject.useDesignable)();
-    const { getAriaLabel } = (0, useGetAriaLabelOfDesigner_js_namespaceObject.useGetAriaLabelOfDesigner)();
     const fieldSchema = (0, schema_namespaceObject.useFieldSchema)();
-    const { render } = (0, index_js_namespaceObject.useSchemaSettingsRender)(fieldSchema['x-settings'] || 'PageTabSettings', fieldSchema['x-settings-props']);
+    const { render: renderDesigner } = (0, index_js_namespaceObject.useSchemaSettingsRender)(fieldSchema['x-settings'] || 'PageTabSettings', fieldSchema['x-settings-props']);
     if (!designable) return null;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(context_index_js_namespaceObject.SchemaToolbarProvider, {
         schema: schema,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            className: 'general-schema-designer',
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: 'general-schema-designer-icons',
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Space, {
-                    size: 3,
-                    align: 'center',
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_js_namespaceObject.DragHandler, {
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.DragOutlined, {
-                                style: {
-                                    marginRight: 0
-                                },
-                                role: "button",
-                                "aria-label": getAriaLabel('drag-handler', 'tab')
-                            })
-                        }),
-                        render()
-                    ]
-                })
-            })
-        })
+        children: renderDesigner()
     });
 };
 var __webpack_export_target__ = exports;

package/lib/schema-component/antd/page/style.js

@@ -26,10 +26,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    useStyles: ()=>useStyles
+    getStyles: ()=>getStyles
 });
 const index_js_namespaceObject = require("../__builtins__/index.js");
-const useStyles = (0, index_js_namespaceObject.genStyleHook)('tb-page', (token)=>{
+const getStyles = (0, index_js_namespaceObject.genStyleHook)('tb-page', (token)=>{
     const { componentCls } = token;
     return {
         [componentCls]: {
@@ -76,8 +76,7 @@ const useStyles = (0, index_js_namespaceObject.genStyleHook)('tb-page', (token)=
                 }
             },
             '.tb-page-header-wrapper': {
-                zIndex: 10,
-                boxShadow: '1px 1px 10px 1px rgba(0, 0, 0, 0.1)'
+                zIndex: 10
             },
             '.pageHeaderCss': {
                 backgroundColor: token.colorBgContainer,
@@ -101,10 +100,6 @@ const useStyles = (0, index_js_namespaceObject.genStyleHook)('tb-page', (token)=
                 fontSize: 0,
                 height: 0
             },
-            '.addTabBtn': {
-                borderColor: 'var(--colorSettings)',
-                color: 'var(--colorSettings)'
-            },
             '.designerCss': {
                 position: 'relative',
                 '&:hover': {
@@ -161,11 +156,6 @@ const useStyles = (0, index_js_namespaceObject.genStyleHook)('tb-page', (token)=
                 paddingBottom: 0,
                 overflowX: 'hidden',
                 overflowY: 'scroll'
-            },
-            '.tb-tabs-wrapper': {
-                display: 'flex',
-                flexDirection: 'row',
-                justifyContent: 'flex-end'
             }
         }
     };

package/lib/schema-component/antd/scroll-area/ScrollArea.js

@@ -33,7 +33,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const external_index_js_namespaceObject = require("../../../index.js");
 const useJoystick_js_namespaceObject = require("../../../built-in/scroll-assistant/useJoystick.js");
-const ScrollArea = ()=>{
+const ScrollArea = (props)=>{
     const ref = (0, external_react_namespaceObject.useRef)(null);
     const { t } = (0, external_index_js_namespaceObject.useTranslation)();
     (0, useJoystick_js_namespaceObject.useJoystick)(ref);
@@ -50,6 +50,7 @@ const ScrollArea = ()=>{
             cursor: 'pointer',
             userSelect: 'none'
         },
+        ...props,
         children: t('Horizontal scrolling area')
     });
 };

package/lib/schema-component/antd/variable/TextArea.js

@@ -187,7 +187,7 @@ function getCurrentRange(element) {
 function TextArea(props) {
     const { value: propsValue, scope, onChange, multiline = true, changeOnSelect } = props;
     const fieldSchema = (0, schema_namespaceObject.useFieldSchema)();
-    const value = propsValue || fieldSchema.default || '';
+    const value = propsValue || (null == fieldSchema ? void 0 : fieldSchema.default) || '';
     const { styles } = (0, external_style_js_namespaceObject.useStyles)({
         multiline
     });

package/lib/schema-component/antd/variable/TextAreaWithGlobalScope.js

@@ -0,0 +1,94 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(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 = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(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__, {
+    useEnvironmentVariableOptions: ()=>useEnvironmentVariableOptions,
+    TextAreaWithGlobalScope: ()=>TextAreaWithGlobalScope
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const schema_namespaceObject = require("@tachybase/schema");
+const useGlobalVariable_js_namespaceObject = require("../../../application/hooks/useGlobalVariable.js");
+const index_js_namespaceObject = require("../input/index.js");
+const external_password_index_js_namespaceObject = require("../password/index.js");
+const external_RawTextArea_js_namespaceObject = require("./RawTextArea.js");
+const external_TextArea_js_namespaceObject = require("./TextArea.js");
+const external_Variable_js_namespaceObject = require("./Variable.js");
+const useEnvironmentVariableOptions = (scope)=>{
+    const environmentVariables = (0, useGlobalVariable_js_namespaceObject.useGlobalVariable)('$env');
+    return (0, external_react_namespaceObject.useMemo)(()=>{
+        if (environmentVariables) return [
+            environmentVariables
+        ].filter(Boolean);
+        return scope;
+    }, [
+        environmentVariables,
+        scope
+    ]);
+};
+const isVariable = (value)=>{
+    const regex = /{{.*?}}/;
+    return regex.test(value);
+};
+const TextAreaWithGlobalScope = (0, schema_namespaceObject.connect)((props)=>{
+    const { supportsLineBreak, password, number, boolean, ...others } = props;
+    const scope = useEnvironmentVariableOptions(props.scope);
+    const fieldNames = {
+        value: 'name',
+        label: 'title'
+    };
+    if (supportsLineBreak) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_RawTextArea_js_namespaceObject.RawTextArea, {
+        ...others,
+        scope: scope,
+        fieldNames: fieldNames,
+        rows: 3
+    });
+    if (number) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Variable_js_namespaceObject.Variable.Input, {
+        ...props,
+        scope: scope,
+        fieldNames: fieldNames
+    });
+    if (password && props.value && !isVariable(props.value)) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_password_index_js_namespaceObject.Password, {
+        ...others,
+        autoFocus: true
+    });
+    if (boolean) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Variable_js_namespaceObject.Variable.Input, {
+        ...props,
+        scope: scope,
+        fieldNames: fieldNames
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TextArea_js_namespaceObject.TextArea, {
+        ...others,
+        scope: scope,
+        fieldNames: fieldNames
+    });
+}, (0, schema_namespaceObject.mapReadPretty)(index_js_namespaceObject.Input.ReadPretty));
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/schema-component/antd/variable/index.js

@@ -1,5 +1,8 @@
 "use strict";
 var __webpack_modules__ = {
+    "./TextAreaWithGlobalScope": function(module) {
+        module.exports = require("./TextAreaWithGlobalScope.js");
+    },
     "./Variable": function(module) {
         module.exports = require("./Variable.js");
     }
@@ -52,12 +55,21 @@ function __webpack_require__(moduleId) {
 })();
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    TextAreaWithGlobalScope: function() {
+        return _TextAreaWithGlobalScope__WEBPACK_IMPORTED_MODULE_1__.TextAreaWithGlobalScope;
+    }
+});
 var _Variable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./Variable");
 var __WEBPACK_REEXPORT_OBJECT__ = {};
-for(var __WEBPACK_IMPORT_KEY__ in _Variable__WEBPACK_IMPORTED_MODULE_0__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+for(var __WEBPACK_IMPORT_KEY__ in _Variable__WEBPACK_IMPORTED_MODULE_0__)if ([
+    "default",
+    "TextAreaWithGlobalScope"
+].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
     return _Variable__WEBPACK_IMPORTED_MODULE_0__[key];
 }).bind(0, __WEBPACK_IMPORT_KEY__);
 __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+var _TextAreaWithGlobalScope__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./TextAreaWithGlobalScope");
 var __webpack_export_target__ = exports;
 for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
 if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tachybase/client",
-  "version": "0.23.48",
+  "version": "0.23.58",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.mjs",
@@ -64,12 +64,12 @@
     "react-zoom-pan-pinch": "^3.6.1",
     "sanitize-html": "2.14.0",
     "use-deep-compare-effect": "^1.8.1",
-    "@tachybase/components": "0.23.48",
-    "@tachybase/requirejs": "0.23.48",
-    "@tachybase/evaluators": "0.23.48",
-    "@tachybase/schema": "0.23.48",
-    "@tachybase/utils": "0.23.48",
-    "@tachybase/sdk": "0.23.48"
+    "@tachybase/evaluators": "0.23.58",
+    "@tachybase/components": "0.23.58",
+    "@tachybase/requirejs": "0.23.58",
+    "@tachybase/schema": "0.23.58",
+    "@tachybase/sdk": "0.23.58",
+    "@tachybase/utils": "0.23.58"
   },
   "devDependencies": {
     "@testing-library/react": "^16.2.0",