github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2026-01-18 21:38:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: 支持 supportVariableGlobally, 支持对所有属性设置变量配置

Browse Source
This commit is contained in:
lihao.ylh 2021-10-25 14:06:47 +08:00
parent d312aaa5fc
commit f2c3d6cc03
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/editor-core/src/config.ts
View File

@ -64,6 +64,10 @@ export interface EngineOptions {
* 自定义 loading 组件 * 自定义 loading 组件
*/ */
loadingComponent?: ComponentType; loadingComponent?: ComponentType;
/**
* 设置所有属性支持变量配置，默认值：false
*/
supportVariableGlobally?: boolean;
/** /**
* Vision-polyfill settings * Vision-polyfill settings
*/ */

15
packages/editor-skeleton/src/components/settings/settings-pane.tsx
View File

@ -1,10 +1,10 @@
import { Component, MouseEvent, Fragment } from 'react'; import { Component, MouseEvent, Fragment } from 'react';
import { shallowIntl, createSetterContent, observer, obx } from '@ali/lowcode-editor-core'; import { shallowIntl, createSetterContent, observer, obx, engineConfig } from '@ali/lowcode-editor-core';
import { createContent } from '@ali/lowcode-utils'; import { createContent } from '@ali/lowcode-utils';
import { createField } from '../field'; import { createField } from '../field';
import PopupService, { PopupPipe } from '../popup'; import PopupService, { PopupPipe } from '../popup';
import { SkeletonContext } from '../../context'; import { SkeletonContext } from '../../context';
import { SettingField, isSettingField, SettingTopEntry, SettingEntry } from '@ali/lowcode-designer'; import { SettingField, isSettingField, SettingTopEntry, SettingEntry, ComponentMeta } from '@ali/lowcode-designer';
// import { Icon } from '@alifd/next'; // import { Icon } from '@alifd/next';
import { isSetterConfig, CustomView } from '@ali/lowcode-types'; import { isSetterConfig, CustomView } from '@ali/lowcode-types';
import { intl } from '../../locale'; import { intl } from '../../locale';
@ -16,6 +16,12 @@ function transformStringToFunction(str) {
return new Function(`"use strict"; return ${str}`)(); return new Function(`"use strict"; return ${str}`)();
} }
function isStandardComponent(componentMeta: ComponentMeta | null) {
if (!componentMeta) return false;
const { prototype } = componentMeta;
return prototype == null;
}
@observer @observer
class SettingFieldView extends Component<{ field: SettingField }> { class SettingFieldView extends Component<{ field: SettingField }> {
static contextType = SkeletonContext; static contextType = SkeletonContext;
@ -24,7 +30,6 @@ class SettingFieldView extends Component<{ field: SettingField }> {
const { field } = this.props; const { field } = this.props;
const { extraProps, componentMeta } = field; const { extraProps, componentMeta } = field;
const { condition, defaultValue, display } = extraProps; const { condition, defaultValue, display } = extraProps;
const { prototype } = componentMeta!;
let visible; let visible;
try { try {
visible = typeof condition === 'function' ? condition(field) !== false : true; visible = typeof condition === 'function' ? condition(field) !== false : true;
@ -63,7 +68,9 @@ class SettingFieldView extends Component<{ field: SettingField }> {
// 根据是否支持变量配置做相应的更改 // 根据是否支持变量配置做相应的更改
const supportVariable = field.extraProps?.supportVariable; const supportVariable = field.extraProps?.supportVariable;
if (supportVariable) { // supportVariableGlobally 只对标准组件生效，vc 需要单独配置
const supportVariableGlobally = engineConfig.get('supportVariableGlobally', false) && isStandardComponent(componentMeta);
if (supportVariable || supportVariableGlobally) {
if (setterType === 'MixedSetter') { if (setterType === 'MixedSetter') {
if (!setterProps.setters.includes('VariableSetter')) { if (!setterProps.setters.includes('VariableSetter')) {
setterProps.setters.push('VariableSetter'); setterProps.setters.push('VariableSetter');