@nocobase/client 0.5.0-alpha.36 → 0.7.0-alpha.0

package/lib/schema-component/antd/filter/DynamicComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicComponent.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/filter/DynamicComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAA+D;AAC/D,wCAA2D;AAC3D,0CAAwC;AACxC,6CAAmD;AACnD,mCAA6C;AAC7C,qCAA2C;AAC3C,qCAA0C;AAEnC,IAAM,gBAAgB,GAAG,UAAC,KAAK;IAC5B,IAAA,gBAAgB,GAAK,IAAA,kBAAU,EAAC,uBAAa,CAAC,iBAA9B,CAA+B;IACvD,IAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,gBAAgB,CAAC,CAAC;IACjD,IAAM,IAAI,GAAG,IAAA,eAAO,EAAC;QACnB,OAAO,IAAA,iBAAU,EAAC;YAChB,MAAM,EAAE;gBACN,KAAK,EAAE,KAAK,CAAC,KAAK;aACnB;YACD,OAAO;gBACL,IAAA,yBAAkB,EAAC,OAAO,EAAE,UAAC,KAAK;;oBAChC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,+CAAf,KAAK,EAAa,KAAK,CAAC,KAAK,CAAC,CAAC;gBACjC,CAAC,CAAC,CAAC;YACL,CAAC;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAChE,IAAM,qBAAqB,GAAG;;QAC5B,OAAO,CACL,uBAAC,oBAAY,CAAC,QAAQ,aAAC,KAAK,EAAE,IAAI,gBAChC,uBAAC,sBAAe,IACd,MAAM,sBACJ,aAAa,EAAE,OAAO,IACnB,KAAK,CAAC,MAAM,KACf,mBAAmB,EAAE,IAAA,cAAK,EAAC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAG,mBAAmB,CAAC,KAAI,EAAE,EAAE;wBACrE,KAAK,EAAE;4BACL,QAAQ,EAAE,GAAG;yBACd;qBACF,CAAC,EACF,IAAI,EAAE,OAAO,EACb,eAAe,EAAE,KAAK,EACtB,aAAa,EAAE,SAAS,EACxB,aAAa,EAAE,SAAS,cAE1B,YACoB,CACzB,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CACL,uBAAC,mBAAW,CAAC,QAAQ,aAAC,KAAK,EAAE,IAAI,gBAC9B,SAAS;YACR,CAAC,CAAC,eAAK,CAAC,aAAa,CAAC,SAAS,EAAE;gBAC7B,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ;gBACzB,qBAAqB,uBAAA;aACtB,CAAC;YACJ,CAAC,CAAC,qBAAqB,EAAE,YACN,CACxB,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,gBAAgB,oBA+C3B","sourcesContent":["import { createForm, onFieldValueChange } from '@formily/core';\nimport { FieldContext, FormContext } from '@formily/react';\nimport { merge } from '@formily/shared';\nimport React, { useContext, useMemo } from 'react';\nimport { SchemaComponent } from '../../core';\nimport { useComponent } from '../../hooks';\nimport { FilterContext } from './context';\n\nexport const DynamicComponent = (props) => {\n  const { dynamicComponent } = useContext(FilterContext);\n  const component = useComponent(dynamicComponent);\n  const form = useMemo(() => {\n    return createForm({\n      values: {\n        value: props.value,\n      },\n      effects() {\n        onFieldValueChange('value', (field) => {\n          props?.onChange?.(field.value);\n        });\n      },\n    });\n  }, [JSON.stringify(props.schema), JSON.stringify(props.value)]);\n  const renderSchemaComponent = () => {\n    return (\n      <FieldContext.Provider value={null}>\n        <SchemaComponent\n          schema={{\n            'x-component': 'Input',\n            ...props.schema,\n            'x-component-props': merge(props?.schema?.['x-component-props'] || {}, {\n              style: {\n                minWidth: 150,\n              },\n            }),\n            name: 'value',\n            'x-read-pretty': false,\n            'x-validator': undefined,\n            'x-decorator': undefined,\n          }}\n        />\n      </FieldContext.Provider>\n    );\n  };\n  return (\n    <FormContext.Provider value={form}>\n      {component\n        ? React.createElement(component, {\n            value: props.value,\n            onChange: props?.onChange,\n            renderSchemaComponent,\n          })\n        : renderSchemaComponent()}\n    </FormContext.Provider>\n  );\n};\n"]}

package/lib/schema-component/antd/filter/Filter.Action.Designer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const useFilterableFields: (collectionName: string) => any;
+export declare const FilterActionDesigner: (props: any) => JSX.Element;

package/lib/schema-component/antd/filter/Filter.Action.Designer.js

@@ -0,0 +1,114 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterActionDesigner = exports.useFilterableFields = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@formily/react");
+var react_i18next_1 = require("react-i18next");
+var __1 = require("../..");
+var collection_manager_1 = require("../../../collection-manager");
+var schema_settings_1 = require("../../../schema-settings");
+var hooks_1 = require("../../hooks");
+var useFilterableFields = function (collectionName) {
+    var _a;
+    var _b = (0, collection_manager_1.useCollectionManager)(), getCollectionFields = _b.getCollectionFields, getInterface = _b.getInterface;
+    var fields = getCollectionFields(collectionName);
+    return (_a = fields === null || fields === void 0 ? void 0 : fields.filter) === null || _a === void 0 ? void 0 : _a.call(fields, function (field) {
+        if (!field.interface) {
+            return false;
+        }
+        var fieldInterface = getInterface(field.interface);
+        if (!fieldInterface.filterable) {
+            return false;
+        }
+        return true;
+    });
+};
+exports.useFilterableFields = useFilterableFields;
+var FilterActionDesigner = function (props) {
+    var _a, _b;
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var dn = (0, __1.useDesignable)().dn;
+    var name = (0, collection_manager_1.useCollection)().name;
+    var fields = (0, exports.useFilterableFields)(name);
+    var compile = (0, hooks_1.useCompile)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var nonfilterable = ((_a = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-component-props']) === null || _a === void 0 ? void 0 : _a.nonfilterable) || [];
+    return ((0, jsx_runtime_1.jsxs)(schema_settings_1.GeneralSchemaDesigner, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.ItemGroup, __assign({ title: t('Filterable fields') }, { children: fields.map(function (field) {
+                    var _a;
+                    var checked = !nonfilterable.includes(field.name);
+                    return ((0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.SwitchItem, { checked: checked, title: compile((_a = field === null || field === void 0 ? void 0 : field.uiSchema) === null || _a === void 0 ? void 0 : _a.title), onChange: function (value) {
+                            var _a;
+                            var _b;
+                            fieldSchema['x-component-props'] = (fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-component-props']) || {};
+                            var nonfilterable = ((_b = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-component-props']) === null || _b === void 0 ? void 0 : _b.nonfilterable) || [];
+                            if (!value) {
+                                nonfilterable.push(field.name);
+                            }
+                            else {
+                                var index = nonfilterable.indexOf(field.name);
+                                nonfilterable.splice(index, 1);
+                            }
+                            fieldSchema['x-component-props'].nonfilterable = nonfilterable;
+                            dn.emit('patch', {
+                                schema: (_a = {},
+                                    _a['x-uid'] = fieldSchema['x-uid'],
+                                    _a['x-component-props'] = __assign({}, fieldSchema['x-component-props']),
+                                    _a),
+                            });
+                            dn.refresh();
+                        } }, void 0));
+                }) }), void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.ModalItem, { title: t('Edit button'), schema: {
+                    type: 'object',
+                    title: t('Edit button'),
+                    properties: {
+                        title: {
+                            'x-decorator': 'FormItem',
+                            'x-component': 'Input',
+                            title: t('Button title'),
+                            default: fieldSchema.title,
+                            'x-component-props': {},
+                        },
+                        icon: {
+                            'x-decorator': 'FormItem',
+                            'x-component': 'IconPicker',
+                            title: t('Button icon'),
+                            default: (_b = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-component-props']) === null || _b === void 0 ? void 0 : _b.icon,
+                            'x-component-props': {},
+                        },
+                    },
+                }, onSubmit: function (_a) {
+                    var _b;
+                    var title = _a.title, icon = _a.icon;
+                    if (title) {
+                        fieldSchema.title = title;
+                        field.title = title;
+                        field.componentProps.icon = icon;
+                        fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+                        fieldSchema['x-component-props'].icon = icon;
+                        dn.emit('patch', {
+                            schema: (_b = {},
+                                _b['x-uid'] = fieldSchema['x-uid'],
+                                _b.title = title,
+                                _b['x-component-props'] = __assign({}, fieldSchema['x-component-props']),
+                                _b),
+                        });
+                        dn.refresh();
+                    }
+                } }, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Remove, { removeParentsIfNoChildren: true, breakRemoveOn: function (s) {
+                    return s['x-component'] === 'Space' || s['x-component'] === 'ActionBar';
+                } }, void 0)] }), void 0));
+};
+exports.FilterActionDesigner = FilterActionDesigner;
+//# sourceMappingURL=Filter.Action.Designer.js.map

package/lib/schema-component/antd/filter/Filter.Action.Designer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.Action.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/filter/Filter.Action.Designer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ISchema, useField, useFieldSchema } from '@formily/react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useDesignable } from '../..';\nimport { useCollection, useCollectionManager } from '../../../collection-manager';\nimport { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';\nimport { useCompile } from '../../hooks';\n\nexport const useFilterableFields = (collectionName: string) => {\n  const { getCollectionFields, getInterface } = useCollectionManager();\n  const fields = getCollectionFields(collectionName);\n  return fields?.filter?.((field) => {\n    if (!field.interface) {\n      return false;\n    }\n    const fieldInterface = getInterface(field.interface);\n    if (!fieldInterface.filterable) {\n      return false;\n    }\n    return true;\n  });\n};\n\nexport const FilterActionDesigner = (props) => {\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  const { dn } = useDesignable();\n  const { name } = useCollection();\n  const fields = useFilterableFields(name);\n  const compile = useCompile();\n  const { t } = useTranslation();\n  const nonfilterable = fieldSchema?.['x-component-props']?.nonfilterable || [];\n  return (\n    <GeneralSchemaDesigner {...props}>\n      <SchemaSettings.ItemGroup title={t('Filterable fields')}>\n        {fields.map((field) => {\n          const checked = !nonfilterable.includes(field.name);\n          return (\n            <SchemaSettings.SwitchItem\n              checked={checked}\n              title={compile(field?.uiSchema?.title)}\n              onChange={(value) => {\n                fieldSchema['x-component-props'] = fieldSchema?.['x-component-props'] || {};\n                const nonfilterable = fieldSchema?.['x-component-props']?.nonfilterable || [];\n                if (!value) {\n                  nonfilterable.push(field.name);\n                } else {\n                  const index = nonfilterable.indexOf(field.name);\n                  nonfilterable.splice(index, 1);\n                }\n                fieldSchema['x-component-props'].nonfilterable = nonfilterable;\n                dn.emit('patch', {\n                  schema: {\n                    ['x-uid']: fieldSchema['x-uid'],\n                    'x-component-props': {\n                      ...fieldSchema['x-component-props'],\n                    },\n                  },\n                });\n                dn.refresh();\n              }}\n            />\n          );\n        })}\n      </SchemaSettings.ItemGroup>\n      <SchemaSettings.Divider />\n      <SchemaSettings.ModalItem\n        title={t('Edit button')}\n        schema={\n          {\n            type: 'object',\n            title: t('Edit button'),\n            properties: {\n              title: {\n                'x-decorator': 'FormItem',\n                'x-component': 'Input',\n                title: t('Button title'),\n                default: fieldSchema.title,\n                'x-component-props': {},\n              },\n              icon: {\n                'x-decorator': 'FormItem',\n                'x-component': 'IconPicker',\n                title: t('Button icon'),\n                default: fieldSchema?.['x-component-props']?.icon,\n                'x-component-props': {},\n              },\n            },\n          } as ISchema\n        }\n        onSubmit={({ title, icon }) => {\n          if (title) {\n            fieldSchema.title = title;\n            field.title = title;\n            field.componentProps.icon = icon;\n            fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};\n            fieldSchema['x-component-props'].icon = icon;\n            dn.emit('patch', {\n              schema: {\n                ['x-uid']: fieldSchema['x-uid'],\n                title,\n                'x-component-props': {\n                  ...fieldSchema['x-component-props'],\n                },\n              },\n            });\n            dn.refresh();\n          }\n        }}\n      />\n      <SchemaSettings.Divider />\n      <SchemaSettings.Remove\n        removeParentsIfNoChildren\n        breakRemoveOn={(s) => {\n          return s['x-component'] === 'Space' || s['x-component'] === 'ActionBar';\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n"]}

package/lib/schema-component/antd/filter/Filter.d.ts

@@ -0,0 +1 @@
+export declare const Filter: any;

package/lib/schema-component/antd/filter/Filter.js

@@ -0,0 +1,43 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Filter = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@formily/react");
+var api_client_1 = require("../../../api-client");
+var useProps_1 = require("../../hooks/useProps");
+var context_1 = require("./context");
+var Filter_Action_Designer_1 = require("./Filter.Action.Designer");
+var FilterAction_1 = require("./FilterAction");
+var FilterGroup_1 = require("./FilterGroup");
+var SaveDefaultValue_1 = require("./SaveDefaultValue");
+var useDef = function (options) {
+    var field = (0, react_1.useField)();
+    return (0, api_client_1.useRequest)(function () { return Promise.resolve({ data: field.dataSource }); }, options);
+};
+exports.Filter = (0, react_1.observer)(function (props) {
+    var _a = props.useDataSource, useDataSource = _a === void 0 ? useDef : _a;
+    var _b = (0, useProps_1.useProps)(props), options = _b.options, dynamicComponent = _b.dynamicComponent, className = _b.className;
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    useDataSource({
+        onSuccess: function (data) {
+            field.dataSource = (data === null || data === void 0 ? void 0 : data.data) || [];
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: className }, { children: (0, jsx_runtime_1.jsx)(context_1.FilterContext.Provider, __assign({ value: { field: field, fieldSchema: fieldSchema, dynamicComponent: dynamicComponent, options: options || field.dataSource || [] } }, { children: (0, jsx_runtime_1.jsx)(FilterGroup_1.FilterGroup, __assign({}, props, { bordered: false }), void 0) }), void 0) }), void 0));
+});
+exports.Filter.SaveDefaultValue = SaveDefaultValue_1.SaveDefaultValue;
+exports.Filter.Action = FilterAction_1.FilterAction;
+exports.Filter.Action.Designer = Filter_Action_Designer_1.FilterActionDesigner;
+//# sourceMappingURL=Filter.js.map

package/lib/schema-component/antd/filter/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/filter/Filter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,wCAAoE;AAEpE,kDAAiD;AACjD,iDAAgD;AAChD,qCAA0C;AAC1C,mEAAgE;AAChE,+CAA8C;AAC9C,6CAA4C;AAC5C,uDAAsD;AAEtD,IAAM,MAAM,GAAG,UAAC,OAAO;IACrB,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAoB,CAAC;IAC3C,OAAO,IAAA,uBAAU,EAAC,cAAM,OAAA,OAAO,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAA3C,CAA2C,EAAE,OAAO,CAAC,CAAC;AAChF,CAAC,CAAC;AAEW,QAAA,MAAM,GAAQ,IAAA,gBAAQ,EAAC,UAAC,KAAU;IACrC,IAAA,KAA2B,KAAK,cAAV,EAAtB,aAAa,mBAAG,MAAM,KAAA,CAAW;IACnC,IAAA,KAA2C,IAAA,mBAAQ,EAAC,KAAK,CAAC,EAAxD,OAAO,aAAA,EAAE,gBAAgB,sBAAA,EAAE,SAAS,eAAoB,CAAC;IACjE,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAoB,CAAC;IAC3C,IAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IACrC,aAAa,CAAC;QACZ,SAAS,YAAC,IAAI;YACZ,KAAK,CAAC,UAAU,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,EAAE,CAAC;QACtC,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CACL,yCAAK,SAAS,EAAE,SAAS,gBACvB,uBAAC,uBAAa,CAAC,QAAQ,aACrB,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,WAAW,aAAA,EAAE,gBAAgB,kBAAA,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,CAAC,UAAU,IAAI,EAAE,EAAE,gBAE3F,uBAAC,yBAAW,eAAK,KAAK,IAAE,QAAQ,EAAE,KAAK,YAAI,YAEpB,YACrB,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAM,CAAC,gBAAgB,GAAG,mCAAgB,CAAC;AAE3C,cAAM,CAAC,MAAM,GAAG,2BAAY,CAAC;AAC7B,cAAM,CAAC,MAAM,CAAC,QAAQ,GAAG,6CAAoB,CAAC","sourcesContent":["import { ObjectField as ObjectFieldModel } from '@formily/core';\nimport { observer, useField, useFieldSchema } from '@formily/react';\nimport React from 'react';\nimport { useRequest } from '../../../api-client';\nimport { useProps } from '../../hooks/useProps';\nimport { FilterContext } from './context';\nimport { FilterActionDesigner } from './Filter.Action.Designer';\nimport { FilterAction } from './FilterAction';\nimport { FilterGroup } from './FilterGroup';\nimport { SaveDefaultValue } from './SaveDefaultValue';\n\nconst useDef = (options) => {\n  const field = useField<ObjectFieldModel>();\n  return useRequest(() => Promise.resolve({ data: field.dataSource }), options);\n};\n\nexport const Filter: any = observer((props: any) => {\n  const { useDataSource = useDef } = props;\n  const { options, dynamicComponent, className } = useProps(props);\n  const field = useField<ObjectFieldModel>();\n  const fieldSchema = useFieldSchema();\n  useDataSource({\n    onSuccess(data) {\n      field.dataSource = data?.data || [];\n    },\n  });\n  return (\n    <div className={className}>\n      <FilterContext.Provider\n        value={{ field, fieldSchema, dynamicComponent, options: options || field.dataSource || [] }}\n      >\n        <FilterGroup {...props} bordered={false} />\n        {/* <pre>{JSON.stringify(field.value, null, 2)}</pre> */}\n      </FilterContext.Provider>\n    </div>\n  );\n});\n\nFilter.SaveDefaultValue = SaveDefaultValue;\n\nFilter.Action = FilterAction;\nFilter.Action.Designer = FilterActionDesigner;\n"]}

package/lib/schema-component/antd/filter/FilterAction.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const FilterActionContext: React.Context<any>;
+export declare const FilterAction: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;

package/lib/schema-component/antd/filter/FilterAction.js

@@ -0,0 +1,154 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterAction = exports.FilterActionContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var css_1 = require("@emotion/css");
+var core_1 = require("@formily/core");
+var react_1 = require("@formily/react");
+var antd_1 = require("antd");
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var core_2 = require("../../core");
+var hooks_1 = require("../../hooks");
+var useProps_1 = require("../../hooks/useProps");
+var action_1 = require("../action");
+exports.FilterActionContext = (0, react_2.createContext)(null);
+exports.FilterAction = (0, react_1.observer)(function (props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var field = (0, react_1.useField)();
+    var _a = __read((0, react_2.useState)(false), 2), visible = _a[0], setVisible = _a[1];
+    var _b = (0, hooks_1.useDesignable)(), designable = _b.designable, dn = _b.dn;
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var form = (0, react_2.useMemo)(function () { return props.form || (0, core_1.createForm)(); }, []);
+    var _c = (0, useProps_1.useProps)(props), options = _c.options, onSubmit = _c.onSubmit, onReset = _c.onReset, others = __rest(_c, ["options", "onSubmit", "onReset"]);
+    return ((0, jsx_runtime_1.jsx)(exports.FilterActionContext.Provider, __assign({ value: { field: field, fieldSchema: fieldSchema, designable: designable, dn: dn } }, { children: (0, jsx_runtime_1.jsx)(antd_1.Popover, __assign({ destroyTooltipOnHide: true, placement: 'bottomLeft', visible: visible, onVisibleChange: function (visible) {
+                setVisible(visible);
+            }, trigger: 'click', content: (0, jsx_runtime_1.jsx)("form", { children: (0, jsx_runtime_1.jsxs)(core_2.FormProvider, __assign({ form: form }, { children: [(0, jsx_runtime_1.jsx)(core_2.SchemaComponent, { schema: {
+                                type: 'object',
+                                properties: {
+                                    filter: {
+                                        type: 'string',
+                                        enum: options || field.dataSource,
+                                        default: fieldSchema.default,
+                                        'x-component': 'Filter',
+                                        'x-component-props': {},
+                                    },
+                                },
+                            } }, void 0), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  display: flex;\n                  justify-content: flex-end;\n                  width: 100%;\n                "], ["\n                  display: flex;\n                  justify-content: flex-end;\n                  width: 100%;\n                "]))) }, { children: (0, jsx_runtime_1.jsxs)(antd_1.Space, { children: [(0, jsx_runtime_1.jsx)(SaveConditions, {}, void 0), (0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+                                            return __generator(this, function (_a) {
+                                                switch (_a.label) {
+                                                    case 0: return [4 /*yield*/, form.reset()];
+                                                    case 1:
+                                                        _a.sent();
+                                                        onReset === null || onReset === void 0 ? void 0 : onReset(form.values);
+                                                        field.title = t('Filter');
+                                                        setVisible(false);
+                                                        return [2 /*return*/];
+                                                }
+                                            });
+                                        }); } }, { children: t('Reset') }), void 0), (0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'primary', htmlType: 'submit', onClick: function (e) {
+                                            e.preventDefault();
+                                            e.stopPropagation();
+                                            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(form.values);
+                                            setVisible(false);
+                                        } }, { children: t('Submit') }), void 0)] }, void 0) }), void 0)] }), void 0) }, void 0) }, { children: (0, jsx_runtime_1.jsx)(action_1.Action, __assign({}, others), void 0) }), void 0) }), void 0));
+});
+var SaveConditions = function () {
+    var _a = (0, react_2.useContext)(exports.FilterActionContext), fieldSchema = _a.fieldSchema, field = _a.field, designable = _a.designable, dn = _a.dn;
+    var form = (0, react_1.useForm)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    if (!designable) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'dashed', className: (0, css_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        border-color: rgb(241, 139, 98);\n        color: rgb(241, 139, 98);\n      "], ["\n        border-color: rgb(241, 139, 98);\n        color: rgb(241, 139, 98);\n      "]))), onClick: function () {
+            var defaultValue = __assign({}, form.values.filter);
+            fieldSchema.default = defaultValue;
+            dn.emit('patch', {
+                schema: {
+                    'x-uid': fieldSchema['x-uid'],
+                    default: defaultValue,
+                },
+            });
+            dn.refresh();
+        } }, { children: t('Save conditions') }), void 0));
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=FilterAction.js.map

package/lib/schema-component/antd/filter/FilterAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterAction.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/filter/FilterAction.tsx"],"names":[],"mappings":"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","sourcesContent":["import { css } from '@emotion/css';\nimport { createForm, Field, Form } from '@formily/core';\nimport { observer, useField, useFieldSchema, useForm } from '@formily/react';\nimport { Button, Popover, Space } from 'antd';\nimport React, { createContext, useContext, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { FormProvider, SchemaComponent } from '../../core';\nimport { useDesignable } from '../../hooks';\nimport { useProps } from '../../hooks/useProps';\nimport { Action } from '../action';\n\nexport const FilterActionContext = createContext<any>(null);\n\nexport const FilterAction = observer((props: any) => {\n  const { t } = useTranslation();\n  const field = useField<Field>();\n  const [visible, setVisible] = useState(false);\n  const { designable, dn } = useDesignable();\n  const fieldSchema = useFieldSchema();\n  const form = useMemo<Form>(() => props.form || createForm(), []);\n  const { options, onSubmit, onReset, ...others } = useProps(props);\n  return (\n    <FilterActionContext.Provider value={{ field, fieldSchema, designable, dn }}>\n      <Popover\n        destroyTooltipOnHide\n        placement={'bottomLeft'}\n        visible={visible}\n        onVisibleChange={(visible) => {\n          setVisible(visible);\n        }}\n        trigger={'click'}\n        content={\n          <form>\n            <FormProvider form={form}>\n              <SchemaComponent\n                schema={{\n                  type: 'object',\n                  properties: {\n                    filter: {\n                      type: 'string',\n                      enum: options || field.dataSource,\n                      default: fieldSchema.default,\n                      'x-component': 'Filter',\n                      'x-component-props': {},\n                    },\n                  },\n                }}\n              />\n              <div\n                className={css`\n                  display: flex;\n                  justify-content: flex-end;\n                  width: 100%;\n                `}\n              >\n                <Space>\n                  <SaveConditions />\n                  <Button\n                    onClick={async () => {\n                      await form.reset();\n                      onReset?.(form.values);\n                      field.title = t('Filter');\n                      setVisible(false);\n                    }}\n                  >\n                    {t('Reset')}\n                  </Button>\n                  <Button\n                    type={'primary'}\n                    htmlType={'submit'}\n                    onClick={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                      onSubmit?.(form.values);\n                      setVisible(false);\n                    }}\n                  >\n                    {t('Submit')}\n                  </Button>\n                </Space>\n              </div>\n            </FormProvider>\n          </form>\n        }\n      >\n        <Action {...others} />\n      </Popover>\n    </FilterActionContext.Provider>\n  );\n});\n\nconst SaveConditions = () => {\n  const { fieldSchema, field, designable, dn } = useContext(FilterActionContext);\n  const form = useForm();\n  const { t } = useTranslation();\n  if (!designable) {\n    return null;\n  }\n  return (\n    <Button\n      type={'dashed'}\n      className={css`\n        border-color: rgb(241, 139, 98);\n        color: rgb(241, 139, 98);\n      `}\n      onClick={() => {\n        const defaultValue = { ...form.values.filter };\n        fieldSchema.default = defaultValue;\n        dn.emit('patch', {\n          schema: {\n            'x-uid': fieldSchema['x-uid'],\n            default: defaultValue,\n          },\n        });\n        dn.refresh();\n      }}\n    >\n      {t('Save conditions')}\n    </Button>\n  );\n};\n"]}

package/lib/schema-component/antd/filter/FilterGroup.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FilterGroup: React.ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & React.RefAttributes<unknown>>;

package/lib/schema-component/antd/filter/FilterGroup.js

@@ -0,0 +1,96 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterGroup = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_1 = require("@ant-design/icons");
+var react_1 = require("@formily/react");
+var antd_1 = require("antd");
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var context_1 = require("./context");
+var FilterItems_1 = require("./FilterItems");
+exports.FilterGroup = (0, react_1.connect)(function (props) {
+    var _a = props.bordered, bordered = _a === void 0 ? true : _a;
+    var field = (0, react_1.useField)();
+    var remove = (0, react_2.useContext)(context_1.RemoveConditionContext);
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var keys = Object.keys(field.value || {});
+    var logic = keys.includes('$or') ? '$or' : '$and';
+    var setLogic = function (value) {
+        var _a;
+        var obj = field.value || {};
+        field.value = (_a = {},
+            _a[value] = __spreadArray([], __read((obj[logic] || [])), false),
+            _a);
+    };
+    return ((0, jsx_runtime_1.jsx)(context_1.FilterLogicContext.Provider, __assign({ value: logic }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ style: bordered ? {
+                position: 'relative',
+                border: '1px dashed #dedede',
+                padding: 14,
+                marginBottom: 8,
+            } : {
+                position: 'relative',
+                marginBottom: 8,
+            } }, { children: [remove && ((0, jsx_runtime_1.jsx)("a", { children: (0, jsx_runtime_1.jsx)(icons_1.CloseCircleOutlined, { style: {
+                            position: 'absolute',
+                            right: 10,
+                            top: 10,
+                        }, onClick: function () { return remove(); } }, void 0) }, void 0)), (0, jsx_runtime_1.jsx)("div", __assign({ style: { marginBottom: 8 } }, { children: (0, jsx_runtime_1.jsxs)(react_i18next_1.Trans, { children: ['Meet ', (0, jsx_runtime_1.jsxs)(antd_1.Select, __assign({ style: { width: 'auto' }, value: logic, onChange: function (value) {
+                                    setLogic(value);
+                                } }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Select.Option, __assign({ value: '$and' }, { children: "All" }), void 0), (0, jsx_runtime_1.jsx)(antd_1.Select.Option, __assign({ value: '$or' }, { children: "Any" }), void 0)] }), void 0), ' conditions in the group'] }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_1.ArrayField, { name: logic, component: [FilterItems_1.FilterItems] }, void 0) }, void 0), (0, jsx_runtime_1.jsxs)(antd_1.Space, __assign({ size: 16, style: { marginTop: 8, marginBottom: 8 } }, { children: [(0, jsx_runtime_1.jsx)("a", __assign({ onClick: function () {
+                                var _a;
+                                var value = field.value || {};
+                                var items = value[logic] || [];
+                                items.push({});
+                                field.value = (_a = {},
+                                    _a[logic] = items,
+                                    _a);
+                            } }, { children: t('Add condition') }), void 0), (0, jsx_runtime_1.jsx)("a", __assign({ onClick: function () {
+                                var _a;
+                                var value = field.value || {};
+                                var items = value[logic] || [];
+                                items.push({
+                                    $and: [{}],
+                                });
+                                field.value = (_a = {},
+                                    _a[logic] = items,
+                                    _a);
+                            } }, { children: t('Add condition group') }), void 0)] }), void 0)] }), void 0) }), void 0));
+});
+//# sourceMappingURL=FilterGroup.js.map

package/lib/schema-component/antd/filter/FilterGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterGroup.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/filter/FilterGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CloseCircleOutlined } from '@ant-design/icons';\nimport { ObjectField as ObjectFieldModel } from '@formily/core';\nimport { ArrayField, connect, useField } from '@formily/react';\nimport { Select, Space } from 'antd';\nimport React, { useContext } from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { FilterLogicContext, RemoveConditionContext } from './context';\nimport { FilterItems } from './FilterItems';\n\nexport const FilterGroup = connect((props) => {\n  const { bordered = true } = props;\n  const field = useField<ObjectFieldModel>();\n  const remove = useContext(RemoveConditionContext);\n  const { t } = useTranslation();\n  const keys = Object.keys(field.value || {});\n  const logic = keys.includes('$or') ? '$or' : '$and';\n  const setLogic = (value) => {\n    const obj = field.value || {};\n    field.value = {\n      [value]: [...(obj[logic] || [])],\n    };\n  };\n  return (\n    <FilterLogicContext.Provider value={logic}>\n      <div\n        style={bordered ? {\n          position: 'relative',\n          border: '1px dashed #dedede',\n          padding: 14,\n          marginBottom: 8,\n        } : {\n          position: 'relative',\n          marginBottom: 8,\n        }}\n      >\n        {remove && (\n          <a>\n            <CloseCircleOutlined\n              style={{\n                position: 'absolute',\n                right: 10,\n                top: 10,\n              }}\n              onClick={() => remove()}\n            />\n          </a>\n        )}\n        <div style={{ marginBottom: 8 }}>\n          <Trans>\n            {'Meet '}\n            <Select\n              style={{ width: 'auto' }}\n              value={logic}\n              onChange={(value) => {\n                setLogic(value);\n              }}\n            >\n              <Select.Option value={'$and'}>All</Select.Option>\n              <Select.Option value={'$or'}>Any</Select.Option>\n            </Select>\n            {' conditions in the group'}\n          </Trans>\n        </div>\n        <div>\n          <ArrayField name={logic} component={[FilterItems]} />\n        </div>\n        <Space size={16} style={{ marginTop: 8, marginBottom: 8 }}>\n          <a\n            onClick={() => {\n              const value = field.value || {};\n              const items = value[logic] || [];\n              items.push({});\n              field.value = {\n                [logic]: items,\n              };\n            }}\n          >\n            {t('Add condition')}\n          </a>\n          <a\n            onClick={() => {\n              const value = field.value || {};\n              const items = value[logic] || [];\n              items.push({\n                $and: [{}],\n              });\n              field.value = {\n                [logic]: items,\n              };\n            }}\n          >\n            {t('Add condition group')}\n          </a>\n        </Space>\n      </div>\n    </FilterLogicContext.Provider>\n  );\n});\n"]}

package/lib/schema-component/antd/filter/FilterItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FilterItem: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;

package/lib/schema-component/antd/filter/FilterItem.js

@@ -0,0 +1,68 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_1 = require("@ant-design/icons");
+var react_1 = require("@formily/react");
+var antd_1 = require("antd");
+var react_2 = __importStar(require("react"));
+var __1 = require("../..");
+var context_1 = require("./context");
+var DynamicComponent_1 = require("./DynamicComponent");
+var useValues_1 = require("./useValues");
+exports.FilterItem = (0, react_1.observer)(function (props) {
+    var compile = (0, __1.useCompile)();
+    var remove = (0, react_2.useContext)(context_1.RemoveConditionContext);
+    var _a = (0, useValues_1.useValues)(), schema = _a.schema, fields = _a.fields, operators = _a.operators, dataIndex = _a.dataIndex, operator = _a.operator, setDataIndex = _a.setDataIndex, setOperator = _a.setOperator, value = _a.value, setValue = _a.setValue;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { marginBottom: 8 } }, { children: (0, jsx_runtime_1.jsxs)(antd_1.Space, { children: [(0, jsx_runtime_1.jsx)(antd_1.Cascader, { fieldNames: {
+                        label: 'title',
+                        value: 'name',
+                        children: 'children',
+                    }, style: {
+                        width: 150,
+                    }, changeOnSelect: false, value: dataIndex, options: compile(fields), onChange: function (value) {
+                        setDataIndex(value);
+                    } }, void 0), (0, jsx_runtime_1.jsx)(antd_1.Select, { value: operator === null || operator === void 0 ? void 0 : operator.value, options: compile(operators), onChange: function (value) {
+                        setOperator(value);
+                    }, style: {
+                        minWidth: 100,
+                    } }, void 0), !(operator === null || operator === void 0 ? void 0 : operator.noValue) &&
+                    react_2.default.createElement(DynamicComponent_1.DynamicComponent, {
+                        value: value,
+                        schema: schema,
+                        onChange: function (value) {
+                            setValue(value);
+                        },
+                    }), (0, jsx_runtime_1.jsx)("a", { children: (0, jsx_runtime_1.jsx)(icons_1.CloseCircleOutlined, { onClick: function () { return remove(); } }, void 0) }, void 0)] }, void 0) }), void 0));
+});
+//# sourceMappingURL=FilterItem.js.map

package/lib/schema-component/antd/filter/FilterItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterItem.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/filter/FilterItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAwD;AACxD,wCAA0C;AAC1C,6BAA+C;AAC/C,6CAA0C;AAC1C,2BAAmC;AACnC,qCAAmD;AACnD,uDAAsD;AACtD,yCAAwC;AAE3B,QAAA,UAAU,GAAG,IAAA,gBAAQ,EAAC,UAAC,KAAU;IAC5C,IAAM,OAAO,GAAG,IAAA,cAAU,GAAE,CAAC;IAC7B,IAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,gCAAsB,CAAC,CAAC;IAC5C,IAAA,KAAiG,IAAA,qBAAS,GAAE,EAA1G,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAgB,CAAC;IACnH,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,gBAC7B,wBAAC,YAAK,eACJ,uBAAC,eAAQ,IACP,UAAU,EAAE;wBACV,KAAK,EAAE,OAAO;wBACd,KAAK,EAAE,MAAM;wBACb,QAAQ,EAAE,UAAU;qBACrB,EACD,KAAK,EAAE;wBACL,KAAK,EAAE,GAAG;qBACX,EACD,cAAc,EAAE,KAAK,EACrB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EACxB,QAAQ,EAAE,UAAC,KAAK;wBACd,YAAY,CAAC,KAAK,CAAC,CAAC;oBACtB,CAAC,WACD,EACF,uBAAC,aAAM,IACL,KAAK,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EACtB,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,EAC3B,QAAQ,EAAE,UAAC,KAAK;wBACd,WAAW,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC,EACD,KAAK,EAAE;wBACL,QAAQ,EAAE,GAAG;qBACd,WACD,EACD,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAA;oBACjB,eAAK,CAAC,aAAa,CAAC,mCAAgB,EAAE;wBACpC,KAAK,OAAA;wBACL,MAAM,QAAA;wBACN,QAAQ,YAAC,KAAK;4BACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;wBAClB,CAAC;qBACF,CAAC,EACJ,wCACE,uBAAC,2BAAmB,IAAC,OAAO,EAAE,cAAM,OAAA,MAAM,EAAE,EAAR,CAAQ,WAAI,WAC9C,YACE,YACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { CloseCircleOutlined } from '@ant-design/icons';\nimport { observer } from '@formily/react';\nimport { Cascader, Select, Space } from 'antd';\nimport React, { useContext } from 'react';\nimport { useCompile } from '../..';\nimport { RemoveConditionContext } from './context';\nimport { DynamicComponent } from './DynamicComponent';\nimport { useValues } from './useValues';\n\nexport const FilterItem = observer((props: any) => {\n  const compile = useCompile();\n  const remove = useContext(RemoveConditionContext);\n  const { schema, fields, operators, dataIndex, operator, setDataIndex, setOperator, value, setValue } = useValues();\n  return (\n    <div style={{ marginBottom: 8 }}>\n      <Space>\n        <Cascader\n          fieldNames={{\n            label: 'title',\n            value: 'name',\n            children: 'children',\n          }}\n          style={{\n            width: 150,\n          }}\n          changeOnSelect={false}\n          value={dataIndex}\n          options={compile(fields)}\n          onChange={(value) => {\n            setDataIndex(value);\n          }}\n        />\n        <Select\n          value={operator?.value}\n          options={compile(operators)}\n          onChange={(value) => {\n            setOperator(value);\n          }}\n          style={{\n            minWidth: 100,\n          }}\n        />\n        {!operator?.noValue &&\n          React.createElement(DynamicComponent, {\n            value,\n            schema,\n            onChange(value) {\n              setValue(value);\n            },\n          })}\n        <a>\n          <CloseCircleOutlined onClick={() => remove()} />\n        </a>\n      </Space>\n    </div>\n  );\n});\n"]}

package/lib/schema-component/antd/filter/FilterItems.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FilterItems: React.MemoExoticComponent<React.FunctionComponent<unknown>>;

package/lib/schema-component/antd/filter/FilterItems.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterItems = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@formily/react");
+var context_1 = require("./context");
+var FilterGroup_1 = require("./FilterGroup");
+var FilterItem_1 = require("./FilterItem");
+exports.FilterItems = (0, react_1.observer)(function (props) {
+    var _a;
+    var field = (0, react_1.useField)();
+    return ((0, jsx_runtime_1.jsx)("div", { children: (_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.map(function (item, index) {
+            return ((0, jsx_runtime_1.jsx)(context_1.RemoveConditionContext.Provider, __assign({ value: function () { return field.remove(index); } }, { children: (0, jsx_runtime_1.jsx)(react_1.ObjectField, { name: index, component: [item.$and || item.$or ? FilterGroup_1.FilterGroup : FilterItem_1.FilterItem] }, void 0) }), void 0));
+        }) }, void 0));
+});
+//# sourceMappingURL=FilterItems.js.map

package/lib/schema-component/antd/filter/FilterItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterItems.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/filter/FilterItems.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,wCAAiE;AAEjE,qCAAmD;AACnD,6CAA4C;AAC5C,2CAA0C;AAE7B,QAAA,WAAW,GAAG,IAAA,gBAAQ,EAAC,UAAC,KAAK;;IACxC,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAmB,CAAC;IAC1C,OAAO,CACL,0CACG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;YAC7B,OAAO,CACL,uBAAC,gCAAsB,CAAC,QAAQ,aAAC,KAAK,EAAE,cAAM,OAAA,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnB,CAAmB,gBAC/D,uBAAC,mBAAW,IAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,yBAAW,CAAC,CAAC,CAAC,uBAAU,CAAC,WAAI,YAC3D,CACnC,CAAC;QACJ,CAAC,CAAC,WACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { ArrayField as ArrayFieldModel } from '@formily/core';\nimport { ObjectField, observer, useField } from '@formily/react';\nimport React from 'react';\nimport { RemoveConditionContext } from './context';\nimport { FilterGroup } from './FilterGroup';\nimport { FilterItem } from './FilterItem';\n\nexport const FilterItems = observer((props) => {\n  const field = useField<ArrayFieldModel>();\n  return (\n    <div>\n      {field?.value?.map((item, index) => {\n        return (\n          <RemoveConditionContext.Provider value={() => field.remove(index)}>\n            <ObjectField name={index} component={[item.$and || item.$or ? FilterGroup : FilterItem]} />\n          </RemoveConditionContext.Provider>\n        );\n      })}\n    </div>\n  );\n});\n"]}