Skip to content

A
apollo_form_pase
Commit eea939d2 authored by 满振华's avatar 满振华
Browse files
Options

修改控件展示

parent 4924e20d
Expand all Show whitespace changes
Inline Side-by-side
Showing with 751 additions and 9 deletions
src/behavior.js
View file @ eea939d2
...@@ -26,7 +26,9 @@ export const HandleClass = { ...@@ -26,7 +26,9 @@ export const HandleClass = {
}, },
'changeParams': { 'changeParams': {
name: '修改business,请求参数', name: '修改business,请求参数',
fun: ({ behavior = {}, formData, componentData, value }, resertValue) => { fun: ({ behavior = {}, formData, componentData, value, handleType }, resertValue) => {
// handleType 为init时不处理值的问题
const newFormData = formData.slice(); const newFormData = formData.slice();
const targets = (behavior.targets || '').split(','); const targets = (behavior.targets || '').split(',');
targets.forEach(ls => { targets.forEach(ls => {
...@@ -40,7 +42,10 @@ export const HandleClass = { ...@@ -40,7 +42,10 @@ export const HandleClass = {
paramsJson, paramsJson,
} }
resertValue && resertValue({ key: ls }); resertValue && resertValue({ key: ls });
if (handleType !== 'init') {
obj.value = void 0; //将目标组件清空 obj.value = void 0; //将目标组件清空
}
}); });
return newFormData return newFormData
......
src/index.js
View file @ eea939d2
...@@ -12,7 +12,7 @@ class HandleBehavior { ...@@ -12,7 +12,7 @@ class HandleBehavior {
this.formData.map(item => { this.formData.map(item => {
if (!item.behaviors || !Array.isArray(item.behaviors) || item.behaviors.length === 0) return; if (!item.behaviors || !Array.isArray(item.behaviors) || item.behaviors.length === 0) return;
const value = this.handleFormaterValue(item.value, item); const value = this.handleFormaterValue(item.value, item);
this.handleBehavior({ currentValue: value, componentData: item }) this.handleBehavior({ currentValue: value, componentData: item, handleType: 'init' })
}) })
return this; return this;
} }
...@@ -33,28 +33,28 @@ class HandleBehavior { ...@@ -33,28 +33,28 @@ class HandleBehavior {
/* /*
* 处理行为方法 * 处理行为方法
*/ */
handleBehavior = ({ currentValue, componentData = {}, eventType, formData }) => { handleBehavior = ({ currentValue, componentData = {}, eventType, formData, handleType }) => {
this.formData = formData || this.formData; this.formData = formData || this.formData;
const value = this.handleFormaterValue((currentValue || componentData.value), componentData); const value = this.handleFormaterValue((currentValue || componentData.value), componentData);
const events = componentData.events || [] const events = componentData.events || []
const behaviors = componentData.behaviors || []; const behaviors = componentData.behaviors || [];
const changeEvents = eventType ? events.filter(ls => ls.eventValue === 'onChange') : events; const changeEvents = eventType ? events.filter(ls => ls.eventValue === 'onChange') : events;
changeEvents.forEach(event => { changeEvents.forEach(event => {
this.onChangeBehavior({ event, value, componentData, behaviors }) this.onChangeBehavior({ event, value, componentData, behaviors, handleType })
}); });
} }
onChangeBehavior = ({ event, value, componentData, behaviors }) => { onChangeBehavior = ({ event, value, componentData, behaviors, handleType }) => {
if (!event.behaviors || !Array.isArray(event.behaviors)) return; if (!event.behaviors || !Array.isArray(event.behaviors)) return;
event.behaviors.forEach(item => { event.behaviors.forEach(item => {
this.handleBehaviorType({ value, behavior: item, componentData, behaviors }); this.handleBehaviorType({ value, behavior: item, componentData, behaviors, handleType });
}); });
} }
handleBehaviorType = ({ value, behavior, behaviors, componentData }) => { handleBehaviorType = ({ value, behavior, behaviors, componentData, handleType }) => {
const behaviorInstance = HandleClass[behavior.behaviorValue]; const behaviorInstance = HandleClass[behavior.behaviorValue];
if (!behaviorInstance || !behaviorInstance.fun) return; if (!behaviorInstance || !behaviorInstance.fun) return;
let formData = this.formData; let formData = this.formData;
this.formData = behaviorInstance.fun({ value, behavior, behaviors, formData, componentData }, this.resertValueCallback); this.formData = behaviorInstance.fun({ value, behavior, behaviors, formData, componentData, handleType }, this.resertValueCallback);
} }
resertValueCallback = ({ key, value }) => { resertValueCallback = ({ key, value }) => {
const componentData = this.formData.find(ls => ls.name === key) || {}; const componentData = this.formData.find(ls => ls.name === key) || {};
......
src/index.mdx
View file @ eea939d2
...@@ -6,11 +6,22 @@ sidebar: true ...@@ -6,11 +6,22 @@ sidebar: true
--- ---
import HandleBehavior from './'; import HandleBehavior from './';
import {data} from './test/json.js'
# Button Component # Button Component
## new HandleBehavior({formData}) ## new HandleBehavior({formData})
## instance{initBehavior(formData)} ## instance{initBehavior(formData)}
<html>
<body>
<div>ddd
<script>
console.log(1)
</script>
</div>
</body>
</html>
......
src/test/index.html 0 → 100644
View file @ eea939d2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script src="../../dist/index.js">
</script>
</body>
</html>
\ No newline at end of file
src/test/json.js 0 → 100644
View file @ eea939d2
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment