@tachybase/client 0.23.48 → 1.0.6

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

@@ -251,7 +251,7 @@ function AfterSuccess() {
     const openMode = findSchema(ctx.fieldSchema);
     const component = fieldSchema.parent.parent['x-component'];
     const schema = {
-        ...external_utils_js_namespaceObject.afterSuccessSchema
+        ...(0, external_utils_js_namespaceObject.afterSuccessSchema)(t)
     };
     if ((!openMode || 'page' === openMode) && component.includes('Form') || !component.includes('Form')) delete schema.properties.popupClose;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SchemaSettings_js_namespaceObject.SchemaSettingsModalItem, {
@@ -359,7 +359,10 @@ function WorkflowSelectComponent(param) {
                         'config.collection': noCollection ? void 0 : workflowCollection,
                         sync: void 0 === props.filterSync ? void 0 : props.filterSync,
                         key: void 0 === props.filterKey ? void 0 : props.filterKey
-                    }
+                    },
+                    sort: [
+                        '-updatedAt'
+                    ]
                 }
             },
             optionFilter: optionFilter,
@@ -395,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'
@@ -508,6 +545,7 @@ function WorkflowConfig() {
                                     }
                                 }
                             },
+                            ...orderColumn,
                             operations: {
                                 type: 'void',
                                 'x-component': 'ArrayTable.Column',

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

@@ -49,10 +49,10 @@ const schema_namespaceObject = require("@tachybase/schema");
 const icons_namespaceObject = require("@ant-design/icons");
 const css_namespaceObject = require("@emotion/css");
 const external_antd_namespaceObject = require("antd");
-const external_antd_style_namespaceObject = require("antd-style");
 const external_classnames_namespaceObject = require("classnames");
 var external_classnames_default = /*#__PURE__*/ __webpack_require__.n(external_classnames_namespaceObject);
 const external_index_js_namespaceObject = require("./index.js");
+const external_Action_Modal_style_js_namespaceObject = require("./Action.Modal.style.js");
 require("./hooks/useSetAriaLabelForModal.js");
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
@@ -64,7 +64,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     const data = _tagged_template_literal([
-        "\n      &.tb-action-popup {\n        .ant-modal-header {\n          // TODO: theme variables\n          margin-top: -20px;\n          margin-left: -24px;\n          margin-right: -24px;\n          padding-top: 20px;\n          padding-left: 24px;\n          padding-right: 24px;\n          padding-bottom: 20px;\n        }\n        .ant-modal-content {\n          background: var(--tb-box-bg);\n        }\n      }\n    "
+        "\n                  background: none;\n                  border: none;\n                "
     ]);
     _templateObject = function() {
         return data;
@@ -72,29 +72,14 @@ function _templateObject() {
     return data;
 }
 function _templateObject1() {
-    const data = _tagged_template_literal([
-        "\n                  background: none;\n                  border: none;\n                "
-    ]);
-    _templateObject1 = function() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
     const data = _tagged_template_literal([
         "\n        background: none;\n        border: none;\n      "
     ]);
-    _templateObject2 = function() {
+    _templateObject1 = function() {
         return data;
     };
     return data;
 }
-const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
-    let { css } = param;
-    return {
-        container: css(_templateObject())
-    };
-});
 const openSizeWidthMap = new Map([
     [
         'small',
@@ -111,7 +96,7 @@ const openSizeWidthMap = new Map([
 ]);
 const ActionModal = (0, schema_namespaceObject.observer)((props)=>{
     const { footerNodeName = 'Action.Modal.Footer', width, ...others } = props;
-    const { styles } = useStyles();
+    const { styles } = (0, external_Action_Modal_style_js_namespaceObject.useStyles)();
     const { visible, setVisible, openSize = 'middle', modalProps } = (0, external_index_js_namespaceObject.useActionContext)();
     const actualWidth = null != width ? width : openSizeWidthMap.get(openSize);
     const schema = (0, schema_namespaceObject.useFieldSchema)();
@@ -121,6 +106,11 @@ const ActionModal = (0, schema_namespaceObject.observer)((props)=>{
         return buf;
     });
     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: {
+            ...null == modalProps ? void 0 : modalProps.style,
+            ...null == others ? void 0 : others.style
+        },
         width: actualWidth,
         title: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
             style: {
@@ -139,7 +129,7 @@ const ActionModal = (0, schema_namespaceObject.observer)((props)=>{
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
                             type: "text",
                             icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CloseOutlined, {}),
-                            className: (0, css_namespaceObject.css)(_templateObject1()),
+                            className: (0, css_namespaceObject.css)(_templateObject()),
                             onClick: ()=>setVisible(false, true)
                         })
                     ]
@@ -148,25 +138,23 @@ const ActionModal = (0, schema_namespaceObject.observer)((props)=>{
         }),
         ...others,
         ...modalProps,
-        style: {
-            ...null == modalProps ? void 0 : modalProps.style,
-            ...null == others ? void 0 : others.style
-        },
         destroyOnClose: true,
         open: visible,
         closable: false,
-        className: external_classnames_default()(others.className, null == modalProps ? void 0 : modalProps.className, styles.container, 'amplifier-block'),
         footer: !!footerSchema && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(schema_namespaceObject.RecursionField, {
             basePath: field.address,
             schema: schema,
             onlyRenderProperties: true,
             filterProperties: (s)=>s['x-component'] === footerNodeName
         }),
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(schema_namespaceObject.RecursionField, {
-            basePath: field.address,
-            schema: schema,
-            onlyRenderProperties: true,
-            filterProperties: (s)=>s['x-component'] !== footerNodeName
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: styles.modalClassName,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(schema_namespaceObject.RecursionField, {
+                basePath: field.address,
+                schema: schema,
+                onlyRenderProperties: true,
+                filterProperties: (s)=>s['x-component'] !== footerNodeName
+            })
         })
     });
 }, {
@@ -190,7 +178,7 @@ const Amplifier = ()=>{
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
         icon: isAmplifier ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.FullscreenExitOutlined, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.FullscreenOutlined, {}),
         type: "text",
-        className: (0, css_namespaceObject.css)(_templateObject2()),
+        className: (0, css_namespaceObject.css)(_templateObject1()),
         onClick: (e)=>{
             const element = e.target.closest('.ant-modal-content');
             const modal = document.querySelector('.ant-modal');

package/lib/schema-component/antd/action/Action.Modal.style.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__, {
+    useStyles: ()=>useStyles
+});
+const external_antd_style_namespaceObject = require("antd-style");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) raw = strings.slice(0);
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    const data = _tagged_template_literal([
+        "\n      &.tb-action-popup {\n        .ant-modal-header {\n          // TODO: theme variables\n          margin-top: -20px;\n          margin-left: -24px;\n          margin-right: -24px;\n          padding-top: 20px;\n          padding-left: 24px;\n          padding-right: 24px;\n          padding-bottom: 20px;\n        }\n        .ant-modal-content {\n          background: var(--tb-box-bg);\n        }\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    const data = _tagged_template_literal([
+        "\n      max-height: 80vh;\n      overflow: hidden;\n      .ant-tabs-content-holder {\n        height: 70vh;\n        overflow-y: scroll;\n        overflow-x: hidden;\n      }\n    "
+    ]);
+    _templateObject1 = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
+    let { css } = param;
+    return {
+        container: css(_templateObject()),
+        modalClassName: css(_templateObject1())
+    };
+});
+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/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/action/utils.js

@@ -168,80 +168,80 @@ const linkageAction = async (param)=>{
             return null;
     }
 };
-const afterSuccessSchema = {
-    type: 'object',
-    title: '{{t("After successful submission")}}',
-    properties: {
-        successMessage: {
-            title: '{{t("Popup message")}}',
-            'x-decorator': 'FormItem',
-            'x-component': 'Input.TextArea',
-            'x-component-props': {}
-        },
-        popupClose: {
-            title: '{{t("Popup close method")}}',
-            enum: [
-                {
-                    label: '{{t("Automatic close")}}',
-                    value: false
-                },
-                {
-                    label: '{{t("Manually close")}}',
-                    value: true
-                }
-            ],
-            'x-decorator': 'FormItem',
-            'x-component': 'Radio.Group',
-            'x-component-props': {}
-        },
-        manualClose: {
-            title: '{{t("Message clear metchod")}}',
-            enum: [
-                {
-                    label: '{{t("Automatic close")}}',
-                    value: false
-                },
-                {
-                    label: '{{t("Manually close")}}',
-                    value: true
-                }
-            ],
-            'x-decorator': 'FormItem',
-            'x-component': 'Radio.Group',
-            'x-component-props': {}
-        },
-        redirecting: {
-            title: '{{t("Then")}}',
-            enum: [
-                {
-                    label: '{{t("Stay on current page")}}',
-                    value: false
-                },
-                {
-                    label: '{{t("Redirect to")}}',
-                    value: true
-                }
-            ],
-            'x-decorator': 'FormItem',
-            'x-component': 'Radio.Group',
-            'x-component-props': {},
-            'x-reactions': {
-                target: 'redirectTo',
-                fulfill: {
-                    state: {
-                        visible: '{{!!$self.value}}'
+const afterSuccessSchema = (t)=>({
+        type: 'object',
+        title: t('After successful submission'),
+        properties: {
+            successMessage: {
+                title: '{{t("Popup message")}}',
+                'x-decorator': 'FormItem',
+                'x-component': 'Input.TextArea',
+                'x-component-props': {}
+            },
+            popupClose: {
+                title: '{{t("Popup close method")}}',
+                enum: [
+                    {
+                        label: '{{t("Automatic close")}}',
+                        value: false
+                    },
+                    {
+                        label: '{{t("Manually close")}}',
+                        value: true
+                    }
+                ],
+                'x-decorator': 'FormItem',
+                'x-component': 'Radio.Group',
+                'x-component-props': {}
+            },
+            manualClose: {
+                title: '{{t("Message clear metchod")}}',
+                enum: [
+                    {
+                        label: '{{t("Automatic close")}}',
+                        value: false
+                    },
+                    {
+                        label: '{{t("Manually close")}}',
+                        value: true
+                    }
+                ],
+                'x-decorator': 'FormItem',
+                'x-component': 'Radio.Group',
+                'x-component-props': {}
+            },
+            redirecting: {
+                title: '{{t("Then")}}',
+                enum: [
+                    {
+                        label: '{{t("Stay on current page")}}',
+                        value: false
+                    },
+                    {
+                        label: '{{t("Redirect to")}}',
+                        value: true
+                    }
+                ],
+                'x-decorator': 'FormItem',
+                'x-component': 'Radio.Group',
+                'x-component-props': {},
+                'x-reactions': {
+                    target: 'redirectTo',
+                    fulfill: {
+                        state: {
+                            visible: '{{!!$self.value}}'
+                        }
                     }
                 }
+            },
+            redirectTo: {
+                title: '{{t("Link")}}',
+                'x-decorator': 'FormItem',
+                'x-component': 'Input',
+                'x-component-props': {}
             }
-        },
-        redirectTo: {
-            title: '{{t("Link")}}',
-            'x-decorator': 'FormItem',
-            'x-component': 'Input',
-            'x-component-props': {}
         }
-    }
-};
+    });
 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/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,12 +80,19 @@ 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 [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.target.value);
+            else props.onChange(null);
+            setValue(value.target.value);
+        },
+        value: props.value || value,
         options: [
             {
                 label: t('?'),
-                value: void 0
+                value: 'null'
             },
             {
                 label: t('Yes'),

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