@tachybase/client 0.23.58 → 1.0.18

package/es/modules/fields/component/SubTable/subTablePopoverComponentFieldSettings.mjs

@@ -1,3 +1,4 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
 import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
@@ -8,6 +9,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__ from "../../../..
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../../../schema-component/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_antd_association_field_util_mjs__ from "../../../../schema-component/antd/association-field/util.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__schema_component_antd_form_item_index_mjs__ from "../../../../schema-component/antd/form-item/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__secondLevelSelect_mjs__ from "./secondLevelSelect.mjs";
 const fieldComponent = {
     name: 'fieldComponent',
     type: 'select',
@@ -233,51 +235,24 @@ const allowAddNewData = {
         };
     }
 };
-const isQuickAddTabs = {
-    name: 'isquickaddtabs',
-    type: 'switch',
+const clickToSelect = {
+    name: 'clicktoselect',
+    type: 'modal',
     useVisible () {
         const readPretty = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_antd_form_item_index_mjs__.useIsFieldReadPretty)();
         const isAssociationField = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_antd_form_item_index_mjs__.useIsAssociationField)();
         return !readPretty && isAssociationField;
     },
     useComponentProps () {
-        var _fieldSchema_xcomponentprops;
+        var _fieldSchema_xcomponentprops_quickAddField, _fieldSchema_xcomponentprops_quickAddParentCollection, _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1;
         const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
         const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
         const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
         const { dn, refresh } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
-        return {
-            title: t('Is Quick Add Tabs'),
-            checked: (null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops.isQuickAdd) || false,
-            onChange (value) {
-                const schema = {
-                    ['x-uid']: fieldSchema['x-uid']
-                };
-                field.componentProps['isQuickAdd'] = value;
-                fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
-                fieldSchema['x-component-props']['isQuickAdd'] = value;
-                schema['x-component-props'] = fieldSchema['x-component-props'];
-                dn.emit('patch', {
-                    schema
-                });
-                refresh();
-            }
-        };
-    }
-};
-const setQuickAddTabs = {
-    name: 'setquickaddtabs',
-    type: 'select',
-    useComponentProps () {
-        const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
-        const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
         const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
-        const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
         const cm = (0, __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.useCollectionManager)();
+        const [firstLevelValue, setFirstLevelValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)((null === (_fieldSchema_xcomponentprops_quickAddField = fieldSchema['x-component-props']['quickAddField']) || void 0 === _fieldSchema_xcomponentprops_quickAddField ? void 0 : _fieldSchema_xcomponentprops_quickAddField.value) || 'none');
         const options = cm.getCollection(fieldSchema['x-collection-field']);
-        const defVal = fieldSchema['x-component-props']['quickAddField'] || 'none';
-        const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
         const isAddNewForm = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useIsAddNewForm)();
         const fieldTabsOptions = options.fields.map((item)=>{
             if ('m2o' === item.interface || 'select' === item.interface) {
@@ -293,84 +268,117 @@ const setQuickAddTabs = {
             label: 'none',
             value: 'none'
         });
-        return {
-            title: t('Set Quick Add Tabs'),
-            options: fieldTabsOptions,
-            value: defVal,
-            onChange (mode) {
-                const schema = {
-                    ['x-uid']: fieldSchema['x-uid']
-                };
-                fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
-                fieldSchema['x-component-props']['quickAddField'] = {
-                    fieldInterface: fieldTabsOptions.find((item)=>item.value === mode)['interface'] || 'none',
-                    value: mode
-                };
-                schema['x-component-props'] = fieldSchema['x-component-props'];
-                field.componentProps = field.componentProps || {};
-                field.componentProps['quickAddField'] = fieldSchema['x-component-props']['quickAddField'];
-                if ((0, __WEBPACK_EXTERNAL_MODULE__schema_component_antd_association_field_util_mjs__.isSubMode)(fieldSchema) && isAddNewForm) {
-                    schema.default = null;
-                    fieldSchema.default = null;
-                    field.setInitialValue(null);
-                    field.setValue(null);
-                }
-                dn.emit('patch', {
-                    schema
-                });
-                dn.refresh();
-            }
-        };
-    },
-    useVisible () {
-        const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-        return fieldSchema['x-component-props']['isQuickAdd'];
-    }
-};
-const setQuickAddParentTabs = {
-    name: 'setquickaddparenttabs',
-    type: 'select',
-    useComponentProps () {
-        var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops_quickAddParentCollection, _fieldSchema_xcomponentprops1;
-        const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
-        const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
-        const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
-        const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-        const cm = (0, __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.useCollectionManager)();
-        const { value: quickField } = (null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : _fieldSchema_xcomponentprops['quickAddField']) || {};
-        const options = cm.getCollectionFields("".concat(fieldSchema['x-collection-field'], ".").concat(quickField));
-        const { dn } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
-        const isAddNewForm = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useIsAddNewForm)();
-        const fieldTabsOptions = options.map((item)=>{
+        const Parentoptions = cm.getCollectionFields("".concat(fieldSchema['x-collection-field'], ".").concat(firstLevelValue));
+        const fieldParentTabsOptions = Parentoptions.map((item)=>{
             if ('m2o' === item.interface) return {
                 ...item,
                 label: compile(item.uiSchema.title),
                 value: item.name
             };
         }).filter(Boolean);
-        fieldTabsOptions.unshift({
+        fieldParentTabsOptions.unshift({
             label: t('none'),
             value: 'none'
         });
-        const defValue = (null === (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops1 ? void 0 : null === (_fieldSchema_xcomponentprops_quickAddParentCollection = _fieldSchema_xcomponentprops1['quickAddParentCollection']) || void 0 === _fieldSchema_xcomponentprops_quickAddParentCollection ? void 0 : _fieldSchema_xcomponentprops_quickAddParentCollection.value) || 'none';
+        const defParentVal = (null === (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops ? void 0 : null === (_fieldSchema_xcomponentprops_quickAddParentCollection = _fieldSchema_xcomponentprops['quickAddParentCollection']) || void 0 === _fieldSchema_xcomponentprops_quickAddParentCollection ? void 0 : _fieldSchema_xcomponentprops_quickAddParentCollection.value) || 'none';
+        const schema = {
+            type: 'object',
+            title: t('Click to select'),
+            properties: {
+                isquickaddtabs: {
+                    title: t('Enable quick create'),
+                    type: 'boolean',
+                    default: (null === (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) || void 0 === _fieldSchema_xcomponentprops1 ? void 0 : _fieldSchema_xcomponentprops1.isQuickAdd) || false,
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Switch',
+                    'x-component-props': {}
+                },
+                firstLevelselection: {
+                    title: t('Set Quick Add Tabs'),
+                    default: firstLevelValue,
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Select',
+                    enum: fieldTabsOptions,
+                    'x-reactions': [
+                        {
+                            dependencies: [
+                                'isquickaddtabs'
+                            ],
+                            fulfill: {
+                                state: {
+                                    visible: '{{$deps[0] === true}}'
+                                }
+                            }
+                        }
+                    ],
+                    'x-component-props': {
+                        onChange (value) {
+                            setFirstLevelValue(value);
+                        }
+                    }
+                },
+                secondLevelselection: {
+                    title: t('Set Quick Add Parent Tabs'),
+                    default: defParentVal,
+                    'x-decorator': 'FormItem',
+                    'x-component': 'SecondLevelSelect',
+                    'x-reactions': [
+                        {
+                            dependencies: [
+                                'firstLevelselection',
+                                'isquickaddtabs'
+                            ],
+                            fulfill: {
+                                state: {
+                                    visible: '{{$deps[0] !== "none" && $deps[1] === true}}'
+                                },
+                                schema: {
+                                    'x-component-props': {
+                                        firstLevelValue: '{{$deps[0]}}',
+                                        collectionField: fieldSchema['x-collection-field']
+                                    }
+                                }
+                            }
+                        }
+                    ]
+                }
+            }
+        };
         return {
-            title: t('Set Quick Add Parent Tabs'),
-            options: fieldTabsOptions,
-            value: defValue,
-            onChange (mode) {
+            components: {
+                Switch: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.Switch,
+                SecondLevelSelect: __WEBPACK_EXTERNAL_MODULE__secondLevelSelect_mjs__.SecondLevelSelect
+            },
+            title: t('Quick create'),
+            schema,
+            onSubmit: async (param)=>{
+                let { isquickaddtabs, firstLevelselection, secondLevelselection } = param;
+                var _fieldTabsOptions_find;
                 const schema = {
                     ['x-uid']: fieldSchema['x-uid']
                 };
+                field.componentProps['isQuickAdd'] = isquickaddtabs;
+                fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+                fieldSchema['x-component-props']['isQuickAdd'] = isquickaddtabs;
+                schema['x-component-props'] = fieldSchema['x-component-props'];
+                fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+                fieldSchema['x-component-props']['quickAddField'] = {
+                    fieldInterface: (null === (_fieldTabsOptions_find = fieldTabsOptions.find((item)=>item.value === firstLevelselection)) || void 0 === _fieldTabsOptions_find ? void 0 : _fieldTabsOptions_find['interface']) || 'none',
+                    value: firstLevelselection
+                };
+                schema['x-component-props'] = fieldSchema['x-component-props'];
+                field.componentProps = field.componentProps || {};
+                field.componentProps['quickAddField'] = fieldSchema['x-component-props']['quickAddField'];
                 fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
                 fieldSchema['x-component-props']['quickAddParentCollection'] = {
-                    collectionField: "".concat(fieldSchema['x-collection-field'], ".").concat(quickField, ".").concat(mode),
-                    value: mode
+                    collectionField: "".concat(fieldSchema['x-collection-field'], ".").concat(firstLevelselection, ".").concat(secondLevelselection),
+                    value: secondLevelselection
                 };
                 schema['x-component-props'] = fieldSchema['x-component-props'];
                 field.componentProps = field.componentProps || {};
                 field.componentProps['quickAddParentCollection'] = {
-                    collectionField: "".concat(fieldSchema['x-collection-field'], ".").concat(quickField, ".").concat(mode),
-                    value: mode
+                    collectionField: "".concat(fieldSchema['x-collection-field'], ".").concat(firstLevelselection, ".").concat(secondLevelselection),
+                    value: secondLevelselection
                 };
                 if ((0, __WEBPACK_EXTERNAL_MODULE__schema_component_antd_association_field_util_mjs__.isSubMode)(fieldSchema) && isAddNewForm) {
                     schema.default = null;
@@ -379,15 +387,12 @@ const setQuickAddParentTabs = {
                     field.setValue(null);
                 }
                 dn.emit('patch', {
-                    schema
+                    schema: schema
                 });
+                refresh();
                 dn.refresh();
             }
         };
-    },
-    useVisible () {
-        const fieldSchema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-        return fieldSchema['x-component-props']['isQuickAdd'] && fieldSchema['x-component-props']['quickAddField'] && 'none' !== fieldSchema['x-component-props']['quickAddField'];
     }
 };
 const subTablePopoverComponentFieldSettings = new __WEBPACK_EXTERNAL_MODULE__application_schema_settings_SchemaSettings_mjs__.SchemaSettings({
@@ -397,9 +402,7 @@ const subTablePopoverComponentFieldSettings = new __WEBPACK_EXTERNAL_MODULE__app
         allowAddNewData,
         allowSelectExistingRecord,
         setDefaultSortingRules,
-        isQuickAddTabs,
-        setQuickAddTabs,
-        setQuickAddParentTabs
+        clickToSelect
     ]
 });
-export { allowAddNewData, isQuickAddTabs, setDefaultSortingRules, setQuickAddParentTabs, setQuickAddTabs, subTablePopoverComponentFieldSettings };
+export { allowAddNewData, clickToSelect, setDefaultSortingRules, subTablePopoverComponentFieldSettings };

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 };