@xbeeant/form-engine-designer 0.0.1 → 0.0.3
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.
- package/README.md +75 -66
- package/dist/es/Canvas.js +3 -2
- package/dist/es/Canvas.js.map +1 -1
- package/dist/es/PropertyPanel.js +3 -2
- package/dist/es/PropertyPanel.js.map +1 -1
- package/dist/es/catalog.js +2 -1
- package/dist/es/catalog.js.map +1 -1
- package/dist/es/index.css +1 -0
- package/dist/es/react/src/components/FormController.js +6 -0
- package/dist/es/react/src/components/FormController.js.map +1 -1
- package/dist/es/react/src/components/NexusField.js +59 -60
- package/dist/es/react/src/components/NexusField.js.map +1 -1
- package/dist/es/react/src/components/NexusForm.js +82 -75
- package/dist/es/react/src/components/NexusForm.js.map +1 -1
- package/dist/es/react/src/hooks/useForm.js +9 -6
- package/dist/es/react/src/hooks/useForm.js.map +1 -1
- package/package.json +5 -4
- package/src/catalog.ts +1 -0
- package/dist/es/form-engine-designer.css +0 -1
- package/dist/es/schemaUtils.test.js +0 -188
- package/dist/es/schemaUtils.test.js.map +0 -1
- package/dist/es/vite-env.d.js +0 -2
- package/dist/es/vite-env.d.js.map +0 -1
- package/dist/es/widgets/expressionModel.test.js +0 -193
- package/dist/es/widgets/expressionModel.test.js.map +0 -1
package/dist/es/catalog.js
CHANGED
package/dist/es/catalog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"catalog.js","sources":["../../src/catalog.ts"],"sourcesContent":["// ============================================================================\n// @xbeeant/form-engine-designer — 组件目录\n// ============================================================================\n\nimport type { CatalogItem } from './types';\n\n/**\n * 表单组件目录\n * 每个项创建一个 DataFieldSchema 节点\n * widget 名对齐 @xbeeant/form-engine-ui 中 antdWidgets 实际注册的 key\n */\nexport const widgetCatalog: CatalogItem[] = [\n {\n label: '输入框',\n icon: '📝',\n category: 'widget',\n widget: 'input',\n createNode: () => ({ type: 'string', widget: 'input', title: '输入框' }),\n },\n {\n label: '密码框',\n icon: '🔑',\n category: 'widget',\n widget: 'password',\n createNode: () => ({ type: 'string', widget: 'password', title: '密码框' }),\n },\n {\n label: '数字输入',\n icon: '🔢',\n category: 'widget',\n widget: 'number',\n createNode: () => ({ type: 'number', widget: 'number', title: '数字输入' }),\n },\n {\n label: '文本域',\n icon: '📄',\n category: 'widget',\n widget: 'textarea',\n createNode: () => ({ type: 'string', widget: 'textarea', title: '文本域' }),\n },\n {\n label: '下拉选择',\n icon: '📋',\n category: 'widget',\n widget: 'select',\n createNode: () => ({\n type: 'string',\n widget: 'select',\n title: '下拉选择',\n enum: ['option1', 'option2'],\n enumNames: ['选项1', '选项2'],\n }),\n },\n {\n label: '下拉选择(远程)',\n icon: '📡',\n category: 'widget',\n widget: 'selectWithRemote',\n createNode: () => ({\n type: 'string',\n widget: 'selectWithRemote',\n title: '下拉选择(远程)',\n remoteData: {\n url: '/api/options',\n method: 'GET',\n responseField: { data: 'data.list', value: 'id', label: 'name' },\n params: { page: 1, pageSize: 50 },\n },\n }),\n },\n {\n label: '单选',\n icon: '🔘',\n category: 'widget',\n widget: 'radio',\n createNode: () => ({\n type: 'string',\n widget: 'radio',\n title: '单选',\n enum: ['a', 'b'],\n enumNames: ['选项A', '选项B'],\n }),\n },\n {\n label: '复选框',\n icon: '☑️',\n category: 'widget',\n widget: 'checkbox',\n createNode: () => ({\n type: 'boolean',\n widget: 'checkbox',\n title: '复选框',\n }),\n },\n {\n label: '多选',\n icon: '☒',\n category: 'widget',\n widget: 'checkboxes',\n createNode: () => ({\n type: 'array',\n widget: 'checkboxes',\n title: '多选',\n enum: ['a', 'b'],\n enumNames: ['选项A', '选项B'],\n }),\n },\n {\n label: '多选下拉',\n icon: '📊',\n category: 'widget',\n widget: 'multiSelect',\n createNode: () => ({\n type: 'array',\n widget: 'multiSelect',\n title: '多选下拉',\n enum: ['a', 'b'],\n enumNames: ['选项A', '选项B'],\n }),\n },\n {\n label: '多选下拉(远程)',\n icon: '📡',\n category: 'widget',\n widget: 'multiSelectWithRemote',\n createNode: () => ({\n type: 'array',\n widget: 'multiSelectWithRemote',\n title: '多选下拉(远程)',\n remoteData: {\n url: '/api/multi-options',\n method: 'GET',\n responseField: { data: 'data.list', value: 'id', label: 'name' },\n params: { page: 1, pageSize: 50 },\n },\n }),\n },\n {\n label: '开关',\n icon: '🔀',\n category: 'widget',\n widget: 'switch',\n createNode: () => ({ type: 'boolean', widget: 'switch', title: '开关' }),\n },\n {\n label: '日期选择',\n icon: '📅',\n category: 'widget',\n widget: 'date',\n createNode: () => ({ type: 'string', widget: 'date', title: '日期选择' }),\n },\n {\n label: '日期范围',\n icon: '📅',\n category: 'widget',\n widget: 'dateRange',\n createNode: () => ({\n type: 'string',\n widget: 'dateRange',\n title: '日期范围',\n }),\n },\n {\n label: '时间选择',\n icon: '⏰',\n category: 'widget',\n widget: 'time',\n createNode: () => ({ type: 'string', widget: 'time', title: '时间选择' }),\n },\n {\n label: '时间范围',\n icon: '⏰',\n category: 'widget',\n widget: 'timeRange',\n createNode: () => ({\n type: 'string',\n widget: 'timeRange',\n title: '时间范围',\n }),\n },\n {\n label: '滑块',\n icon: '🎚️',\n category: 'widget',\n widget: 'slider',\n createNode: () => ({ type: 'number', widget: 'slider', title: '滑块' }),\n },\n {\n label: '颜色选择',\n icon: '🎨',\n category: 'widget',\n widget: 'color',\n createNode: () => ({ type: 'string', widget: 'color', title: '颜色选择' }),\n },\n {\n label: 'URL输入',\n icon: '🔗',\n category: 'widget',\n widget: 'urlInput',\n createNode: () => ({\n type: 'string',\n widget: 'urlInput',\n title: 'URL输入',\n }),\n },\n {\n label: '图片上传',\n icon: '🖼️',\n category: 'widget',\n widget: 'image',\n createNode: () => ({ type: 'string', widget: 'image', title: '图片上传' }),\n },\n {\n label: 'HTML展示',\n icon: '📄',\n category: 'widget',\n widget: 'html',\n createNode: () => ({ type: 'string', widget: 'html', title: 'HTML展示' }),\n },\n {\n label: '标题文字',\n icon: '🏷️',\n category: 'widget',\n widget: 'voidTitle',\n createNode: () => ({\n type: 'string',\n widget: 'voidTitle',\n title: '标题文字',\n }),\n },\n {\n label: '树选择',\n icon: '🌲',\n category: 'widget',\n widget: 'treeSelect',\n createNode: () => ({\n type: 'string',\n widget: 'treeSelect',\n title: '树选择',\n }),\n },\n {\n label: '自动完成',\n icon: '🔎',\n category: 'widget',\n widget: 'autoComplete',\n createNode: () => ({\n type: 'string',\n widget: 'autoComplete',\n title: '自动完成',\n enum: ['option1', 'option2'],\n enumNames: ['选项1', '选项2'],\n }),\n },\n {\n label: '自动完成(远程)',\n icon: '📡',\n category: 'widget',\n widget: 'autoCompleteWithRemote',\n createNode: () => ({\n type: 'string',\n widget: 'autoCompleteWithRemote',\n title: '自动完成(远程)',\n remoteData: {\n url: '/api/suggestions',\n method: 'GET',\n responseField: { data: 'data.suggestions', value: 'id', label: 'name' },\n params: { keyword: '' },\n },\n }),\n },\n {\n label: '级联选择',\n icon: '🌳',\n category: 'widget',\n widget: 'cascader',\n createNode: () => ({\n type: 'array',\n widget: 'cascader',\n title: '级联选择',\n enum: ['a', 'b'],\n enumNames: ['选项A', '选项B'],\n }),\n },\n {\n label: '级联选择(远程)',\n icon: '📡',\n category: 'widget',\n widget: 'cascaderWithRemote',\n createNode: () => ({\n type: 'array',\n widget: 'cascaderWithRemote',\n title: '级联选择(远程)',\n remoteData: {\n url: '/api/cascader/nodes',\n method: 'GET',\n responseField: {\n data: 'data.children',\n value: 'id',\n label: 'name',\n parentIdKey: 'parentId',\n },\n params: { parentId: null },\n },\n }),\n },\n {\n label: '提及',\n icon: '💬',\n category: 'widget',\n widget: 'mentions',\n createNode: () => ({\n type: 'string',\n widget: 'mentions',\n title: '提及',\n enum: ['alice', 'bob'],\n enumNames: ['Alice', 'Bob'],\n }),\n },\n {\n label: '提及(远程)',\n icon: '📡',\n category: 'widget',\n widget: 'mentionsWithRemote',\n createNode: () => ({\n type: 'string',\n widget: 'mentionsWithRemote',\n title: '提及(远程)',\n remoteData: {\n url: '/api/users/suggestions',\n method: 'GET',\n responseField: { data: 'data.users', value: 'id', label: 'name' },\n params: { keyword: '' },\n },\n }),\n },\n {\n label: '分段控制器',\n icon: '🎚️',\n category: 'widget',\n widget: 'segmented',\n createNode: () => ({\n type: 'string',\n widget: 'segmented',\n title: '分段控制器',\n enum: ['a', 'b'],\n enumNames: ['选项A', '选项B'],\n }),\n },\n {\n label: '穿梭框',\n icon: '⇄',\n category: 'widget',\n widget: 'transfer',\n createNode: () => ({\n type: 'array',\n widget: 'transfer',\n title: '穿梭框',\n }),\n },\n {\n label: '文件上传',\n icon: '📎',\n category: 'widget',\n widget: 'file',\n createNode: () => ({ type: 'array', widget: 'file', title: '文件上传' }),\n },\n {\n label: '数据对象',\n icon: '🗂️',\n category: 'widget',\n widget: 'object',\n createNode: () => ({ type: 'object', title: '数据对象', properties: {} }),\n },\n {\n label: '常规列表',\n icon: '📋',\n category: 'widget',\n widget: 'list',\n createNode: () => ({\n type: 'array',\n widget: 'list',\n title: '常规列表',\n items: {\n type: 'object',\n properties: {},\n },\n }),\n },\n {\n label: '简单列表',\n icon: '📃',\n category: 'widget',\n widget: 'simpleList',\n createNode: () => ({\n type: 'array',\n widget: 'simpleList',\n title: '简单列表',\n items: {\n type: 'object',\n properties: {},\n },\n }),\n },\n {\n label: '表格列表',\n icon: '📊',\n category: 'widget',\n widget: 'tableList',\n createNode: () => ({\n type: 'array',\n widget: 'tableList',\n title: '表格列表',\n items: {\n type: 'object',\n properties: {},\n },\n }),\n },\n];\n\n/**\n * 布局组件目录\n * 每个项创建一个 LayoutContainerSchema 节点\n */\nexport const layoutCatalog: CatalogItem[] = [\n {\n label: '卡片',\n icon: '📦',\n category: 'layout',\n layoutType: 'card',\n createNode: () => ({ type: 'card', title: '卡片', properties: {} }),\n },\n {\n label: '栅格',\n icon: '🔲',\n category: 'layout',\n layoutType: 'grid',\n createNode: () => ({ type: 'grid', column: 2, properties: {} }),\n },\n {\n label: '标签页',\n icon: '📑',\n category: 'layout',\n layoutType: 'tabs',\n createNode: () => ({\n type: 'tabs',\n title: '标签页',\n properties: {\n pane1: { type: 'tabPane', title: '标签页签 1', properties: {} },\n },\n }),\n },\n {\n label: '标签页签',\n icon: '📑',\n category: 'layout',\n layoutType: 'tabPane',\n createNode: () => ({ type: 'tabPane', title: '标签页签', properties: {} }),\n },\n {\n label: '折叠面板',\n icon: '📂',\n category: 'layout',\n layoutType: 'collapse',\n createNode: () => ({\n type: 'collapse',\n title: '折叠面板',\n properties: {\n panel1: { type: 'collapsePanel', title: '折叠面板 1', properties: {} },\n },\n }),\n },\n {\n label: '折叠面板项',\n icon: '📂',\n category: 'layout',\n layoutType: 'collapsePanel',\n createNode: () => ({\n type: 'collapsePanel',\n title: '折叠面板项',\n properties: {},\n }),\n },\n {\n label: '步骤条',\n icon: '📝',\n category: 'layout',\n layoutType: 'steps',\n createNode: () => ({\n type: 'steps',\n title: '步骤条',\n properties: {\n step1: { type: 'step', title: '步骤 1', properties: {} },\n },\n }),\n },\n {\n label: '步骤项',\n icon: '📝',\n category: 'layout',\n layoutType: 'step',\n createNode: () => ({ type: 'step', title: '步骤项', properties: {} }),\n },\n {\n label: '分割线',\n icon: '➖',\n category: 'layout',\n layoutType: 'divider',\n createNode: () => ({ type: 'divider', properties: {} }),\n },\n {\n label: '弹性布局',\n icon: '📐',\n category: 'layout',\n layoutType: 'flex',\n createNode: () => ({ type: 'flex', properties: {} }),\n },\n {\n label: '间距布局',\n icon: '↔️',\n category: 'layout',\n layoutType: 'space',\n createNode: () => ({ type: 'space', properties: {} }),\n },\n];\n"],"names":["widgetCatalog","layoutCatalog"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"catalog.js","sources":["../../src/catalog.ts"],"sourcesContent":["// ============================================================================\n// @xbeeant/form-engine-designer — 组件目录\n// ============================================================================\n\nimport type { CatalogItem } from './types';\n\n/**\n * 表单组件目录\n * 每个项创建一个 DataFieldSchema 节点\n * widget 名对齐 @xbeeant/form-engine-ui 中 antdWidgets 实际注册的 key\n */\nexport const widgetCatalog: CatalogItem[] = [\n {\n label: '输入框',\n icon: '📝',\n category: 'widget',\n widget: 'input',\n createNode: () => ({ type: 'string', widget: 'input', title: '输入框' }),\n },\n {\n label: '密码框',\n icon: '🔑',\n category: 'widget',\n widget: 'password',\n createNode: () => ({ type: 'string', widget: 'password', title: '密码框' }),\n },\n {\n label: '数字输入',\n icon: '🔢',\n category: 'widget',\n widget: 'number',\n createNode: () => ({ type: 'number', widget: 'number', title: '数字输入' }),\n },\n {\n label: '文本域',\n icon: '📄',\n category: 'widget',\n widget: 'textarea',\n createNode: () => ({ type: 'string', widget: 'textarea', title: '文本域' }),\n },\n {\n label: '下拉选择',\n icon: '📋',\n category: 'widget',\n widget: 'select',\n createNode: () => ({\n type: 'string',\n widget: 'select',\n title: '下拉选择',\n enum: ['option1', 'option2'],\n enumNames: ['选项1', '选项2'],\n }),\n },\n {\n label: '下拉选择(远程)',\n icon: '📡',\n category: 'widget',\n widget: 'selectWithRemote',\n createNode: () => ({\n type: 'string',\n widget: 'selectWithRemote',\n title: '下拉选择(远程)',\n remoteData: {\n url: '/api/options',\n method: 'GET',\n responseField: { data: 'data.list', value: 'id', label: 'name' },\n params: { page: 1, pageSize: 50 },\n },\n }),\n },\n {\n label: '单选',\n icon: '🔘',\n category: 'widget',\n widget: 'radio',\n createNode: () => ({\n type: 'string',\n widget: 'radio',\n title: '单选',\n enum: ['a', 'b'],\n enumNames: ['选项A', '选项B'],\n }),\n },\n {\n label: '复选框',\n icon: '☑️',\n category: 'widget',\n widget: 'checkbox',\n createNode: () => ({\n type: 'boolean',\n widget: 'checkbox',\n title: '复选框',\n }),\n },\n {\n label: '多选',\n icon: '☒',\n category: 'widget',\n widget: 'checkboxes',\n createNode: () => ({\n type: 'array',\n widget: 'checkboxes',\n title: '多选',\n enum: ['a', 'b'],\n enumNames: ['选项A', '选项B'],\n }),\n },\n {\n label: '多选下拉',\n icon: '📊',\n category: 'widget',\n widget: 'multiSelect',\n createNode: () => ({\n type: 'array',\n widget: 'multiSelect',\n title: '多选下拉',\n enum: ['a', 'b'],\n enumNames: ['选项A', '选项B'],\n }),\n },\n {\n label: '多选下拉(远程)',\n icon: '📡',\n category: 'widget',\n widget: 'multiSelectWithRemote',\n createNode: () => ({\n type: 'array',\n widget: 'multiSelectWithRemote',\n title: '多选下拉(远程)',\n remoteData: {\n url: '/api/multi-options',\n method: 'GET',\n responseField: { data: 'data.list', value: 'id', label: 'name' },\n params: { page: 1, pageSize: 50 },\n },\n }),\n },\n {\n label: '开关',\n icon: '🔀',\n category: 'widget',\n widget: 'switch',\n createNode: () => ({ type: 'boolean', widget: 'switch', title: '开关' }),\n },\n {\n label: '日期选择',\n icon: '📅',\n category: 'widget',\n widget: 'date',\n createNode: () => ({ type: 'string', widget: 'date', title: '日期选择' }),\n },\n {\n label: '日期范围',\n icon: '📅',\n category: 'widget',\n widget: 'dateRange',\n createNode: () => ({\n type: 'string',\n widget: 'dateRange',\n title: '日期范围',\n }),\n },\n {\n label: '时间选择',\n icon: '⏰',\n category: 'widget',\n widget: 'time',\n createNode: () => ({ type: 'string', widget: 'time', title: '时间选择' }),\n },\n {\n label: '时间范围',\n icon: '⏰',\n category: 'widget',\n widget: 'timeRange',\n createNode: () => ({\n type: 'string',\n widget: 'timeRange',\n title: '时间范围',\n }),\n },\n {\n label: '滑块',\n icon: '🎚️',\n category: 'widget',\n widget: 'slider',\n createNode: () => ({ type: 'number', widget: 'slider', title: '滑块' }),\n },\n {\n label: '颜色选择',\n icon: '🎨',\n category: 'widget',\n widget: 'color',\n createNode: () => ({ type: 'string', widget: 'color', title: '颜色选择' }),\n },\n {\n label: 'URL输入',\n icon: '🔗',\n category: 'widget',\n widget: 'urlInput',\n createNode: () => ({\n type: 'string',\n widget: 'urlInput',\n title: 'URL输入',\n }),\n },\n {\n label: '图片上传',\n icon: '🖼️',\n category: 'widget',\n widget: 'image',\n createNode: () => ({ type: 'string', widget: 'image', title: '图片上传' }),\n },\n {\n label: 'HTML展示',\n icon: '📄',\n category: 'widget',\n widget: 'html',\n createNode: () => ({ type: 'string', widget: 'html', title: 'HTML展示' }),\n },\n {\n label: '标题文字',\n icon: '🏷️',\n category: 'widget',\n widget: 'voidTitle',\n createNode: () => ({\n type: 'string',\n widget: 'voidTitle',\n title: '标题文字',\n label: false,\n }),\n },\n {\n label: '树选择',\n icon: '🌲',\n category: 'widget',\n widget: 'treeSelect',\n createNode: () => ({\n type: 'string',\n widget: 'treeSelect',\n title: '树选择',\n }),\n },\n {\n label: '自动完成',\n icon: '🔎',\n category: 'widget',\n widget: 'autoComplete',\n createNode: () => ({\n type: 'string',\n widget: 'autoComplete',\n title: '自动完成',\n enum: ['option1', 'option2'],\n enumNames: ['选项1', '选项2'],\n }),\n },\n {\n label: '自动完成(远程)',\n icon: '📡',\n category: 'widget',\n widget: 'autoCompleteWithRemote',\n createNode: () => ({\n type: 'string',\n widget: 'autoCompleteWithRemote',\n title: '自动完成(远程)',\n remoteData: {\n url: '/api/suggestions',\n method: 'GET',\n responseField: { data: 'data.suggestions', value: 'id', label: 'name' },\n params: { keyword: '' },\n },\n }),\n },\n {\n label: '级联选择',\n icon: '🌳',\n category: 'widget',\n widget: 'cascader',\n createNode: () => ({\n type: 'array',\n widget: 'cascader',\n title: '级联选择',\n enum: ['a', 'b'],\n enumNames: ['选项A', '选项B'],\n }),\n },\n {\n label: '级联选择(远程)',\n icon: '📡',\n category: 'widget',\n widget: 'cascaderWithRemote',\n createNode: () => ({\n type: 'array',\n widget: 'cascaderWithRemote',\n title: '级联选择(远程)',\n remoteData: {\n url: '/api/cascader/nodes',\n method: 'GET',\n responseField: {\n data: 'data.children',\n value: 'id',\n label: 'name',\n parentIdKey: 'parentId',\n },\n params: { parentId: null },\n },\n }),\n },\n {\n label: '提及',\n icon: '💬',\n category: 'widget',\n widget: 'mentions',\n createNode: () => ({\n type: 'string',\n widget: 'mentions',\n title: '提及',\n enum: ['alice', 'bob'],\n enumNames: ['Alice', 'Bob'],\n }),\n },\n {\n label: '提及(远程)',\n icon: '📡',\n category: 'widget',\n widget: 'mentionsWithRemote',\n createNode: () => ({\n type: 'string',\n widget: 'mentionsWithRemote',\n title: '提及(远程)',\n remoteData: {\n url: '/api/users/suggestions',\n method: 'GET',\n responseField: { data: 'data.users', value: 'id', label: 'name' },\n params: { keyword: '' },\n },\n }),\n },\n {\n label: '分段控制器',\n icon: '🎚️',\n category: 'widget',\n widget: 'segmented',\n createNode: () => ({\n type: 'string',\n widget: 'segmented',\n title: '分段控制器',\n enum: ['a', 'b'],\n enumNames: ['选项A', '选项B'],\n }),\n },\n {\n label: '穿梭框',\n icon: '⇄',\n category: 'widget',\n widget: 'transfer',\n createNode: () => ({\n type: 'array',\n widget: 'transfer',\n title: '穿梭框',\n }),\n },\n {\n label: '文件上传',\n icon: '📎',\n category: 'widget',\n widget: 'file',\n createNode: () => ({ type: 'array', widget: 'file', title: '文件上传' }),\n },\n {\n label: '数据对象',\n icon: '🗂️',\n category: 'widget',\n widget: 'object',\n createNode: () => ({ type: 'object', title: '数据对象', properties: {} }),\n },\n {\n label: '常规列表',\n icon: '📋',\n category: 'widget',\n widget: 'list',\n createNode: () => ({\n type: 'array',\n widget: 'list',\n title: '常规列表',\n items: {\n type: 'object',\n properties: {},\n },\n }),\n },\n {\n label: '简单列表',\n icon: '📃',\n category: 'widget',\n widget: 'simpleList',\n createNode: () => ({\n type: 'array',\n widget: 'simpleList',\n title: '简单列表',\n items: {\n type: 'object',\n properties: {},\n },\n }),\n },\n {\n label: '表格列表',\n icon: '📊',\n category: 'widget',\n widget: 'tableList',\n createNode: () => ({\n type: 'array',\n widget: 'tableList',\n title: '表格列表',\n items: {\n type: 'object',\n properties: {},\n },\n }),\n },\n];\n\n/**\n * 布局组件目录\n * 每个项创建一个 LayoutContainerSchema 节点\n */\nexport const layoutCatalog: CatalogItem[] = [\n {\n label: '卡片',\n icon: '📦',\n category: 'layout',\n layoutType: 'card',\n createNode: () => ({ type: 'card', title: '卡片', properties: {} }),\n },\n {\n label: '栅格',\n icon: '🔲',\n category: 'layout',\n layoutType: 'grid',\n createNode: () => ({ type: 'grid', column: 2, properties: {} }),\n },\n {\n label: '标签页',\n icon: '📑',\n category: 'layout',\n layoutType: 'tabs',\n createNode: () => ({\n type: 'tabs',\n title: '标签页',\n properties: {\n pane1: { type: 'tabPane', title: '标签页签 1', properties: {} },\n },\n }),\n },\n {\n label: '标签页签',\n icon: '📑',\n category: 'layout',\n layoutType: 'tabPane',\n createNode: () => ({ type: 'tabPane', title: '标签页签', properties: {} }),\n },\n {\n label: '折叠面板',\n icon: '📂',\n category: 'layout',\n layoutType: 'collapse',\n createNode: () => ({\n type: 'collapse',\n title: '折叠面板',\n properties: {\n panel1: { type: 'collapsePanel', title: '折叠面板 1', properties: {} },\n },\n }),\n },\n {\n label: '折叠面板项',\n icon: '📂',\n category: 'layout',\n layoutType: 'collapsePanel',\n createNode: () => ({\n type: 'collapsePanel',\n title: '折叠面板项',\n properties: {},\n }),\n },\n {\n label: '步骤条',\n icon: '📝',\n category: 'layout',\n layoutType: 'steps',\n createNode: () => ({\n type: 'steps',\n title: '步骤条',\n properties: {\n step1: { type: 'step', title: '步骤 1', properties: {} },\n },\n }),\n },\n {\n label: '步骤项',\n icon: '📝',\n category: 'layout',\n layoutType: 'step',\n createNode: () => ({ type: 'step', title: '步骤项', properties: {} }),\n },\n {\n label: '分割线',\n icon: '➖',\n category: 'layout',\n layoutType: 'divider',\n createNode: () => ({ type: 'divider', properties: {} }),\n },\n {\n label: '弹性布局',\n icon: '📐',\n category: 'layout',\n layoutType: 'flex',\n createNode: () => ({ type: 'flex', properties: {} }),\n },\n {\n label: '间距布局',\n icon: '↔️',\n category: 'layout',\n layoutType: 'space',\n createNode: () => ({ type: 'space', properties: {} }),\n },\n];\n"],"names":["widgetCatalog","layoutCatalog"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0\!{margin:0!important}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.mt-1{margin-top:var(--spacing)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.-mb-0\.5{margin-bottom:calc(var(--spacing) * -.5)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-1{height:var(--spacing)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-96{height:calc(var(--spacing) * 96)}.h-full{height:100%}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#3e3e42\]\!{border-color:#3e3e42!important}.border-\[\#1677ff\]{border-color:#1677ff}.border-\[\#d9d9d9\]{border-color:#d9d9d9}.border-\[\#e8e8e8\]{border-color:#e8e8e8}.border-\[\#f0f0f0\]{border-color:#f0f0f0}.border-gray-200{border-color:var(--color-gray-200)}.border-transparent{border-color:#0000}.bg-\[\#1e1e1e\]{background-color:#1e1e1e}.bg-\[\#1e1e1e\]\!{background-color:#1e1e1e!important}.bg-\[\#e6f4ff\]{background-color:#e6f4ff}.bg-\[\#e8f1ff\]{background-color:#e8f1ff}.bg-\[\#f0f0f0\]{background-color:#f0f0f0}.bg-\[\#f5f5f5\]{background-color:#f5f5f5}.bg-\[\#f5f7fa\]{background-color:#f5f7fa}.bg-\[\#f7f8fa\]{background-color:#f7f8fa}.bg-\[\#fafafa\]{background-color:#fafafa}.bg-\[rgba\(250\,250\,250\,0\.6\)\]{background-color:#fafafa99}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-px{padding-block:1px}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-mono\!{font-family:var(--font-mono)!important}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[13px\]\!{font-size:13px!important}.text-\[15px\]{font-size:15px}.leading-\[1\.6\]\!{--tw-leading:1.6!important;line-height:1.6!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[3px\]{--tw-tracking:3px;letter-spacing:3px}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[\#333\]{color:#333}.text-\[\#666\]{color:#666}.text-\[\#999\]{color:#999}.text-\[\#1677ff\]{color:#1677ff}.text-\[\#bbb\]{color:#bbb}.text-\[\#bfbfbf\]{color:#bfbfbf}.text-\[\#c0c4cc\]{color:#c0c4cc}.text-\[\#d4d4d4\]\!{color:#d4d4d4!important}.text-blue-600{color:var(--color-blue-600)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-white{color:var(--color-white)}.shadow-\[0_0_0_2px_rgba\(22\,119\,255\,0\.1\)\]{--tw-shadow:0 0 0 2px var(--tw-shadow-color,#1677ff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:bg-\[\#e8f1ff\]:is(:where(.group):hover *){background-color:#e8f1ff}.group-hover\:text-\[\#1677ff\]:is(:where(.group):hover *){color:#1677ff}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[\#1677ff\]:hover{border-color:#1677ff}.hover\:bg-\[\#f0f0f0\]:hover{background-color:#f0f0f0}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:text-\[\#333\]:hover{color:#333}.hover\:shadow-\[0_2px_8px_rgba\(22\,119\,255\,0\.12\)\]:hover{--tw-shadow:0 2px 8px var(--tw-shadow-color,#1677ff1f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}.drop-indicator-line:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:3px;background:#1677ff;border-radius:2px;box-shadow:0 0 8px #1677ff99;animation:nexus-drop-pulse 1.2s ease-in-out infinite}@keyframes nexus-drop-pulse{0%,to{opacity:1}50%{opacity:.5}}.nexus-resize-handle{position:absolute;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10;background:transparent;transition:background .15s}.nexus-resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:#e8e8e8;transition:background .15s,width .15s}.nexus-resize-handle:hover,.nexus-resize-handle.nexus-resize-active{background:#1677ff14}.nexus-resize-handle:hover:after,.nexus-resize-handle.nexus-resize-active:after{width:4px;background:#1677ff;border-radius:2px}.nexus-panel-toggle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #e8e8e8;border-radius:999px;background:#fff;color:#999;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:color .15s,border-color .15s,background .15s,box-shadow .15s}.nexus-panel-toggle:hover{color:#1677ff;border-color:#1677ff;background:#f0f7ff;box-shadow:0 2px 6px #1677ff26}.nexus-palette-search.ant-input-affix-wrapper{border-radius:8px;background:#fff;box-shadow:0 1px 2px #00000008}.nexus-palette-collapse{background:transparent;border:none}.nexus-palette-collapse>.ant-collapse-item{margin-bottom:8px;overflow:hidden;border:1px solid #f0f0f0;border-radius:10px;background:#fff}.nexus-palette-collapse>.ant-collapse-item:last-child{margin-bottom:0}.nexus-palette-collapse>.ant-collapse-item>.ant-collapse-header{padding:9px 10px;font-size:13px;font-weight:600;color:#333;align-items:center;background:#fff;transition:background .15s}.nexus-palette-collapse>.ant-collapse-item>.ant-collapse-header:hover{background:#fafbfc}.nexus-palette-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow{font-size:10px;color:#999}.nexus-palette-collapse>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding:8px 0 4px}.nexus-key-input.ant-input{border-radius:6px}.nexus-property-body .ant-collapse{background:transparent;border:none}.nexus-property-body .ant-collapse>.ant-collapse-item{margin-bottom:8px;overflow:hidden;border:1px solid #f0f0f0;border-radius:8px;background:#fff}.nexus-property-body .ant-collapse>.ant-collapse-item:last-child{margin-bottom:0}.nexus-property-body .ant-collapse>.ant-collapse-item>.ant-collapse-header{padding:8px 10px;font-size:12px;font-weight:600;color:#333;align-items:center}.nexus-property-body .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow{font-size:10px;color:#999}.nexus-property-body .ant-collapse>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding:8px 10px 4px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormController.js","sources":["../../../../../../react/src/components/FormController.ts"],"sourcesContent":["import type {\n FieldState,\n NexusFormInstance,\n NexusSchema,\n} from '@xbeeant/form-engine';\nimport { AsyncValidatorPlugin, NexusEngine } from '@xbeeant/form-engine';\nimport type { RefObject } from 'react';\n\n/**\n * FormController — 包裹 Engine,暴露 Form 实例 API\n */\nexport class FormController implements NexusFormInstance {\n private engine: NexusEngine;\n private formElementRef: RefObject<HTMLFormElement | null>;\n /** 稳定的 getter:每次 submit 执行时从外部 ref 读取最新的 onFinish/onFinishFailed 回调 */\n private getOnFinish: () => (\n data: Record<string, unknown>,\n ) => void | Promise<void>;\n private getOnFinishFailed: () => (errors: Map<string, string[]>) => void;\n private removeHiddenData: boolean = true;\n private watchers: Map<\n string,\n (value: unknown, allValues: Record<string, unknown>) => void\n > = new Map();\n private globalWatcher:\n | ((\n value: Record<string, unknown>,\n allValues: Record<string, unknown>,\n changedPath?: string,\n ) => void)\n | null = null;\n\n constructor(engine?: NexusEngine) {\n this.engine = engine ?? new NexusEngine();\n // 默认注入异步校验器插件:useFieldValidator / registerFieldValidator\n // 注册的异步校验器即可在字段值变化时被触发(防抖调度,与默认 'change' trigger 对齐)。\n // 外部已注入同名插件时不重复注入(hasPlugin 幂等)。\n if (!this.engine.hasPlugin('async-validator')) {\n this.engine.use(new AsyncValidatorPlugin(this.engine));\n }\n this.formElementRef = {\n current: null,\n } as RefObject<HTMLFormElement | null>;\n this.getOnFinish = () => () => {};\n this.getOnFinishFailed = () => () => {};\n }\n\n /** 内部:首次绑定表单 DOM + 回调 getter(由 NexusForm 在挂载时调用一次) */\n _bind(\n formEl: HTMLFormElement | null,\n getOnFinish: () => (data: Record<string, unknown>) => void | Promise<void>,\n getOnFinishFailed: () => (errors: Map<string, string[]>) => void,\n ): void {\n (this.formElementRef as { current: HTMLFormElement | null }).current =\n formEl;\n this.getOnFinish = getOnFinish;\n this.getOnFinishFailed = getOnFinishFailed;\n // 注册值变更回调到 Engine,只需一次(回调闭包引用了稳定的实例)\n this.engine.registerOnFieldValueChange((path, value) =>\n this._onFieldValueChange(path, value),\n );\n }\n\n /** 内部:同步 watch / removeHiddenData 配置(由 NexusForm 在它们变化时调用) */\n _syncConfig(config: {\n removeHiddenData?: boolean;\n watch?: {\n [path: string]: (\n value: unknown,\n allValues: Record<string, unknown>,\n changedPath?: string,\n ) => void;\n };\n }): void {\n if (config.removeHiddenData !== undefined) {\n this.removeHiddenData = config.removeHiddenData;\n }\n if (config.watch) {\n this.watchers.clear();\n this.globalWatcher = null;\n for (const [path, fn] of Object.entries(config.watch)) {\n if (path === '#') {\n this.globalWatcher = fn;\n } else {\n this.watchers.set(path, fn);\n }\n }\n }\n }\n\n /** 内部:值变更时调用(由 Engine 通知) */\n _onFieldValueChange(path: string, value: unknown): void {\n const allValues = this.engine.getFormData();\n const globalData = this.removeHiddenData\n ? allValues\n : this.engine.getAllFormData();\n\n // 全局 watcher(# 监听所有字段变化,value 即为全部表单值;\n // 第三参携带本次实际变更的字段路径,供清空值场景区分「未赋值默认值」与「用户主动清空」)\n if (this.globalWatcher) {\n this.globalWatcher(globalData, globalData, path);\n }\n // 路径匹配的 watcher\n const fn = this.watchers.get(path);\n if (fn) {\n fn(value, globalData);\n }\n }\n\n /** 内部:获取 Engine 实例 */\n _getEngine(): NexusEngine {\n return this.engine;\n }\n\n async submit(): Promise<void> {\n const errors = await this.engine.validate();\n if (errors.size > 0) {\n this.focusFirstError(errors);\n this.getOnFinishFailed()?.(errors);\n return;\n }\n const formData = this.removeHiddenData\n ? this.engine.getFormData()\n : this.engine.getAllFormData();\n await this.getOnFinish()?.(formData);\n }\n\n /**\n * 定位到第一个校验失败的字段:按 DOM 渲染顺序查找(保证视觉上的\"第一个\"),\n * 滚动入视并聚焦其内部可交互控件。\n */\n private focusFirstError(errors: Map<string, string[]>): void {\n const formEl = this.formElementRef.current;\n if (!formEl || errors.size === 0) {\n return;\n }\n\n const errorPaths = new Set(errors.keys());\n\n const focus = () => {\n const fieldEls =\n formEl.querySelectorAll<HTMLElement>('[data-nexus-field]');\n for (const el of Array.from(fieldEls)) {\n const path = el.getAttribute('data-nexus-field');\n if (!path || !errorPaths.has(path)) {\n continue;\n }\n\n el.scrollIntoView({ behavior: 'smooth', block: 'center' });\n const focusable = el.querySelector<HTMLElement>(\n 'input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n );\n focusable?.focus();\n return;\n }\n };\n\n // 等待 React 将错误态刷到 DOM 后再定位,保证错误提示已可见\n requestAnimationFrame(focus);\n }\n\n resetFields(): void {\n this.engine.reset();\n }\n\n setErrorFields(errors: Array<{ path: string; errors: string[] }>): void {\n this.engine.setErrorFields(errors);\n }\n\n setValues(values: Record<string, unknown>): void {\n this.engine.setFieldValues(values);\n }\n\n setValueByPath(path: string, value: unknown): void {\n this.engine.setFieldValue(path, value);\n }\n\n setSchemaByPath(path: string, patch: Record<string, unknown>): void {\n this.engine.setSchemaByPath(path, patch);\n }\n\n setSchema(schema: NexusSchema): void {\n this.engine.setSchema(schema);\n }\n\n getValues(paths?: string[]): Record<string, unknown> {\n return this.engine.getFormData(paths);\n }\n\n getHiddenValues(): Record<string, unknown> {\n return this.engine.getHiddenValues();\n }\n\n /** 获取所有字段值(含 hidden) */\n getAllValues(): Record<string, unknown> {\n return this.engine.getAllFormData();\n }\n\n getValueByPath(path: string): unknown {\n return this.engine.getFieldValue(path);\n }\n\n /**\n * 注册字段校验逻辑\n * @param path 字段路径(如 'username')\n * @param validator 校验函数,返回错误消息数组(空数组表示通过)\n */\n registerValidator(\n path: string,\n validator: (\n value: unknown,\n formData: Record<string, unknown>,\n ) => string[] | Promise<string[]>,\n ): void {\n // 注册到 Engine(validate 与 实时校验 统一由 Engine 执行)\n this.engine.registerFieldValidator(path, validator);\n }\n\n /**\n * 注销字段校验逻辑(按函数引用移除)\n * 与 registerValidator 配对;widget 组件卸载时清理,避免校验器累积\n */\n unregisterValidator(\n path: string,\n validator: (\n value: unknown,\n formData: Record<string, unknown>,\n ) => string[] | Promise<string[]>,\n ): void {\n this.engine.unregisterFieldValidator(path, validator);\n }\n\n /**\n * 实时重校验指定字段(同步)\n * 供 widget 组件内部状态变化(非字段值变化)时主动刷新错误态\n */\n revalidateField(path: string): void {\n this.engine.validateField(path, { trigger: 'change' });\n }\n\n getSchema(): NexusSchema | null {\n return this.engine.getSchema();\n }\n\n removeErrorField(path: string): void {\n this.engine.removeErrorField(path);\n }\n\n scrollToPath(path: string): void {\n const el = this.formElementRef.current?.querySelector(\n `[data-nexus-field=\"${path}\"]`,\n );\n el?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n getFieldError(path: string): string[] {\n return this.engine.getFieldError(path);\n }\n\n getFieldsError(): Map<string, string[]> {\n return this.engine.getFieldsError();\n }\n\n validateFields(paths?: string[]): Promise<Map<string, string[]>> {\n return this.engine.validate(paths);\n }\n\n getFieldState(path: string): FieldState | undefined {\n return this.engine.getFieldState(path);\n }\n}\n"],"names":["FormController","engine","NexusEngine","AsyncValidatorPlugin","formEl","getOnFinish","getOnFinishFailed","path","value","config","fn","allValues","globalData","errors","formData","errorPaths","fieldEls","el","values","patch","schema","paths","validator"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FormController.js","sources":["../../../../../../react/src/components/FormController.ts"],"sourcesContent":["import type {\n FieldState,\n NexusFormInstance,\n NexusSchema,\n} from '@xbeeant/form-engine';\nimport { AsyncValidatorPlugin, NexusEngine } from '@xbeeant/form-engine';\nimport type { RefObject } from 'react';\n\n/**\n * FormController — 包裹 Engine,暴露 Form 实例 API\n */\nexport class FormController implements NexusFormInstance {\n private engine: NexusEngine;\n private formElementRef: RefObject<HTMLFormElement | null>;\n /** 稳定的 getter:每次 submit 执行时从外部 ref 读取最新的 onFinish/onFinishFailed 回调 */\n private getOnFinish: () => (\n data: Record<string, unknown>,\n ) => void | Promise<void>;\n private getOnFinishFailed: () => (errors: Map<string, string[]>) => void;\n private removeHiddenData: boolean = true;\n private watchers: Map<\n string,\n (value: unknown, allValues: Record<string, unknown>) => void\n > = new Map();\n private globalWatcher:\n | ((\n value: Record<string, unknown>,\n allValues: Record<string, unknown>,\n changedPath?: string,\n ) => void)\n | null = null;\n\n constructor(engine?: NexusEngine) {\n this.engine = engine ?? new NexusEngine();\n // 默认注入异步校验器插件:useFieldValidator / registerFieldValidator\n // 注册的异步校验器即可在字段值变化时被触发(防抖调度,与默认 'change' trigger 对齐)。\n // 外部已注入同名插件时不重复注入(hasPlugin 幂等)。\n if (!this.engine.hasPlugin('async-validator')) {\n this.engine.use(new AsyncValidatorPlugin(this.engine));\n }\n this.formElementRef = {\n current: null,\n } as RefObject<HTMLFormElement | null>;\n this.getOnFinish = () => () => {};\n this.getOnFinishFailed = () => () => {};\n }\n\n /** 内部:首次绑定表单 DOM + 回调 getter(由 NexusForm 在挂载时调用一次) */\n _bind(\n formEl: HTMLFormElement | null,\n getOnFinish: () => (data: Record<string, unknown>) => void | Promise<void>,\n getOnFinishFailed: () => (errors: Map<string, string[]>) => void,\n ): void {\n (this.formElementRef as { current: HTMLFormElement | null }).current =\n formEl;\n this.getOnFinish = getOnFinish;\n this.getOnFinishFailed = getOnFinishFailed;\n // 注册值变更回调到 Engine,只需一次(回调闭包引用了稳定的实例)\n this.engine.registerOnFieldValueChange((path, value) =>\n this._onFieldValueChange(path, value),\n );\n }\n\n /** 内部:同步 watch / removeHiddenData 配置(由 NexusForm 在它们变化时调用) */\n _syncConfig(config: {\n removeHiddenData?: boolean;\n watch?: {\n [path: string]: (\n value: unknown,\n allValues: Record<string, unknown>,\n changedPath?: string,\n ) => void;\n };\n }): void {\n if (config.removeHiddenData !== undefined) {\n this.removeHiddenData = config.removeHiddenData;\n }\n if (config.watch) {\n this.watchers.clear();\n this.globalWatcher = null;\n for (const [path, fn] of Object.entries(config.watch)) {\n if (path === '#') {\n this.globalWatcher = fn;\n } else {\n this.watchers.set(path, fn);\n }\n }\n }\n }\n\n /** 内部:值变更时调用(由 Engine 通知) */\n _onFieldValueChange(path: string, value: unknown): void {\n const allValues = this.engine.getFormData();\n const globalData = this.removeHiddenData\n ? allValues\n : this.engine.getAllFormData();\n\n // 全局 watcher(# 监听所有字段变化,value 即为全部表单值;\n // 第三参携带本次实际变更的字段路径,供清空值场景区分「未赋值默认值」与「用户主动清空」)\n if (this.globalWatcher) {\n this.globalWatcher(globalData, globalData, path);\n }\n // 路径匹配的 watcher\n const fn = this.watchers.get(path);\n if (fn) {\n fn(value, globalData);\n }\n }\n\n /** 内部:获取 Engine 实例 */\n _getEngine(): NexusEngine {\n return this.engine;\n }\n\n /**\n * 获取底层 Engine 实例(用于跨表单联动:linkForm / setFormId 等)\n */\n getEngine(): NexusEngine {\n return this.engine;\n }\n\n async submit(): Promise<void> {\n const errors = await this.engine.validate();\n if (errors.size > 0) {\n this.focusFirstError(errors);\n this.getOnFinishFailed()?.(errors);\n return;\n }\n const formData = this.removeHiddenData\n ? this.engine.getFormData()\n : this.engine.getAllFormData();\n await this.getOnFinish()?.(formData);\n }\n\n /**\n * 定位到第一个校验失败的字段:按 DOM 渲染顺序查找(保证视觉上的\"第一个\"),\n * 滚动入视并聚焦其内部可交互控件。\n */\n private focusFirstError(errors: Map<string, string[]>): void {\n const formEl = this.formElementRef.current;\n if (!formEl || errors.size === 0) {\n return;\n }\n\n const errorPaths = new Set(errors.keys());\n\n const focus = () => {\n const fieldEls =\n formEl.querySelectorAll<HTMLElement>('[data-nexus-field]');\n for (const el of Array.from(fieldEls)) {\n const path = el.getAttribute('data-nexus-field');\n if (!path || !errorPaths.has(path)) {\n continue;\n }\n\n el.scrollIntoView({ behavior: 'smooth', block: 'center' });\n const focusable = el.querySelector<HTMLElement>(\n 'input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n );\n focusable?.focus();\n return;\n }\n };\n\n // 等待 React 将错误态刷到 DOM 后再定位,保证错误提示已可见\n requestAnimationFrame(focus);\n }\n\n resetFields(): void {\n this.engine.reset();\n }\n\n setErrorFields(errors: Array<{ path: string; errors: string[] }>): void {\n this.engine.setErrorFields(errors);\n }\n\n setValues(values: Record<string, unknown>): void {\n this.engine.setFieldValues(values);\n }\n\n setValueByPath(path: string, value: unknown): void {\n this.engine.setFieldValue(path, value);\n }\n\n setSchemaByPath(path: string, patch: Record<string, unknown>): void {\n this.engine.setSchemaByPath(path, patch);\n }\n\n setSchema(schema: NexusSchema): void {\n this.engine.setSchema(schema);\n }\n\n getValues(paths?: string[]): Record<string, unknown> {\n return this.engine.getFormData(paths);\n }\n\n getHiddenValues(): Record<string, unknown> {\n return this.engine.getHiddenValues();\n }\n\n /** 获取所有字段值(含 hidden) */\n getAllValues(): Record<string, unknown> {\n return this.engine.getAllFormData();\n }\n\n getValueByPath(path: string): unknown {\n return this.engine.getFieldValue(path);\n }\n\n /**\n * 注册字段校验逻辑\n * @param path 字段路径(如 'username')\n * @param validator 校验函数,返回错误消息数组(空数组表示通过)\n */\n registerValidator(\n path: string,\n validator: (\n value: unknown,\n formData: Record<string, unknown>,\n ) => string[] | Promise<string[]>,\n ): void {\n // 注册到 Engine(validate 与 实时校验 统一由 Engine 执行)\n this.engine.registerFieldValidator(path, validator);\n }\n\n /**\n * 注销字段校验逻辑(按函数引用移除)\n * 与 registerValidator 配对;widget 组件卸载时清理,避免校验器累积\n */\n unregisterValidator(\n path: string,\n validator: (\n value: unknown,\n formData: Record<string, unknown>,\n ) => string[] | Promise<string[]>,\n ): void {\n this.engine.unregisterFieldValidator(path, validator);\n }\n\n /**\n * 实时重校验指定字段(同步)\n * 供 widget 组件内部状态变化(非字段值变化)时主动刷新错误态\n */\n revalidateField(path: string): void {\n this.engine.validateField(path, { trigger: 'change' });\n }\n\n getSchema(): NexusSchema | null {\n return this.engine.getSchema();\n }\n\n removeErrorField(path: string): void {\n this.engine.removeErrorField(path);\n }\n\n scrollToPath(path: string): void {\n const el = this.formElementRef.current?.querySelector(\n `[data-nexus-field=\"${path}\"]`,\n );\n el?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n getFieldError(path: string): string[] {\n return this.engine.getFieldError(path);\n }\n\n getFieldsError(): Map<string, string[]> {\n return this.engine.getFieldsError();\n }\n\n validateFields(paths?: string[]): Promise<Map<string, string[]>> {\n return this.engine.validate(paths);\n }\n\n getFieldState(path: string): FieldState | undefined {\n return this.engine.getFieldState(path);\n }\n}\n"],"names":["FormController","engine","NexusEngine","AsyncValidatorPlugin","formEl","getOnFinish","getOnFinishFailed","path","value","config","fn","allValues","globalData","errors","formData","errorPaths","fieldEls","el","values","patch","schema","paths","validator"],"mappings":"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"}
|
|
@@ -1,99 +1,98 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useSyncExternalStore as
|
|
3
|
-
import { FieldInheritContext as
|
|
4
|
-
import { GridContext as
|
|
5
|
-
import { LayoutConfigContext as
|
|
6
|
-
import { useNexusContext as
|
|
7
|
-
import { resolveColSpan as
|
|
8
|
-
function
|
|
9
|
-
const { engine: i, config:
|
|
10
|
-
|
|
1
|
+
import { jsx as o, jsxs as L } from "react/jsx-runtime";
|
|
2
|
+
import { useSyncExternalStore as $, useContext as m, useCallback as C, useMemo as W } from "react";
|
|
3
|
+
import { FieldInheritContext as D } from "../contexts/FieldInheritContext.js";
|
|
4
|
+
import { GridContext as E } from "../contexts/GridContext.js";
|
|
5
|
+
import { LayoutConfigContext as G } from "../contexts/LayoutConfigContext.js";
|
|
6
|
+
import { useNexusContext as H } from "../contexts/NexusContext.js";
|
|
7
|
+
import { resolveColSpan as I } from "../utils/resolveColSpan.js";
|
|
8
|
+
function X({ dataPath: t, layoutKey: c }) {
|
|
9
|
+
const { engine: i, config: l, form: h } = H();
|
|
10
|
+
$(
|
|
11
11
|
(n) => i.subscribeField(t, n),
|
|
12
12
|
() => i.getFieldVersion(t),
|
|
13
13
|
() => i.getFieldVersion(t)
|
|
14
14
|
);
|
|
15
|
-
const e = i.getFieldState(t),
|
|
15
|
+
const e = i.getFieldState(t), w = m(E), F = m(G), d = m(D), v = C(
|
|
16
16
|
(n) => {
|
|
17
17
|
i.setFieldValue(t, n);
|
|
18
18
|
},
|
|
19
19
|
[i, t]
|
|
20
|
-
),
|
|
20
|
+
), S = C(
|
|
21
21
|
(n) => {
|
|
22
22
|
n.currentTarget.contains(n.relatedTarget) || i.validateField(t, { trigger: "blur" });
|
|
23
23
|
},
|
|
24
24
|
[i, t]
|
|
25
|
-
),
|
|
26
|
-
() => e?.meta.enum ? e.meta.enum.map((n,
|
|
25
|
+
), N = W(
|
|
26
|
+
() => e?.meta.enum ? e.meta.enum.map((n, s) => ({
|
|
27
27
|
value: n,
|
|
28
|
-
label: e.meta.enumNames?.[
|
|
28
|
+
label: e.meta.enumNames?.[s] ?? String(n)
|
|
29
29
|
})) : e?.props.options,
|
|
30
30
|
[e?.meta.enum, e?.meta.enumNames, e?.props.options]
|
|
31
|
-
),
|
|
31
|
+
), O = W(() => {
|
|
32
32
|
const n = {};
|
|
33
33
|
if (e?.reactions) {
|
|
34
|
-
for (const
|
|
35
|
-
if (
|
|
36
|
-
for (const
|
|
37
|
-
n[
|
|
34
|
+
for (const s of e.reactions)
|
|
35
|
+
if (s.dependencies)
|
|
36
|
+
for (const b of s.dependencies)
|
|
37
|
+
n[b] = i.getFieldValue(b);
|
|
38
38
|
}
|
|
39
39
|
return n;
|
|
40
40
|
}, [e?.reactions, i]);
|
|
41
41
|
if (!e)
|
|
42
42
|
return i.getSnapshot() > 0 && console.warn(`[NexusField] Field not found: ${t}`), null;
|
|
43
|
-
if (
|
|
44
|
-
return
|
|
45
|
-
const
|
|
46
|
-
let r = i.getWidget(
|
|
47
|
-
if (!r &&
|
|
48
|
-
return /* @__PURE__ */
|
|
43
|
+
if (d.visible === !1 || !e.visible)
|
|
44
|
+
return F.removeHidden === !0 ? null : /* @__PURE__ */ o("div", { className: "hidden", "data-nexus-hidden": t });
|
|
45
|
+
const p = l.readOnly || d.readOnly === !0 || e.readOnly, T = d.disabled === !0 || e.disabled, u = p && !!e.meta.readOnlyWidget, V = u ? e.meta.readOnlyWidget : e.meta.widget;
|
|
46
|
+
let r = i.getWidget(V);
|
|
47
|
+
if (!r && u && (r = i.getWidget(e.meta.widget)), !r)
|
|
48
|
+
return /* @__PURE__ */ L("div", { className: "text-xs text-red-500", "data-nexus-field": t, children: [
|
|
49
49
|
'⚠️ Widget "',
|
|
50
50
|
e.meta.widget,
|
|
51
51
|
'" 未注册 (path: ',
|
|
52
52
|
t,
|
|
53
53
|
")"
|
|
54
54
|
] });
|
|
55
|
-
const
|
|
55
|
+
const j = e.meta.displayType ?? l.displayType, k = e.meta.labelWidth ?? l.labelWidth, q = e.meta.column ?? l.column, f = I(e.meta.colSpan, w), g = {
|
|
56
56
|
...e.meta.width ? { width: e.meta.width, flexShrink: 0 } : {},
|
|
57
|
-
...
|
|
57
|
+
...f ? { gridColumn: `span ${f}` } : {}
|
|
58
|
+
}, x = i.getFieldWrapper(), B = {
|
|
59
|
+
label: e.meta.label,
|
|
60
|
+
title: e.meta.title,
|
|
61
|
+
description: e.meta.description,
|
|
62
|
+
errors: e.errors,
|
|
63
|
+
required: e.required,
|
|
64
|
+
extra: e.meta.extra,
|
|
65
|
+
width: e.meta.width,
|
|
66
|
+
displayType: j,
|
|
67
|
+
labelWidth: k,
|
|
68
|
+
column: q
|
|
69
|
+
}, y = {
|
|
70
|
+
dataPath: t,
|
|
71
|
+
path: t,
|
|
72
|
+
value: e.value,
|
|
73
|
+
onChange: v,
|
|
74
|
+
disabled: T,
|
|
75
|
+
readOnly: p,
|
|
76
|
+
loading: e.loading,
|
|
77
|
+
placeholder: e.meta.placeholder,
|
|
78
|
+
options: N,
|
|
79
|
+
form: h,
|
|
80
|
+
dependValues: O,
|
|
81
|
+
items: e.meta.items,
|
|
82
|
+
...e.props
|
|
58
83
|
};
|
|
59
|
-
|
|
84
|
+
let a;
|
|
85
|
+
return x ? a = /* @__PURE__ */ o(x, { ...B, children: /* @__PURE__ */ o(r, { ...y }) }, c) : a = /* @__PURE__ */ o(r, { ...y }, c), /* @__PURE__ */ o(
|
|
60
86
|
"div",
|
|
61
87
|
{
|
|
62
88
|
"data-nexus-field": t,
|
|
63
|
-
onBlur:
|
|
64
|
-
style: Object.keys(
|
|
65
|
-
children:
|
|
66
|
-
r,
|
|
67
|
-
{
|
|
68
|
-
dataPath: t,
|
|
69
|
-
path: t,
|
|
70
|
-
value: e.value,
|
|
71
|
-
onChange: F,
|
|
72
|
-
disabled: S,
|
|
73
|
-
readOnly: m,
|
|
74
|
-
loading: e.loading,
|
|
75
|
-
required: e.required,
|
|
76
|
-
title: e.meta.title,
|
|
77
|
-
description: e.meta.description,
|
|
78
|
-
placeholder: e.meta.placeholder,
|
|
79
|
-
label: e.meta.label,
|
|
80
|
-
options: h,
|
|
81
|
-
errors: e.errors,
|
|
82
|
-
extra: e.meta.extra,
|
|
83
|
-
displayType: O,
|
|
84
|
-
labelWidth: T,
|
|
85
|
-
column: V,
|
|
86
|
-
form: b,
|
|
87
|
-
dependValues: w,
|
|
88
|
-
items: e.meta.items,
|
|
89
|
-
...e.props
|
|
90
|
-
},
|
|
91
|
-
y
|
|
92
|
-
)
|
|
89
|
+
onBlur: S,
|
|
90
|
+
style: Object.keys(g).length > 0 ? g : void 0,
|
|
91
|
+
children: a
|
|
93
92
|
}
|
|
94
93
|
);
|
|
95
94
|
}
|
|
96
95
|
export {
|
|
97
|
-
|
|
96
|
+
X as NexusField
|
|
98
97
|
};
|
|
99
98
|
//# sourceMappingURL=NexusField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NexusField.js","sources":["../../../../../../react/src/components/NexusField.tsx"],"sourcesContent":["import type { CSSProperties, FocusEvent } from 'react';\nimport { useCallback, useContext, useMemo, useSyncExternalStore } from 'react';\nimport { FieldInheritContext } from '../contexts/FieldInheritContext';\nimport { GridContext } from '../contexts/GridContext';\nimport { LayoutConfigContext } from '../contexts/LayoutConfigContext';\nimport { useNexusContext } from '../contexts/NexusContext';\nimport { resolveColSpan } from '../utils/resolveColSpan';\n\ninterface NexusFieldProps {\n dataPath: string;\n layoutKey: string;\n}\n\n/**\n * NexusField — 单个字段渲染器\n */\nexport function NexusField({ dataPath, layoutKey }: NexusFieldProps) {\n const { engine, config, form } = useNexusContext();\n // 按路径精准订阅:仅该字段版本变化时重渲染(reaction 影响其他字段不会触发本组件)\n // 第三个参数 getServerSnapshot 与 getSnapshot 一致(引擎状态同步,SSR 必需)\n useSyncExternalStore(\n (onStoreChange) => engine.subscribeField(dataPath, onStoreChange),\n () => engine.getFieldVersion(dataPath),\n () => engine.getFieldVersion(dataPath),\n );\n const state = engine.getFieldState(dataPath);\n // GridContext 必须在所有 early return 之前调用,否则会破坏 Hooks 调用顺序\n const gridCtx = useContext(GridContext);\n const layoutConfig = useContext(LayoutConfigContext);\n // 祖先对象容器(NexusObject)下发的继承属性:visible=false 时子树整体隐藏\n const inherit = useContext(FieldInheritContext);\n\n const handleChange = useCallback(\n (value: unknown) => {\n engine.setFieldValue(dataPath, value);\n },\n [engine, dataPath],\n );\n\n // 失焦触发 blur 规则校验(trigger: 'blur'):\n // React onBlur 冒泡(focusout 语义),包裹层统一处理内部控件失焦;\n // 焦点仍在字段内部(如 dateRange 双输入框间切换)时跳过。\n const handleBlur = useCallback(\n (e: FocusEvent<HTMLDivElement>) => {\n if (e.currentTarget.contains(e.relatedTarget as Node)) {\n return;\n }\n engine.validateField(dataPath, { trigger: 'blur' });\n },\n [engine, dataPath],\n );\n\n // 从 enum + enumNames 构建选项(x-render 对齐)。\n // meta/props 引用在状态更新时保持稳定,useMemo 避免每次渲染重建数组(破坏子组件 memo)。\n // 必须在所有 early return 之前调用(Hooks 顺序规则),state 未定义时安全降级\n const options = useMemo(\n () =>\n state?.meta.enum\n ? state.meta.enum.map((value: any, index: number) => ({\n value,\n label: state.meta.enumNames?.[index] ?? String(value),\n }))\n : (state?.props.options as\n | Array<{ label: string; value: unknown } | string | number>\n | undefined),\n [state?.meta.enum, state?.meta.enumNames, state?.props.options],\n );\n\n // 从 reactions 依赖构建 dependValues,供 widget 获取关联字段值。\n // reactions 引用稳定,值在 memo 执行时读取;避免每次渲染新建对象\n const dependValues = useMemo(() => {\n const values: Record<string, unknown> = {};\n if (state?.reactions) {\n for (const reaction of state.reactions) {\n if (reaction.dependencies) {\n for (const dep of reaction.dependencies) {\n values[dep] = engine.getFieldValue(dep);\n }\n }\n }\n }\n return values;\n }, [state?.reactions, engine]);\n\n if (!state) {\n // 仅当引擎已初始化(version > 0)但字段仍未找到时才发出警告\n // 初始化过程中的短暂空状态不应报警\n if (engine.getSnapshot() > 0) {\n console.warn(`[NexusField] Field not found: ${dataPath}`);\n }\n return null;\n }\n\n // 祖先对象容器隐藏 → 子树整体不可见(与字段自身 visible 合并判断)\n if (inherit.visible === false || !state.visible) {\n // 如果父布局节点配置了 removeHidden,则不渲染占位符(移除以防止栅格塌陷)\n if (layoutConfig.removeHidden === true) {\n return null;\n }\n // 默认行为:渲染 display:none 占位符以保持布局\n return <div className='hidden' data-nexus-hidden={dataPath} />;\n }\n\n // 从 enum + enumNames 构建选项(x-render 对齐)\n const readOnly =\n config.readOnly || inherit.readOnly === true || state.readOnly;\n // 对象容器继承 disabled(父级激活时优先),与字段级 disabled 合并\n const disabled = inherit.disabled === true || state.disabled;\n\n // readOnlyWidget:指定 readOnly 生效时切换使用的渲染 widget(x-render readOnlyWidget 对齐)。\n // - 配置了 readOnlyWidget 且字段为只读时,切换渲染该 widget(readOnly 一并透传,\n // widget 按自身逻辑决定只读展示形态,如 treeSelect 的 readOnly 回显);\n // - 未配置时 readOnly 原样透传给 widget,由 widget 自身决定只读形态\n // (antd 原生 readOnly,或内置 widget 的 ReadOnlyDisplay 文本回退)。\n const wantReadOnlyWidget = readOnly && !!state.meta.readOnlyWidget;\n const widgetName = wantReadOnlyWidget\n ? state.meta.readOnlyWidget!\n : state.meta.widget;\n /** 获取UI组件库 进行渲染 **/\n let Widget = engine.getWidget(widgetName);\n // readOnlyWidget 未注册时优雅降级:退回原 widget,沿用现有只读渲染方式\n if (!Widget && wantReadOnlyWidget) {\n Widget = engine.getWidget(state.meta.widget);\n }\n\n if (!Widget) {\n return (\n <div className='text-xs text-red-500' data-nexus-field={dataPath}>\n ⚠️ Widget \"{state.meta.widget}\" 未注册 (path: {dataPath})\n </div>\n );\n }\n\n // 字段级配置优先于表单级配置\n const fieldDisplayType = state.meta.displayType ?? config.displayType;\n const fieldLabelWidth = state.meta.labelWidth ?? config.labelWidth;\n const fieldColumn = state.meta.column ?? config.column;\n\n // 布局属性作用于 NexusField 包装层而非 DOM 控件\n // - column(fieldColumn):字段内部子元素分列数(如 checkboxes/radio),传给 Widget\n // - colSpan:在父 Grid 中横跨多少列(tailwind 风格:gridColumn: span N)\n // - width:在父 Flex 布局中自身宽度(百分比或固定值),flexShrink:0 防压缩\n const effectiveColSpan = resolveColSpan(state.meta.colSpan, gridCtx);\n const wrapperStyle: CSSProperties = {\n ...(state.meta.width ? { width: state.meta.width, flexShrink: 0 } : {}),\n ...(effectiveColSpan ? { gridColumn: `span ${effectiveColSpan}` } : {}),\n };\n\n return (\n <div\n data-nexus-field={dataPath}\n onBlur={handleBlur}\n style={Object.keys(wrapperStyle).length > 0 ? wrapperStyle : undefined}\n >\n <Widget\n key={layoutKey}\n dataPath={dataPath}\n path={dataPath}\n value={state.value}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readOnly}\n loading={state.loading}\n required={state.required}\n title={state.meta.title}\n description={state.meta.description}\n placeholder={state.meta.placeholder}\n label={state.meta.label}\n options={options}\n errors={state.errors}\n extra={state.meta.extra}\n displayType={fieldDisplayType}\n labelWidth={fieldLabelWidth}\n column={fieldColumn}\n form={form}\n dependValues={dependValues}\n items={state.meta.items}\n {...state.props}\n />\n </div>\n );\n}\n"],"names":["NexusField","dataPath","layoutKey","engine","config","form","useNexusContext","useSyncExternalStore","onStoreChange","state","gridCtx","useContext","GridContext","layoutConfig","LayoutConfigContext","inherit","FieldInheritContext","handleChange","useCallback","value","handleBlur","e","options","useMemo","index","dependValues","values","reaction","dep","jsx","readOnly","disabled","wantReadOnlyWidget","widgetName","Widget","jsxs","fieldDisplayType","fieldLabelWidth","fieldColumn","effectiveColSpan","resolveColSpan","wrapperStyle"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NexusField.js","sources":["../../../../../../react/src/components/NexusField.tsx"],"sourcesContent":["import type { CSSProperties, FocusEvent, ReactElement } from 'react';\nimport { useCallback, useContext, useMemo, useSyncExternalStore } from 'react';\nimport { FieldInheritContext } from '../contexts/FieldInheritContext';\nimport { GridContext } from '../contexts/GridContext';\nimport { LayoutConfigContext } from '../contexts/LayoutConfigContext';\nimport { useNexusContext } from '../contexts/NexusContext';\nimport { resolveColSpan } from '../utils/resolveColSpan';\n\ninterface NexusFieldProps {\n dataPath: string;\n layoutKey: string;\n}\n\n/**\n * NexusField — 单个字段渲染器\n */\nexport function NexusField({ dataPath, layoutKey }: NexusFieldProps) {\n const { engine, config, form } = useNexusContext();\n // 按路径精准订阅:仅该字段版本变化时重渲染(reaction 影响其他字段不会触发本组件)\n // 第三个参数 getServerSnapshot 与 getSnapshot 一致(引擎状态同步,SSR 必需)\n useSyncExternalStore(\n (onStoreChange) => engine.subscribeField(dataPath, onStoreChange),\n () => engine.getFieldVersion(dataPath),\n () => engine.getFieldVersion(dataPath),\n );\n const state = engine.getFieldState(dataPath);\n // GridContext 必须在所有 early return 之前调用,否则会破坏 Hooks 调用顺序\n const gridCtx = useContext(GridContext);\n const layoutConfig = useContext(LayoutConfigContext);\n // 祖先对象容器(NexusObject)下发的继承属性:visible=false 时子树整体隐藏\n const inherit = useContext(FieldInheritContext);\n\n const handleChange = useCallback(\n (value: unknown) => {\n engine.setFieldValue(dataPath, value);\n },\n [engine, dataPath],\n );\n\n // 失焦触发 blur 规则校验(trigger: 'blur'):\n // React onBlur 冒泡(focusout 语义),包裹层统一处理内部控件失焦;\n // 焦点仍在字段内部(如 dateRange 双输入框间切换)时跳过。\n const handleBlur = useCallback(\n (e: FocusEvent<HTMLDivElement>) => {\n if (e.currentTarget.contains(e.relatedTarget as Node)) {\n return;\n }\n engine.validateField(dataPath, { trigger: 'blur' });\n },\n [engine, dataPath],\n );\n\n // 从 enum + enumNames 构建选项(x-render 对齐)。\n // meta/props 引用在状态更新时保持稳定,useMemo 避免每次渲染重建数组(破坏子组件 memo)。\n // 必须在所有 early return 之前调用(Hooks 顺序规则),state 未定义时安全降级\n const options = useMemo(\n () =>\n state?.meta.enum\n ? state.meta.enum.map((value: any, index: number) => ({\n value,\n label: state.meta.enumNames?.[index] ?? String(value),\n }))\n : (state?.props.options as\n | Array<{ label: string; value: unknown } | string | number>\n | undefined),\n [state?.meta.enum, state?.meta.enumNames, state?.props.options],\n );\n\n // 从 reactions 依赖构建 dependValues,供 widget 获取关联字段值。\n // reactions 引用稳定,值在 memo 执行时读取;避免每次渲染新建对象\n const dependValues = useMemo(() => {\n const values: Record<string, unknown> = {};\n if (state?.reactions) {\n for (const reaction of state.reactions) {\n if (reaction.dependencies) {\n for (const dep of reaction.dependencies) {\n values[dep] = engine.getFieldValue(dep);\n }\n }\n }\n }\n return values;\n }, [state?.reactions, engine]);\n\n if (!state) {\n // 仅当引擎已初始化(version > 0)但字段仍未找到时才发出警告\n // 初始化过程中的短暂空状态不应报警\n if (engine.getSnapshot() > 0) {\n console.warn(`[NexusField] Field not found: ${dataPath}`);\n }\n return null;\n }\n\n // 祖先对象容器隐藏 → 子树整体不可见(与字段自身 visible 合并判断)\n if (inherit.visible === false || !state.visible) {\n // 如果父布局节点配置了 removeHidden,则不渲染占位符(移除以防止栅格塌陷)\n if (layoutConfig.removeHidden === true) {\n return null;\n }\n // 默认行为:渲染 display:none 占位符以保持布局\n return <div className='hidden' data-nexus-hidden={dataPath} />;\n }\n\n // 从 enum + enumNames 构建选项(x-render 对齐)\n const readOnly =\n config.readOnly || inherit.readOnly === true || state.readOnly;\n // 对象容器继承 disabled(父级激活时优先),与字段级 disabled 合并\n const disabled = inherit.disabled === true || state.disabled;\n\n // readOnlyWidget:指定 readOnly 生效时切换使用的渲染 widget(x-render readOnlyWidget 对齐)。\n // - 配置了 readOnlyWidget 且字段为只读时,切换渲染该 widget(readOnly 一并透传,\n // widget 按自身逻辑决定只读展示形态,如 treeSelect 的 readOnly 回显);\n // - 未配置时 readOnly 原样透传给 widget,由 widget 自身决定只读形态\n // (antd 原生 readOnly,或内置 widget 的 ReadOnlyDisplay 文本回退)。\n const wantReadOnlyWidget = readOnly && !!state.meta.readOnlyWidget;\n const widgetName = wantReadOnlyWidget\n ? state.meta.readOnlyWidget!\n : state.meta.widget;\n /** 获取UI组件库 进行渲染 **/\n let Widget = engine.getWidget(widgetName);\n // readOnlyWidget 未注册时优雅降级:退回原 widget,沿用现有只读渲染方式\n if (!Widget && wantReadOnlyWidget) {\n Widget = engine.getWidget(state.meta.widget);\n }\n\n if (!Widget) {\n return (\n <div className='text-xs text-red-500' data-nexus-field={dataPath}>\n ⚠️ Widget \"{state.meta.widget}\" 未注册 (path: {dataPath})\n </div>\n );\n }\n\n // 字段级配置优先于表单级配置\n const fieldDisplayType = state.meta.displayType ?? config.displayType;\n const fieldLabelWidth = state.meta.labelWidth ?? config.labelWidth;\n const fieldColumn = state.meta.column ?? config.column;\n\n // 布局属性作用于 NexusField 包装层而非 DOM 控件\n // - column(fieldColumn):字段内部子元素分列数(如 checkboxes/radio),传给 Widget\n // - colSpan:在父 Grid 中横跨多少列(tailwind 风格:gridColumn: span N)\n // - width:在父 Flex 布局中自身宽度(百分比或固定值),flexShrink:0 防压缩\n const effectiveColSpan = resolveColSpan(state.meta.colSpan, gridCtx);\n const wrapperStyle: CSSProperties = {\n ...(state.meta.width ? { width: state.meta.width, flexShrink: 0 } : {}),\n ...(effectiveColSpan ? { gridColumn: `span ${effectiveColSpan}` } : {}),\n };\n\n // 默认包裹:所有 widget 统一由 FieldWrapper 包裹(引擎注册,UI 层提供),\n // 仅当 label === false(字段级或表单级)时 FieldWrapper 不包裹 Form.Item。\n // 未注册 FieldWrapper(纯 react 无 ui 层)时直接渲染裸 widget。\n const FieldWrapper = engine.getFieldWrapper();\n\n // Form.Item 消费的元数据 props 剥离给 FieldWrapper,避免透传到底层 antd 控件:\n // - required: 会让 <input required> 触发浏览器原生校验\n // - errors/title/description/label/extra/width/displayType/labelWidth/column:\n // 作为未知属性透传到 DOM 会产生 React 警告\n const fieldWrapperProps = {\n label: state.meta.label,\n title: state.meta.title,\n description: state.meta.description,\n errors: state.errors,\n required: state.required,\n extra: state.meta.extra,\n width: state.meta.width,\n displayType: fieldDisplayType,\n labelWidth: fieldLabelWidth,\n column: fieldColumn,\n };\n\n // widget 仅接收控件相关 props(value/onChange/状态/选项/表单引用/自有 props)\n const widgetProps = {\n dataPath,\n path: dataPath,\n value: state.value,\n onChange: handleChange,\n disabled,\n readOnly,\n loading: state.loading,\n placeholder: state.meta.placeholder,\n options,\n form,\n dependValues,\n items: state.meta.items,\n ...state.props,\n };\n\n let control: ReactElement;\n if (FieldWrapper) {\n control = (\n <FieldWrapper key={layoutKey} {...fieldWrapperProps}>\n <Widget {...widgetProps} />\n </FieldWrapper>\n );\n } else {\n control = <Widget key={layoutKey} {...widgetProps} />;\n }\n\n return (\n <div\n data-nexus-field={dataPath}\n onBlur={handleBlur}\n style={Object.keys(wrapperStyle).length > 0 ? wrapperStyle : undefined}\n >\n {control}\n </div>\n );\n}\n"],"names":["NexusField","dataPath","layoutKey","engine","config","form","useNexusContext","useSyncExternalStore","onStoreChange","state","gridCtx","useContext","GridContext","layoutConfig","LayoutConfigContext","inherit","FieldInheritContext","handleChange","useCallback","value","handleBlur","e","options","useMemo","index","dependValues","values","reaction","dep","jsx","readOnly","disabled","wantReadOnlyWidget","widgetName","Widget","jsxs","fieldDisplayType","fieldLabelWidth","fieldColumn","effectiveColSpan","resolveColSpan","wrapperStyle","FieldWrapper","fieldWrapperProps","widgetProps","control"],"mappings":"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"}
|