@tachybase/client 0.23.58 → 1.0.6

package/es/powered-by/index.mjs

@@ -1,5 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
-import "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
 import * as __WEBPACK_EXTERNAL_MODULE__style_index_mjs__ from "../style/index.mjs";
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
@@ -31,13 +31,10 @@ const PoweredBy = ()=>{
     const { styles } = useStyles();
     const date = new Date();
     const year = date.getFullYear();
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
         className: styles.powerBy,
-        children: [
-            "\xa92023-",
-            year,
-            " TachyBase Team"
-        ]
+        children: "\xa92023-".concat(year, " ").concat(t('TachyBase Team'))
     });
 };
 export { PoweredBy };

package/es/schema-component/antd/action/Action.Designer.mjs

@@ -351,19 +351,53 @@ function WorkflowConfig() {
     const formAction = null == formBlock ? void 0 : formBlock.type;
     const buttonAction = fieldSchema['x-action'];
     const description = {
-        submit: t('Workflow will be triggered before or after submitting succeeded based on workflow type.', {
+        submit: t('Workflow will be triggered before or after submitting succeeded.', {
             ns: 'workflow'
         }),
-        'customize:save': t('Workflow will be triggered before or after submitting succeeded based on workflow type.', {
+        'customize:save': t('Workflow will be triggered before or after submitting succeeded.', {
             ns: 'workflow'
         }),
         'customize:triggerWorkflows': t('Workflow will be triggered directly once the button clicked, without data saving.', {
             ns: 'workflow'
         }),
-        destroy: t('Workflow will be triggered before deleting succeeded.', {
+        destroy: t('Workflow will be triggered before or after submitting succeeded.', {
             ns: 'workflow'
         })
     }[null == fieldSchema ? void 0 : fieldSchema['x-action']];
+    let orderColumn = {};
+    if ([
+        'submit',
+        'customize:save',
+        'destroy'
+    ].includes(null == fieldSchema ? void 0 : fieldSchema['x-action'])) orderColumn = {
+        order: {
+            type: 'void',
+            'x-component': 'ArrayTable.Column',
+            'x-component-props': {
+                title: t('Sequentially', {
+                    ns: 'workflow'
+                })
+            },
+            properties: {
+                order: {
+                    type: 'string',
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Select',
+                    default: 'after',
+                    enum: [
+                        {
+                            label: t('After'),
+                            value: 'after'
+                        },
+                        {
+                            label: t('Before'),
+                            value: 'before'
+                        }
+                    ]
+                }
+            }
+        }
+    };
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettings_mjs__.SchemaSettingsActionModalItem, {
         title: t('Bind workflows', {
             ns: 'workflow'
@@ -464,6 +498,7 @@ function WorkflowConfig() {
                                     }
                                 }
                             },
+                            ...orderColumn,
                             operations: {
                                 type: 'void',
                                 'x-component': 'ArrayTable.Column',

package/es/schema-component/antd/action/Action.Modal.mjs

@@ -59,7 +59,6 @@ const ActionModal = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(
         if (s['x-component'] === footerNodeName) return s;
         return buf;
     });
-    console.log('%c Line:41 🍧 styles.container', 'font-size:18px;color:#e41a6a;background:#7f2b82', styles.container);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Modal, {
         className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])(others.className, null == modalProps ? void 0 : modalProps.className, styles.container, 'amplifier-block'),
         style: {

package/es/schema-component/antd/action/Action.mjs

@@ -54,9 +54,7 @@ const Action = (0, __WEBPACK_EXTERNAL_MODULE__application_hoc_withDynamicSchemaP
     const openMode = null == fieldSchema ? void 0 : null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops['openMode'];
     const openSize = null == fieldSchema ? void 0 : null === (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops1 ? void 0 : _fieldSchema_xcomponentprops1['openSize'];
     const disabled = form.disabled || field.disabled || (null === (_field_data = field.data) || void 0 === _field_data ? void 0 : _field_data.disabled) || propsDisabled;
-    const linkageRules = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>(null == fieldSchema ? void 0 : fieldSchema['x-linkage-rules']) || [], [
-        fieldSchema
-    ]);
+    const linkageRules = (null == fieldSchema ? void 0 : fieldSchema['x-linkage-rules']) || [];
     const { designable } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useDesignable)();
     const tarComponent = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useComponent)(component) || component;
     const { modal } = __WEBPACK_EXTERNAL_MODULE_antd__.App.useApp();

package/es/schema-component/antd/association-field/SubTabs/InternalCollapse.mjs

@@ -158,6 +158,7 @@ const InternalTabs = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)
     (0, __WEBPACK_EXTERNAL_MODULE_ahooks__.useDeepCompareEffect)(()=>{
         if (!defOptions.length) return;
         const fieldTabs = field.value;
+        if (!fieldTabs) return;
         if (quickAddParentField && (null == quickAddParentField ? void 0 : quickAddParentField.value) !== 'none') {
             const filterParantOptions = tabsParantFilterOptions(defOptions, fieldTabs, quickAddField);
             setDefOptions(filterParantOptions);
@@ -235,7 +236,7 @@ const InternalTabs = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)
                                         element.style.color = '#1e1e1e';
                                     });
                                 },
-                                children: item.label
+                                children: item.label || null
                             }, item.id))
                     }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {

package/es/schema-component/antd/checkbox/Checkbox.mjs

@@ -1,5 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
-import "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
 import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
 import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
@@ -33,13 +33,15 @@ const InternalCheckbox = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.conne
 }), (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapReadPretty)(ReadPretty));
 const InternalRadioGroup = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.connect)((props)=>{
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
-    const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
+    const [value, setValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)();
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Radio.Group, {
         ...props,
         onChange: (value)=>{
-            if ('null' !== value.target.value) props.onChange(value);
-            else field['value'] = void 0;
+            if ('null' !== value.target.value) props.onChange(value.target.value);
+            else props.onChange(null);
+            setValue(value.target.value);
         },
+        value: props.value || value,
         options: [
             {
                 label: t('?'),

package/es/schema-component/antd/index.d.ts

@@ -57,5 +57,6 @@ export * from './tree';
 export * from './unixTimestamp';
 export * from './upload';
 export * from './variable';
+export * from './media-card';
 export { PageHeader } from '@ant-design/pro-layout';
 export { CodeMirror } from '@tachybase/components';

package/es/schema-component/antd/index.mjs

@@ -59,6 +59,7 @@ export * from "./tree/index.mjs";
 export * from "./unixTimestamp/index.mjs";
 export * from "./upload/index.mjs";
 export * from "./variable/index.mjs";
+export * from "./media-card/index.mjs";
 var __webpack_exports__CodeMirror = __WEBPACK_EXTERNAL_MODULE__tachybase_components__.CodeMirror;
 var __webpack_exports__PageHeader = __WEBPACK_EXTERNAL_MODULE__ant_design_pro_layout__.PageHeader;
 var __webpack_exports__genStyleHook = __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__.genStyleHook;

package/es/schema-component/antd/media-card/MediaCard.d.ts

@@ -0,0 +1,11 @@
+interface MediaCardProps {
+    color: string;
+    icon: string;
+    title: string;
+    layout?: 'horizontal' | 'vertical';
+    needHover?: boolean;
+    className?: string;
+    onClick?: () => void;
+}
+export declare const MediaCard: (props: MediaCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/es/schema-component/antd/media-card/MediaCard.mjs

@@ -0,0 +1,35 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_index_mjs__ from "../../../icon/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__style_mjs__ from "./style.mjs";
+const MediaCard = (props)=>{
+    const { icon, color, title, layout = 'horizontal', onClick = ()=>{}, className, needHover = true } = props;
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__style_mjs__.useStyles)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.cx)(styles.mediaCardStyle, {
+            layout: 'vertical' === layout,
+            'need-hover': needHover
+        }, className),
+        onClick: onClick,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                className: "icon-wrapper",
+                style: {
+                    backgroundColor: null != color ? color : '#e5e5e5'
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
+                    className: "icon",
+                    type: null != icon ? icon : 'AppstoreOutlined',
+                    style: {
+                        color: null != color ? color : '#e5e5e5'
+                    }
+                })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                className: "title",
+                children: title
+            })
+        ]
+    });
+};
+export { MediaCard };

package/es/schema-component/antd/media-card/index.d.ts

@@ -0,0 +1 @@
+export * from './MediaCard';

package/es/schema-component/antd/media-card/index.mjs

@@ -0,0 +1 @@
+export * from "./MediaCard.mjs";

package/es/schema-component/antd/media-card/style.d.ts

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

package/es/schema-component/antd/media-card/style.mjs

@@ -0,0 +1,25 @@
+import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ 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: row;\n      justify-content: center;\n      align-items: center;\n      gap: 10px;\n      width: fit-content;\n      padding: 10px;\n      cursor: pointer;\n\n      &.layout {\n        flex-direction: column;\n      }\n      :hover {\n        border-radius: 10px;\n        transform: scale(1.05);\n        transition: all 0.3s;\n      }\n\n      &.need-hover:hover {\n        background-color: var(--colorPrimaryText);\n      }\n\n      .icon-wrapper {\n        padding: 20px;\n        border-radius: 40%;\n        .icon {\n          padding: 10px;\n          border-radius: 50%;\n          background-color: #ffffff;\n          font-size: 20px;\n        }\n      }\n\n      .title {\n        flex: 1;\n        display: inline-block;\n        font-size: 16px;\n        color: #2f2f2f;\n        overflow: hidden;\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        mediaCardStyle: css(_templateObject())
+    };
+});
+export { useStyles };

package/es/schema-component/antd/page/Page.mjs

@@ -4,6 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/c
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
 import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
 import * as __WEBPACK_EXTERNAL_MODULE__ant_design_pro_layout__ from "@ant-design/pro-layout";
+import * as __WEBPACK_EXTERNAL_MODULE__dnd_kit_core__ from "@dnd-kit/core";
 import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
 import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
 import * as __WEBPACK_EXTERNAL_MODULE_classnames__ from "classnames";
@@ -21,6 +22,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__schema_initializer_hooks_useGetAriaLabelO
 import * as __WEBPACK_EXTERNAL_MODULE__style_theme_index_mjs__ from "../../../style/theme/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__common_index_mjs__ from "../../common/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__common_sortable_item_index_mjs__ from "../../common/sortable-item/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__common_sortable_item_DragHandlePageTab_mjs__ from "../../common/sortable-item/DragHandlePageTab.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__core_index_mjs__ from "../../core/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "../../hooks/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__error_fallback_index_mjs__ from "../error-fallback/index.mjs";
@@ -89,7 +91,7 @@ const PageHeader = (props)=>{
     const { theme } = (0, __WEBPACK_EXTERNAL_MODULE__style_theme_index_mjs__.useGlobalTheme)();
     const options = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.SchemaOptionsContext);
     const compile = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useCompile)();
-    const { hiddenScrollArea } = (0, __WEBPACK_EXTERNAL_MODULE__built_in_context_menu_useContextMenu_mjs__.useContextMenu)();
+    const { showScrollArea } = (0, __WEBPACK_EXTERNAL_MODULE__built_in_context_menu_useContextMenu_mjs__.useContextMenu)();
     const hidePageTitle = null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops.hidePageTitle;
     const pageHeaderTitle = hidePageTitle ? void 0 : fieldSchema.title || compile(title);
     const items = fieldSchema.mapProperties((schema)=>({
@@ -108,12 +110,12 @@ const PageHeader = (props)=>{
             ghost: false,
             title: pageHeaderTitle || ' ',
             ...parentProps,
-            extra: !enablePageTabs && !hiddenScrollArea && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.ScrollArea, {}),
+            extra: !enablePageTabs && showScrollArea && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.ScrollArea, {}),
             footer: enablePageTabs && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(TabComponent, {
                 activeKey: activeKey,
                 setLoading: setLoading,
                 setSearchParams: setSearchParams,
-                hiddenScrollArea: hiddenScrollArea,
+                showScrollArea: showScrollArea,
                 options: options,
                 theme: theme,
                 items: items
@@ -122,9 +124,14 @@ const PageHeader = (props)=>{
     });
 };
 const TabComponent = (props)=>{
-    const { activeKey, setLoading, setSearchParams, hiddenScrollArea, options, theme, items } = props;
+    const { activeKey, setLoading, setSearchParams, showScrollArea, options, theme, items } = props;
     const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__Page_style_mjs__.useStyles)();
     const [hasMounted, setHasMounted] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const sensors = (0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_core__.useSensors)((0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_core__.useSensor)(__WEBPACK_EXTERNAL_MODULE__dnd_kit_core__.PointerSensor, {
+        activationConstraint: {
+            distance: 5
+        }
+    }));
     const handleTabClick = (activeKey)=>{
         setLoading(true);
         setSearchParams([
@@ -143,6 +150,7 @@ const TabComponent = (props)=>{
         });
     }, []);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__common_index_mjs__.DndContext, {
+        sensors: sensors,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tabs, {
             className: styles.tabComponentClass,
             type: "card",
@@ -153,7 +161,7 @@ const TabComponent = (props)=>{
             onTabClick: handleTabClick,
             tabBarExtraContent: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(TabBarExtraContent, {
                 theme: theme,
-                hiddenScrollArea: hiddenScrollArea,
+                showScrollArea: showScrollArea,
                 options: options
             })
         })
@@ -163,31 +171,33 @@ const TabItem = (props)=>{
     const { schema } = props;
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
     const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__Page_style_mjs__.useStyles)();
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__common_sortable_item_index_mjs__.SortableItem, {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__common_sortable_item_index_mjs__.SortableItem, {
         id: schema.name,
         schema: schema,
         className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])('tb-action-link', 'designerCss', props.className, styles.tabItemClass),
-        children: [
-            schema['x-icon'] && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
-                style: {
-                    marginRight: 8
-                },
-                type: schema['x-icon']
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
-                children: schema.title || t('Unnamed')
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
-                className: "tab-designer-wrapper",
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__PageTabDesigner_mjs__.PageTabDesigner, {
-                    schema: schema
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__common_sortable_item_DragHandlePageTab_mjs__.DragHandlePageTab, {
+            children: [
+                schema['x-icon'] && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
+                    style: {
+                        marginRight: 8
+                    },
+                    type: schema['x-icon']
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                    children: schema.title || t('Unnamed')
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                    className: "tab-designer-wrapper",
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__PageTabDesigner_mjs__.PageTabDesigner, {
+                        schema: schema
+                    })
                 })
-            })
-        ]
+            ]
+        })
     });
 };
 const TabBarExtraContent = (props)=>{
-    const { hiddenScrollArea, options, theme } = props;
+    const { showScrollArea, options, theme } = props;
     const dn = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
     const { getAriaLabel } = (0, __WEBPACK_EXTERNAL_MODULE__schema_initializer_hooks_useGetAriaLabelOfSchemaInitializer_mjs__.useGetAriaLabelOfSchemaInitializer)();
@@ -220,7 +230,7 @@ const TabBarExtraContent = (props)=>{
                 icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.PlusOutlined, {}),
                 onClick: handleAddTab
             }),
-            !hiddenScrollArea && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.ScrollArea, {
+            showScrollArea && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.ScrollArea, {
                 className: "scroll-area-extra-content"
             })
         ]

package/es/schema-component/antd/password/utils.d.ts

@@ -1 +1 @@
-export declare const getStrength: (val: any) => 0 | 100 | 20 | 40 | 60 | 80;
+export declare const getStrength: (val: any) => 0 | 20 | 100 | 40 | 60 | 80;

package/es/schema-component/common/dnd-context/index.mjs

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

package/es/schema-component/common/sortable-item/DragHandlePageTab.d.ts

@@ -0,0 +1 @@
+export declare const DragHandlePageTab: (props: any) => any;

package/es/schema-component/common/sortable-item/DragHandlePageTab.mjs

@@ -0,0 +1,71 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "../../hooks/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__DragHandlePageTab_style_mjs__ from "./DragHandlePageTab.style.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__SortableItem_mjs__ from "./SortableItem.mjs";
+const DragHandlePageTab = (props)=>{
+    const { isSubMenu, children, className: overStyle, isAdminMenu } = props;
+    const { draggable } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__SortableItem_mjs__.SortableContext);
+    const { designable } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    const { attributes, listeners, setNodeRef, transform, isDragging } = draggable;
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__DragHandlePageTab_style_mjs__.useStyles)();
+    const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const [dimensions, setDimensions] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({
+        width: 0,
+        height: 0
+    });
+    const [initialPosition, setInitialPosition] = (0, __WEBPACK_EXTERNAL_MODULE_react__.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, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        ref: setNodeRef,
+        className: (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.cx)(styles.dragHandleMenu, {
+            draggable: isDragging,
+            leftBorder: isSubMenu && isDragging,
+            adminMenu: isAdminMenu && isDragging
+        }, overStyle),
+        style: style,
+        ...listeners,
+        ...attributes,
+        role: "none",
+        onMouseDown: handleMouseDown,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+            ref: ref,
+            className: 'wrapper',
+            children: children
+        })
+    });
+};
+export { DragHandlePageTab };

package/es/schema-component/common/sortable-item/DragHandlePageTab.style.d.ts

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

package/es/schema-component/common/sortable-item/DragHandlePageTab.style.mjs

@@ -0,0 +1,25 @@
+import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ 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      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, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        dragHandleMenu: css(_templateObject())
+    };
+});
+export { useStyles };

package/es/schema-items/GeneralSettings.mjs

@@ -3,6 +3,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
 import * as __WEBPACK_EXTERNAL_MODULE__application_schema_toolbar_index_mjs__ from "../application/schema-toolbar/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__collection_manager_index_mjs__ from "../collection-manager/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettingsDefaultValue_mjs__ from "../schema-settings/SchemaSettingsDefaultValue.mjs";
 const generalSettingsItems = [
     {
         name: 'editFieldTitle',
@@ -202,6 +203,10 @@ const generalSettingsItems = [
             const { required = true } = (0, __WEBPACK_EXTERNAL_MODULE__application_schema_toolbar_index_mjs__.useSchemaToolbar)();
             return !field.readPretty && 'FormField' !== fieldSchema['x-component'] && required;
         }
+    },
+    {
+        name: 'editDefaultValue',
+        Component: __WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettingsDefaultValue_mjs__.SchemaSettingsDefaultValue
     }
 ];
 export { generalSettingsItems };

package/es/schema-settings/EditCustomDefaultValue.mjs

@@ -30,7 +30,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/es/schema-settings/SchemaSettings.mjs

@@ -41,7 +41,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/es/schema-settings/SchemaSettingsDefaultValue.mjs

@@ -180,6 +180,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/es/schema-settings/utils/createModalSettingsItem.d.ts

@@ -0,0 +1,26 @@
+import { ISchema } from '@tachybase/schema';
+import { TFunction } from 'i18next';
+import { SchemaSettingsItemType } from '../../application';
+export interface CreateModalSchemaSettingsItemProps {
+    name: string;
+    title: string | ((t: TFunction<'translation', undefined>) => string);
+    parentSchemaKey?: string;
+    defaultValue?: any;
+    useDefaultValue?: () => any;
+    schema: (defaultValue: any) => ISchema;
+    valueKeys?: string[];
+    useVisible?: () => boolean;
+    width?: number | string;
+    useSubmit?: () => (values: any) => void;
+    /**
+     * @default 'common'
+     */
+    type?: 'common' | 'field';
+}
+/**
+ * create `switch` type schema settings item
+ *
+ * @internal
+ * @unstable
+ */
+export declare function createModalSettingsItem(options: CreateModalSchemaSettingsItemProps): SchemaSettingsItemType;