@tachybase/client 0.23.8-alpha.21 → 0.23.8-alpha.23

package/lib/schema-component/antd/grid-card/__tests__/grid-card.test.mjs

@@ -0,0 +1,24 @@
+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_test_client__ from "@tachybase/test/client";
+import * as __WEBPACK_EXTERNAL_MODULE__demos_demo1_mjs__ from "../demos/demo1.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/test/client"
+
+;// CONCATENATED MODULE: external "../demos/demo1.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/grid-card/__tests__/grid-card.test.tsx?__rslib_entry__
+
+
+
+
+describe('GridCard', ()=>{
+    it('should render correctly', ()=>{
+        (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__demos_demo1_mjs__["default"], {}));
+    });
+});
+

package/lib/schema-component/antd/grid-card/demos/demo1.mjs

@@ -0,0 +1,17 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/grid-card/demos/demo1.tsx?__rslib_entry__
+
+
+/* ESM default export */ const demo1_rslib_entry_ = ((()=>{
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        children: "TODO"
+    });
+}));
+
+export { demo1_rslib_entry_ as default };

package/lib/schema-component/antd/grid-card/hooks.mjs

@@ -0,0 +1,37 @@
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/grid-card/hooks.ts?__rslib_entry__
+const spaceProps = {
+    size: [
+        'large',
+        'small'
+    ],
+    wrap: true
+};
+const useGridCardActionBarProps = ()=>{
+    return {
+        spaceProps
+    };
+};
+const useGridCardDetailUrl = (param)=>{
+    let { collection, field, fieldSchema } = param;
+    const name = 'detail';
+    const { datasource = 'main', name: collectionName } = collection;
+    const { record } = field;
+    const primaryKey = 'id';
+    const primaryKeyValue = record[primaryKey];
+    return "/mobile/".concat(name, "/").concat(datasource, "/").concat(collectionName, "/").concat(primaryKeyValue);
+};
+const useGridCustomPageUrl = (param)=>{
+    let { field, fieldSchema } = param;
+    var _fieldSchema_parent_parent_xdecoratorprops, _fieldSchema_parent_parent, _fieldSchema_parent;
+    const { linkCollection, fields, linkDataSource, link } = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema_parent = fieldSchema.parent) === null || _fieldSchema_parent === void 0 ? void 0 : (_fieldSchema_parent_parent = _fieldSchema_parent.parent) === null || _fieldSchema_parent_parent === void 0 ? void 0 : (_fieldSchema_parent_parent_xdecoratorprops = _fieldSchema_parent_parent['x-decorator-props']) === null || _fieldSchema_parent_parent_xdecoratorprops === void 0 ? void 0 : _fieldSchema_parent_parent_xdecoratorprops['linkConfig']) || {};
+    const { record } = field;
+    let options = '?';
+    fields === null || fields === void 0 ? void 0 : fields.forEach((item, index)=>{
+        if (!record[item]) return;
+        return options += "".concat(index === 0 ? '' : '&').concat(item, "=").concat(record[item]);
+    });
+    return "".concat(link, "/").concat(linkDataSource, "/").concat(linkCollection).concat(options);
+};
+
+export { useGridCardActionBarProps, useGridCardDetailUrl, useGridCustomPageUrl };

package/lib/schema-component/antd/grid-card/index.mjs

@@ -0,0 +1,5 @@
+export * from "./GridCard.mjs";
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/grid-card/index.ts?__rslib_entry__
+
+

package/lib/schema-component/antd/grid-card/options.mjs

@@ -0,0 +1,38 @@
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/grid-card/options.ts?__rslib_entry__
+const pageSizeOptions = [
+    5,
+    6,
+    10,
+    12,
+    24,
+    60,
+    96,
+    120
+];
+const gridSizes = [
+    'xs',
+    'md',
+    'lg',
+    'xxl'
+];
+const screenSizeTitleMaps = {
+    xs: 'Phone device',
+    md: 'Tablet device',
+    lg: 'Desktop device',
+    xxl: 'Large screen device'
+};
+const screenSizeMaps = {
+    xs: '< 768',
+    md: '≥ 768',
+    lg: '≥ 992',
+    xxl: '≥ 1600'
+};
+const defaultColumnCount = {
+    xs: 1,
+    md: 2,
+    lg: 3,
+    xxl: 4
+};
+
+export { defaultColumnCount, gridSizes, pageSizeOptions, screenSizeMaps, screenSizeTitleMaps };

package/lib/schema-component/antd/icon-picker/IconFilterInput.mjs

@@ -0,0 +1,32 @@
+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__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "antd"
+
+;// CONCATENATED MODULE: external "lodash"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/icon-picker/IconFilterInput.tsx?__rslib_entry__
+
+
+
+
+const IconFilterInput = (props)=>{
+    const { changeFilterKey } = props;
+    const onChange = __WEBPACK_EXTERNAL_MODULE_lodash__["default"].debounce((e)=>{
+        const inputValue = e.target.value;
+        changeFilterKey(inputValue);
+    }, 100);
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input, {
+        allowClear: true,
+        placeholder: 'Antd的key,例如"ApiOutlined",忽略大小写',
+        onChange: onChange
+    });
+};
+
+export { IconFilterInput };

package/lib/schema-component/antd/icon-picker/IconList.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__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_index_mjs__ from "../../../icon/index.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "antd"
+
+;// CONCATENATED MODULE: external "../../../icon/index.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/icon-picker/IconList.tsx?__rslib_entry__
+
+
+
+
+const IconFilterList = (props)=>{
+    const { currentKey, filterKey, onChange, changePop } = props;
+    const iconKeysByFilter = (0,__WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if (!filterKey) {
+            return __WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.icons;
+        }
+        const filterIcons = new Map();
+        for (const key of __WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.icons.keys()){
+            if (key.toLowerCase().includes(filterKey.toLowerCase())) {
+                filterIcons.set(key, __WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.icons.get(key));
+            }
+        }
+        return filterIcons;
+    }, [
+        filterKey
+    ]);
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        style: {
+            width: '26em',
+            maxHeight: '20em',
+            overflowY: 'auto'
+        },
+        children: [
+            ...iconKeysByFilter.keys()
+        ].map((key)=>/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                style: {
+                    fontSize: 18,
+                    marginRight: 10,
+                    cursor: 'pointer',
+                    backgroundColor: currentKey == key ? '#9bb0d393' : ''
+                },
+                children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tooltip, {
+                    destroyTooltipOnHide: true,
+                    mouseEnterDelay: 0.3,
+                    mouseLeaveDelay: 0.3,
+                    placement: "top",
+                    title: key,
+                    arrow: {
+                        pointAtCenter: true
+                    },
+                    children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
+                        type: key,
+                        onClick: ()=>{
+                            onChange(key);
+                            changePop(false);
+                        }
+                    })
+                })
+            }, key))
+    });
+};
+
+export { IconFilterList };

package/lib/schema-component/antd/icon-picker/IconPicker.mjs

@@ -0,0 +1,116 @@
+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_components__ from "@tachybase/components";
+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";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_index_mjs__ from "../../../icon/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__popover_index_mjs__ from "../popover/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__IconFilterInput_mjs__ from "./IconFilterInput.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__IconList_mjs__ from "./IconList.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/components"
+
+;// CONCATENATED MODULE: external "@tachybase/schema"
+
+;// CONCATENATED MODULE: external "@ant-design/icons"
+
+;// CONCATENATED MODULE: external "antd"
+
+;// CONCATENATED MODULE: external "react-i18next"
+
+;// CONCATENATED MODULE: external "../../../icon/index.mjs"
+
+;// CONCATENATED MODULE: external "../popover/index.mjs"
+
+;// CONCATENATED MODULE: external "./IconFilterInput.mjs"
+
+;// CONCATENATED MODULE: external "./IconList.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/icon-picker/IconPicker.tsx?__rslib_entry__
+
+
+
+
+
+
+
+
+
+
+
+function IconField(props) {
+    const { value, onChange, disabled } = props;
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const layout = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_components__.useFormLayout)();
+    const [visible, setVisible] = (0,__WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const [filterKey, setFilterKey] = (0,__WEBPACK_EXTERNAL_MODULE_react__.useState)('');
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd__.Space.Compact, {
+            children: [
+                /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__popover_index_mjs__.StablePopover, {
+                    placement: 'bottom',
+                    open: visible,
+                    onOpenChange: (val)=>{
+                        if (disabled) {
+                            return;
+                        }
+                        setVisible(val);
+                    },
+                    content: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+                        children: [
+                            /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__IconFilterInput_mjs__.IconFilterInput, {
+                                changeFilterKey: setFilterKey
+                            }),
+                            /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__IconList_mjs__.IconFilterList, {
+                                currentKey: value,
+                                filterKey: filterKey,
+                                onChange: onChange,
+                                changePop: setVisible
+                            })
+                        ]
+                    }),
+                    title: t('Icon'),
+                    trigger: "click",
+                    children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                        size: layout.size,
+                        disabled: disabled,
+                        children: (0,__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.hasIcon)(value) ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
+                            type: value
+                        }) : t('Select icon')
+                    })
+                }),
+                value && !disabled && /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                    size: layout.size,
+                    icon: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CloseOutlined, {}),
+                    onClick: (e)=>{
+                        onChange(null);
+                    }
+                })
+            ]
+        })
+    });
+}
+const IconPicker = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.connect)(IconField, (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapProps)((props, field)=>{
+    return {
+        ...props,
+        suffix: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+            children: (field === null || field === void 0 ? void 0 : field['loading']) || (field === null || field === void 0 ? void 0 : field['validating']) ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.LoadingOutlined, {}) : props.suffix
+        })
+    };
+}), (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapReadPretty)((props)=>{
+    if (!(0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.isValid)(props.value)) {
+        return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {});
+    }
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__icon_index_mjs__.Icon, {
+        type: props.value
+    });
+}));
+/* ESM default export */ const IconPicker_rslib_entry_ = (IconPicker);
+
+export { IconPicker, IconPicker_rslib_entry_ as default };

package/lib/schema-component/antd/icon-picker/__tests__/icon-picker.test.mjs

@@ -0,0 +1,43 @@
+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_test_client__ from "@tachybase/test/client";
+import * as __WEBPACK_EXTERNAL_MODULE__demos_icon_picker_mjs__ from "../demos/icon-picker.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/test/client"
+
+;// CONCATENATED MODULE: external "../demos/icon-picker.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/icon-picker/__tests__/icon-picker.test.tsx?__rslib_entry__
+
+
+
+
+describe('IconPicker', ()=>{
+    it('should display all icons when click the button', async ()=>{
+        const { container } = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__demos_icon_picker_mjs__["default"], {}));
+        const button = container.querySelector('button');
+        await __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.userEvent.click(button);
+        expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('Icon')).toMatchInlineSnapshot('\n      <div\n        class="ant-popover-title"\n      >\n        Icon\n      </div>\n    ');
+        expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.queryAllByRole('img').length).toBe(421);
+    });
+    it.skip('should display the selected icon', async ()=>{
+        const { container } = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__demos_icon_picker_mjs__["default"], {}));
+        const button = container.querySelector('button');
+        await __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.userEvent.click(button);
+        const icon = __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.queryAllByRole('img')[0];
+        await __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.userEvent.click(icon);
+        const icons = __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.queryAllByRole('img');
+        // 被选中的图标
+        expect(icons[0]).toEqual(icon);
+        // 在 Read pretty 中显示的被选中的图标
+        expect(icons[2]).toEqual(icon);
+        // 清除按钮图标
+        await __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.userEvent.click(icons[1]);
+        expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.queryAllByRole('img').length).toBe(0);
+    }, 300000);
+});
+

package/lib/schema-component/antd/icon-picker/demos/icon-picker.mjs

@@ -0,0 +1,57 @@
+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_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/client"
+
+;// CONCATENATED MODULE: external "@tachybase/components"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/icon-picker/demos/icon-picker.tsx?__rslib_entry__
+
+
+
+
+const schema = {
+    type: 'object',
+    properties: {
+        input: {
+            type: 'boolean',
+            title: "Editable",
+            'x-decorator': 'FormItem',
+            'x-component': 'IconPicker',
+            'x-reactions': {
+                target: 'read',
+                fulfill: {
+                    state: {
+                        value: '{{$self.value}}'
+                    }
+                }
+            }
+        },
+        read: {
+            type: 'boolean',
+            title: "Read pretty",
+            'x-read-pretty': true,
+            'x-decorator': 'FormItem',
+            'x-component': 'IconPicker'
+        }
+    }
+};
+/* ESM default export */ const icon_picker_rslib_entry_ = ((()=>{
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponentProvider, {
+        components: {
+            IconPicker: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.IconPicker,
+            FormItem: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.FormItem
+        },
+        children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
+            schema: schema
+        })
+    });
+}));
+
+export { icon_picker_rslib_entry_ as default };

package/lib/schema-component/antd/icon-picker/index.mjs

@@ -0,0 +1,5 @@
+export * from "./IconPicker.mjs";
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/icon-picker/index.ts?__rslib_entry__
+
+

package/lib/schema-component/antd/index.css

@@ -0,0 +1,30 @@
+.ant-btn.ant-btn-danger {
+  text-shadow: none;
+  box-shadow: none;
+}
+
+.ant-formily-item-label {
+  color: #000000d9;
+  font-weight: 600;
+}
+
+.ant-table-pagination.ant-pagination {
+  margin-bottom: 0 !important;
+}
+
+.ant-formily-item {
+  font-size: inherit !important;
+}
+
+.ant-formily-item-bordered-none .ant-formily-item-feedback-layout-loose {
+  margin-bottom: 0 !important;
+}
+
+.ant-formily-item-control-content-component .ant-tag {
+  white-space: pre-wrap;
+}
+
+html body {
+  --adm-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+

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

@@ -0,0 +1,137 @@
+import * as __WEBPACK_EXTERNAL_MODULE__index_css__ from "./index.css";
+import * as __WEBPACK_EXTERNAL_MODULE__builtins_index_mjs__ from "./__builtins__/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_pro_layout__ from "@ant-design/pro-layout";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+export * from "./AntdSchemaComponentProvider.mjs";
+export * from "./action/index.mjs";
+export * from "./appends-tree-select/index.mjs";
+export * from "./association-cascader/index.mjs";
+export * from "./association-field/index.mjs";
+export * from "./association-select/index.mjs";
+export * from "./auto-complete/index.mjs";
+export * from "./block-item/index.mjs";
+export * from "./card-item/index.mjs";
+export * from "./cascader/index.mjs";
+export * from "./checkbox/index.mjs";
+export * from "./collection-select/index.mjs";
+export * from "./color-picker/index.mjs";
+export * from "./color-select/index.mjs";
+export * from "./cron/index.mjs";
+export * from "./custom-cascader/index.mjs";
+export * from "./date-picker/index.mjs";
+export * from "./details/index.mjs";
+export * from "./expand-action/index.mjs";
+export * from "./filter/index.mjs";
+export * from "./form/index.mjs";
+export * from "./form-dialog/index.mjs";
+export * from "./form-item/index.mjs";
+export * from "./form-tab/index.mjs";
+export * from "./form-v2/index.mjs";
+export * from "./grid/index.mjs";
+export * from "./grid-card/index.mjs";
+export * from "./icon-picker/index.mjs";
+export * from "./input/index.mjs";
+export * from "./input-number/index.mjs";
+export * from "./list/index.mjs";
+export * from "./markdown/index.mjs";
+export * from "./menu/index.mjs";
+export * from "./nanoIDInput/index.mjs";
+export * from "./page/index.mjs";
+export * from "./pagination/index.mjs";
+export * from "./password/index.mjs";
+export * from "./percent/index.mjs";
+export * from "./popover/index.mjs";
+export * from "./preview/index.mjs";
+export * from "./quick-edit/index.mjs";
+export * from "./radio/index.mjs";
+export * from "./record-picker/index.mjs";
+export * from "./remote-select/index.mjs";
+export * from "./rich-text/index.mjs";
+export * from "./scroll-area/index.mjs";
+export * from "./select/index.mjs";
+export * from "./space/index.mjs";
+export * from "./table/index.mjs";
+export * from "./table-v2/index.mjs";
+export * from "./tabs/index.mjs";
+export * from "./time-picker/index.mjs";
+export * from "./tree-select/index.mjs";
+export * from "./tree/index.mjs";
+export * from "./unixTimestamp/index.mjs";
+export * from "./upload/index.mjs";
+export * from "./variable/index.mjs";
+
+;// CONCATENATED MODULE: external "./index.css"
+
+;// CONCATENATED MODULE: external "./__builtins__/index.mjs"
+
+;// CONCATENATED MODULE: external "@ant-design/pro-layout"
+
+;// CONCATENATED MODULE: external "@tachybase/components"
+
+;// CONCATENATED MODULE: ./packages/client/src/schema-component/antd/index.ts?__rslib_entry__
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+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;
+export { __webpack_exports__CodeMirror as CodeMirror, __webpack_exports__PageHeader as PageHeader, __webpack_exports__genStyleHook as genStyleHook };