npm - @nocobase/client - Versions diffs - 0.7.0-alpha.26 → 0.7.0-alpha.29 - Mend

@nocobase/client 0.7.0-alpha.26 → 0.7.0-alpha.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (237) hide show

package/esm/schema-component/antd/filter/Filter.Action.Designer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Filter.Action.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/filter/Filter.Action.Designer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAW,QAAQ,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,cAAsB;;IAClD,IAAA,KAAwC,oBAAoB,EAAE,EAA5D,mBAAmB,yBAAA,EAAE,YAAY,kBAA2B,CAAC;IACrE,IAAM,MAAM,GAAG,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACnD,OAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,+CAAd,MAAM,EAAW,UAAC,KAAK;QAC5B,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACpB,OAAO,KAAK,CAAC;SACd;QACD,IAAM,cAAc,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACrD,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;YAC9B,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAAK;;IACxC,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAC7B,IAAA,EAAE,GAAK,aAAa,EAAE,GAApB,CAAqB;IACvB,IAAA,IAAI,GAAK,aAAa,EAAE,KAApB,CAAqB;IACjC,IAAM,MAAM,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACzC,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IACrB,IAAA,CAAC,GAAK,cAAc,EAAE,EAArB,CAAsB;IAC/B,IAAM,aAAa,GAAG,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,mBAAmB,CAAC,0CAAE,aAAa,KAAI,EAAE,CAAC;IAC9E,OAAO,CACL,MAAC,qBAAqB,eAAK,KAAK,~~eAC9B~~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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"]}
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} disableInitializer>\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/esm/schema-component/antd/filter/FilterGroup.js CHANGED Viewed

@@ -56,18 +56,21 @@ export var FilterGroup = connect(function (props) {
             _a[value] = __spreadArray([], __read((obj[logic] || [])), false),
             _a);
     };
-    return (_jsx(FilterLogicContext.Provider, __assign({ value: logic }, { children: _jsxs("div", __assign({ style: bordered ? {
-                position: 'relative',
-                border: '1px dashed #dedede',
-                padding: 14,
-                marginBottom: 8,
-            } : {
-                position: 'relative',
-                marginBottom: 8,
-            } }, { children: [remove && (_jsx("a", { children: _jsx(CloseCircleOutlined, { style: {
+    return (_jsx(FilterLogicContext.Provider, __assign({ value: logic }, { children: _jsxs("div", __assign({ style: bordered
+                ? {
+                    position: 'relative',
+                    border: '1px dashed #dedede',
+                    padding: 14,
+                    marginBottom: 8,
+                }
+                : {
+                    position: 'relative',
+                    marginBottom: 8,
+                } }, { children: [remove && (_jsx("a", { children: _jsx(CloseCircleOutlined, { style: {
                             position: 'absolute',
                             right: 10,
                             top: 10,
+                            color: '#bfbfbf',
                         }, onClick: function () { return remove(); } }, void 0) }, void 0)), _jsx("div", __assign({ style: { marginBottom: 8 } }, { children: _jsxs(Trans, { children: ['Meet ', _jsxs(Select, __assign({ style: { width: 'auto' }, value: logic, onChange: function (value) {
                                     setLogic(value);
                                 } }, { children: [_jsx(Select.Option, __assign({ value: '$and' }, { children: "All" }), void 0), _jsx(Select.Option, __assign({ value: '$or' }, { children: "Any" }), void 0)] }), void 0), ' conditions in the group'] }, void 0) }), void 0), _jsx("div", { children: _jsx(ArrayField, { name: logic, component: [FilterItems] }, void 0) }, void 0), _jsxs(Space, __assign({ size: 16, style: { marginTop: 8, marginBottom: 8 } }, { children: [_jsx("a", __assign({ onClick: function () {

package/esm/schema-component/antd/filter/FilterGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterGroup.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/filter/FilterGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AACrC,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,IAAM,WAAW,GAAG,OAAO,CAAC,UAAC,KAAK;IAC/B,IAAA,KAAoB,KAAK,SAAV,EAAf,QAAQ,mBAAG,IAAI,KAAA,CAAW;IAClC,IAAM,KAAK,GAAG,QAAQ,EAAoB,CAAC;IAC3C,IAAM,MAAM,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC1C,IAAA,CAAC,GAAK,cAAc,EAAE,EAArB,CAAsB;IAC/B,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC5C,IAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IACpD,IAAM,QAAQ,GAAG,UAAC,KAAK;;QACrB,IAAM,GAAG,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;QAC9B,KAAK,CAAC,KAAK;YACT,GAAC,KAAK,6BAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,SAAC;eACjC,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,aAAC,KAAK,EAAE,KAAK,gBACvC,wBACE,KAAK,~~EAAE~~,QAAQ,CAAC,CAAC~~,CAAC~~;~~gBAChB~~,QAAQ,EAAE,UAAU;~~gBACpB~~,MAAM,EAAE,oBAAoB;~~gBAC5B~~,OAAO,EAAE,EAAE;~~gBACX~~,YAAY,EAAE,CAAC;~~aAChB~~,CAAC,CAAC~~,CAAC~~;~~gBACF~~,QAAQ,EAAE,UAAU;~~gBACpB~~,YAAY,EAAE,CAAC;~~aAChB~~,~~iBAEA~~,MAAM,IAAI,CACT,sBACE,KAAC,mBAAmB,IAClB,KAAK,EAAE;4BACL,QAAQ,EAAE,UAAU;4BACpB,KAAK,EAAE,EAAE;4BACT,GAAG,EAAE,EAAE;~~yBACR~~,EACD,OAAO,EAAE,cAAM,OAAA,MAAM,EAAE,EAAR,CAAQ,WACvB,WACA,CACL,EACD,uBAAK,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,gBAC7B,MAAC,KAAK,eACH,OAAO,EACR,MAAC,MAAM,aACL,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,KAAK;oCACd,QAAQ,CAAC,KAAK,CAAC,CAAC;gCAClB,CAAC,iBAED,KAAC,MAAM,CAAC,MAAM,aAAC,KAAK,EAAE,MAAM,iCAAqB,EACjD,KAAC,MAAM,CAAC,MAAM,aAAC,KAAK,EAAE,KAAK,iCAAqB,aACzC,EACR,0BAA0B,YACrB,YACJ,EACN,wBACE,KAAC,UAAU,IAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,WAAW,CAAC,WAAI,WACjD,EACN,MAAC,KAAK,aAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,iBACvD,qBACE,OAAO,EAAE;;gCACP,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;gCAChC,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gCACjC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gCACf,KAAK,CAAC,KAAK;oCACT,GAAC,KAAK,IAAG,KAAK;uCACf,CAAC;4BACJ,CAAC,gBAEA,CAAC,CAAC,eAAe,CAAC,YACjB,EACJ,qBACE,OAAO,EAAE;;gCACP,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;gCAChC,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gCACjC,KAAK,CAAC,IAAI,CAAC;oCACT,IAAI,EAAE,CAAC,EAAE,CAAC;iCACX,CAAC,CAAC;gCACH,KAAK,CAAC,KAAK;oCACT,GAAC,KAAK,IAAG,KAAK;uCACf,CAAC;4BACJ,CAAC,gBAEA,CAAC,CAAC,qBAAqB,CAAC,YACvB,aACE,aACJ,YACsB,CAC/B,CAAC;AACJ,CAAC,CAAC,CAAC","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"]}
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={\n bordered\n ? {\n position: 'relative',\n border: '1px dashed #dedede',\n padding: 14,\n marginBottom: 8,\n }\n : {\n position: 'relative',\n marginBottom: 8,\n }\n }\n >\n {remove && (\n <a>\n <CloseCircleOutlined\n style={{\n position: 'absolute',\n right: 10,\n top: 10,\n color: '#bfbfbf',\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/esm/schema-component/antd/filter/FilterItem.js CHANGED Viewed

@@ -41,6 +41,6 @@ export var FilterItem = observer(function (props) {
                         onChange: function (value) {
                             setValue(value);
                         },
-                    }), _jsx("a", { children: _jsx(CloseCircleOutlined, { onClick: function () { return remove(); } }, void 0) }, void 0)] }, void 0) }), void 0));
+                    }), _jsx("a", { children: _jsx(CloseCircleOutlined, { onClick: function () { return remove(); }, style: { color: '#bfbfbf' } }, void 0) }, void 0)] }, void 0) }), void 0));
 });
 //# sourceMappingURL=FilterItem.js.map

package/esm/schema-component/antd/filter/FilterItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterItem.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/filter/FilterItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,IAAM,UAAU,GAAG,QAAQ,CAAC,UAAC,KAAU;IAC5C,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,IAAM,MAAM,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC5C,IAAA,KAAiG,SAAS,EAAE,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,uBAAK,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,gBAC7B,MAAC,KAAK,eACJ,KAAC,QAAQ,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,KAAC,MAAM,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,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE;wBACpC,KAAK,OAAA;wBACL,MAAM,QAAA;wBACN,QAAQ,YAAC,KAAK;4BACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;wBAClB,CAAC;qBACF,CAAC,EACJ,sBACE,KAAC,mBAAmB,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"]}
1	+ {"version":3,"file":"FilterItem.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/filter/FilterItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,IAAM,UAAU,GAAG,QAAQ,CAAC,UAAC,KAAU;IAC5C,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,IAAM,MAAM,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC5C,IAAA,KAAiG,SAAS,EAAE,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,uBAAK,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,gBAC7B,MAAC,KAAK,eACJ,KAAC,QAAQ,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,KAAC,MAAM,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,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE;wBACpC,KAAK,OAAA;wBACL,MAAM,QAAA;wBACN,QAAQ,YAAC,KAAK;4BACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;wBAClB,CAAC;qBACF,CAAC,EACJ,sBACE,KAAC,mBAAmB,IAAC,OAAO,EAAE,cAAM,OAAA,MAAM,EAAE,EAAR,CAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,WAAI,WAC3E,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()} style={{ color: '#bfbfbf' }} />\n </a>\n </Space>\n </div>\n );\n});\n"]}

package/esm/schema-component/antd/form-v2/Form.js CHANGED Viewed

@@ -22,10 +22,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FormLayout } from '@formily/antd';
-import { createForm } from '@formily/core';
+import { createForm, onFormInputChange } from '@formily/core';
 import { FieldContext, FormContext, observer, RecursionField, useField, useFieldSchema } from '@formily/react';
+import { uid } from '@nocobase/utils';
 import { Spin } from 'antd';
-import { useMemo } from 'react';
+import { useEffect, useMemo } from 'react';
+import { useActionContext } from '..';
 import { useAttach, useComponent } from '../..';
 import { useProps } from '../../hooks/useProps';
 var FormComponent = function (props) {
@@ -47,12 +49,34 @@ var FormDecorator = function (props) {
     return (_jsx(FieldContext.Provider, __assign({ value: undefined }, { children: _jsx(FormContext.Provider, __assign({ value: form }, { children: _jsx(FormLayout, __assign({ layout: 'vertical' }, others, { children: _jsx(FieldContext.Provider, __assign({ value: f }, { children: _jsx(Component, __assign({}, field.componentProps, { children: _jsx(RecursionField, { basePath: f.address, schema: fieldSchema, onlyRenderProperties: true }, void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
 };
 var WithForm = function (props) {
+    var form = props.form;
     var fieldSchema = useFieldSchema();
+    var setFormValueChanged = useActionContext().setFormValueChanged;
+    useEffect(function () {
+        var id = uid();
+        form.addEffects(id, function () {
+            onFormInputChange(function (form) {
+                setFormValueChanged(true);
+            });
+        });
+        return function () {
+            form.removeEffects(id);
+        };
+    }, []);
     return fieldSchema['x-decorator'] === 'Form' ? _jsx(FormDecorator, __assign({}, props), void 0) : _jsx(FormComponent, __assign({}, props), void 0);
 };
 var WithoutForm = function (props) {
     var fieldSchema = useFieldSchema();
-    var form = useMemo(function () { return createForm(); }, []);
+    var setFormValueChanged = useActionContext().setFormValueChanged;
+    var form = useMemo(function () {
+        return createForm({
+            effects: function () {
+                onFormInputChange(function (form) {
+                    setFormValueChanged(true);
+                });
+            },
+        });
+    }, []);
     return fieldSchema['x-decorator'] === 'Form' ? (_jsx(FormDecorator, __assign({ form: form }, props), void 0)) : (_jsx(FormComponent, __assign({ form: form }, props), void 0));
 };
 export var Form = observer(function (props) {

package/esm/schema-component/antd/form-v2/Form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/form-v2/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAS,MAAM,eAAe,CAAC;~~AAClD~~,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC/G,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;~~AACvC~~,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAMhD,IAAM,aAAa,GAAwB,UAAC,KAAK;IACvC,IAAA,IAAI,GAA0B,KAAK,KAA/B,EAAE,QAAQ,GAAgB,KAAK,SAArB,EAAK,MAAM,UAAK,KAAK,EAArC,oBAA6B,CAAF,CAAW;IAC5C,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,6CAA6C;IAC7C,IAAM,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,eAAe,uBAAM,KAAK,CAAC,KAAK,KAAE,QAAQ,EAAE,EAAE,IAAG,CAAC,CAAC;IAC5E,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,aAAC,KAAK,EAAE,SAAS,gBACrC,KAAC,WAAW,CAAC,QAAQ,aAAC,KAAK,EAAE,IAAI,gBAC/B,KAAC,UAAU,aAAC,MAAM,EAAE,UAAU,IAAM,MAAM,cACxC,KAAC,cAAc,IAAC,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,oBAAoB,iBAAG,YACtE,YACQ,YACD,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,GAAG,GAAG,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,QAAQ,EAAd,CAAc,CAAC;AAE3C,IAAM,aAAa,GAAwB,UAAC,KAAK;IACvC,IAAA,IAAI,GAA0B,KAAK,KAA/B,EAAE,QAAQ,GAAgB,KAAK,SAArB,EAAK,MAAM,UAAK,KAAK,EAArC,oBAA6B,CAAF,CAAW;IAC5C,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,6CAA6C;IAC7C,IAAM,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,eAAe,uBAAM,KAAK,CAAC,KAAK,KAAE,QAAQ,EAAE,EAAE,IAAG,CAAC,CAAC;IAC5E,IAAM,SAAS,GAAG,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,GAAG,CAAC,CAAC;IAChE,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,aAAC,KAAK,EAAE,SAAS,gBACrC,KAAC,WAAW,CAAC,QAAQ,aAAC,KAAK,EAAE,IAAI,gBAC/B,KAAC,UAAU,aAAC,MAAM,EAAE,UAAU,IAAM,MAAM,cACxC,KAAC,YAAY,CAAC,QAAQ,aAAC,KAAK,EAAE,CAAC,gBAC7B,KAAC,SAAS,eAAK,KAAK,CAAC,cAAc,cACjC,KAAC,cAAc,IAAC,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,oBAAoB,iBAAG,YACvE,YACU,YAEb,YACQ,YACD,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,KAAK;~~IACrB~~,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;~~IACrC~~,OAAO,WAAW,CAAC,aAAa,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,KAAC,aAAa,eAAK,KAAK,UAAI,CAAC,CAAC,CAAC,KAAC,aAAa,eAAK,KAAK,UAAI,CAAC;AAC7G,CAAC,CAAC;AAEF,IAAM,WAAW,GAAG,UAAC,KAAK;IACxB,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;~~IACrC~~,IAAM,IAAI,GAAG,OAAO,~~CAAC~~,~~cAAM,~~OAAA,UAAU,~~EAAE~~,~~EAAZ~~,~~CAAY~~,~~EAAE~~,~~EAAE~~,CAAC,CAAC;~~IAC7C~~,OAAO,WAAW,CAAC,aAAa,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAC7C,KAAC,aAAa,aAAC,IAAI,EAAE,IAAI,IAAM,KAAK,UAAI,CACzC,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,aAAC,IAAI,EAAE,IAAI,IAAM,KAAK,UAAI,CACzC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAuE,QAAQ,CAAC,UAAC,KAAK;IACrG,IAAM,KAAK,GAAG,QAAQ,EAAS,CAAC;IAChC,IAAM,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAAnC,IAAI,UAAA,EAAK,MAAM,cAAjB,QAAmB,CAAkB,CAAC;IAC5C,OAAO,CACL,yBACE,KAAC,IAAI,aAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,gBACnC,IAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,aAAC,IAAI,EAAE,IAAI,IAAM,MAAM,UAAI,CAAC,CAAC,CAAC,KAAC,WAAW,eAAK,MAAM,UAAI,YACrE,WACF,CACR,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { FormLayout } from '@formily/antd';\nimport { createForm, Field } from '@formily/core';\nimport { FieldContext, FormContext, observer, RecursionField, useField, useFieldSchema } from '@formily/react';\nimport { Spin } from 'antd';\nimport React, { useMemo } from 'react';\nimport { useAttach, useComponent } from '../..';\nimport { useProps } from '../../hooks/useProps';\n\nexport interface FormProps {\n [key: string]: any;\n}\n\nconst FormComponent: React.FC<FormProps> = (props) => {\n const { form, children, ...others } = props;\n const field = useField();\n const fieldSchema = useFieldSchema();\n // TODO: component 里 useField 会与当前 field 存在偏差\n const f = useAttach(form.createVoidField({ ...field.props, basePath: '' }));\n return (\n <FieldContext.Provider value={undefined}>\n <FormContext.Provider value={form}>\n <FormLayout layout={'vertical'} {...others}>\n <RecursionField basePath={f.address} schema={fieldSchema} onlyRenderProperties />\n </FormLayout>\n </FormContext.Provider>\n </FieldContext.Provider>\n );\n};\n\nconst Def = (props: any) => props.children;\n\nconst FormDecorator: React.FC<FormProps> = (props) => {\n const { form, children, ...others } = props;\n const field = useField();\n const fieldSchema = useFieldSchema();\n // TODO: component 里 useField 会与当前 field 存在偏差\n const f = useAttach(form.createVoidField({ ...field.props, basePath: '' }));\n const Component = useComponent(fieldSchema['x-component'], Def);\n return (\n <FieldContext.Provider value={undefined}>\n <FormContext.Provider value={form}>\n <FormLayout layout={'vertical'} {...others}>\n <FieldContext.Provider value={f}>\n <Component {...field.componentProps}>\n <RecursionField basePath={f.address} schema={fieldSchema} onlyRenderProperties />\n </Component>\n </FieldContext.Provider>\n {/* <FieldContext.Provider value={f}>{children}</FieldContext.Provider> */}\n </FormLayout>\n </FormContext.Provider>\n </FieldContext.Provider>\n );\n};\n\nconst WithForm = (props) => {\n const fieldSchema = useFieldSchema();\n return fieldSchema['x-decorator'] === 'Form' ? <FormDecorator {...props} /> : <FormComponent {...props} />;\n};\n\nconst WithoutForm = (props) => {\n const fieldSchema = useFieldSchema();\n const form = useMemo(() => ~~createForm~~(), []);\n return fieldSchema['x-decorator'] === 'Form' ? (\n <FormDecorator form={form} {...props} />\n ) : (\n <FormComponent form={form} {...props} />\n );\n};\n\nexport const Form: React.FC<FormProps> & { Designer?: any; ReadPrettyDesigner?: any } = observer((props) => {\n const field = useField<Field>();\n const { form, ...others } = useProps(props);\n return (\n <form>\n <Spin spinning={field.loading \|\| false}>\n {form ? <WithForm form={form} {...others} /> : <WithoutForm {...others} />}\n </Spin>\n </form>\n );\n});\n"]}
1	+ {"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/form-v2/Form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FormLayout } from '@formily/antd';\nimport { createForm, Field, onFormInputChange } from '@formily/core';\nimport { FieldContext, FormContext, observer, RecursionField, useField, useFieldSchema } from '@formily/react';\nimport { uid } from '@nocobase/utils';\nimport { Spin } from 'antd';\nimport React, { useEffect, useMemo } from 'react';\nimport { useActionContext } from '..';\nimport { useAttach, useComponent } from '../..';\nimport { useProps } from '../../hooks/useProps';\n\nexport interface FormProps {\n [key: string]: any;\n}\n\nconst FormComponent: React.FC<FormProps> = (props) => {\n const { form, children, ...others } = props;\n const field = useField();\n const fieldSchema = useFieldSchema();\n // TODO: component 里 useField 会与当前 field 存在偏差\n const f = useAttach(form.createVoidField({ ...field.props, basePath: '' }));\n return (\n <FieldContext.Provider value={undefined}>\n <FormContext.Provider value={form}>\n <FormLayout layout={'vertical'} {...others}>\n <RecursionField basePath={f.address} schema={fieldSchema} onlyRenderProperties />\n </FormLayout>\n </FormContext.Provider>\n </FieldContext.Provider>\n );\n};\n\nconst Def = (props: any) => props.children;\n\nconst FormDecorator: React.FC<FormProps> = (props) => {\n const { form, children, ...others } = props;\n const field = useField();\n const fieldSchema = useFieldSchema();\n // TODO: component 里 useField 会与当前 field 存在偏差\n const f = useAttach(form.createVoidField({ ...field.props, basePath: '' }));\n const Component = useComponent(fieldSchema['x-component'], Def);\n return (\n <FieldContext.Provider value={undefined}>\n <FormContext.Provider value={form}>\n <FormLayout layout={'vertical'} {...others}>\n <FieldContext.Provider value={f}>\n <Component {...field.componentProps}>\n <RecursionField basePath={f.address} schema={fieldSchema} onlyRenderProperties />\n </Component>\n </FieldContext.Provider>\n {/* <FieldContext.Provider value={f}>{children}</FieldContext.Provider> */}\n </FormLayout>\n </FormContext.Provider>\n </FieldContext.Provider>\n );\n};\n\nconst WithForm = (props) => {\n const { form } = props;\n const fieldSchema = useFieldSchema();\n const { setFormValueChanged } = useActionContext();\n useEffect(() => {\n const id = uid();\n form.addEffects(id, () => {\n onFormInputChange((form) => {\n setFormValueChanged(true);\n });\n });\n return () => {\n form.removeEffects(id);\n };\n }, []);\n return fieldSchema['x-decorator'] === 'Form' ? <FormDecorator {...props} /> : <FormComponent {...props} />;\n};\n\nconst WithoutForm = (props) => {\n const fieldSchema = useFieldSchema();\n const { setFormValueChanged } = useActionContext();\n const form = useMemo(\n () =>\n createForm({\n effects() {\n onFormInputChange((form) => {\n setFormValueChanged(true);\n });\n },\n }),\n [],\n );\n return fieldSchema['x-decorator'] === 'Form' ? (\n <FormDecorator form={form} {...props} />\n ) : (\n <FormComponent form={form} {...props} />\n );\n};\n\nexport const Form: React.FC<FormProps> & { Designer?: any; ReadPrettyDesigner?: any } = observer((props) => {\n const field = useField<Field>();\n const { form, ...others } = useProps(props);\n return (\n <form>\n <Spin spinning={field.loading \|\| false}>\n {form ? <WithForm form={form} {...others} /> : <WithoutForm {...others} />}\n </Spin>\n </form>\n );\n});\n"]}

package/esm/schema-component/antd/grid/Grid.d.ts CHANGED Viewed

@@ -1 +1,3 @@
+export declare const useGridContext: () => any;
+export declare const useGridRowContext: () => any;
 export declare const Grid: any;

package/esm/schema-component/antd/grid/Grid.js CHANGED Viewed

@@ -40,6 +40,7 @@ import { useSchemaInitializer } from '../../../';
 import { DndContext } from '../../common/dnd-context';
 var GridRowContext = createContext(null);
 var GridColContext = createContext(null);
+var GridContext = createContext({});
 var ColDivider = function (props) {
     var _a = useDroppable({
         id: props.id,
@@ -131,15 +132,21 @@ var DndWrapper = function (props) {
     }
     return _jsx(DndContext, __assign({}, props.dndContext, { children: props.children }), void 0);
 };
+export var useGridContext = function () {
+    return useContext(GridContext);
+};
+export var useGridRowContext = function () {
+    return useContext(GridRowContext);
+};
 export var Grid = observer(function (props) {
     var field = useField();
     var fieldSchema = useFieldSchema();
     var render = useSchemaInitializer(fieldSchema['x-initializer']).render;
     var addr = field.address.toString();
     var rows = useRowProperties();
-    return (_jsxs("div", __assign({ className: 'nb-grid', style: { position: 'relative' } }, { children: [_jsxs(DndWrapper, __assign({ dndContext: props.dndContext }, { children: [_jsx(RowDivider, { id: addr + "_0", data: { wrapSchema: wrapRowSchema, insertAdjacent: 'afterBegin', schema: fieldSchema } }, void 0), rows.map(function (schema, index) {
-                        return (_jsxs(React.Fragment, { children: [_jsx(RecursionField, { name: schema.name, schema: schema }, void 0), _jsx(RowDivider, { id: addr + "_" + (index + 1), data: { wrapSchema: wrapRowSchema, insertAdjacent: 'afterEnd', schema: schema } }, void 0)] }, schema.name));
-                    })] }), void 0), render()] }), void 0));
+    return (_jsx(GridContext.Provider, __assign({ value: { fieldSchema: fieldSchema, renderSchemaInitializer: render } }, { children: _jsxs("div", __assign({ className: 'nb-grid', style: { position: 'relative' } }, { children: [_jsxs(DndWrapper, __assign({ dndContext: props.dndContext }, { children: [_jsx(RowDivider, { id: addr + "_0", data: { wrapSchema: wrapRowSchema, insertAdjacent: 'afterBegin', schema: fieldSchema } }, void 0), rows.map(function (schema, index) {
+                            return (_jsxs(React.Fragment, { children: [_jsx(RecursionField, { name: schema.name, schema: schema }, void 0), _jsx(RowDivider, { id: addr + "_" + (index + 1), data: { wrapSchema: wrapRowSchema, insertAdjacent: 'afterEnd', schema: schema } }, void 0)] }, schema.name));
+                        })] }), void 0), render()] }), void 0) }), void 0));
 });
 Grid.Row = observer(function (props) {
     var field = useField();

package/esm/schema-component/antd/grid/Grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/grid/Grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useDndMonitor, useDroppable } from '@dnd-kit/core';\nimport { css } from '@emotion/css';\nimport { observer, RecursionField, Schema, useField, useFieldSchema } from '@formily/react';\nimport { uid } from '@formily/shared';\nimport cls from 'classnames';\nimport React, { createContext, useContext, useState } from 'react';\nimport { useSchemaInitializer } from '../../../';\nimport { DndContext } from '../../common/dnd-context';\n\nconst GridRowContext = createContext(null);\nconst GridColContext = createContext(null);\n\nconst ColDivider = (props) => {\n const { isOver, setNodeRef } = useDroppable({\n id: props.id,\n data: props.data,\n });\n\n const droppableStyle = {\n backgroundColor: isOver ? 'rgba(241, 139, 98, .1)' : undefined,\n };\n\n return (\n <div\n ref={setNodeRef}\n className={cls(\n 'nb-col-divider',\n css`\n width: 24px;\n `,\n )}\n style={{ ...droppableStyle }}\n ></div>\n );\n};\n\nconst RowDivider = (props) => {\n const { isOver, setNodeRef } = useDroppable({\n id: props.id,\n data: props.data,\n });\n\n const droppableStyle = {};\n\n if (isOver) {\n droppableStyle['backgroundColor'] = 'rgba(241, 139, 98, .1)';\n }\n\n const [active, setActive] = useState(false);\n\n useDndMonitor({\n onDragStart(event) {\n setActive(true);\n },\n onDragMove(event) {},\n onDragOver(event) {},\n onDragEnd(event) {\n setActive(false);\n },\n onDragCancel(event) {\n setActive(false);\n },\n });\n\n return (\n <span\n ref={setNodeRef}\n className={cls(\n 'nb-row-divider',\n css`\n height: 24px;\n width: 100%;\n position: absolute;\n margin-top: -24px;\n `,\n )}\n style={{\n zIndex: active ? 1000 : 0,\n // height: 24,\n // width: '100%',\n // position: 'absolute',\n // marginTop: -24,\n ...droppableStyle,\n }}\n />\n );\n};\n\nconst wrapRowSchema = (schema: Schema) => {\n const row = new Schema({\n type: 'void',\n name: `row_${uid()}`,\n 'x-uid': uid(),\n 'x-component': 'Grid.Row',\n });\n const col = row.addProperty(uid(), {\n type: 'void',\n 'x-uid': uid(),\n 'x-component': 'Grid.Col',\n });\n if (Schema.isSchemaInstance(schema)) {\n schema.parent = col;\n }\n col.addProperty(schema.name, schema);\n return row;\n};\n\nconst wrapColSchema = (schema: Schema) => {\n const s = new Schema({\n type: 'void',\n name: `col_${uid()}`,\n 'x-uid': uid(),\n 'x-component': 'Grid.Col',\n });\n // parent 更新了，需要重新指定\n if (Schema.isSchemaInstance(schema)) {\n schema.parent = s;\n }\n s.addProperty(schema.name, schema);\n return s;\n};\n\nconst useRowProperties = () => {\n const fieldSchema = useFieldSchema();\n return fieldSchema.reduceProperties((buf, s) => {\n if (s['x-component'] === 'Grid.Row' && !s['x-hidden']) {\n buf.push(s);\n }\n return buf;\n }, []);\n};\n\nconst useColProperties = () => {\n const fieldSchema = useFieldSchema();\n return fieldSchema.reduceProperties((buf, s) => {\n if (s['x-component'] === 'Grid.Col' && !s['x-hidden']) {\n buf.push(s);\n }\n return buf;\n }, []);\n};\n\nconst DndWrapper = (props) => {\n if (props.dndContext === false) {\n return <>{props.children}</>;\n }\n return <DndContext {...props.dndContext}>{props.children}</DndContext>;\n};\n\nexport const Grid: any = observer((props: any) => {\n const field = useField();\n const fieldSchema = useFieldSchema();\n const { render } = useSchemaInitializer(fieldSchema['x-initializer']);\n const addr = field.address.toString();\n const rows = useRowProperties();\n return (\n <div className={'nb-grid'} style={{ position: 'relative' }}>\n <DndWrapper dndContext={props.dndContext}>\n <RowDivider\n id={`${addr}_0`}\n data={{ wrapSchema: wrapRowSchema, insertAdjacent: 'afterBegin', schema: fieldSchema }}\n />\n {rows.map((schema, index) => {\n return (\n <React.Fragment key={schema.name}>\n <RecursionField name={schema.name} schema={schema} />\n <RowDivider\n id={`${addr}_${index + 1}`}\n data={{ wrapSchema: wrapRowSchema, insertAdjacent: 'afterEnd', schema }}\n />\n </React.Fragment>\n );\n })}\n </DndWrapper>\n {render()}\n </div>\n );\n});\n\nGrid.Row = observer((props) => {\n const field = useField();\n const fieldSchema = useFieldSchema();\n const addr = field.address.toString();\n const cols = useColProperties();\n return (\n <GridRowContext.Provider value={{ cols }}>\n <div\n className={cls(\n 'nb-grid-row',\n css`\n margin: 0 -24px;\n display: flex;\n position: relative;\n z-index: 0;\n `,\n )}\n >\n <ColDivider\n id={`${addr}_0`}\n data={{ wrapSchema: wrapColSchema, insertAdjacent: 'afterBegin', schema: fieldSchema }}\n />\n {cols.map((schema, index) => {\n return (\n <React.Fragment key={schema.name}>\n <RecursionField name={schema.name} schema={schema} />\n <ColDivider\n id={`${addr}_${index + 1}`}\n data={{ wrapSchema: wrapColSchema, insertAdjacent: 'afterEnd', schema }}\n />\n </React.Fragment>\n );\n })}\n </div>\n </GridRowContext.Provider>\n );\n});\n\nGrid.Col = observer((props: any) => {\n const { cols } = useContext(GridRowContext);\n const w = props.width \|\| 100 / cols.length;\n const width = `calc(${w}% - 24px - 24px / ${cols.length})`;\n return (\n <div\n style={{ width }}\n className={cls(\n 'nb-grid-col',\n css`\n position: relative;\n z-index: 0;\n `,\n )}\n >\n {props.children}\n </div>\n );\n});\n"]}
1	+ {"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/grid/Grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useDndMonitor, useDroppable } from '@dnd-kit/core';\nimport { css } from '@emotion/css';\nimport { observer, RecursionField, Schema, useField, useFieldSchema } from '@formily/react';\nimport { uid } from '@formily/shared';\nimport cls from 'classnames';\nimport React, { createContext, useContext, useState } from 'react';\nimport { useSchemaInitializer } from '../../../';\nimport { DndContext } from '../../common/dnd-context';\n\nconst GridRowContext = createContext(null);\nconst GridColContext = createContext(null);\nconst GridContext = createContext<any>({});\n\nconst ColDivider = (props) => {\n const { isOver, setNodeRef } = useDroppable({\n id: props.id,\n data: props.data,\n });\n\n const droppableStyle = {\n backgroundColor: isOver ? 'rgba(241, 139, 98, .1)' : undefined,\n };\n\n return (\n <div\n ref={setNodeRef}\n className={cls(\n 'nb-col-divider',\n css`\n width: 24px;\n `,\n )}\n style={{ ...droppableStyle }}\n ></div>\n );\n};\n\nconst RowDivider = (props) => {\n const { isOver, setNodeRef } = useDroppable({\n id: props.id,\n data: props.data,\n });\n\n const droppableStyle = {};\n\n if (isOver) {\n droppableStyle['backgroundColor'] = 'rgba(241, 139, 98, .1)';\n }\n\n const [active, setActive] = useState(false);\n\n useDndMonitor({\n onDragStart(event) {\n setActive(true);\n },\n onDragMove(event) {},\n onDragOver(event) {},\n onDragEnd(event) {\n setActive(false);\n },\n onDragCancel(event) {\n setActive(false);\n },\n });\n\n return (\n <span\n ref={setNodeRef}\n className={cls(\n 'nb-row-divider',\n css`\n height: 24px;\n width: 100%;\n position: absolute;\n margin-top: -24px;\n `,\n )}\n style={{\n zIndex: active ? 1000 : 0,\n // height: 24,\n // width: '100%',\n // position: 'absolute',\n // marginTop: -24,\n ...droppableStyle,\n }}\n />\n );\n};\n\nconst wrapRowSchema = (schema: Schema) => {\n const row = new Schema({\n type: 'void',\n name: `row_${uid()}`,\n 'x-uid': uid(),\n 'x-component': 'Grid.Row',\n });\n const col = row.addProperty(uid(), {\n type: 'void',\n 'x-uid': uid(),\n 'x-component': 'Grid.Col',\n });\n if (Schema.isSchemaInstance(schema)) {\n schema.parent = col;\n }\n col.addProperty(schema.name, schema);\n return row;\n};\n\nconst wrapColSchema = (schema: Schema) => {\n const s = new Schema({\n type: 'void',\n name: `col_${uid()}`,\n 'x-uid': uid(),\n 'x-component': 'Grid.Col',\n });\n // parent 更新了，需要重新指定\n if (Schema.isSchemaInstance(schema)) {\n schema.parent = s;\n }\n s.addProperty(schema.name, schema);\n return s;\n};\n\nconst useRowProperties = () => {\n const fieldSchema = useFieldSchema();\n return fieldSchema.reduceProperties((buf, s) => {\n if (s['x-component'] === 'Grid.Row' && !s['x-hidden']) {\n buf.push(s);\n }\n return buf;\n }, []);\n};\n\nconst useColProperties = () => {\n const fieldSchema = useFieldSchema();\n return fieldSchema.reduceProperties((buf, s) => {\n if (s['x-component'] === 'Grid.Col' && !s['x-hidden']) {\n buf.push(s);\n }\n return buf;\n }, []);\n};\n\nconst DndWrapper = (props) => {\n if (props.dndContext === false) {\n return <>{props.children}</>;\n }\n return <DndContext {...props.dndContext}>{props.children}</DndContext>;\n};\n\nexport const useGridContext = () => {\n return useContext(GridContext);\n};\n\nexport const useGridRowContext = () => {\n return useContext(GridRowContext);\n}\n\nexport const Grid: any = observer((props: any) => {\n const field = useField();\n const fieldSchema = useFieldSchema();\n const { render } = useSchemaInitializer(fieldSchema['x-initializer']);\n const addr = field.address.toString();\n const rows = useRowProperties();\n return (\n <GridContext.Provider value={{ fieldSchema, renderSchemaInitializer: render }}>\n <div className={'nb-grid'} style={{ position: 'relative' }}>\n <DndWrapper dndContext={props.dndContext}>\n <RowDivider\n id={`${addr}_0`}\n data={{ wrapSchema: wrapRowSchema, insertAdjacent: 'afterBegin', schema: fieldSchema }}\n />\n {rows.map((schema, index) => {\n return (\n <React.Fragment key={schema.name}>\n <RecursionField name={schema.name} schema={schema} />\n <RowDivider\n id={`${addr}_${index + 1}`}\n data={{ wrapSchema: wrapRowSchema, insertAdjacent: 'afterEnd', schema }}\n />\n </React.Fragment>\n );\n })}\n </DndWrapper>\n {render()}\n </div>\n </GridContext.Provider>\n );\n});\n\nGrid.Row = observer((props) => {\n const field = useField();\n const fieldSchema = useFieldSchema();\n const addr = field.address.toString();\n const cols = useColProperties();\n return (\n <GridRowContext.Provider value={{ cols }}>\n <div\n className={cls(\n 'nb-grid-row',\n css`\n margin: 0 -24px;\n display: flex;\n position: relative;\n z-index: 0;\n `,\n )}\n >\n <ColDivider\n id={`${addr}_0`}\n data={{ wrapSchema: wrapColSchema, insertAdjacent: 'afterBegin', schema: fieldSchema }}\n />\n {cols.map((schema, index) => {\n return (\n <React.Fragment key={schema.name}>\n <RecursionField name={schema.name} schema={schema} />\n <ColDivider\n id={`${addr}_${index + 1}`}\n data={{ wrapSchema: wrapColSchema, insertAdjacent: 'afterEnd', schema }}\n />\n </React.Fragment>\n );\n })}\n </div>\n </GridRowContext.Provider>\n );\n});\n\nGrid.Col = observer((props: any) => {\n const { cols } = useContext(GridRowContext);\n const w = props.width \|\| 100 / cols.length;\n const width = `calc(${w}% - 24px - 24px / ${cols.length})`;\n return (\n <div\n style={{ width }}\n className={cls(\n 'nb-grid-col',\n css`\n position: relative;\n z-index: 0;\n `,\n )}\n >\n {props.children}\n </div>\n );\n});\n"]}

package/esm/schema-component/antd/menu/Menu.Designer.js CHANGED Viewed

@@ -224,29 +224,39 @@ export var MenuDesigner = function () {
             });
         });
     };
-    return (_jsxs(GeneralSchemaDesigner, { children: [_jsx(SchemaSettings.ModalItem, { title: t('Edit'), schema: {
-                    type: 'object',
-                    title: t('Edit menu item'),
-                    properties: {
-                        title: {
-                            title: t('Menu item title'),
-                            required: true,
-                            'x-decorator': 'FormItem',
-                            'x-component': 'Input',
-                            'x-component-props': {},
-                        },
-                        icon: {
-                            title: t('Menu item icon'),
-                            'x-component': 'IconPicker',
-                            'x-decorator': 'FormItem',
-                        },
-                    },
-                }, initialValues: {
-                    title: field.title,
-                    icon: field.componentProps.icon,
-                }, onSubmit: function (_a) {
+    var schema = {
+        type: 'object',
+        title: t('Edit menu item'),
+        properties: {
+            title: {
+                title: t('Menu item title'),
+                required: true,
+                'x-decorator': 'FormItem',
+                'x-component': 'Input',
+                'x-component-props': {},
+            },
+            icon: {
+                title: t('Menu item icon'),
+                'x-component': 'IconPicker',
+                'x-decorator': 'FormItem',
+            },
+        },
+    };
+    var initialValues = {
+        title: field.title,
+        icon: field.componentProps.icon,
+    };
+    if (fieldSchema['x-component'] === 'Menu.URL') {
+        schema.properties['href'] = {
+            title: t('Link'),
+            'x-component': 'Input',
+            'x-decorator': 'FormItem',
+        };
+        initialValues['href'] = field.componentProps.href;
+    }
+    return (_jsxs(GeneralSchemaDesigner, { children: [_jsx(SchemaSettings.ModalItem, { title: t('Edit'), schema: schema, initialValues: initialValues, onSubmit: function (_a) {
                     var _b;
-                    var title = _a.title, icon = _a.icon;
+                    var title = _a.title, icon = _a.icon, href = _a.href;
                     var schema = (_b = {},
                         _b['x-uid'] = fieldSchema['x-uid'],
                         _b);
@@ -257,9 +267,11 @@ export var MenuDesigner = function () {
                         refresh();
                     }
                     field.componentProps.icon = icon;
-                    schema['x-component-props'] = { icon: icon };
+                    field.componentProps.href = href;
+                    schema['x-component-props'] = { icon: icon, href: href };
                     fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
                     fieldSchema['x-component-props']['icon'] = icon;
+                    fieldSchema['x-component-props']['href'] = href;
                     dn.emit('patch', {
                         schema: schema,
                     });

package/esm/schema-component/antd/menu/Menu.Designer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/menu/Menu.Designer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TreeSelect } from '@formily/antd';\nimport { Field, onFieldChange } from '@formily/core';\nimport { ISchema, Schema, useField, useFieldSchema } from '@formily/react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { findByUid } from '.';\nimport { createDesignable } from '../..';\nimport { GeneralSchemaDesigner, SchemaSettings, useAPIClient, useDesignable } from '../../../';\n\nconst toItems = (properties = {}) => {\n const items = [];\n for (const key in properties) {\n if (Object.prototype.hasOwnProperty.call(properties, key)) {\n const element = properties[key];\n const item = {\n label: element.title,\n value: `${element['x-uid']}\|\|${element['x-component']}`,\n };\n if (element.properties) {\n const children = toItems(element.properties);\n if (children?.length) {\n item['children'] = children;\n }\n }\n items.push(item);\n }\n }\n return items;\n};\n\nconst findMenuSchema = (fieldSchema: Schema) => {\n let parent = fieldSchema.parent;\n while (parent) {\n if (parent['x-component'] === 'Menu') {\n return parent;\n }\n parent = parent.parent;\n }\n};\n\nconst InsertMenuItems = (props) => {\n const { eventKey, title, insertPosition } = props;\n const { t } = useTranslation();\n const { dn } = useDesignable();\n const fieldSchema = useFieldSchema();\n const isSubMenu = fieldSchema['x-component'] === 'Menu.SubMenu';\n if (!isSubMenu && insertPosition === 'beforeEnd') {\n return null;\n }\n return (\n <SchemaSettings.SubMenu eventKey={eventKey} title={title}>\n <SchemaSettings.ModalItem\n eventKey={`${insertPosition}group`}\n title={t('Group')}\n schema={\n {\n type: 'object',\n title: t('Add group'),\n properties: {\n title: {\n 'x-decorator': 'FormItem',\n 'x-component': 'Input',\n title: t('Menu item title'),\n required: true,\n 'x-component-props': {},\n // description: `原字段标题：${collectionField?.uiSchema?.title}`,\n },\n icon: {\n title: t('Icon'),\n 'x-component': 'IconPicker',\n 'x-decorator': 'FormItem',\n },\n },\n } as ISchema\n }\n onSubmit={({ title, icon }) => {\n dn.insertAdjacent(insertPosition, {\n type: 'void',\n title,\n 'x-component': 'Menu.SubMenu',\n 'x-decorator': 'ACLMenuItemProvider',\n 'x-component-props': {\n icon,\n },\n 'x-server-hooks': [\n {\n type: 'onSelfCreate',\n method: 'bindMenuToRole',\n },\n ],\n });\n }}\n />\n <SchemaSettings.ModalItem\n eventKey={`${insertPosition}page`}\n title={t('Page')}\n schema={\n {\n type: 'object',\n title: t('Add page'),\n properties: {\n title: {\n 'x-decorator': 'FormItem',\n 'x-component': 'Input',\n title: t('Menu item title'),\n required: true,\n 'x-component-props': {},\n },\n icon: {\n title: t('Icon'),\n 'x-component': 'IconPicker',\n 'x-decorator': 'FormItem',\n },\n },\n } as ISchema\n }\n onSubmit={({ title, icon }) => {\n dn.insertAdjacent(insertPosition, {\n type: 'void',\n title,\n 'x-component': 'Menu.Item',\n 'x-decorator': 'ACLMenuItemProvider',\n 'x-component-props': {\n icon,\n },\n 'x-server-hooks': [\n {\n type: 'onSelfCreate',\n method: 'bindMenuToRole',\n },\n ],\n properties: {\n page: {\n type: 'void',\n 'x-component': 'Page',\n 'x-async': true,\n properties: {\n grid: {\n type: 'void',\n 'x-component': 'Grid',\n 'x-initializer': 'BlockInitializers',\n properties: {},\n },\n },\n },\n },\n });\n }}\n />\n <SchemaSettings.ModalItem\n eventKey={`${insertPosition}link`}\n title={t('Link')}\n schema={\n {\n type: 'object',\n title: t('Add link'),\n properties: {\n title: {\n title: t('Menu item title'),\n required: true,\n 'x-component': 'Input',\n 'x-decorator': 'FormItem',\n },\n icon: {\n title: t('Icon'),\n 'x-component': 'IconPicker',\n 'x-decorator': 'FormItem',\n },\n href: {\n title: t('Link'),\n 'x-component': 'Input',\n 'x-decorator': 'FormItem',\n },\n },\n } as ISchema\n }\n onSubmit={({ title, icon, href }) => {\n dn.insertAdjacent(insertPosition, {\n type: 'void',\n title,\n 'x-component': 'Menu.URL',\n 'x-decorator': 'ACLMenuItemProvider',\n 'x-component-props': {\n icon,\n href,\n },\n 'x-server-hooks': [\n {\n type: 'onSelfCreate',\n method: 'bindMenuToRole',\n },\n ],\n });\n }}\n />\n </SchemaSettings.SubMenu>\n );\n};\n\nexport const MenuDesigner = () => {\n const field = useField();\n const fieldSchema = useFieldSchema();\n const api = useAPIClient();\n const { dn, refresh } = useDesignable();\n const { t } = useTranslation();\n const menuSchema = findMenuSchema(fieldSchema);\n const items = toItems(menuSchema?.properties);\n const effects = (form) => {\n onFieldChange('target', (field: Field) => {\n const [, component] = field?.value?.split?.('\|\|') \|\| [];\n field.query('position').take((f: Field) => {\n f.dataSource =\n component === 'Menu.SubMenu'\n ? [\n { label: t('Before'), value: 'beforeBegin' },\n { label: t('After'), value: 'afterEnd' },\n { label: t('Inner'), value: 'beforeEnd' },\n ]\n : [\n { label: t('Before'), value: 'beforeBegin' },\n { label: t('After'), value: 'afterEnd' },\n ];\n });\n });\n };\n return (\n <GeneralSchemaDesigner>\n <SchemaSettings.ModalItem\n title={t('Edit')}\n schema={\n {\n type: 'object',\n title: t('Edit menu item'),\n properties: {\n title: {\n title: t('Menu item title'),\n required: true,\n 'x-decorator': 'FormItem',\n 'x-component': 'Input',\n 'x-component-props': {},\n },\n icon: {\n title: t('Menu item icon'),\n 'x-component': 'IconPicker',\n 'x-decorator': 'FormItem',\n },\n },\n } as ISchema\n }\n initialValues={{\n title: field.title,\n icon: field.componentProps.icon,\n }}\n onSubmit={({ title, icon }) => {\n const schema = {\n ['x-uid']: fieldSchema['x-uid'],\n };\n if (title) {\n fieldSchema.title = title;\n field.title = title;\n schema['title'] = title;\n refresh();\n }\n field.componentProps.icon = icon;\n schema['x-component-props'] = { icon };\n fieldSchema['x-component-props'] = fieldSchema['x-component-props'] \|\| {};\n fieldSchema['x-component-props']['icon'] = icon;\n dn.emit('patch', {\n schema,\n });\n }}\n />\n <SchemaSettings.ModalItem\n title={t('Move to')}\n components={{ TreeSelect }}\n effects={effects}\n schema={\n {\n type: 'object',\n title: t('Move to'),\n properties: {\n target: {\n title: t('Target'),\n enum: items,\n required: true,\n 'x-decorator': 'FormItem',\n 'x-component': 'TreeSelect',\n 'x-component-props': {},\n },\n position: {\n title: t('Position'),\n required: true,\n enum: [\n { label: t('Before'), value: 'beforeBegin' },\n { label: t('After'), value: 'afterEnd' },\n ],\n default: 'afterEnd',\n 'x-component': 'Radio.Group',\n 'x-decorator': 'FormItem',\n },\n },\n } as ISchema\n }\n onSubmit={({ target, position }) => {\n const [uid] = target?.split?.('\|\|') \|\| [];\n if (!uid) {\n return;\n }\n const current = findByUid(menuSchema, uid);\n const dn = createDesignable({\n t,\n api,\n refresh,\n current,\n });\n dn.loadAPIClientEvents();\n dn.insertAdjacent(position, fieldSchema);\n }}\n />\n <SchemaSettings.Divider />\n <InsertMenuItems eventKey={'insertbeforeBegin'} title={t('Insert before')} insertPosition={'beforeBegin'} />\n <InsertMenuItems eventKey={'insertafterEnd'} title={t('Insert after')} insertPosition={'afterEnd'} />\n <InsertMenuItems eventKey={'insertbeforeEnd'} title={t('Insert inner')} insertPosition={'beforeEnd'} />\n <SchemaSettings.Divider />\n <SchemaSettings.Remove\n confirm={{\n title: t('Delete menu item'),\n }}\n />\n </GeneralSchemaDesigner>\n );\n};\n"]}
1	+ {"version":3,"file":"Menu.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/menu/Menu.Designer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TreeSelect } from '@formily/antd';\nimport { Field, onFieldChange } from '@formily/core';\nimport { ISchema, Schema, useField, useFieldSchema } from '@formily/react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { findByUid } from '.';\nimport { createDesignable } from '../..';\nimport { GeneralSchemaDesigner, SchemaSettings, useAPIClient, useDesignable } from '../../../';\n\nconst toItems = (properties = {}) => {\n const items = [];\n for (const key in properties) {\n if (Object.prototype.hasOwnProperty.call(properties, key)) {\n const element = properties[key];\n const item = {\n label: element.title,\n value: `${element['x-uid']}\|\|${element['x-component']}`,\n };\n if (element.properties) {\n const children = toItems(element.properties);\n if (children?.length) {\n item['children'] = children;\n }\n }\n items.push(item);\n }\n }\n return items;\n};\n\nconst findMenuSchema = (fieldSchema: Schema) => {\n let parent = fieldSchema.parent;\n while (parent) {\n if (parent['x-component'] === 'Menu') {\n return parent;\n }\n parent = parent.parent;\n }\n};\n\nconst InsertMenuItems = (props) => {\n const { eventKey, title, insertPosition } = props;\n const { t } = useTranslation();\n const { dn } = useDesignable();\n const fieldSchema = useFieldSchema();\n const isSubMenu = fieldSchema['x-component'] === 'Menu.SubMenu';\n if (!isSubMenu && insertPosition === 'beforeEnd') {\n return null;\n }\n return (\n <SchemaSettings.SubMenu eventKey={eventKey} title={title}>\n <SchemaSettings.ModalItem\n eventKey={`${insertPosition}group`}\n title={t('Group')}\n schema={\n {\n type: 'object',\n title: t('Add group'),\n properties: {\n title: {\n 'x-decorator': 'FormItem',\n 'x-component': 'Input',\n title: t('Menu item title'),\n required: true,\n 'x-component-props': {},\n // description: `原字段标题：${collectionField?.uiSchema?.title}`,\n },\n icon: {\n title: t('Icon'),\n 'x-component': 'IconPicker',\n 'x-decorator': 'FormItem',\n },\n },\n } as ISchema\n }\n onSubmit={({ title, icon }) => {\n dn.insertAdjacent(insertPosition, {\n type: 'void',\n title,\n 'x-component': 'Menu.SubMenu',\n 'x-decorator': 'ACLMenuItemProvider',\n 'x-component-props': {\n icon,\n },\n 'x-server-hooks': [\n {\n type: 'onSelfCreate',\n method: 'bindMenuToRole',\n },\n ],\n });\n }}\n />\n <SchemaSettings.ModalItem\n eventKey={`${insertPosition}page`}\n title={t('Page')}\n schema={\n {\n type: 'object',\n title: t('Add page'),\n properties: {\n title: {\n 'x-decorator': 'FormItem',\n 'x-component': 'Input',\n title: t('Menu item title'),\n required: true,\n 'x-component-props': {},\n },\n icon: {\n title: t('Icon'),\n 'x-component': 'IconPicker',\n 'x-decorator': 'FormItem',\n },\n },\n } as ISchema\n }\n onSubmit={({ title, icon }) => {\n dn.insertAdjacent(insertPosition, {\n type: 'void',\n title,\n 'x-component': 'Menu.Item',\n 'x-decorator': 'ACLMenuItemProvider',\n 'x-component-props': {\n icon,\n },\n 'x-server-hooks': [\n {\n type: 'onSelfCreate',\n method: 'bindMenuToRole',\n },\n ],\n properties: {\n page: {\n type: 'void',\n 'x-component': 'Page',\n 'x-async': true,\n properties: {\n grid: {\n type: 'void',\n 'x-component': 'Grid',\n 'x-initializer': 'BlockInitializers',\n properties: {},\n },\n },\n },\n },\n });\n }}\n />\n <SchemaSettings.ModalItem\n eventKey={`${insertPosition}link`}\n title={t('Link')}\n schema={\n {\n type: 'object',\n title: t('Add link'),\n properties: {\n title: {\n title: t('Menu item title'),\n required: true,\n 'x-component': 'Input',\n 'x-decorator': 'FormItem',\n },\n icon: {\n title: t('Icon'),\n 'x-component': 'IconPicker',\n 'x-decorator': 'FormItem',\n },\n href: {\n title: t('Link'),\n 'x-component': 'Input',\n 'x-decorator': 'FormItem',\n },\n },\n } as ISchema\n }\n onSubmit={({ title, icon, href }) => {\n dn.insertAdjacent(insertPosition, {\n type: 'void',\n title,\n 'x-component': 'Menu.URL',\n 'x-decorator': 'ACLMenuItemProvider',\n 'x-component-props': {\n icon,\n href,\n },\n 'x-server-hooks': [\n {\n type: 'onSelfCreate',\n method: 'bindMenuToRole',\n },\n ],\n });\n }}\n />\n </SchemaSettings.SubMenu>\n );\n};\n\nexport const MenuDesigner = () => {\n const field = useField();\n const fieldSchema = useFieldSchema();\n const api = useAPIClient();\n const { dn, refresh } = useDesignable();\n const { t } = useTranslation();\n const menuSchema = findMenuSchema(fieldSchema);\n const items = toItems(menuSchema?.properties);\n const effects = (form) => {\n onFieldChange('target', (field: Field) => {\n const [, component] = field?.value?.split?.('\|\|') \|\| [];\n field.query('position').take((f: Field) => {\n f.dataSource =\n component === 'Menu.SubMenu'\n ? [\n { label: t('Before'), value: 'beforeBegin' },\n { label: t('After'), value: 'afterEnd' },\n { label: t('Inner'), value: 'beforeEnd' },\n ]\n : [\n { label: t('Before'), value: 'beforeBegin' },\n { label: t('After'), value: 'afterEnd' },\n ];\n });\n });\n };\n const schema = {\n type: 'object',\n title: t('Edit menu item'),\n properties: {\n title: {\n title: t('Menu item title'),\n required: true,\n 'x-decorator': 'FormItem',\n 'x-component': 'Input',\n 'x-component-props': {},\n },\n icon: {\n title: t('Menu item icon'),\n 'x-component': 'IconPicker',\n 'x-decorator': 'FormItem',\n },\n },\n };\n const initialValues = {\n title: field.title,\n icon: field.componentProps.icon,\n };\n if (fieldSchema['x-component'] === 'Menu.URL') {\n schema.properties['href'] = {\n title: t('Link'),\n 'x-component': 'Input',\n 'x-decorator': 'FormItem',\n };\n initialValues['href'] = field.componentProps.href;\n }\n return (\n <GeneralSchemaDesigner>\n <SchemaSettings.ModalItem\n title={t('Edit')}\n schema={schema as ISchema}\n initialValues={initialValues}\n onSubmit={({ title, icon, href }) => {\n const schema = {\n ['x-uid']: fieldSchema['x-uid'],\n };\n if (title) {\n fieldSchema.title = title;\n field.title = title;\n schema['title'] = title;\n refresh();\n }\n field.componentProps.icon = icon;\n field.componentProps.href = href;\n schema['x-component-props'] = { icon, href };\n fieldSchema['x-component-props'] = fieldSchema['x-component-props'] \|\| {};\n fieldSchema['x-component-props']['icon'] = icon;\n fieldSchema['x-component-props']['href'] = href;\n dn.emit('patch', {\n schema,\n });\n }}\n />\n <SchemaSettings.ModalItem\n title={t('Move to')}\n components={{ TreeSelect }}\n effects={effects}\n schema={\n {\n type: 'object',\n title: t('Move to'),\n properties: {\n target: {\n title: t('Target'),\n enum: items,\n required: true,\n 'x-decorator': 'FormItem',\n 'x-component': 'TreeSelect',\n 'x-component-props': {},\n },\n position: {\n title: t('Position'),\n required: true,\n enum: [\n { label: t('Before'), value: 'beforeBegin' },\n { label: t('After'), value: 'afterEnd' },\n ],\n default: 'afterEnd',\n 'x-component': 'Radio.Group',\n 'x-decorator': 'FormItem',\n },\n },\n } as ISchema\n }\n onSubmit={({ target, position }) => {\n const [uid] = target?.split?.('\|\|') \|\| [];\n if (!uid) {\n return;\n }\n const current = findByUid(menuSchema, uid);\n const dn = createDesignable({\n t,\n api,\n refresh,\n current,\n });\n dn.loadAPIClientEvents();\n dn.insertAdjacent(position, fieldSchema);\n }}\n />\n <SchemaSettings.Divider />\n <InsertMenuItems eventKey={'insertbeforeBegin'} title={t('Insert before')} insertPosition={'beforeBegin'} />\n <InsertMenuItems eventKey={'insertafterEnd'} title={t('Insert after')} insertPosition={'afterEnd'} />\n <InsertMenuItems eventKey={'insertbeforeEnd'} title={t('Insert inner')} insertPosition={'beforeEnd'} />\n <SchemaSettings.Divider />\n <SchemaSettings.Remove\n confirm={{\n title: t('Delete menu item'),\n }}\n />\n </GeneralSchemaDesigner>\n );\n};\n"]}

package/esm/schema-component/antd/menu/Menu.js CHANGED Viewed

@@ -43,7 +43,7 @@ var __read = (this && this.__read) || function (o, n) {
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { css } from '@emotion/css';
-import { observer, RecursionField, SchemaExpressionScopeContext, useField, useFieldSchema } from '@formily/react';
+import { observer, RecursionField, SchemaExpressionScopeContext, useField, useFieldSchema, } from '@formily/react';
 import { Menu as AntdMenu } from 'antd';
 import { createContext, useContext, useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
@@ -209,7 +209,7 @@ Menu.URL = observer(function (props) {
     return (_createElement(AntdMenu.Item, __assign({}, others, { key: schema.name, eventKey: schema.name, schema: schema, onClick: function () {
             window.open(props.href, '_blank');
         } }),
-        _jsxs(SortableItem, __assign({ className: designerCss }, { children: [_jsx(Icon, { type: icon }, void 0), field.title, _jsx(Designer, {}, void 0)] }), void 0)));
+        _jsxs(SortableItem, __assign({ className: designerCss }, { children: [_jsx(Icon, { type: icon }, void 0), _jsx("span", __assign({ className: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            width: 100%;\n            vertical-align: middle;\n          "], ["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            width: 100%;\n            vertical-align: middle;\n          "]))) }, { children: field.title }), void 0), _jsx(Designer, {}, void 0)] }), void 0)));
 });
 Menu.SubMenu = observer(function (props) {
     var icon = props.icon, others = __rest(props, ["icon"]);
@@ -224,5 +224,5 @@ Menu.SubMenu = observer(function (props) {
         _jsx(RecursionField, { schema: schema, onlyRenderProperties: true }, void 0)));
 });
 Menu.Designer = MenuDesigner;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 //# sourceMappingURL=Menu.js.map