@tachybase/client 0.23.58 → 1.0.18

package/lib/modules/fields/component/SubTable/subTablePopoverComponentFieldSettings.js

@@ -26,13 +26,12 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    setQuickAddTabs: ()=>setQuickAddTabs,
     subTablePopoverComponentFieldSettings: ()=>subTablePopoverComponentFieldSettings,
     allowAddNewData: ()=>allowAddNewData,
-    isQuickAddTabs: ()=>isQuickAddTabs,
-    setDefaultSortingRules: ()=>setDefaultSortingRules,
-    setQuickAddParentTabs: ()=>setQuickAddParentTabs
+    clickToSelect: ()=>clickToSelect,
+    setDefaultSortingRules: ()=>setDefaultSortingRules
 });
+const external_react_namespaceObject = require("react");
 const components_namespaceObject = require("@tachybase/components");
 const schema_namespaceObject = require("@tachybase/schema");
 const external_react_i18next_namespaceObject = require("react-i18next");
@@ -43,6 +42,7 @@ const external_data_source_index_js_namespaceObject = require("../../../../data-
 const external_schema_component_index_js_namespaceObject = require("../../../../schema-component/index.js");
 const util_js_namespaceObject = require("../../../../schema-component/antd/association-field/util.js");
 const form_item_index_js_namespaceObject = require("../../../../schema-component/antd/form-item/index.js");
+const external_secondLevelSelect_js_namespaceObject = require("./secondLevelSelect.js");
 const fieldComponent = {
     name: 'fieldComponent',
     type: 'select',
@@ -268,51 +268,24 @@ const allowAddNewData = {
         };
     }
 };
-const isQuickAddTabs = {
-    name: 'isquickaddtabs',
-    type: 'switch',
+const clickToSelect = {
+    name: 'clicktoselect',
+    type: 'modal',
     useVisible () {
         const readPretty = (0, form_item_index_js_namespaceObject.useIsFieldReadPretty)();
         const isAssociationField = (0, form_item_index_js_namespaceObject.useIsAssociationField)();
         return !readPretty && isAssociationField;
     },
     useComponentProps () {
-        var _fieldSchema_xcomponentprops;
+        var _fieldSchema_xcomponentprops_quickAddField, _fieldSchema_xcomponentprops_quickAddParentCollection, _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1;
         const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
         const field = (0, schema_namespaceObject.useField)();
         const fieldSchema = (0, schema_namespaceObject.useFieldSchema)();
         const { dn, refresh } = (0, external_schema_component_index_js_namespaceObject.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, external_react_i18next_namespaceObject.useTranslation)();
-        const field = (0, schema_namespaceObject.useField)();
         const compile = (0, external_schema_component_index_js_namespaceObject.useCompile)();
-        const fieldSchema = (0, schema_namespaceObject.useFieldSchema)();
         const cm = (0, external_data_source_index_js_namespaceObject.useCollectionManager)();
+        const [firstLevelValue, setFirstLevelValue] = (0, external_react_namespaceObject.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, external_schema_component_index_js_namespaceObject.useDesignable)();
         const isAddNewForm = (0, external_schema_component_index_js_namespaceObject.useIsAddNewForm)();
         const fieldTabsOptions = options.fields.map((item)=>{
             if ('m2o' === item.interface || 'select' === item.interface) {
@@ -328,84 +301,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, util_js_namespaceObject.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, schema_namespaceObject.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, external_react_i18next_namespaceObject.useTranslation)();
-        const field = (0, schema_namespaceObject.useField)();
-        const compile = (0, external_schema_component_index_js_namespaceObject.useCompile)();
-        const fieldSchema = (0, schema_namespaceObject.useFieldSchema)();
-        const cm = (0, external_data_source_index_js_namespaceObject.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, external_schema_component_index_js_namespaceObject.useDesignable)();
-        const isAddNewForm = (0, external_schema_component_index_js_namespaceObject.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: components_namespaceObject.Switch,
+                SecondLevelSelect: external_secondLevelSelect_js_namespaceObject.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, util_js_namespaceObject.isSubMode)(fieldSchema) && isAddNewForm) {
                     schema.default = null;
@@ -414,15 +420,12 @@ const setQuickAddParentTabs = {
                     field.setValue(null);
                 }
                 dn.emit('patch', {
-                    schema
+                    schema: schema
                 });
+                refresh();
                 dn.refresh();
             }
         };
-    },
-    useVisible () {
-        const fieldSchema = (0, schema_namespaceObject.useFieldSchema)();
-        return fieldSchema['x-component-props']['isQuickAdd'] && fieldSchema['x-component-props']['quickAddField'] && 'none' !== fieldSchema['x-component-props']['quickAddField'];
     }
 };
 const subTablePopoverComponentFieldSettings = new SchemaSettings_js_namespaceObject.SchemaSettings({
@@ -432,9 +435,7 @@ const subTablePopoverComponentFieldSettings = new SchemaSettings_js_namespaceObj
         allowAddNewData,
         allowSelectExistingRecord,
         setDefaultSortingRules,
-        isQuickAddTabs,
-        setQuickAddTabs,
-        setQuickAddParentTabs
+        clickToSelect
     ]
 });
 var __webpack_export_target__ = exports;

package/lib/powered-by/index.js

@@ -29,7 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
     PoweredBy: ()=>PoweredBy
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
+const external_react_i18next_namespaceObject = require("react-i18next");
 const index_js_namespaceObject = require("../style/index.js");
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
@@ -61,13 +61,10 @@ const PoweredBy = ()=>{
     const { styles } = useStyles();
     const date = new Date();
     const year = date.getFullYear();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+    const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: styles.powerBy,
-        children: [
-            "\xa92023-",
-            year,
-            " TachyBase Team"
-        ]
+        children: "\xa92023-".concat(year, " ").concat(t('TachyBase Team'))
     });
 };
 var __webpack_export_target__ = exports;

package/lib/schema-component/antd/action/Action.Designer.js

@@ -398,19 +398,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, jsx_runtime_namespaceObject.jsx)(SchemaSettings_js_namespaceObject.SchemaSettingsActionModalItem, {
         title: t('Bind workflows', {
             ns: 'workflow'
@@ -511,6 +545,7 @@ function WorkflowConfig() {
                                     }
                                 }
                             },
+                            ...orderColumn,
                             operations: {
                                 type: 'void',
                                 'x-component': 'ArrayTable.Column',

package/lib/schema-component/antd/action/Action.Modal.js

@@ -105,7 +105,6 @@ const ActionModal = (0, schema_namespaceObject.observer)((props)=>{
         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, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Modal, {
         className: external_classnames_default()(others.className, null == modalProps ? void 0 : modalProps.className, styles.container, 'amplifier-block'),
         style: {

package/lib/schema-component/antd/action/Action.js

@@ -102,9 +102,7 @@ const Action = (0, withDynamicSchemaProps_js_namespaceObject.withDynamicSchemaPr
     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, external_react_namespaceObject.useMemo)(()=>(null == fieldSchema ? void 0 : fieldSchema['x-linkage-rules']) || [], [
-        fieldSchema
-    ]);
+    const linkageRules = (null == fieldSchema ? void 0 : fieldSchema['x-linkage-rules']) || [];
     const { designable } = (0, external_index_js_namespaceObject.useDesignable)();
     const tarComponent = (0, external_hooks_index_js_namespaceObject.useComponent)(component) || component;
     const { modal } = external_antd_namespaceObject.App.useApp();

package/lib/schema-component/antd/association-field/SubTabs/InternalCollapse.js

@@ -204,6 +204,7 @@ const InternalTabs = (0, schema_namespaceObject.observer)((props)=>{
     (0, external_ahooks_namespaceObject.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);
@@ -281,7 +282,7 @@ const InternalTabs = (0, schema_namespaceObject.observer)((props)=>{
                                         element.style.color = '#1e1e1e';
                                     });
                                 },
-                                children: item.label
+                                children: item.label || null
                             }, item.id))
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {

package/lib/schema-component/antd/checkbox/Checkbox.js

@@ -45,7 +45,7 @@ __webpack_require__.d(__webpack_exports__, {
     default: ()=>Checkbox_rslib_entry_
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
+const external_react_namespaceObject = require("react");
 const schema_namespaceObject = require("@tachybase/schema");
 const icons_namespaceObject = require("@ant-design/icons");
 const external_antd_namespaceObject = require("antd");
@@ -80,13 +80,15 @@ const InternalCheckbox = (0, schema_namespaceObject.connect)((props)=>{
 }), (0, schema_namespaceObject.mapReadPretty)(ReadPretty));
 const InternalRadioGroup = (0, schema_namespaceObject.connect)((props)=>{
     const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
-    const field = (0, schema_namespaceObject.useField)();
+    const [value, setValue] = (0, external_react_namespaceObject.useState)();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.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/lib/schema-component/antd/index.js

@@ -102,6 +102,9 @@ var __webpack_modules__ = {
     "./markdown?ce72": function(module) {
         module.exports = require("./markdown/index.js");
     },
+    "./media-card": function(module) {
+        module.exports = require("./media-card/index.js");
+    },
     "./menu": function(module) {
         module.exports = require("./menu/index.js");
     },
@@ -234,10 +237,10 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     CodeMirror: function() {
-        return _tachybase_components__WEBPACK_IMPORTED_MODULE_60__.CodeMirror;
+        return _tachybase_components__WEBPACK_IMPORTED_MODULE_61__.CodeMirror;
     },
     PageHeader: function() {
-        return _ant_design_pro_layout__WEBPACK_IMPORTED_MODULE_59__.PageHeader;
+        return _ant_design_pro_layout__WEBPACK_IMPORTED_MODULE_60__.PageHeader;
     },
     genStyleHook: function() {
         return _builtins___WEBPACK_IMPORTED_MODULE_2__.genStyleHook;
@@ -872,8 +875,19 @@ for(var __WEBPACK_IMPORT_KEY__ in _variable__WEBPACK_IMPORTED_MODULE_58__)if ([
     return _variable__WEBPACK_IMPORTED_MODULE_58__[key];
 }).bind(0, __WEBPACK_IMPORT_KEY__);
 __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-var _ant_design_pro_layout__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__("@ant-design/pro-layout");
-var _tachybase_components__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__("@tachybase/components");
+var _media_card__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__("./media-card");
+var __WEBPACK_REEXPORT_OBJECT__ = {};
+for(var __WEBPACK_IMPORT_KEY__ in _media_card__WEBPACK_IMPORTED_MODULE_59__)if ([
+    "PageHeader",
+    "CodeMirror",
+    "genStyleHook",
+    "default"
+].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+    return _media_card__WEBPACK_IMPORTED_MODULE_59__[key];
+}).bind(0, __WEBPACK_IMPORT_KEY__);
+__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+var _ant_design_pro_layout__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__("@ant-design/pro-layout");
+var _tachybase_components__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__("@tachybase/components");
 var __webpack_export_target__ = exports;
 for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
 if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {

package/lib/schema-component/antd/media-card/MediaCard.js

@@ -0,0 +1,69 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    MediaCard: ()=>MediaCard
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_antd_style_namespaceObject = require("antd-style");
+const index_js_namespaceObject = require("../../../icon/index.js");
+const external_style_js_namespaceObject = require("./style.js");
+const MediaCard = (props)=>{
+    const { icon, color, title, layout = 'horizontal', onClick = ()=>{}, className, needHover = true } = props;
+    const { styles } = (0, external_style_js_namespaceObject.useStyles)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, external_antd_style_namespaceObject.cx)(styles.mediaCardStyle, {
+            layout: 'vertical' === layout,
+            'need-hover': needHover
+        }, className),
+        onClick: onClick,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "icon-wrapper",
+                style: {
+                    backgroundColor: null != color ? color : '#e5e5e5'
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.Icon, {
+                    className: "icon",
+                    type: null != icon ? icon : 'AppstoreOutlined',
+                    style: {
+                        color: null != color ? color : '#e5e5e5'
+                    }
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "title",
+                children: title
+            })
+        ]
+    });
+};
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/schema-component/antd/media-card/index.js

@@ -0,0 +1,65 @@
+"use strict";
+var __webpack_modules__ = {
+    "./MediaCard": function(module) {
+        module.exports = require("./MediaCard.js");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+var _MediaCard__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./MediaCard");
+var __WEBPACK_REEXPORT_OBJECT__ = {};
+for(var __WEBPACK_IMPORT_KEY__ in _MediaCard__WEBPACK_IMPORTED_MODULE_0__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+    return _MediaCard__WEBPACK_IMPORTED_MODULE_0__[key];
+}).bind(0, __WEBPACK_IMPORT_KEY__);
+__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});