@tachybase/client 0.23.48 → 1.0.6

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/lib/schema-component/common/dnd-context/index.js

@@ -113,13 +113,7 @@ const DndContext = (0, schema_namespaceObject.observer)((props)=>{
                 dropAnimation: {
                     duration: 10,
                     easing: 'cubic-bezier(0.18, 0.67, 0.6, 1.22)'
-                },
-                children: visible && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                    style: {
-                        whiteSpace: 'nowrap'
-                    },
-                    children: t('Dragging')
-                })
+                }
             }),
             props.children
         ]

package/lib/schema-component/common/sortable-item/DragHandlePageTab.js

@@ -0,0 +1,105 @@
+"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__, {
+    DragHandlePageTab: ()=>DragHandlePageTab
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_antd_style_namespaceObject = require("antd-style");
+const index_js_namespaceObject = require("../../hooks/index.js");
+const external_DragHandlePageTab_style_js_namespaceObject = require("./DragHandlePageTab.style.js");
+const external_SortableItem_js_namespaceObject = require("./SortableItem.js");
+const DragHandlePageTab = (props)=>{
+    const { isSubMenu, children, className: overStyle, isAdminMenu } = props;
+    const { draggable } = (0, external_react_namespaceObject.useContext)(external_SortableItem_js_namespaceObject.SortableContext);
+    const { designable } = (0, index_js_namespaceObject.useDesignable)();
+    const { attributes, listeners, setNodeRef, transform, isDragging } = draggable;
+    const { styles } = (0, external_DragHandlePageTab_style_js_namespaceObject.useStyles)();
+    const ref = (0, external_react_namespaceObject.useRef)(null);
+    const [dimensions, setDimensions] = (0, external_react_namespaceObject.useState)({
+        width: 0,
+        height: 0
+    });
+    const [initialPosition, setInitialPosition] = (0, external_react_namespaceObject.useState)({
+        x: 0,
+        y: 0
+    });
+    const centerOffset = {
+        x: 4 * dimensions.width,
+        y: 3 * dimensions.height
+    };
+    const style = {
+        position: isDragging ? 'fixed' : 'static',
+        top: isDragging ? initialPosition.y - centerOffset.y : 0,
+        left: isDragging ? initialPosition.x - centerOffset.x : 0,
+        width: isDragging ? 'max-content' : '100%',
+        height: isDragging ? 'max-content' : '100%',
+        zIndex: isDragging ? 999 : 'auto',
+        pointerEvents: isDragging ? 'none' : 'auto',
+        transform: transform ? "translate3d(".concat(transform.x, "px, ").concat(transform.y, "px, 0) scale(").concat(isDragging ? 1.05 : 1, ")") : void 0,
+        boxShadow: isDragging ? '0 4px 8px rgba(0, 0, 0, 0.1)' : 'none'
+    };
+    const handleMouseDown = (event)=>{
+        if (ref.current) {
+            const { width, height } = ref.current.getBoundingClientRect();
+            const { clientX, clientY } = event;
+            setDimensions({
+                width,
+                height
+            });
+            setInitialPosition({
+                x: clientX,
+                y: clientY
+            });
+        }
+    };
+    if (!designable) return children;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: setNodeRef,
+        className: (0, external_antd_style_namespaceObject.cx)(styles.dragHandleMenu, {
+            draggable: isDragging,
+            leftBorder: isSubMenu && isDragging,
+            adminMenu: isAdminMenu && isDragging
+        }, overStyle),
+        style: style,
+        ...listeners,
+        ...attributes,
+        role: "none",
+        onMouseDown: handleMouseDown,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: ref,
+            className: 'wrapper',
+            children: children
+        })
+    });
+};
+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/common/sortable-item/DragHandlePageTab.style.js

@@ -0,0 +1,59 @@
+"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      position: relative;\n      width: 100%;\n      height: 100%;\n\n      &.draggable {\n        cursor: move;\n        padding: 0 10px;\n        border-radius: 5px;\n        background: #f0f0f0;\n      }\n\n      .wrapper {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-around;\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        dragHandleMenu: css(_templateObject())
+    };
+});
+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-items/GeneralSettings.js

@@ -33,6 +33,7 @@ const external_react_i18next_namespaceObject = require("react-i18next");
 const index_js_namespaceObject = require("../application/schema-toolbar/index.js");
 const external_collection_manager_index_js_namespaceObject = require("../collection-manager/index.js");
 const external_schema_component_index_js_namespaceObject = require("../schema-component/index.js");
+const SchemaSettingsDefaultValue_js_namespaceObject = require("../schema-settings/SchemaSettingsDefaultValue.js");
 const generalSettingsItems = [
     {
         name: 'editFieldTitle',
@@ -232,6 +233,10 @@ const generalSettingsItems = [
             const { required = true } = (0, index_js_namespaceObject.useSchemaToolbar)();
             return !field.readPretty && 'FormField' !== fieldSchema['x-component'] && required;
         }
+    },
+    {
+        name: 'editDefaultValue',
+        Component: SchemaSettingsDefaultValue_js_namespaceObject.SchemaSettingsDefaultValue
     }
 ];
 var __webpack_export_target__ = exports;

package/lib/schema-settings/EditCustomDefaultValue.js

@@ -61,7 +61,7 @@ const EditCustomDefaultValue = ()=>{
             }
         },
         onSubmit: (param)=>{
-            let { default: { value } } = param;
+            let { default: { value = null } } = param;
             field.setValue(value);
             fieldSchema['default'] = value;
             fieldSchema['x-component-props'] = {

package/lib/schema-settings/SchemaSettings.js

@@ -112,7 +112,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     const data = _tagged_template_literal([
-        "\n      .ant-dropdown-menu-item-group-list {\n        max-height: 300px;\n        overflow-y: auto;\n      }\n    "
+        "\n      .ant-dropdown-menu-item-group-list {\n        max-height: 400px;\n        overflow-y: auto;\n      }\n    "
     ]);
     _templateObject = function() {
         return data;

package/lib/schema-settings/SchemaSettingsDefaultValue.js

@@ -224,6 +224,8 @@ const SchemaSettingsDefaultValue = function(props) {
         const schema = {
             ['x-uid']: fieldSchema['x-uid']
         };
+        v.default = v.default || null;
+        field.value = v.default;
         fieldSchema.default = v.default;
         if (!v.default && 0 !== v.default) field.value = null;
         schema.default = v.default;

package/lib/schema-settings/utils/createModalSettingsItem.js

@@ -0,0 +1,94 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__, {
+    createModalSettingsItem: ()=>createModalSettingsItem
+});
+const external_lodash_namespaceObject = require("lodash");
+var external_lodash_default = /*#__PURE__*/ __webpack_require__.n(external_lodash_namespaceObject);
+const external_react_i18next_namespaceObject = require("react-i18next");
+const index_js_namespaceObject = require("../../schema-component/index.js");
+const external_util_js_namespaceObject = require("./util.js");
+function createModalSettingsItem(options) {
+    const { name, parentSchemaKey, valueKeys, schema, title, useSubmit = external_util_js_namespaceObject.useHookDefault, useVisible, defaultValue: propsDefaultValue, useDefaultValue = external_util_js_namespaceObject.useHookDefault, width, type = 'common' } = options;
+    return {
+        name,
+        type: 'actionModal',
+        useVisible,
+        useComponentProps () {
+            const fieldSchema = (0, external_util_js_namespaceObject.useSchemaByType)(type);
+            const { dn } = (0, index_js_namespaceObject.useDesignable)();
+            const defaultValue = useDefaultValue(propsDefaultValue);
+            const values = parentSchemaKey ? external_lodash_default().get(fieldSchema, parentSchemaKey) : void 0;
+            const compile = (0, index_js_namespaceObject.useCompile)();
+            const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
+            const onSubmit = useSubmit();
+            const { fieldSchema: tableColumnSchema } = (0, index_js_namespaceObject.useColumnSchema)() || {};
+            return {
+                title: 'function' == typeof title ? title(t) : compile(title),
+                width,
+                schema: schema({
+                    ...defaultValue,
+                    ...values
+                }),
+                onSubmit (values) {
+                    const newSchema = (0, external_util_js_namespaceObject.getNewSchema)({
+                        fieldSchema,
+                        parentSchemaKey: parentSchemaKey,
+                        value: values,
+                        valueKeys
+                    });
+                    if (tableColumnSchema) {
+                        dn.emit('patch', {
+                            schema: newSchema
+                        });
+                        dn.refresh();
+                    } else dn.deepMerge(newSchema);
+                    return null == onSubmit ? void 0 : onSubmit(values);
+                }
+            };
+        }
+    };
+}
+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
+});