@tachybase/client 0.23.48 → 1.0.6

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

@@ -1,5 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__ from "../__builtins__/index.mjs";
-const useStyles = (0, __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__.genStyleHook)('tb-page', (token)=>{
+const getStyles = (0, __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__.genStyleHook)('tb-page', (token)=>{
     const { componentCls } = token;
     return {
         [componentCls]: {
@@ -46,8 +46,7 @@ const useStyles = (0, __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__.genStyleHo
                 }
             },
             '.tb-page-header-wrapper': {
-                zIndex: 10,
-                boxShadow: '1px 1px 10px 1px rgba(0, 0, 0, 0.1)'
+                zIndex: 10
             },
             '.pageHeaderCss': {
                 backgroundColor: token.colorBgContainer,
@@ -71,10 +70,6 @@ const useStyles = (0, __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__.genStyleHo
                 fontSize: 0,
                 height: 0
             },
-            '.addTabBtn': {
-                borderColor: 'var(--colorSettings)',
-                color: 'var(--colorSettings)'
-            },
             '.designerCss': {
                 position: 'relative',
                 '&:hover': {
@@ -131,13 +126,8 @@ const useStyles = (0, __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__.genStyleHo
                 paddingBottom: 0,
                 overflowX: 'hidden',
                 overflowY: 'scroll'
-            },
-            '.tb-tabs-wrapper': {
-                display: 'flex',
-                flexDirection: 'row',
-                justifyContent: 'flex-end'
             }
         }
     };
 });
-export { useStyles };
+export { getStyles };

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PasswordProps } from 'antd/es/input';
 export interface IPasswordProps extends PasswordProps {
-    checkStrength: boolean;
+    checkStrength?: boolean;
 }
 export declare const Password: React.ForwardRefExoticComponent<IPasswordProps & React.RefAttributes<never>>;
 export default Password;

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/antd/scroll-area/ScrollArea.d.ts

@@ -1,2 +1,2 @@
-export declare const ScrollArea: () => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollArea: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default ScrollArea;

package/es/schema-component/antd/scroll-area/ScrollArea.mjs

@@ -2,7 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtim
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../../index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__built_in_scroll_assistant_useJoystick_mjs__ from "../../../built-in/scroll-assistant/useJoystick.mjs";
-const ScrollArea = ()=>{
+const ScrollArea = (props)=>{
     const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useTranslation)();
     (0, __WEBPACK_EXTERNAL_MODULE__built_in_scroll_assistant_useJoystick_mjs__.useJoystick)(ref);
@@ -19,6 +19,7 @@ const ScrollArea = ()=>{
             cursor: 'pointer',
             userSelect: 'none'
         },
+        ...props,
         children: t('Horizontal scrolling area')
     });
 };

package/es/schema-component/antd/variable/TextArea.mjs

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

package/es/schema-component/antd/variable/TextAreaWithGlobalScope.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const useEnvironmentVariableOptions: (scope: any) => any;
+interface TextAreaWithGlobalScopeProps {
+    supportsLineBreak?: boolean;
+    password?: boolean;
+    number?: boolean;
+    boolean?: boolean;
+    value?: any;
+    scope?: string | object;
+    [key: string]: any;
+}
+export declare const TextAreaWithGlobalScope: React.ForwardRefExoticComponent<Omit<TextAreaWithGlobalScopeProps, "ref"> & React.RefAttributes<unknown>>;
+export {};

package/es/schema-component/antd/variable/TextAreaWithGlobalScope.mjs

@@ -0,0 +1,59 @@
+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__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE__application_hooks_useGlobalVariable_mjs__ from "../../../application/hooks/useGlobalVariable.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__input_index_mjs__ from "../input/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__password_index_mjs__ from "../password/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__RawTextArea_mjs__ from "./RawTextArea.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__TextArea_mjs__ from "./TextArea.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__Variable_mjs__ from "./Variable.mjs";
+const useEnvironmentVariableOptions = (scope)=>{
+    const environmentVariables = (0, __WEBPACK_EXTERNAL_MODULE__application_hooks_useGlobalVariable_mjs__.useGlobalVariable)('$env');
+    return (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if (environmentVariables) return [
+            environmentVariables
+        ].filter(Boolean);
+        return scope;
+    }, [
+        environmentVariables,
+        scope
+    ]);
+};
+const isVariable = (value)=>{
+    const regex = /{{.*?}}/;
+    return regex.test(value);
+};
+const TextAreaWithGlobalScope = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.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, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__RawTextArea_mjs__.RawTextArea, {
+        ...others,
+        scope: scope,
+        fieldNames: fieldNames,
+        rows: 3
+    });
+    if (number) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__Variable_mjs__.Variable.Input, {
+        ...props,
+        scope: scope,
+        fieldNames: fieldNames
+    });
+    if (password && props.value && !isVariable(props.value)) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__password_index_mjs__.Password, {
+        ...others,
+        autoFocus: true
+    });
+    if (boolean) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__Variable_mjs__.Variable.Input, {
+        ...props,
+        scope: scope,
+        fieldNames: fieldNames
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__TextArea_mjs__.TextArea, {
+        ...others,
+        scope: scope,
+        fieldNames: fieldNames
+    });
+}, (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapReadPretty)(__WEBPACK_EXTERNAL_MODULE__input_index_mjs__.Input.ReadPretty));
+export { TextAreaWithGlobalScope, useEnvironmentVariableOptions };

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

@@ -1 +1,2 @@
 export * from './Variable';
+export { TextAreaWithGlobalScope } from './TextAreaWithGlobalScope';

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

@@ -1 +1,4 @@
+import * as __WEBPACK_EXTERNAL_MODULE__TextAreaWithGlobalScope_mjs__ from "./TextAreaWithGlobalScope.mjs";
 export * from "./Variable.mjs";
+var __webpack_exports__TextAreaWithGlobalScope = __WEBPACK_EXTERNAL_MODULE__TextAreaWithGlobalScope_mjs__.TextAreaWithGlobalScope;
+export { __webpack_exports__TextAreaWithGlobalScope as TextAreaWithGlobalScope };

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;

package/es/schema-settings/utils/createModalSettingsItem.mjs

@@ -0,0 +1,46 @@
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__util_mjs__ from "./util.mjs";
+function createModalSettingsItem(options) {
+    const { name, parentSchemaKey, valueKeys, schema, title, useSubmit = __WEBPACK_EXTERNAL_MODULE__util_mjs__.useHookDefault, useVisible, defaultValue: propsDefaultValue, useDefaultValue = __WEBPACK_EXTERNAL_MODULE__util_mjs__.useHookDefault, width, type = 'common' } = options;
+    return {
+        name,
+        type: 'actionModal',
+        useVisible,
+        useComponentProps () {
+            const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.useSchemaByType)(type);
+            const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
+            const defaultValue = useDefaultValue(propsDefaultValue);
+            const values = parentSchemaKey ? __WEBPACK_EXTERNAL_MODULE_lodash__["default"].get(fieldSchema, parentSchemaKey) : void 0;
+            const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
+            const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+            const onSubmit = useSubmit();
+            const { fieldSchema: tableColumnSchema } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useColumnSchema)() || {};
+            return {
+                title: 'function' == typeof title ? title(t) : compile(title),
+                width,
+                schema: schema({
+                    ...defaultValue,
+                    ...values
+                }),
+                onSubmit (values) {
+                    const newSchema = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.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);
+                }
+            };
+        }
+    };
+}
+export { createModalSettingsItem };

package/es/schema-settings/utils/createSelectSettingsItem.d.ts

@@ -0,0 +1,25 @@
+import { SelectProps } from 'antd';
+import { TFunction } from 'i18next';
+import { SchemaSettingsItemType } from '../../application';
+interface CreateSelectSchemaSettingsItemProps {
+    name: string;
+    title: string | ((t: TFunction<'translation', undefined>) => string);
+    options?: SelectProps['options'];
+    useOptions?: () => SelectProps['options'];
+    schemaKey: string;
+    defaultValue?: string | number;
+    useDefaultValue?: () => string | number;
+    useVisible?: () => boolean;
+    /**
+     * @default 'common'
+     */
+    type?: 'common' | 'field';
+}
+/**
+ * create `select` type schema settings item
+ *
+ * @internal
+ * @unstable
+ */
+export declare const createSelectSchemaSettingsItem: (options: CreateSelectSchemaSettingsItemProps) => SchemaSettingsItemType;
+export {};

package/es/schema-settings/utils/createSelectSettingsItem.mjs

@@ -0,0 +1,40 @@
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__util_mjs__ from "./util.mjs";
+const createSelectSchemaSettingsItem = (options)=>{
+    const { name, title, options: propsOptions, useOptions = __WEBPACK_EXTERNAL_MODULE__util_mjs__.useHookDefault, schemaKey, useVisible, type = 'common', defaultValue: propsDefaultValue, useDefaultValue = __WEBPACK_EXTERNAL_MODULE__util_mjs__.useHookDefault } = options;
+    return {
+        name,
+        type: 'select',
+        useVisible,
+        useComponentProps () {
+            const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.useSchemaByType)(type);
+            const { fieldSchema: tableColumnSchema } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useColumnSchema)() || {};
+            const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
+            const options = useOptions(propsOptions);
+            const defaultValue = useDefaultValue(propsDefaultValue);
+            const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
+            const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+            return {
+                title: 'function' == typeof title ? title(t) : compile(title),
+                options,
+                value: __WEBPACK_EXTERNAL_MODULE_lodash__["default"].get(fieldSchema, schemaKey, defaultValue),
+                onChange (v) {
+                    const newSchema = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.getNewSchema)({
+                        fieldSchema,
+                        schemaKey,
+                        value: v
+                    });
+                    if (tableColumnSchema) {
+                        dn.emit('patch', {
+                            schema: newSchema
+                        });
+                        dn.refresh();
+                    } else dn.deepMerge(newSchema);
+                }
+            };
+        }
+    };
+};
+export { createSelectSchemaSettingsItem };

package/es/schema-settings/utils/createSwitchSettingsItem.d.ts

@@ -0,0 +1,21 @@
+import { TFunction } from 'i18next';
+import { SchemaSettingsItemType } from '../../application';
+export interface CreateSwitchSchemaSettingsItemProps {
+    name: string;
+    title: string | ((t: TFunction<'translation', undefined>) => string);
+    schemaKey: string;
+    defaultValue?: boolean;
+    useDefaultValue?: () => boolean;
+    useVisible?: () => boolean;
+    /**
+     * @default 'common'
+     */
+    type?: 'common' | 'field';
+}
+/**
+ * create `switch` type schema settings item
+ *
+ * @internal
+ * @unstable
+ */
+export declare function createSwitchSettingsItem(options: CreateSwitchSchemaSettingsItemProps): SchemaSettingsItemType;

package/es/schema-settings/utils/createSwitchSettingsItem.mjs

@@ -0,0 +1,38 @@
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__util_mjs__ from "./util.mjs";
+function createSwitchSettingsItem(options) {
+    const { name, useVisible, schemaKey, title, type = 'common', defaultValue: propsDefaultValue, useDefaultValue = __WEBPACK_EXTERNAL_MODULE__util_mjs__.useHookDefault } = options;
+    return {
+        name,
+        useVisible,
+        type: 'switch',
+        useComponentProps () {
+            const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.useSchemaByType)(type);
+            const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
+            const defaultValue = useDefaultValue(propsDefaultValue);
+            const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
+            const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+            const { fieldSchema: tableColumnSchema } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useColumnSchema)() || {};
+            return {
+                title: 'function' == typeof title ? title(t) : compile(title),
+                checked: !!__WEBPACK_EXTERNAL_MODULE_lodash__["default"].get(fieldSchema, schemaKey, defaultValue),
+                onChange (v) {
+                    const newSchema = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.getNewSchema)({
+                        fieldSchema,
+                        schemaKey,
+                        value: v
+                    });
+                    if (tableColumnSchema) {
+                        dn.emit('patch', {
+                            schema: newSchema
+                        });
+                        dn.refresh();
+                    } else dn.deepMerge(newSchema);
+                }
+            };
+        }
+    };
+}
+export { createSwitchSettingsItem };

package/es/schema-settings/utils/createTextSettingsItem.d.ts

@@ -0,0 +1,9 @@
+import { TFunction } from 'i18next';
+import { SchemaSettingsItemType } from '../../application';
+export interface CreateTextSchemaSettingsItemProps {
+    name: string;
+    useVisible?: () => boolean;
+    title: string | ((t: TFunction<'translation', undefined>) => string);
+    useTextClick: () => void;
+}
+export declare function createTextSettingsItem(options: CreateTextSchemaSettingsItemProps): SchemaSettingsItemType;

package/es/schema-settings/utils/createTextSettingsItem.mjs

@@ -0,0 +1,21 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__util_mjs__ from "./util.mjs";
+function createTextSettingsItem(options) {
+    const { name, useVisible, title, useTextClick = __WEBPACK_EXTERNAL_MODULE__util_mjs__.useHookDefault } = options;
+    return {
+        name,
+        type: 'item',
+        useVisible,
+        useComponentProps () {
+            const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
+            const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+            const onClick = useTextClick();
+            return {
+                title: 'function' == typeof title ? title(t) : compile(title),
+                onClick
+            };
+        }
+    };
+}
+export { createTextSettingsItem };

package/es/schema-settings/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './createModalSettingsItem';
+export * from './createSelectSettingsItem';
+export * from './createSwitchSettingsItem';
+export * from './createTextSettingsItem';

package/es/schema-settings/utils/index.mjs

@@ -0,0 +1,4 @@
+export * from "./createModalSettingsItem.mjs";
+export * from "./createSelectSettingsItem.mjs";
+export * from "./createSwitchSettingsItem.mjs";
+export * from "./createTextSettingsItem.mjs";

package/es/schema-settings/utils/util.d.ts

@@ -0,0 +1,12 @@
+import { ISchema } from '@tachybase/schema';
+type IGetNewSchema = {
+    fieldSchema: ISchema;
+    schemaKey?: string;
+    parentSchemaKey?: string;
+    value: any;
+    valueKeys?: string[];
+};
+export declare function getNewSchema(options: IGetNewSchema): any;
+export declare const useHookDefault: (defaultValues?: any) => any;
+export declare const useSchemaByType: (type?: "common" | "field") => any;
+export {};

package/es/schema-settings/utils/util.mjs

@@ -0,0 +1,24 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
+function getNewSchema(options) {
+    const { fieldSchema, schemaKey, parentSchemaKey, value, valueKeys } = options;
+    if (schemaKey) __WEBPACK_EXTERNAL_MODULE_lodash__["default"].set(fieldSchema, schemaKey, value);
+    else if (parentSchemaKey) {
+        if (void 0 === value) return fieldSchema;
+        if ('object' == typeof value) Object.keys(value).forEach((key)=>{
+            if (valueKeys && !valueKeys.includes(key)) return;
+            __WEBPACK_EXTERNAL_MODULE_lodash__["default"].set(fieldSchema, "".concat(parentSchemaKey, ".").concat(key), value[key]);
+        });
+        else console.error('value must be object');
+    }
+    return fieldSchema;
+}
+const useHookDefault = (defaultValues)=>defaultValues;
+const useSchemaByType = function() {
+    let type = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 'common';
+    const schema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
+    const { fieldSchema: tableColumnSchema } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useColumnSchema)() || {};
+    return 'field' === type ? tableColumnSchema || schema : schema;
+};
+export { getNewSchema, useHookDefault, useSchemaByType };