-
-
- );
- const InnerBeforeNode = (
-
-
- );
- };
-
- /**
- * 渲染事件操作项
- */
- renderEventOperateCell = (eventName: string) => {
- return (
-
-
- {eventTagText}
- {record.name}
-
-
-
- this.openDialog(eventName)}
- />
- this.openDeleteEventDialog(eventName)}
- />
-
- );
- };
-
- updateEventListStatus = (eventName: string, unDisabled: boolean) => {
- const { eventList, nativeEventList, lifeCycleEventList } = this.state;
- eventList.map(item => {
- if (item.name === eventName) {
- item.disabled = !unDisabled;
- }
- return item;
- });
-
- lifeCycleEventList.map(item => {
- if (item.name === eventName) {
- item.disabled = !unDisabled;
- }
- return item;
- });
-
- nativeEventList.map(item => {
- item.eventList.map(itemData => {
- if (itemData.name === eventName) {
- itemData.disabled = !unDisabled;
- }
- return itemData;
- });
-
- return item;
- });
- };
-
- onRadioChange = value => {
- this.setState({
- selectType: value,
- });
- };
-
-
- onEventMenuClick = (eventName: string) => {
- const { selectType, eventDataList } = this.state;
- eventDataList.push({
- type: selectType,
- name: eventName,
- });
-
- this.setState({
- eventDataList,
- });
-
- this.updateEventListStatus(eventName);
- this.closeEventMenu();
- this.openDialog(eventName);
- };
-
- onRelatedEventNameClick = (eventName: string) => {
- const { editor } = this.props.field;
-
- editor.get('skeleton').getPanel('sourceEditor').show();
-
- setTimeout(() => {
- editor.emit('sourceEditor.focusByFunction', {
- functionName: eventName,
- });
- }, 300);
-
-
- // editor.emit('sourceEditor.focusByFunction',{
- // functionName:eventName
- // })
- };
-
- closeEventMenu = () => {
- if (this.state.selectType !== null) {
- this.setState({
- selectType: null,
- });
- }
- };
-
- openDeleteEventDialog = (eventName: string) => {
- this.deleteEvent(eventName);
- // Dialog.confirm({
- // title: '删除事件',
- // content: '确定删除当前事件吗',
- // onOk: () => this.deleteEvent(eventName),
- // });
- };
-
- deleteEvent = (eventName: string) => {
- const { eventDataList, eventList } = this.state;
- eventDataList.map((item, index) => {
- if (item.name === eventName) {
- eventDataList.splice(index, 1);
- }
-
- return item;
- });
-
- this.setState({
- eventDataList,
- });
- this.props.onChange({ eventDataList, eventList });
- this.updateEventListStatus(eventName, true);
- };
-
- openDialog = (bindEventName: string) => {
- const { editor } = this.props.field;
- const { eventDataList } = this.state;
- let paramStr;
- eventDataList.map((item) => {
- if (item.name == bindEventName) {
- paramStr = item.paramStr;
- }
- return item;
- });
- this.bindEventName = bindEventName;
- editor.emit('eventBindDialog.openDialog', bindEventName, SETTER_NAME, paramStr);
- };
-
-
- bindEvent = (relatedEventName: string, paramStr: string) => {
- const { eventDataList, eventList } = this.state;
- eventDataList.map(item => {
- if (item.name === this.bindEventName) {
- item.relatedEventName = relatedEventName;
- if (paramStr) {
- item.paramStr = paramStr;
- }
- }
-
- return item;
- });
-
- this.setState({
- eventDataList,
- });
-
-
- this.props.onChange({ eventDataList, eventList });
-
- // this.closeDialog();
- };
-
- render() {
- const {
- eventBtns,
- eventList,
- nativeEventList,
- lifeCycleEventList,
- selectType,
- eventDataList,
- } = this.state;
- const showEventList =
- lifeCycleEventList.length > 0 ? lifeCycleEventList : eventList;
- return (
-
-
-
- );
- }
-}
diff --git a/packages/editor-setters/src/expression-setter/index.tsx b/packages/editor-setters/src/expression-setter/index.tsx
deleted file mode 100644
index a4195a7a1..000000000
--- a/packages/editor-setters/src/expression-setter/index.tsx
+++ /dev/null
@@ -1,349 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { Select, Balloon } from '@alife/next';
-import * as acorn from 'acorn';
-
-import { isJSExpression, generateI18n } from './locale/utils';
-import zhCN from './locale/zh-CN';
-
-import './index.scss';
-
-const { Option, AutoComplete } = Select;
-const { Tooltip } = Balloon;
-const helpMap = {
- this: '容器上下文对象',
- state: '容器的state',
- props: '容器的props',
- context: '容器的context',
- schema: '页面上下文对象',
- component: '组件上下文对象',
- constants: '应用常量对象',
- utils: '应用工具对象',
- dataSourceMap: '容器数据源Map',
- field: '表单Field对象',
-};
-
-export default class ExpressionView extends PureComponent {
- static displayName = 'Expression';
-
- static propTypes = {
- context: PropTypes.object,
- dataSource: PropTypes.array,
- locale: PropTypes.string,
- messages: PropTypes.object,
- onChange: PropTypes.func,
- placeholder: PropTypes.string,
- value: PropTypes.string,
- };
-
- static defaultProps = {
- context: {},
- dataSource: [],
- locale: 'zh-CN',
- messages: zhCN,
- onChange: () => {},
- placeholder: '',
- value: '',
- };
-
- expression: React.RefObject
- {
- eventBtns.length > 1 ? 点击选择事件类型 : 点击绑定事件
- }
-
-
-
-
-
-
-
- {title.substr(0, cursorIndex)}
- |
- {title.substr(cursorIndex)}
-
- ) : (
- title
- );
-
- return (
-
-
- {'{{'}}
- innerAfter={{'}}'}}
- popupClassName="expression-setter-item-inner"
- // eslint-disable-next-line no-shadow
- itemRender={({ value }) => {
- return (
-
- );
- }}
- onChange={this.onChange.bind(this)}
- filter={this.filterOption.bind(this)}
- />
-
- )
- }
- >
- {childNode}
-
-
- );
- }
-
- componentDidMount() {
- this.$input = this.findInputElement();
- if (this.$input) {
- this.listenerFun = event => {
- const isMoveKey = !!(event.type == 'keyup' && ~[37, 38, 39, 91].indexOf(event.keyCode));
- const isMouseup = event.type == 'mouseup';
- if (isMoveKey || isMouseup) {
- // eslint-disable-next-line react/no-access-state-in-setstate
- const dataSource = this.getDataSource(this.state.value) || [];
- this.setState({
- dataSource,
- });
- }
- };
- this.$input.addEventListener('keyup', this.listenerFun, false);
- this.$input.addEventListener('mouseup', this.listenerFun, false);
- }
- }
-
- componentWillUnmount() {
- if (this.listenerFun && this.$input) {
- this.$input.removeEventListener('keyup', this.listenerFun, false);
- this.$input.removeEventListener('mouseup', this.listenerFun, false);
- }
- }
-
- /**
- * 获取Input输入框DOM节点
- */
- findInputElement() {
- return this.expression.current.children[0].getElementsByTagName('input')[0];
- }
-
- /**
- * 获取光标位置
- *
- */
- getInputCursorPosition() {
- if (!this.$input) return;
- return this.$input.selectionStart;
- }
-
- /*
- * 字符串取得对象keys
- */
- getObjectKeys(str: string) {
- let keys: string | any[] = [];
- if (str) keys = str.split('.');
- return keys.slice(0, keys.length - 1);
- }
-
- /*
- * 设置input组件光标位置在闭合}前
- */
- setInputCursorPosition(idx: number) {
- this.$input.setSelectionRange(idx, idx);
- this.forceUpdate();
- }
-}
diff --git a/packages/editor-setters/src/expression-setter/locale/snippets.ts b/packages/editor-setters/src/expression-setter/locale/snippets.ts
deleted file mode 100644
index 2bcb0dd00..000000000
--- a/packages/editor-setters/src/expression-setter/locale/snippets.ts
+++ /dev/null
@@ -1,242 +0,0 @@
-export default [
- {
- label: 'constants',
- kind: 'Class',
- insertText: 'constants',
- detail: '应用全局常量',
- documentation: '应用范围定义的通用常量',
- },
- {
- label: 'utils',
- kind: 'Class',
- insertText: 'utils',
- detail: '应用全局公共函数',
- documentation: '应用范围扩展的公共函数',
- },
- {
- label: 'state',
- kind: 'Enum',
- insertText: 'state',
- detail: '当前所在容器组件内部状态',
- documentation: 'React Class内部状态state',
- },
- {
- label: 'setState',
- kind: 'Function',
- insertText: 'setState({\n\t$0\n})',
- insertTextRules: 'InsertAsSnippet',
- detail: '设置当前所在容器组件的state数据',
- documentation: '原生React方法，会自动更新组件视图',
- },
- {
- label: 'reloadDataSource',
- kind: 'Function',
- insertText: 'reloadDataSource(${1:${2:namespace}, ${3:false}, ${4:callback}})',
- insertTextRules: 'InsertAsSnippet',
- detail: '刷新当前所在的容器组件',
- documentation: '触发当前所在的容器组件，重新发送异步请求，并用最新数据更新视图',
- },
- {
- label: 'location',
- kind: 'Class',
- insertText: 'location',
- detail: '路由解析对象',
- },
- {
- label: 'location.query',
- kind: 'Value',
- insertText: 'location.query.${1:xxxx}',
- insertTextRules: 'InsertAsSnippet',
- detail: '从路由解析对象中获取参数信息',
- },
- {
- label: 'history',
- kind: 'Class',
- insertText: 'history',
- detail: '路由历史对象',
- },
- {
- label: 'React',
- kind: 'Keyword',
- insertText: 'React',
- detail: 'React对象',
- },
- {
- label: 'ReactDOM',
- kind: 'Keyword',
- insertText: 'ReactDOM',
- detail: 'ReactDom对象',
- },
- {
- label: 'ReactDOM.findDOMNode',
- kind: 'Function',
- insertText: 'ReactDOM.findDOMNode(${1:this.refs.xxxx})',
- insertTextRules: 'InsertAsSnippet',
- detail: 'ReactDom查找真实dom node',
- },
- {
- label: 'Dialog.alert',
- kind: 'Method',
- insertText: [
- 'Dialog.alert({',
- "\tcontent: '${1:Alert content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: 'alert弹框 By Fusion',
- },
- {
- label: 'Dialog.confirm',
- kind: 'Method',
- insertText: [
- 'Dialog.confirm({',
- "\tcontent: '${1:Confirm content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '确认弹出框 By Fusion',
- },
- {
- label: 'Message.success',
- kind: 'Method',
- insertText: 'Message.success(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '成功反馈提示 By Fusion',
- },
- {
- label: 'Message.error',
- kind: 'Method',
- insertText: 'Message.error(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '错误反馈提示 By Fusion',
- },
- {
- label: 'Message.help',
- kind: 'Method',
- insertText: 'Message.help(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '帮助反馈提示 By Fusion',
- },
- {
- label: 'Message.loading',
- kind: 'Method',
- insertText: 'Message.loading(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: 'loading反馈提示 By Fusion',
- },
- {
- label: 'Message.notice',
- kind: 'Method',
- insertText: 'Message.notice(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '注意反馈提示 By Fusion',
- },
- {
- label: 'Message.waining',
- kind: 'Method',
- insertText: 'Message.waining(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '警告反馈提示 By Fusion',
- },
- {
- label: 'Modal.confirm',
- kind: 'Method',
- insertText: [
- 'Modal.confirm({',
- "\tcontent: '${1:Confirm content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '确认弹出框 By Antd',
- },
- {
- label: 'Modal.info',
- kind: 'Method',
- insertText: [
- 'Modal.info({',
- "\tcontent: '${1:Info content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '信息弹出框 By Antd',
- },
- {
- label: 'Modal.success',
- kind: 'Method',
- insertText: [
- 'Modal.success({',
- "\tcontent: '${1:Success content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '成功弹出框 By Antd',
- },
- {
- label: 'Modal.error',
- kind: 'Method',
- insertText: [
- 'Modal.error({',
- "\tcontent: '${1:Error content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '错误弹出框 By Antd',
- },
- {
- label: 'Modal.warning',
- kind: 'Method',
- insertText: [
- 'Modal.warning({',
- "\tcontent: '${1:Warning content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '警告弹出框 By Antd',
- },
-];
diff --git a/packages/editor-setters/src/expression-setter/locale/utils.ts b/packages/editor-setters/src/expression-setter/locale/utils.ts
deleted file mode 100644
index d401ad511..000000000
--- a/packages/editor-setters/src/expression-setter/locale/utils.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import IntlMessageFormat from 'intl-messageformat';
-
-export const isJSExpression = (obj = '') => {
- if (obj && typeof obj === 'object' && obj.type === 'JSExpression') {
- return true;
- }
- return false;
-};
-
-/**
- * 用于构造国际化字符串处理函数
- * @param {*} locale 国际化标识，例如 zh-CN、en-US
- * @param {*} messages 国际化语言包
- */
-export const generateI18n = (locale = 'zh-CN', messages = {}) => {
- return function (key, values = {}) {
- if (!messages || !messages[key]) return '';
- const formater = new IntlMessageFormat(messages[key], locale);
- return formater.format(values);
- };
-};
diff --git a/packages/editor-setters/src/expression-setter/locale/zh-CN.ts b/packages/editor-setters/src/expression-setter/locale/zh-CN.ts
deleted file mode 100644
index f4f2e0630..000000000
--- a/packages/editor-setters/src/expression-setter/locale/zh-CN.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-export default {
- // function
- setting: '点击设置',
- edit: '编辑',
- submitConfirm: '确认提交 cmd+s',
- close: '关闭 esc',
- fullScreen: '全屏',
- cancelFullScreen: '取消全屏',
- jsonIllegal: '非json格式',
- functionIllegal: '非function格式',
- objectIllegal: '非object格式',
- circularRef: '对象中出现循环引用的对象',
- formatError: '格式错误',
- saved: '已保存',
- // expression
- valueIllegal: '值类型为对象类型，与当前组件属性设置的控件类型不匹配，请在属性“代码编辑模式”下进行编辑',
- jsExpression: '请输入JS表达式',
- // Mixin
- input: '字符串Input',
- textarea: '多行字符串Textarea',
- expression: '变量控件Expression',
- monacoEditor: '编辑器MonacoEditor',
- numberPicker: '数字NumberPicker',
- bool: '布尔Switch',
- datePicker: '日期选择DatePicker',
- select: '下拉选择Select',
- radio: '单项选择RadioGroup',
- date: '日期选择DatePicker',
- dateYear: '年选择DatePicker',
- dateMonth: '月选择DatePicker',
- dateRange: '日期区间选择DatePicker',
- list: '数组List',
- object: '对象ObjectButton',
- reactNode: '节点类型ReactNode',
- typeError: 'Minix组件属性Types配置错误，存在不支持类型[{type}]，请检查组件属性配置',
-};
diff --git a/packages/editor-setters/src/function-setter/index.tsx b/packages/editor-setters/src/function-setter/index.tsx
deleted file mode 100644
index 003c45e68..000000000
--- a/packages/editor-setters/src/function-setter/index.tsx
+++ /dev/null
@@ -1,230 +0,0 @@
-import React, { PureComponent } from 'react';
-// import PropTypes from 'prop-types';
-import { Button, Icon, Dialog } from '@alifd/next';
-import MonacoEditor from 'react-monaco-editor';
-import { js_beautify } from 'js-beautify';
-import './index.scss';
-
-const SETTER_NAME = 'function-setter';
-
-const defaultEditorOption = {
- width: '100%',
- height: '100%',
- options: {
- readOnly: false,
- automaticLayout: true,
- folding: true, // 默认开启折叠代码功能
- lineNumbers: 'on',
- wordWrap: 'off',
- formatOnPaste: true,
- fontSize: 12,
- tabSize: 2,
- scrollBeyondLastLine: false,
- fixedOverflowWidgets: false,
- snippetSuggestions: 'top',
- minimap: {
- enabled: false,
- },
- scrollbar: {
- vertical: 'auto',
- horizontal: 'auto',
- },
- },
-};
-
-
-interface FunctionSetterProps {
- value: string;
- type: string;
- defaultValue: string;
- placeholder: string;
- hasClear: boolean;
- onChange: (icon: string) => undefined;
- icons: string[];
-}
-export default class FunctionSetter extends PureComponent
- 
- this.focusFunctionName(functionName)}>{functionName}
-
- );
- };
-
-
- /**
- * 渲染编辑函数按钮(可直接编辑函数内容)
- */
- renderEditFunctionButton = () => {
- return (
-
- this.focusFunctionName(functionName)}>{functionName}
-
-
-
- );
- };
-
-
- bindEventCallback = (eventName: string) => {
- const { onChange } = this.props;
- onChange({
- type: 'JSFunction',
- value: `function(){ this.${eventName}() }`,
- });
- };
-
- render() {
- const { value } = this.props;
- const { isShowDialog } = this.state;
-
- let functionName = '';
- if (value && value.value) {
- functionName = this.parseFunctionName(value.value);
- }
-
- let renderFunction;
- if (value) {
- if (functionName) {
- renderFunction = this.renderBindFunction;
- } else {
- renderFunction = this.renderEditFunctionButton;
- }
- } else {
- renderFunction = this.renderButton;
- }
-
- return (
-
- {
- renderFunction()
- }
-
- {
- value && value.value &&
-
- }
-
- );
- }
-}
diff --git a/packages/editor-setters/src/icon-setter/index.tsx b/packages/editor-setters/src/icon-setter/index.tsx
deleted file mode 100644
index f61c32271..000000000
--- a/packages/editor-setters/src/icon-setter/index.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-import React, { PureComponent } from 'react';
-// import PropTypes from 'prop-types';
-import { Input, Icon, Balloon } from '@alifd/next';
-
-import './index.scss';
-
-const icons = [
- 'smile',
- 'cry',
- 'success',
- 'warning',
- 'prompt',
- 'error',
- 'help',
- 'clock',
- 'success-filling',
- 'delete-filling',
- 'favorites-filling',
- 'add',
- 'minus',
- 'arrow-up',
- 'arrow-down',
- 'arrow-left',
- 'arrow-right',
- 'arrow-double-left',
- 'arrow-double-right',
- 'switch',
- 'sorting',
- 'descending',
- 'ascending',
- 'select',
- 'semi-select',
- 'loading',
- 'search',
- 'close',
- 'ellipsis',
- 'picture',
- 'calendar',
- 'ashbin',
- 'upload',
- 'download',
- 'set',
- 'edit',
- 'refresh',
- 'filter',
- 'attachment',
- 'account',
- 'email',
- 'atm',
- 'copy',
- 'exit',
- 'eye',
- 'eye-close',
- 'toggle-left',
- 'toggle-right',
- 'lock',
- 'unlock',
- 'chart-pie',
- 'chart-bar',
- 'form',
- 'detail',
- 'list',
- 'dashboard',
-];
-interface IconSetterProps {
- value: string;
- type: string;
- defaultValue: string;
- placeholder: string;
- hasClear: boolean;
- onChange: (icon: string) => undefined;
- icons: string[];
-}
-export default class IconSetter extends PureComponent
-
-
- );
- const InnerBeforeNode = (
- -
- {icons.map((icon) => (
-
- this.onSelectIcon(icon)}>
-
-
- ))}
-
{InnerBeforeNode}
;
- }
-}
diff --git a/packages/editor-setters/src/index.tsx b/packages/editor-setters/src/index.tsx
deleted file mode 100644
index b56133f12..000000000
--- a/packages/editor-setters/src/index.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-import React, { Component } from 'react';
-import { registerSetter } from '@ali/lowcode-editor-core';
-import { isJSExpression, isJSFunction } from '@ali/lowcode-types';
-import { DatePicker, TimePicker, Input, Radio, Select, Switch, NumberPicker } from '@alifd/next';
-import ExpressionSetter from './expression-setter';
-import ColorSetter from './color-setter';
-import JsonSetter from './json-setter';
-import EventsSetter from './events-setter';
-import StyleSetter from './style-setter';
-import IconSetter from './icon-setter';
-import FunctionSetter from './function-setter';
-// import ClassNameSetter from './classname-setter';
-// import MixedSetter from './mixed-setter';
-
-export const StringSetter = {
- component: Input,
- defaultProps: { placeholder: '请输入', style: { maxWidth: 180 } },
- title: 'StringSetter',
- recommend: true,
- condition: (field: any) => {
- const v = field.getValue();
- return typeof v === 'string';
- },
-};
-export const NumberSetter = NumberPicker;
-export class BoolSetter extends Component {
- render() {
- const { onChange, value, defaultValue } = this.props;
- return
-
- );
- }
-
- // 值变化
- onChange(curValue) {
- if (curValue === this.valuePrefix + this.strValue) return;
- const { onAfterChange, language, autoSubmit, onChange } = this.props;
- this.strValue = curValue; // 记录当前格式
- if (this.ct) clearTimeout(this.ct);
- this.ct = setTimeout(() => {
- this.position = this.editor.getPosition();
- const ret = this.resultHandler(curValue, language);
- if (autoSubmit) onChange && onChange(ret.value);
- onAfterChange && onAfterChange(ret.value, ret.error, this.editor);
- }, 300);
- }
-
- // 提交动作
- onSubmit() {
- const { onSubmit, onChange, language } = this.props;
- const curValue = this.editor.getValue();
- const ret = this.resultHandler(curValue, language);
- if (!ret.error) onChange && onChange(ret.value);
- onSubmit && onSubmit(ret.value, ret.error, this.editor);
- }
-
- // 值类型转换处理
- valueHandler(value, language) {
- let tarValue = value || '';
- if (language === 'json') {
- if (value && typeof value === 'object') {
- tarValue = JSON.stringify(value, null, 2);
- } else if (value && typeof value === 'string') {
- try {
- const ret = this.toJson(value);
- if (!ret.error) {
- tarValue = JSON.stringify(ret.value, null, 2);
- }
- } catch (err) {
- // empty
- }
- }
- } else if (language === 'function') {
- if (typeof value === 'function') {
- tarValue = value.toString();
- }
- if (tarValue && typeof tarValue === 'string') {
- tarValue = js_beautify(tarValue, { indent_size: 2, indent_empty_lines: true });
- }
- } else if (language === 'object') {
- // 先转成对象，在进行序列化和格式化；
- value = value || {};
- if (value && typeof value === 'object') {
- try {
- tarValue = serialize(value, { unsafe: true });
- tarValue = js_beautify(tarValue, { indent_size: 2, indent_empty_lines: true });
- } catch (err) {
- // empty
- }
- } else if (typeof value === 'string') {
- try {
- const ret = this.resultHandler(value, 'object');
- tarValue = ret.error ? ret.value : serialize(ret.value, { unsafe: true });
- tarValue = js_beautify(tarValue, { indent_size: 2, indent_empty_lines: true });
- } catch (err) {
- // empty
- }
- }
- }
- return tarValue;
- }
-
- // 结果处理
- resultHandler(value, language) {
- let ret = { value };
- if (language === 'json') {
- ret = this.toJson(value);
- } else if (language === 'object') {
- ret = this.toObject(value);
- } else if (language === 'function') {
- ret = this.toFunction(value);
- }
- return ret;
- }
-
- // 设置全屏时的动作
- fullScreen() {
- if (!this.editorRef) return;
- // 还原到原来位置；
- this.position = this.editor.getPosition();
- if (this.state.isFullScreen) {
- if (this.editorParentNode) {
- if (this.editorParentNode.firstChild) {
- this.editorParentNode.insertBefore(this.editorNode, this.editorParentNode.firstChild);
- } else {
- this.editorParentNode.appendChild(this.editorNode);
- }
- }
- } else {
- document.body.appendChild(this.editorNode);
- }
- // eslint-disable-next-line react/no-access-state-in-setstate
- const nextFs = !this.state.isFullScreen;
- this.isFullScreenAction = true; // 记录是全屏幕操作
- this.setState(
- {
- isFullScreen: nextFs,
- },
- () => {
- this.editor.updateOptions(nextFs ? this.fullScreenOptions : this.options);
- },
- );
- }
-
- // 美化代码
- format() {
- if (!this.editor) return;
- if (/^\$_obj?\{.*?\}$/m.test(this.editor.getValue())) return;
- if (this.props.language === 'json' || this.props.language === 'object' || this.props.language === 'function') {
- const tarValue = js_beautify(this.editor.getValue(), { indent_size: 2 });
- this.editor.setValue(tarValue);
- } else if (this.props.language === 'less' || this.props.language === 'css' || this.props.language === 'scss') {
- const tarValue = css_beautify(this.editor.getValue(), { indent_size: 2 });
- this.editor.setValue(tarValue);
- } else {
- this.editor.getAction('editor.action.formatDocument').run();
- }
- }
-
- // 校验是否是json
- toJson(value) {
- try {
- // eslint-disable-next-line no-new-func
- const obj = new Function(`'use strict'; return ${value.replace(/[\r\n\t]/g, '')}`)();
- if (typeof obj === 'object' && obj) {
- // eslint-disable-next-line no-new-func
- const tarValue = new Function(`'use strict'; return ${value}`)();
- return { value: JSON.parse(JSON.stringify(tarValue)) };
- }
- return { error: this.i18n('jsonIllegal'), value };
- } catch (err) {
- return { error: err, value };
- }
- }
-
- // 校验是否为object对象
- toObject(value) {
- try {
- // eslint-disable-next-line no-new-func
- const obj = new Function(`'use strict';return ${value}`)();
- if (obj && typeof obj === 'object') {
- if (jsonuri.isCircular(obj)) return { error: this.i18n('circularRef'), value };
- return { value: obj };
- } else {
- return { error: this.i18n('objectIllegal'), value };
- }
- } catch (err) {
- return { error: err, value };
- }
- }
-
- // 校验是否为function
- toFunction(value) {
- try {
- // eslint-disable-next-line no-new-func
- const fun = new Function(`'use strict';return ${value}`)();
- if (fun && typeof fun === 'function') {
- return { value: fun };
- } else {
- return { error: this.i18n('functionIllegal'), value };
- }
- } catch (err) {
- return { error: err, value };
- }
- }
-
- // 注册api和代码片段
- registerApiAndSnippet(monaco) {
- if (registerApiAndSnippetStatus) return;
- registerApiAndSnippetStatus = true;
- // 注册this.提示的方法;
- const thisSuggestions = [];
- Snippets.map((item) => {
- if (!item.label || !item.kind || !item.insertText) return;
- const tarItem = Object.assign(item, {
- label: item.label,
- kind: monaco.languages.CompletionItemKind[item.kind],
- insertText: item.insertText,
- });
- if (item.insertTextRules) tarItem.insertTextRules = monaco.languages.CompletionItemInsertTextRule[item.insertTextRules];
- thisSuggestions.push(tarItem);
- return item;
- });
- monaco.languages.registerCompletionItemProvider('javascript', {
- provideCompletionItems: (model, position) => {
- const textUntilPosition = model.getValueInRange({
- startLineNumber: position.lineNumber,
- startColumn: 1,
- endLineNumber: position.lineNumber,
- endColumn: position.column,
- });
- const match = textUntilPosition.match(/(^this\.)|(\sthis\.)/);
- const suggestions = match ? thisSuggestions : [];
- return { suggestions };
- },
- triggerCharacters: ['.'],
- });
- }
-}
-// const prefix = 'data:text/javascript;charset=utf-8,';
-// const baseUrl = 'https://g.alicdn.com/iceluna/iceluna-vendor/0.0.1/';
-// window.MonacoEnvironment = {
-// getWorkerUrl(label: string) {
-// if (label === 'json') {
-// return `${prefix}${encodeURIComponent(`
-// importScripts('${baseUrl}json.worker.js');`)}`;
-// }
-// if (['css', 'less', 'scss'].includes(label)) {
-// return `${prefix}${encodeURIComponent(`
-// importScripts('${baseUrl}css.worker.js');`)}`;
-// }
-// if (label === 'html') {
-// return `${prefix}${encodeURIComponent(`
-// importScripts('${baseUrl}html.worker.js');`)}`;
-// }
-// if (['typescript', 'javascript'].includes(label)) {
-// return `${prefix}${encodeURIComponent(`
-// importScripts('${baseUrl}typescript.worker.js');`)}`;
-// }
-// return `${prefix}${encodeURIComponent(`
-// importScripts('${baseUrl}editor.worker.js');`)}`;
-// },
-// };
-
-// eslint-disable-next-line react/no-multi-comp
-export default class MonacoEditorButtonView extends PureComponent {
- static displayName = 'JsonSetter';
-
- static propTypes = {
- locale: PropTypes.string,
- messages: PropTypes.object,
- };
-
- static defaultProps = {
- locale: 'zh-CN',
- messages: zhCN,
- };
-
- i18n: any;
-
- objectButtonRef: React.RefObject
- {
- this.editor = editor;
- registerApi({ editor });
- this.registerApiAndSnippet(monaco);
- editorDidMount && editorDidMount.call(this, arguments);
- }}
- />
-
-
-
-
-
- Object.assign(this, apis)} />
-
-
-
- );
- }
-}
diff --git a/packages/editor-setters/src/json-setter/locale/snippets.ts b/packages/editor-setters/src/json-setter/locale/snippets.ts
deleted file mode 100644
index 2bcb0dd00..000000000
--- a/packages/editor-setters/src/json-setter/locale/snippets.ts
+++ /dev/null
@@ -1,242 +0,0 @@
-export default [
- {
- label: 'constants',
- kind: 'Class',
- insertText: 'constants',
- detail: '应用全局常量',
- documentation: '应用范围定义的通用常量',
- },
- {
- label: 'utils',
- kind: 'Class',
- insertText: 'utils',
- detail: '应用全局公共函数',
- documentation: '应用范围扩展的公共函数',
- },
- {
- label: 'state',
- kind: 'Enum',
- insertText: 'state',
- detail: '当前所在容器组件内部状态',
- documentation: 'React Class内部状态state',
- },
- {
- label: 'setState',
- kind: 'Function',
- insertText: 'setState({\n\t$0\n})',
- insertTextRules: 'InsertAsSnippet',
- detail: '设置当前所在容器组件的state数据',
- documentation: '原生React方法，会自动更新组件视图',
- },
- {
- label: 'reloadDataSource',
- kind: 'Function',
- insertText: 'reloadDataSource(${1:${2:namespace}, ${3:false}, ${4:callback}})',
- insertTextRules: 'InsertAsSnippet',
- detail: '刷新当前所在的容器组件',
- documentation: '触发当前所在的容器组件，重新发送异步请求，并用最新数据更新视图',
- },
- {
- label: 'location',
- kind: 'Class',
- insertText: 'location',
- detail: '路由解析对象',
- },
- {
- label: 'location.query',
- kind: 'Value',
- insertText: 'location.query.${1:xxxx}',
- insertTextRules: 'InsertAsSnippet',
- detail: '从路由解析对象中获取参数信息',
- },
- {
- label: 'history',
- kind: 'Class',
- insertText: 'history',
- detail: '路由历史对象',
- },
- {
- label: 'React',
- kind: 'Keyword',
- insertText: 'React',
- detail: 'React对象',
- },
- {
- label: 'ReactDOM',
- kind: 'Keyword',
- insertText: 'ReactDOM',
- detail: 'ReactDom对象',
- },
- {
- label: 'ReactDOM.findDOMNode',
- kind: 'Function',
- insertText: 'ReactDOM.findDOMNode(${1:this.refs.xxxx})',
- insertTextRules: 'InsertAsSnippet',
- detail: 'ReactDom查找真实dom node',
- },
- {
- label: 'Dialog.alert',
- kind: 'Method',
- insertText: [
- 'Dialog.alert({',
- "\tcontent: '${1:Alert content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: 'alert弹框 By Fusion',
- },
- {
- label: 'Dialog.confirm',
- kind: 'Method',
- insertText: [
- 'Dialog.confirm({',
- "\tcontent: '${1:Confirm content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '确认弹出框 By Fusion',
- },
- {
- label: 'Message.success',
- kind: 'Method',
- insertText: 'Message.success(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '成功反馈提示 By Fusion',
- },
- {
- label: 'Message.error',
- kind: 'Method',
- insertText: 'Message.error(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '错误反馈提示 By Fusion',
- },
- {
- label: 'Message.help',
- kind: 'Method',
- insertText: 'Message.help(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '帮助反馈提示 By Fusion',
- },
- {
- label: 'Message.loading',
- kind: 'Method',
- insertText: 'Message.loading(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: 'loading反馈提示 By Fusion',
- },
- {
- label: 'Message.notice',
- kind: 'Method',
- insertText: 'Message.notice(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '注意反馈提示 By Fusion',
- },
- {
- label: 'Message.waining',
- kind: 'Method',
- insertText: 'Message.waining(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '警告反馈提示 By Fusion',
- },
- {
- label: 'Modal.confirm',
- kind: 'Method',
- insertText: [
- 'Modal.confirm({',
- "\tcontent: '${1:Confirm content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '确认弹出框 By Antd',
- },
- {
- label: 'Modal.info',
- kind: 'Method',
- insertText: [
- 'Modal.info({',
- "\tcontent: '${1:Info content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '信息弹出框 By Antd',
- },
- {
- label: 'Modal.success',
- kind: 'Method',
- insertText: [
- 'Modal.success({',
- "\tcontent: '${1:Success content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '成功弹出框 By Antd',
- },
- {
- label: 'Modal.error',
- kind: 'Method',
- insertText: [
- 'Modal.error({',
- "\tcontent: '${1:Error content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '错误弹出框 By Antd',
- },
- {
- label: 'Modal.warning',
- kind: 'Method',
- insertText: [
- 'Modal.warning({',
- "\tcontent: '${1:Warning content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '警告弹出框 By Antd',
- },
-];
diff --git a/packages/editor-setters/src/json-setter/locale/utils.ts b/packages/editor-setters/src/json-setter/locale/utils.ts
deleted file mode 100644
index d401ad511..000000000
--- a/packages/editor-setters/src/json-setter/locale/utils.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import IntlMessageFormat from 'intl-messageformat';
-
-export const isJSExpression = (obj = '') => {
- if (obj && typeof obj === 'object' && obj.type === 'JSExpression') {
- return true;
- }
- return false;
-};
-
-/**
- * 用于构造国际化字符串处理函数
- * @param {*} locale 国际化标识，例如 zh-CN、en-US
- * @param {*} messages 国际化语言包
- */
-export const generateI18n = (locale = 'zh-CN', messages = {}) => {
- return function (key, values = {}) {
- if (!messages || !messages[key]) return '';
- const formater = new IntlMessageFormat(messages[key], locale);
- return formater.format(values);
- };
-};
diff --git a/packages/editor-setters/src/json-setter/locale/zh-CN.ts b/packages/editor-setters/src/json-setter/locale/zh-CN.ts
deleted file mode 100644
index f4f2e0630..000000000
--- a/packages/editor-setters/src/json-setter/locale/zh-CN.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-export default {
- // function
- setting: '点击设置',
- edit: '编辑',
- submitConfirm: '确认提交 cmd+s',
- close: '关闭 esc',
- fullScreen: '全屏',
- cancelFullScreen: '取消全屏',
- jsonIllegal: '非json格式',
- functionIllegal: '非function格式',
- objectIllegal: '非object格式',
- circularRef: '对象中出现循环引用的对象',
- formatError: '格式错误',
- saved: '已保存',
- // expression
- valueIllegal: '值类型为对象类型，与当前组件属性设置的控件类型不匹配，请在属性“代码编辑模式”下进行编辑',
- jsExpression: '请输入JS表达式',
- // Mixin
- input: '字符串Input',
- textarea: '多行字符串Textarea',
- expression: '变量控件Expression',
- monacoEditor: '编辑器MonacoEditor',
- numberPicker: '数字NumberPicker',
- bool: '布尔Switch',
- datePicker: '日期选择DatePicker',
- select: '下拉选择Select',
- radio: '单项选择RadioGroup',
- date: '日期选择DatePicker',
- dateYear: '年选择DatePicker',
- dateMonth: '月选择DatePicker',
- dateRange: '日期区间选择DatePicker',
- list: '数组List',
- object: '对象ObjectButton',
- reactNode: '节点类型ReactNode',
- typeError: 'Minix组件属性Types配置错误，存在不支持类型[{type}]，请检查组件属性配置',
-};
diff --git a/packages/editor-setters/src/locale/snippets.ts b/packages/editor-setters/src/locale/snippets.ts
deleted file mode 100644
index 2bcb0dd00..000000000
--- a/packages/editor-setters/src/locale/snippets.ts
+++ /dev/null
@@ -1,242 +0,0 @@
-export default [
- {
- label: 'constants',
- kind: 'Class',
- insertText: 'constants',
- detail: '应用全局常量',
- documentation: '应用范围定义的通用常量',
- },
- {
- label: 'utils',
- kind: 'Class',
- insertText: 'utils',
- detail: '应用全局公共函数',
- documentation: '应用范围扩展的公共函数',
- },
- {
- label: 'state',
- kind: 'Enum',
- insertText: 'state',
- detail: '当前所在容器组件内部状态',
- documentation: 'React Class内部状态state',
- },
- {
- label: 'setState',
- kind: 'Function',
- insertText: 'setState({\n\t$0\n})',
- insertTextRules: 'InsertAsSnippet',
- detail: '设置当前所在容器组件的state数据',
- documentation: '原生React方法，会自动更新组件视图',
- },
- {
- label: 'reloadDataSource',
- kind: 'Function',
- insertText: 'reloadDataSource(${1:${2:namespace}, ${3:false}, ${4:callback}})',
- insertTextRules: 'InsertAsSnippet',
- detail: '刷新当前所在的容器组件',
- documentation: '触发当前所在的容器组件，重新发送异步请求，并用最新数据更新视图',
- },
- {
- label: 'location',
- kind: 'Class',
- insertText: 'location',
- detail: '路由解析对象',
- },
- {
- label: 'location.query',
- kind: 'Value',
- insertText: 'location.query.${1:xxxx}',
- insertTextRules: 'InsertAsSnippet',
- detail: '从路由解析对象中获取参数信息',
- },
- {
- label: 'history',
- kind: 'Class',
- insertText: 'history',
- detail: '路由历史对象',
- },
- {
- label: 'React',
- kind: 'Keyword',
- insertText: 'React',
- detail: 'React对象',
- },
- {
- label: 'ReactDOM',
- kind: 'Keyword',
- insertText: 'ReactDOM',
- detail: 'ReactDom对象',
- },
- {
- label: 'ReactDOM.findDOMNode',
- kind: 'Function',
- insertText: 'ReactDOM.findDOMNode(${1:this.refs.xxxx})',
- insertTextRules: 'InsertAsSnippet',
- detail: 'ReactDom查找真实dom node',
- },
- {
- label: 'Dialog.alert',
- kind: 'Method',
- insertText: [
- 'Dialog.alert({',
- "\tcontent: '${1:Alert content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: 'alert弹框 By Fusion',
- },
- {
- label: 'Dialog.confirm',
- kind: 'Method',
- insertText: [
- 'Dialog.confirm({',
- "\tcontent: '${1:Confirm content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '确认弹出框 By Fusion',
- },
- {
- label: 'Message.success',
- kind: 'Method',
- insertText: 'Message.success(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '成功反馈提示 By Fusion',
- },
- {
- label: 'Message.error',
- kind: 'Method',
- insertText: 'Message.error(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '错误反馈提示 By Fusion',
- },
- {
- label: 'Message.help',
- kind: 'Method',
- insertText: 'Message.help(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '帮助反馈提示 By Fusion',
- },
- {
- label: 'Message.loading',
- kind: 'Method',
- insertText: 'Message.loading(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: 'loading反馈提示 By Fusion',
- },
- {
- label: 'Message.notice',
- kind: 'Method',
- insertText: 'Message.notice(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '注意反馈提示 By Fusion',
- },
- {
- label: 'Message.waining',
- kind: 'Method',
- insertText: 'Message.waining(${1:content})',
- insertTextRules: 'InsertAsSnippet',
- detail: '警告反馈提示 By Fusion',
- },
- {
- label: 'Modal.confirm',
- kind: 'Method',
- insertText: [
- 'Modal.confirm({',
- "\tcontent: '${1:Confirm content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '确认弹出框 By Antd',
- },
- {
- label: 'Modal.info',
- kind: 'Method',
- insertText: [
- 'Modal.info({',
- "\tcontent: '${1:Info content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '信息弹出框 By Antd',
- },
- {
- label: 'Modal.success',
- kind: 'Method',
- insertText: [
- 'Modal.success({',
- "\tcontent: '${1:Success content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '成功弹出框 By Antd',
- },
- {
- label: 'Modal.error',
- kind: 'Method',
- insertText: [
- 'Modal.error({',
- "\tcontent: '${1:Error content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '错误弹出框 By Antd',
- },
- {
- label: 'Modal.warning',
- kind: 'Method',
- insertText: [
- 'Modal.warning({',
- "\tcontent: '${1:Warning content}',",
- "\ttitle: '${2:Title}',",
- '\tonOk: () => {',
- '\t\t$3',
- '\t},',
- '\tonCancel: () => {',
- '\t\t$4',
- '\t}',
- '})',
- ].join('\n'),
- insertTextRules: 'InsertAsSnippet',
- detail: '警告弹出框 By Antd',
- },
-];
diff --git a/packages/editor-setters/src/locale/utils.ts b/packages/editor-setters/src/locale/utils.ts
deleted file mode 100644
index d401ad511..000000000
--- a/packages/editor-setters/src/locale/utils.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import IntlMessageFormat from 'intl-messageformat';
-
-export const isJSExpression = (obj = '') => {
- if (obj && typeof obj === 'object' && obj.type === 'JSExpression') {
- return true;
- }
- return false;
-};
-
-/**
- * 用于构造国际化字符串处理函数
- * @param {*} locale 国际化标识，例如 zh-CN、en-US
- * @param {*} messages 国际化语言包
- */
-export const generateI18n = (locale = 'zh-CN', messages = {}) => {
- return function (key, values = {}) {
- if (!messages || !messages[key]) return '';
- const formater = new IntlMessageFormat(messages[key], locale);
- return formater.format(values);
- };
-};
diff --git a/packages/editor-setters/src/locale/zh-CN.ts b/packages/editor-setters/src/locale/zh-CN.ts
deleted file mode 100644
index f4f2e0630..000000000
--- a/packages/editor-setters/src/locale/zh-CN.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-export default {
- // function
- setting: '点击设置',
- edit: '编辑',
- submitConfirm: '确认提交 cmd+s',
- close: '关闭 esc',
- fullScreen: '全屏',
- cancelFullScreen: '取消全屏',
- jsonIllegal: '非json格式',
- functionIllegal: '非function格式',
- objectIllegal: '非object格式',
- circularRef: '对象中出现循环引用的对象',
- formatError: '格式错误',
- saved: '已保存',
- // expression
- valueIllegal: '值类型为对象类型，与当前组件属性设置的控件类型不匹配，请在属性“代码编辑模式”下进行编辑',
- jsExpression: '请输入JS表达式',
- // Mixin
- input: '字符串Input',
- textarea: '多行字符串Textarea',
- expression: '变量控件Expression',
- monacoEditor: '编辑器MonacoEditor',
- numberPicker: '数字NumberPicker',
- bool: '布尔Switch',
- datePicker: '日期选择DatePicker',
- select: '下拉选择Select',
- radio: '单项选择RadioGroup',
- date: '日期选择DatePicker',
- dateYear: '年选择DatePicker',
- dateMonth: '月选择DatePicker',
- dateRange: '日期区间选择DatePicker',
- list: '数组List',
- object: '对象ObjectButton',
- reactNode: '节点类型ReactNode',
- typeError: 'Minix组件属性Types配置错误，存在不支持类型[{type}]，请检查组件属性配置',
-};
diff --git a/packages/editor-setters/src/mixed-setter/index.tsx b/packages/editor-setters/src/mixed-setter/index.tsx
deleted file mode 100644
index f99c1bec3..000000000
--- a/packages/editor-setters/src/mixed-setter/index.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { Dropdown, Button, Menu, Icon } from '@alifd/next';
-import { getSetter } from '@ali/lowcode-editor-core';
-
-import { generateI18n } from './locale/utils';
-import zhCN from './locale/zh-CN';
-import './index.scss';
-
-export default class Mixed extends PureComponent {
- static displayName = 'Mixed';
-
- static propTypes = {
- locale: PropTypes.string,
- messages: PropTypes.object,
- defaultType: PropTypes.string,
- types: PropTypes.arrayOf(PropTypes.string),
- inputProps: PropTypes.object,
- expressionProps: PropTypes.object,
- monacoEditorProps: PropTypes.object,
- switchProps: PropTypes.object,
- selectProps: PropTypes.object,
- radioGroupProps: PropTypes.object,
- };
-
- static defaultProps = {
- locale: 'zh-CN',
- messages: zhCN,
- types: [
- {
- name: 'StringSetter',
- props: {},
- },
- ],
- };
-
- typeMap: any;
-
- i18n: (key: any, values) => string | void | Array
-
- );
- }
-}
diff --git a/packages/editor-setters/src/mixed-setter/locale/utils.ts b/packages/editor-setters/src/mixed-setter/locale/utils.ts
deleted file mode 100644
index d401ad511..000000000
--- a/packages/editor-setters/src/mixed-setter/locale/utils.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import IntlMessageFormat from 'intl-messageformat';
-
-export const isJSExpression = (obj = '') => {
- if (obj && typeof obj === 'object' && obj.type === 'JSExpression') {
- return true;
- }
- return false;
-};
-
-/**
- * 用于构造国际化字符串处理函数
- * @param {*} locale 国际化标识，例如 zh-CN、en-US
- * @param {*} messages 国际化语言包
- */
-export const generateI18n = (locale = 'zh-CN', messages = {}) => {
- return function (key, values = {}) {
- if (!messages || !messages[key]) return '';
- const formater = new IntlMessageFormat(messages[key], locale);
- return formater.format(values);
- };
-};
diff --git a/packages/editor-setters/src/mixed-setter/locale/zh-CN.ts b/packages/editor-setters/src/mixed-setter/locale/zh-CN.ts
deleted file mode 100644
index f4f2e0630..000000000
--- a/packages/editor-setters/src/mixed-setter/locale/zh-CN.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-export default {
- // function
- setting: '点击设置',
- edit: '编辑',
- submitConfirm: '确认提交 cmd+s',
- close: '关闭 esc',
- fullScreen: '全屏',
- cancelFullScreen: '取消全屏',
- jsonIllegal: '非json格式',
- functionIllegal: '非function格式',
- objectIllegal: '非object格式',
- circularRef: '对象中出现循环引用的对象',
- formatError: '格式错误',
- saved: '已保存',
- // expression
- valueIllegal: '值类型为对象类型，与当前组件属性设置的控件类型不匹配，请在属性“代码编辑模式”下进行编辑',
- jsExpression: '请输入JS表达式',
- // Mixin
- input: '字符串Input',
- textarea: '多行字符串Textarea',
- expression: '变量控件Expression',
- monacoEditor: '编辑器MonacoEditor',
- numberPicker: '数字NumberPicker',
- bool: '布尔Switch',
- datePicker: '日期选择DatePicker',
- select: '下拉选择Select',
- radio: '单项选择RadioGroup',
- date: '日期选择DatePicker',
- dateYear: '年选择DatePicker',
- dateMonth: '月选择DatePicker',
- dateRange: '日期区间选择DatePicker',
- list: '数组List',
- object: '对象ObjectButton',
- reactNode: '节点类型ReactNode',
- typeError: 'Minix组件属性Types配置错误，存在不支持类型[{type}]，请检查组件属性配置',
-};
diff --git a/packages/editor-setters/src/style-setter/index.tsx b/packages/editor-setters/src/style-setter/index.tsx
deleted file mode 100644
index 004fe2bf1..000000000
--- a/packages/editor-setters/src/style-setter/index.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import './style.less';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import LowStyleSetter from '@ali/lc-style-setter';
-import { globalLocale } from '@ali/lowcode-editor-core';
-
-export default class StyleSetter extends Component {
- static displayName = 'StyleSetter';
-
- static propTypes = {
- value: PropTypes.object,
- onChange: PropTypes.func,
- placeholder: PropTypes.string,
- locale: PropTypes.string,
- };
-
- static defaultProps = {
- value: {},
- onChange: () => { },
- placeholder: '',
- locale: globalLocale.getLocale() || 'en-US',
- };
-
- onChange = (val: any) => {
- const { onChange } = this.props;
- onChange(val.native);
- };
-
- render() {
- const { value } = this.props;
- return (
-
-
- );
- }
-}