neo-register 1.0.6 → 1.0.8
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/dist/frameworkFactory/vueFactory.d.ts +57 -0
- package/dist/function/registerNeoEditorModel.d.ts +18 -1
- package/dist/index.esm.js +151 -138
- package/dist/index.esm.min.js +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.LICENSE.txt +2 -2
- package/dist/main.d.ts +1 -2
- package/dist/utils/index.d.ts +0 -2
- package/dist/utils/object.d.ts +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 将 vue2.0 自定义组件包裹成一个 react组件
|
|
3
|
+
*/
|
|
4
|
+
import React from 'react';
|
|
5
|
+
interface VueFactoryProps {
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
}
|
|
8
|
+
interface VueFactoryState {
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare function createVue2Component(vueObj: any): {
|
|
12
|
+
new (props: VueFactoryProps, context: any): {
|
|
13
|
+
domRef: React.RefObject<HTMLDivElement>;
|
|
14
|
+
vm: any;
|
|
15
|
+
isUnmount: boolean;
|
|
16
|
+
componentDidMount(): void;
|
|
17
|
+
componentDidUpdate(): void;
|
|
18
|
+
componentWillUnmount(): void;
|
|
19
|
+
resolveNeoProps(): {
|
|
20
|
+
neoData: any;
|
|
21
|
+
neoMSTData: any;
|
|
22
|
+
neoFunc: any;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* reload动作处理
|
|
26
|
+
*/
|
|
27
|
+
reload(): void;
|
|
28
|
+
/**
|
|
29
|
+
* 事件动作处理:
|
|
30
|
+
* 在这里设置自定义组件对外暴露的动作，其他组件可以通过组件动作触发自定义组件的对应动作
|
|
31
|
+
*/
|
|
32
|
+
doAction(action: any, args: object): void;
|
|
33
|
+
render(): React.JSX.Element;
|
|
34
|
+
context: any;
|
|
35
|
+
setState<K extends string | number>(state: VueFactoryState | ((prevState: Readonly<VueFactoryState>, props: Readonly<VueFactoryProps>) => VueFactoryState | Pick<VueFactoryState, K> | null) | Pick<VueFactoryState, K> | null, callback?: (() => void) | undefined): void;
|
|
36
|
+
forceUpdate(callback?: (() => void) | undefined): void;
|
|
37
|
+
readonly props: Readonly<VueFactoryProps> & Readonly<{
|
|
38
|
+
children?: React.ReactNode;
|
|
39
|
+
}>;
|
|
40
|
+
state: Readonly<VueFactoryState>;
|
|
41
|
+
refs: {
|
|
42
|
+
[key: string]: React.ReactInstance;
|
|
43
|
+
};
|
|
44
|
+
shouldComponentUpdate?(nextProps: Readonly<VueFactoryProps>, nextState: Readonly<VueFactoryState>, nextContext: any): boolean;
|
|
45
|
+
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
46
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<VueFactoryProps>, prevState: Readonly<VueFactoryState>): any;
|
|
47
|
+
componentWillMount?(): void;
|
|
48
|
+
UNSAFE_componentWillMount?(): void;
|
|
49
|
+
componentWillReceiveProps?(nextProps: Readonly<VueFactoryProps>, nextContext: any): void;
|
|
50
|
+
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<VueFactoryProps>, nextContext: any): void;
|
|
51
|
+
componentWillUpdate?(nextProps: Readonly<VueFactoryProps>, nextState: Readonly<VueFactoryState>, nextContext: any): void;
|
|
52
|
+
UNSAFE_componentWillUpdate?(nextProps: Readonly<VueFactoryProps>, nextState: Readonly<VueFactoryState>, nextContext: any): void;
|
|
53
|
+
};
|
|
54
|
+
contextType?: React.Context<any> | undefined;
|
|
55
|
+
} | undefined;
|
|
56
|
+
export declare function autoConvertVueComponent(component: any): any;
|
|
57
|
+
export {};
|
|
@@ -45,7 +45,24 @@ export interface PluginOption {
|
|
|
45
45
|
*/
|
|
46
46
|
propsSchema?: boolean;
|
|
47
47
|
}
|
|
48
|
+
interface RegisterNeoEditorModelOptions {
|
|
49
|
+
targetPage?: string;
|
|
50
|
+
tags?: string[];
|
|
51
|
+
exposedToDesigner?: boolean;
|
|
52
|
+
namespace?: string;
|
|
53
|
+
enableDuplicate?: boolean;
|
|
54
|
+
}
|
|
48
55
|
/**
|
|
49
56
|
* registerNeoEditorModel: 注册 neo-editor 自定义组件模型
|
|
57
|
+
*
|
|
58
|
+
* targetPage 取值说明
|
|
59
|
+
* all: 1 全页面
|
|
60
|
+
* indexPage: 2 首页
|
|
61
|
+
* entityListPage: 3 实体列表页
|
|
62
|
+
* entityFormPage: 4 实体表单页
|
|
63
|
+
* entityDetailPage: 5 实体详情页
|
|
64
|
+
* customPage: 6 自定义页面
|
|
65
|
+
* bizPage: 7 业务页面
|
|
50
66
|
*/
|
|
51
|
-
export declare function registerNeoEditorModel(curEditorModel: any, cmpType?: string): void;
|
|
67
|
+
export declare function registerNeoEditorModel(curEditorModel: any, cmpType?: string, options?: RegisterNeoEditorModelOptions): void;
|
|
68
|
+
export {};
|
package/dist/index.esm.js
CHANGED
|
@@ -1,123 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Vue from 'vue';
|
|
3
3
|
|
|
4
|
-
/**
|
|
5
|
-
* 将 vue2.0 自定义组件包裹成一个 react组件
|
|
6
|
-
*/
|
|
7
|
-
function createVue2Component(vueObj) {
|
|
8
|
-
if (!vueObj || (typeof vueObj !== 'function' && typeof vueObj !== 'object')) {
|
|
9
|
-
return;
|
|
10
|
-
}
|
|
11
|
-
class VueFactory extends React.Component {
|
|
12
|
-
domRef;
|
|
13
|
-
vm;
|
|
14
|
-
isUnmount;
|
|
15
|
-
// 指定 contextType 读取当前的 scope context。
|
|
16
|
-
// React 会往上找到最近的 scope Provider，然后使用它的值。
|
|
17
|
-
// static contextType = ScopedContext; // 待支持
|
|
18
|
-
constructor(props, context) {
|
|
19
|
-
super(props);
|
|
20
|
-
this.domRef = React.createRef();
|
|
21
|
-
this.isUnmount = false;
|
|
22
|
-
/*
|
|
23
|
-
// 待支持（自定义组件支持事件动作）
|
|
24
|
-
const scoped = context;
|
|
25
|
-
scoped.registerComponent(this);
|
|
26
|
-
*/
|
|
27
|
-
this.resolveNeoProps = this.resolveNeoProps.bind(this);
|
|
28
|
-
}
|
|
29
|
-
componentDidMount() {
|
|
30
|
-
const { neoData, neoMSTData, neoFunc } = this.resolveNeoProps();
|
|
31
|
-
const { data, ...rest } = (vueObj =
|
|
32
|
-
typeof vueObj === 'function' ? new vueObj() : vueObj);
|
|
33
|
-
const vueData = typeof data === 'function' ? data() : data;
|
|
34
|
-
const curVueData = extendObject(vueData, neoData);
|
|
35
|
-
// 传入的Vue属性
|
|
36
|
-
this.vm = new Vue({
|
|
37
|
-
...rest,
|
|
38
|
-
data: () => curVueData,
|
|
39
|
-
props: extendObject(neoFunc, {
|
|
40
|
-
...(rest.props || {}),
|
|
41
|
-
...neoMSTData,
|
|
42
|
-
}),
|
|
43
|
-
});
|
|
44
|
-
Object.keys(neoFunc).forEach((key) => {
|
|
45
|
-
this.vm.$props[key] = neoFunc[key];
|
|
46
|
-
});
|
|
47
|
-
if (this.domRef.current) {
|
|
48
|
-
this.domRef.current.appendChild(this.vm.$mount().$el);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
componentDidUpdate() {
|
|
52
|
-
if (!this.isUnmount) {
|
|
53
|
-
const { neoData } = this.resolveNeoProps();
|
|
54
|
-
if (this.vm) {
|
|
55
|
-
Object.keys(neoData).forEach((key) => {
|
|
56
|
-
this.vm[key] = neoData[key];
|
|
57
|
-
});
|
|
58
|
-
this.vm.$forceUpdate();
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
componentWillUnmount() {
|
|
63
|
-
this.isUnmount = true;
|
|
64
|
-
/*
|
|
65
|
-
// 待支持
|
|
66
|
-
const scoped = this.context;
|
|
67
|
-
scoped.unRegisterComponent(this);
|
|
68
|
-
*/
|
|
69
|
-
if (this.vm) {
|
|
70
|
-
this.vm.$destroy();
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
resolveNeoProps() {
|
|
74
|
-
let neoFunc = {};
|
|
75
|
-
let neoData = {};
|
|
76
|
-
let neoMSTData = {};
|
|
77
|
-
Object.keys(this.props).forEach((key) => {
|
|
78
|
-
const value = this.props[key];
|
|
79
|
-
if (typeof value === 'function') {
|
|
80
|
-
neoFunc[key] = value;
|
|
81
|
-
}
|
|
82
|
-
else if (isProxy(value)) {
|
|
83
|
-
neoMSTData[key] = value;
|
|
84
|
-
}
|
|
85
|
-
else {
|
|
86
|
-
neoData[key] = value;
|
|
87
|
-
}
|
|
88
|
-
});
|
|
89
|
-
return { neoData, neoMSTData, neoFunc };
|
|
90
|
-
}
|
|
91
|
-
/**
|
|
92
|
-
* reload动作处理
|
|
93
|
-
*/
|
|
94
|
-
reload() {
|
|
95
|
-
if (this.vm && this.vm.reload) {
|
|
96
|
-
this.vm.reload();
|
|
97
|
-
}
|
|
98
|
-
else {
|
|
99
|
-
console.warn('自定义组件暂不支持reload动作。');
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
/**
|
|
103
|
-
* 事件动作处理:
|
|
104
|
-
* 在这里设置自定义组件对外暴露的动作，其他组件可以通过组件动作触发自定义组件的对应动作
|
|
105
|
-
*/
|
|
106
|
-
doAction(action, args) {
|
|
107
|
-
if (this.vm && this.vm.doAction) {
|
|
108
|
-
this.vm.doAction(action, args);
|
|
109
|
-
}
|
|
110
|
-
else {
|
|
111
|
-
console.warn('自定义组件中不存在 doAction。');
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
render() {
|
|
115
|
-
return React.createElement("div", { ref: this.domRef });
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
return VueFactory;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
4
|
// 方便取值的时候能够把上层的取到，但是获取的时候不会全部把所有的数据获取到。
|
|
122
5
|
function cloneObject(target, persistOwnProps = true) {
|
|
123
6
|
const obj = target && target.__super
|
|
@@ -242,17 +125,14 @@ function isEditorModel(EditorModelClass) {
|
|
|
242
125
|
if (!_editorPluginObj.label) {
|
|
243
126
|
console.error(`${consoleTag} / registerNeoEditorModel: 自定义组件注册失败，名称（label）不能为空。`);
|
|
244
127
|
}
|
|
245
|
-
else if (!_editorPluginObj.tags) {
|
|
246
|
-
console.error(`${consoleTag} / registerNeoEditorModel: 自定义组件注册失败，组件分类（tags）不能为空。`);
|
|
247
|
-
}
|
|
248
|
-
else if (!Array.isArray(_editorPluginObj.tags)) {
|
|
128
|
+
else if (_editorPluginObj.tags && !Array.isArray(_editorPluginObj.tags)) {
|
|
249
129
|
console.error(`${consoleTag} / registerNeoEditorModel: 自定义组件注册失败，组件分类（tags）格式异常。`);
|
|
250
130
|
}
|
|
251
131
|
else {
|
|
252
132
|
// 1.设置一个默认 icon
|
|
253
|
-
if (!_editorPluginObj.
|
|
133
|
+
if (!_editorPluginObj.iconSrc) {
|
|
254
134
|
Object.assign(EditorModelClass.prototype, {
|
|
255
|
-
|
|
135
|
+
iconSrc: 'https://neo-widgets.bj.bcebos.com/custom-widget.svg',
|
|
256
136
|
});
|
|
257
137
|
}
|
|
258
138
|
_isEditorModel = true;
|
|
@@ -273,30 +153,39 @@ function isProxy(obj) {
|
|
|
273
153
|
obj.$modelId);
|
|
274
154
|
return (hasMSTProperties || Object.prototype.toString.call(obj) === '[object Proxy]');
|
|
275
155
|
}
|
|
276
|
-
// 自动识别并转换 vue 组件
|
|
277
|
-
function autoConvertVueComponent(component) {
|
|
278
|
-
if (isVueComponent(component)) {
|
|
279
|
-
return createVue2Component(component);
|
|
280
|
-
}
|
|
281
|
-
return component;
|
|
282
|
-
}
|
|
283
156
|
|
|
284
157
|
/**
|
|
285
158
|
* registerNeoEditorModel: 注册 neo-editor 自定义组件模型
|
|
159
|
+
*
|
|
160
|
+
* targetPage 取值说明
|
|
161
|
+
* all: 1 全页面
|
|
162
|
+
* indexPage: 2 首页
|
|
163
|
+
* entityListPage: 3 实体列表页
|
|
164
|
+
* entityFormPage: 4 实体表单页
|
|
165
|
+
* entityDetailPage: 5 实体详情页
|
|
166
|
+
* customPage: 6 自定义页面
|
|
167
|
+
* bizPage: 7 业务页面
|
|
286
168
|
*/
|
|
287
|
-
function registerNeoEditorModel(curEditorModel, cmpType) {
|
|
169
|
+
function registerNeoEditorModel(curEditorModel, cmpType, options) {
|
|
288
170
|
if (curEditorModel && isEditorModel(curEditorModel)) {
|
|
289
171
|
const curCmpType = cmpType || new curEditorModel().cmpType;
|
|
290
172
|
if (!curCmpType) {
|
|
291
173
|
console.error(`${consoleTag} / registerNeoEditorModel: 自定义组件注册失败，cmpType 不能为空。`);
|
|
292
174
|
}
|
|
293
|
-
const
|
|
175
|
+
const curOptions = options || {};
|
|
176
|
+
const curEditorModelObj = new curEditorModel(); // 注册前进行一次实例化
|
|
294
177
|
Object.assign(curEditorModel.prototype, {
|
|
295
|
-
|
|
296
|
-
exposedToDesigner: curEditorModelObj.exposedToDesigner ?? true,
|
|
297
|
-
namespace: curEditorModelObj.namespace ?? 'neo-cmp-cli',
|
|
298
|
-
enableDuplicate: curEditorModelObj.enableDuplicate ?? true,
|
|
178
|
+
...curEditorModelObj,
|
|
299
179
|
cmpType: curCmpType,
|
|
180
|
+
custom: true,
|
|
181
|
+
tags: curEditorModelObj.tags ?? curOptions.tags ?? ['自定义组件'],
|
|
182
|
+
targetPage: curEditorModelObj.targetPage ??
|
|
183
|
+
curOptions.targetPage ?? ['customPage'],
|
|
184
|
+
exposedToDesigner: curEditorModelObj.exposedToDesigner ??
|
|
185
|
+
curOptions.exposedToDesigner ??
|
|
186
|
+
true,
|
|
187
|
+
namespace: curEditorModelObj.namespace ?? curOptions.namespace ?? 'neo-cmp-cli',
|
|
188
|
+
enableDuplicate: curEditorModelObj.enableDuplicate ?? curOptions.enableDuplicate ?? true, // 默认在设计器中允许重复插入
|
|
300
189
|
});
|
|
301
190
|
// registerEditorModel(curEditorModel); // 不直接注册为 neo-editor 插件
|
|
302
191
|
// 通过 postMessage 告知 neo-editor 注册一个新的插件
|
|
@@ -327,6 +216,130 @@ function AddCustomEditorModel(cmpType, model) {
|
|
|
327
216
|
return null;
|
|
328
217
|
}
|
|
329
218
|
|
|
219
|
+
/**
|
|
220
|
+
* 将 vue2.0 自定义组件包裹成一个 react组件
|
|
221
|
+
*/
|
|
222
|
+
function createVue2Component(vueObj) {
|
|
223
|
+
if (!vueObj || (typeof vueObj !== 'function' && typeof vueObj !== 'object')) {
|
|
224
|
+
return;
|
|
225
|
+
}
|
|
226
|
+
class VueFactory extends React.Component {
|
|
227
|
+
domRef;
|
|
228
|
+
vm;
|
|
229
|
+
isUnmount;
|
|
230
|
+
// 指定 contextType 读取当前的 scope context。
|
|
231
|
+
// React 会往上找到最近的 scope Provider，然后使用它的值。
|
|
232
|
+
// static contextType = ScopedContext; // 待支持
|
|
233
|
+
constructor(props, context) {
|
|
234
|
+
super(props);
|
|
235
|
+
this.domRef = React.createRef();
|
|
236
|
+
this.isUnmount = false;
|
|
237
|
+
/*
|
|
238
|
+
// 待支持（自定义组件支持事件动作）
|
|
239
|
+
const scoped = context;
|
|
240
|
+
scoped.registerComponent(this);
|
|
241
|
+
*/
|
|
242
|
+
this.resolveNeoProps = this.resolveNeoProps.bind(this);
|
|
243
|
+
}
|
|
244
|
+
componentDidMount() {
|
|
245
|
+
const { neoData, neoMSTData, neoFunc } = this.resolveNeoProps();
|
|
246
|
+
const { data, ...rest } = (vueObj =
|
|
247
|
+
typeof vueObj === 'function' ? new vueObj() : vueObj);
|
|
248
|
+
const vueData = typeof data === 'function' ? data() : data;
|
|
249
|
+
const curVueData = extendObject(vueData, neoData);
|
|
250
|
+
// 传入的Vue属性
|
|
251
|
+
this.vm = new Vue({
|
|
252
|
+
...rest,
|
|
253
|
+
data: () => curVueData,
|
|
254
|
+
props: extendObject(neoFunc, {
|
|
255
|
+
...(rest.props || {}),
|
|
256
|
+
...neoMSTData,
|
|
257
|
+
}),
|
|
258
|
+
});
|
|
259
|
+
Object.keys(neoFunc).forEach((key) => {
|
|
260
|
+
this.vm.$props[key] = neoFunc[key];
|
|
261
|
+
});
|
|
262
|
+
if (this.domRef.current) {
|
|
263
|
+
this.domRef.current.appendChild(this.vm.$mount().$el);
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
componentDidUpdate() {
|
|
267
|
+
if (!this.isUnmount) {
|
|
268
|
+
const { neoData } = this.resolveNeoProps();
|
|
269
|
+
if (this.vm) {
|
|
270
|
+
Object.keys(neoData).forEach((key) => {
|
|
271
|
+
this.vm[key] = neoData[key];
|
|
272
|
+
});
|
|
273
|
+
this.vm.$forceUpdate();
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
}
|
|
277
|
+
componentWillUnmount() {
|
|
278
|
+
this.isUnmount = true;
|
|
279
|
+
/*
|
|
280
|
+
// 待支持
|
|
281
|
+
const scoped = this.context;
|
|
282
|
+
scoped.unRegisterComponent(this);
|
|
283
|
+
*/
|
|
284
|
+
if (this.vm) {
|
|
285
|
+
this.vm.$destroy();
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
resolveNeoProps() {
|
|
289
|
+
let neoFunc = {};
|
|
290
|
+
let neoData = {};
|
|
291
|
+
let neoMSTData = {};
|
|
292
|
+
Object.keys(this.props).forEach((key) => {
|
|
293
|
+
const value = this.props[key];
|
|
294
|
+
if (typeof value === 'function') {
|
|
295
|
+
neoFunc[key] = value;
|
|
296
|
+
}
|
|
297
|
+
else if (isProxy(value)) {
|
|
298
|
+
neoMSTData[key] = value;
|
|
299
|
+
}
|
|
300
|
+
else {
|
|
301
|
+
neoData[key] = value;
|
|
302
|
+
}
|
|
303
|
+
});
|
|
304
|
+
return { neoData, neoMSTData, neoFunc };
|
|
305
|
+
}
|
|
306
|
+
/**
|
|
307
|
+
* reload动作处理
|
|
308
|
+
*/
|
|
309
|
+
reload() {
|
|
310
|
+
if (this.vm && this.vm.reload) {
|
|
311
|
+
this.vm.reload();
|
|
312
|
+
}
|
|
313
|
+
else {
|
|
314
|
+
console.warn('自定义组件暂不支持reload动作。');
|
|
315
|
+
}
|
|
316
|
+
}
|
|
317
|
+
/**
|
|
318
|
+
* 事件动作处理:
|
|
319
|
+
* 在这里设置自定义组件对外暴露的动作，其他组件可以通过组件动作触发自定义组件的对应动作
|
|
320
|
+
*/
|
|
321
|
+
doAction(action, args) {
|
|
322
|
+
if (this.vm && this.vm.doAction) {
|
|
323
|
+
this.vm.doAction(action, args);
|
|
324
|
+
}
|
|
325
|
+
else {
|
|
326
|
+
console.warn('自定义组件中不存在 doAction。');
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
render() {
|
|
330
|
+
return React.createElement("div", { ref: this.domRef });
|
|
331
|
+
}
|
|
332
|
+
}
|
|
333
|
+
return VueFactory;
|
|
334
|
+
}
|
|
335
|
+
// 自动识别并转换 vue 组件
|
|
336
|
+
function autoConvertVueComponent(component) {
|
|
337
|
+
if (isVueComponent(component)) {
|
|
338
|
+
return createVue2Component(component);
|
|
339
|
+
}
|
|
340
|
+
return component;
|
|
341
|
+
}
|
|
342
|
+
|
|
330
343
|
/**
|
|
331
344
|
* registerNeoCmp: 根据type类型注册 neo 自定义组件
|
|
332
345
|
*【方法参数说明】
|
|
@@ -390,7 +403,7 @@ function registerNeoCmp(newRenderer, rendererOption) {
|
|
|
390
403
|
else {
|
|
391
404
|
// 通过 postMessage 告知 neo 注册一个新的渲染器
|
|
392
405
|
if (window && window.postMessage) {
|
|
393
|
-
const newComponentType =
|
|
406
|
+
const newComponentType = AddNeoCustomCmp(curRendererOption.cmpType, {
|
|
394
407
|
cmpType: curRendererOption.cmpType,
|
|
395
408
|
weight: curRendererOption.weight,
|
|
396
409
|
usage: curRendererOption.usage,
|
|
@@ -415,7 +428,7 @@ function registerNeoCmp(newRenderer, rendererOption) {
|
|
|
415
428
|
}
|
|
416
429
|
}
|
|
417
430
|
}
|
|
418
|
-
function
|
|
431
|
+
function AddNeoCustomCmp(componentType, rendererData) {
|
|
419
432
|
if (window && !window.NeoCustomCmps) {
|
|
420
433
|
window.NeoCustomCmps = {};
|
|
421
434
|
}
|
package/dist/index.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import o from"vue";function t(t){
|
|
1
|
+
import e from"react";import o from"vue";function t(e,o,t=!0){const r=function(e,o=!0){const t=e&&e.__super?Object.create(e.__super,{__super:{value:e.__super,writable:!1,enumerable:!1}}):Object.create(Object.prototype);return o&&e&&Object.keys(e).forEach(o=>t[o]=e[o]),t}(e,t);return o&&Object.keys(o).forEach(e=>r[e]=o[e]),r}const r="[neo-register]";function n(e){return"object"==typeof e&&(e._compiled&&e.components||e.__file&&e.__file.endsWith(".vue"))}var s,i;function c(e,o,t){if(e&&function(e){let o=!1;if(!e)return!1;const t=new e;return t.label?t.tags&&!Array.isArray(t.tags)?console.error(`${r} / registerNeoEditorModel: 自定义组件注册失败，组件分类（tags）格式异常。`):(t.iconSrc||Object.assign(e.prototype,{iconSrc:"https://neo-widgets.bj.bcebos.com/custom-widget.svg"}),o=!0):console.error(`${r} / registerNeoEditorModel: 自定义组件注册失败，名称（label）不能为空。`),o}(e)){const n=o||(new e).cmpType;n||console.error(`${r} / registerNeoEditorModel: 自定义组件注册失败，cmpType 不能为空。`);const s=t||{},i=new e;if(Object.assign(e.prototype,{...i,cmpType:n,custom:!0,tags:i.tags??s.tags??["自定义组件"],targetPage:i.targetPage??s.targetPage??["customPage"],exposedToDesigner:i.exposedToDesigner??s.exposedToDesigner??!0,namespace:i.namespace??s.namespace??"neo-cmp-cli",enableDuplicate:i.enableDuplicate??s.enableDuplicate??!0}),window&&window.postMessage){const o=function(e,o){window&&!window.NEOEditorCustomModels&&(window.NEOEditorCustomModels={});if(!window.NEOEditorCustomModels[e])return window.NEOEditorCustomModels[e]=o,e;console.error(`${r}注册自定义组件模型失败，已存在重名插件(${e})。`);return null}(n,e);o&&(console.info(`${r}触发注册自定义组件模型(${n})事件`),window.postMessage({type:"neo-model-register-event",eventMsg:`${r}注册一个 neo-editor 自定义组件模型`,cmpType:n},"*"))}}}function a(r){if(r&&("function"==typeof r||"object"==typeof r)){class n extends e.Component{domRef;vm;isUnmount;constructor(o,t){super(o),this.domRef=e.createRef(),this.isUnmount=!1,this.resolveNeoProps=this.resolveNeoProps.bind(this)}componentDidMount(){const{neoData:e,neoMSTData:n,neoFunc:s}=this.resolveNeoProps(),{data:i,...c}=r="function"==typeof r?new r:r,a=t("function"==typeof i?i():i,e);this.vm=new o({...c,data:()=>a,props:t(s,{...c.props||{},...n})}),Object.keys(s).forEach(e=>{this.vm.$props[e]=s[e]}),this.domRef.current&&this.domRef.current.appendChild(this.vm.$mount().$el)}componentDidUpdate(){if(!this.isUnmount){const{neoData:e}=this.resolveNeoProps();this.vm&&(Object.keys(e).forEach(o=>{this.vm[o]=e[o]}),this.vm.$forceUpdate())}}componentWillUnmount(){this.isUnmount=!0,this.vm&&this.vm.$destroy()}resolveNeoProps(){let e={},o={},t={};return Object.keys(this.props).forEach(r=>{const n=this.props[r];var s;"function"==typeof n?e[r]=n:(s=n)&&(s.$treenode||s.$mstObservable||s.$modelType||s.$modelId||"[object Proxy]"===Object.prototype.toString.call(s))?t[r]=n:o[r]=n}),{neoData:o,neoMSTData:t,neoFunc:e}}reload(){this.vm&&this.vm.reload?this.vm.reload():console.warn("自定义组件暂不支持reload动作。")}doAction(e,o){this.vm&&this.vm.doAction?this.vm.doAction(e,o):console.warn("自定义组件中不存在 doAction。")}render(){return e.createElement("div",{ref:this.domRef})}}return n}}function u(e){return n(e)?a(e):e}function m(e,o){if(!e)return;const t={cmpType:"",usage:s.renderer,weight:0};var c;if(o&&(c=o,"String"===Object.prototype.toString.call(c).slice(8,-1))?Object.assign(t,{cmpType:o}):Object.assign(t,o),t&&!t.cmpType)console.error(`${r} / registerNeoCmp: 自定义组件注册失败，cmpType 不能为空。`);else{t.framework=t.framework?function(e){let o=i.react;if(!e)return o;let t=e.toLowerCase().trim();switch(t){case"jquery":case"jq":t=i.jquery;break;case"vue2":case"vue 2":case"vue2.0":case"vue 2.0":t=i.vue2;break;case"vue":case"vue3":case"vue 3":case"vue3.0":case"vue 3.0":t=i.vue3,console.error(`${r} 暂不支持 vue3.0 技术栈。`);break;default:t=i.react}return t}(t.framework):n(e)?"vue2":"react",t.usage=function(e){let o=s.renderer;if(!e)return o;let t=e.toLowerCase().trim();switch(t){case"renderer":case"renderers":default:t=s.renderer;break;case"formitem":case"form-item":case"form item":t=s.formitem}return t}(t.usage);const o={renderer:()=>{},formitem:()=>{}},c={react:e=>e,vue2:a,vue3:a}[t.framework](e);if(o[t.usage]){if(window&&window.postMessage){const e=function(e,o){window&&!window.NeoCustomCmps&&(window.NeoCustomCmps={});if(!window.NeoCustomCmps[e])return window.NeoCustomCmps[e]=o,e;console.error(`${r} / registerNeoCmp: 自定义组件注册失败，已存在重名渲染器(${e})。`);return null}(t.cmpType,{cmpType:t.cmpType,weight:t.weight,usage:t.usage,framework:t.framework,component:c,config:t});e&&(console.info(`${r}触发注册自定义组件(${e})事件`),window.postMessage({type:"neo-cmp-register-event",eventMsg:`${r}注册一个自定义组件`,neoRenderer:{cmpType:e,weight:t.weight,usage:t.usage,config:t}},"*"))}}else console.error(`${r} / registerNeoCmp: 自定义组件注册失败，暂不支持 ${t.usage} 组件类型。`)}}!function(e){e.renderer="renderer",e.formitem="formitem"}(s||(s={})),function(e){e.react="react",e.vue2="vue2",e.vue3="vue3",e.jquery="jquery"}(i||(i={}));export{u as autoConvertVueComponent,a as createVue2Component,m as registerNeoCmp,c as registerNeoEditorModel};
|
package/dist/index.umd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see index.umd.js.LICENSE.txt */
|
|
2
|
-
!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.neoRegister=o():e.neoRegister=o()}(this,function(){return function(){"use strict";var e={n:function(o){var r=o&&o.__esModule?function(){return o.default}:function(){return o};return e.d(r,{a:r}),r},d:function(o,r){for(var t in r)e.o(r,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:r[t]})},o:function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},o={};e.r(o),e.d(o,{autoConvertVueComponent:function(){return
|
|
2
|
+
!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.neoRegister=o():e.neoRegister=o()}(this,function(){return function(){"use strict";var e={n:function(o){var r=o&&o.__esModule?function(){return o.default}:function(){return o};return e.d(r,{a:r}),r},d:function(o,r){for(var t in r)e.o(r,t)&&!e.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:r[t]})},o:function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},o={};e.r(o),e.d(o,{autoConvertVueComponent:function(){return h},createVue2Component:function(){return b},registerNeoCmp:function(){return j},registerNeoEditorModel:function(){return a}});var r=require("@babel/runtime/helpers/extends"),t=e.n(r);function n(e,o,r){void 0===r&&(r=!0);var t=function(e,o){void 0===o&&(o=!0);var r=e&&e.__super?Object.create(e.__super,{__super:{value:e.__super,writable:!1,enumerable:!1}}):Object.create(Object.prototype);return o&&e&&Object.keys(e).forEach(function(o){return r[o]=e[o]}),r}(e,r);return o&&Object.keys(o).forEach(function(e){return t[e]=o[e]}),t}var i,s,u="[neo-register]";function c(e){return"object"==typeof e&&(e._compiled&&e.components||e.__file&&e.__file.endsWith(".vue"))}function a(e,o,r){if(e&&function(e){var o=!1;if(!e)return!1;var r=new e;return r.label?r.tags&&!Array.isArray(r.tags)?console.error(u+" / registerNeoEditorModel: 自定义组件注册失败，组件分类（tags）格式异常。"):(r.iconSrc||Object.assign(e.prototype,{iconSrc:"https://neo-widgets.bj.bcebos.com/custom-widget.svg"}),o=!0):console.error(u+" / registerNeoEditorModel: 自定义组件注册失败，名称（label）不能为空。"),o}(e)){var n,i,s,c,a,p,f,l,m,d,v=o||(new e).cmpType;v||console.error(u+" / registerNeoEditorModel: 自定义组件注册失败，cmpType 不能为空。");var g=r||{},w=new e;if(Object.assign(e.prototype,t()({},w,{cmpType:v,custom:!0,tags:null!=(n=null!=(i=w.tags)?i:g.tags)?n:["自定义组件"],targetPage:null!=(s=null!=(c=w.targetPage)?c:g.targetPage)?s:["customPage"],exposedToDesigner:null==(a=null!=(p=w.exposedToDesigner)?p:g.exposedToDesigner)||a,namespace:null!=(f=null!=(l=w.namespace)?l:g.namespace)?f:"neo-cmp-cli",enableDuplicate:null==(m=null!=(d=w.enableDuplicate)?d:g.enableDuplicate)||m})),window&&window.postMessage){var y=function(e,o){return window&&!window.NEOEditorCustomModels&&(window.NEOEditorCustomModels={}),window.NEOEditorCustomModels[e]?(console.error(u+"注册自定义组件模型失败，已存在重名插件("+e+")。"),null):(window.NEOEditorCustomModels[e]=o,e)}(v,e);y&&(console.info(u+"触发注册自定义组件模型("+v+")事件"),window.postMessage({type:"neo-model-register-event",eventMsg:u+"注册一个 neo-editor 自定义组件模型",cmpType:v},"*"))}}}!function(e){e.renderer="renderer",e.formitem="formitem"}(i||(i={})),function(e){e.react="react",e.vue2="vue2",e.vue3="vue3",e.jquery="jquery"}(s||(s={}));var p=require("@babel/runtime/helpers/objectWithoutPropertiesLoose"),f=e.n(p),l=require("@babel/runtime/helpers/inheritsLoose"),m=e.n(l),d=require("react"),v=e.n(d),g=require("vue"),w=e.n(g),y=["data"];function b(e){if(e&&("function"==typeof e||"object"==typeof e))return function(o){function r(e,r){var t;return(t=o.call(this,e)||this).domRef=void 0,t.vm=void 0,t.isUnmount=void 0,t.domRef=v().createRef(),t.isUnmount=!1,t.resolveNeoProps=t.resolveNeoProps.bind(t),t}m()(r,o);var i=r.prototype;return i.componentDidMount=function(){var o=this,r=this.resolveNeoProps(),i=r.neoData,s=r.neoMSTData,u=r.neoFunc,c=e="function"==typeof e?new e:e,a=c.data,p=f()(c,y),l=n("function"==typeof a?a():a,i);this.vm=new(w())(t()({},p,{data:function(){return l},props:n(u,t()({},p.props||{},s))})),Object.keys(u).forEach(function(e){o.vm.$props[e]=u[e]}),this.domRef.current&&this.domRef.current.appendChild(this.vm.$mount().$el)},i.componentDidUpdate=function(){var e=this;if(!this.isUnmount){var o=this.resolveNeoProps().neoData;this.vm&&(Object.keys(o).forEach(function(r){e.vm[r]=o[r]}),this.vm.$forceUpdate())}},i.componentWillUnmount=function(){this.isUnmount=!0,this.vm&&this.vm.$destroy()},i.resolveNeoProps=function(){var e=this,o={},r={},t={};return Object.keys(this.props).forEach(function(n){var i,s=e.props[n];"function"==typeof s?o[n]=s:(i=s)&&(i.$treenode||i.$mstObservable||i.$modelType||i.$modelId||"[object Proxy]"===Object.prototype.toString.call(i))?t[n]=s:r[n]=s}),{neoData:r,neoMSTData:t,neoFunc:o}},i.reload=function(){this.vm&&this.vm.reload?this.vm.reload():console.warn("自定义组件暂不支持reload动作。")},i.doAction=function(e,o){this.vm&&this.vm.doAction?this.vm.doAction(e,o):console.warn("自定义组件中不存在 doAction。")},i.render=function(){return v().createElement("div",{ref:this.domRef})},r}(v().Component)}function h(e){return c(e)?b(e):e}function j(e,o){if(e){var r,t={cmpType:"",usage:i.renderer,weight:0};if(o&&(r=o,"String"===Object.prototype.toString.call(r).slice(8,-1))?Object.assign(t,{cmpType:o}):Object.assign(t,o),t&&!t.cmpType)console.error(u+" / registerNeoCmp: 自定义组件注册失败，cmpType 不能为空。");else{t.framework=t.framework?function(e){var o=s.react;if(!e)return o;var r=e.toLowerCase().trim();switch(r){case"jquery":case"jq":r=s.jquery;break;case"vue2":case"vue 2":case"vue2.0":case"vue 2.0":r=s.vue2;break;case"vue":case"vue3":case"vue 3":case"vue3.0":case"vue 3.0":r=s.vue3,console.error(u+" 暂不支持 vue3.0 技术栈。");break;default:r=s.react}return r}(t.framework):c(e)?"vue2":"react",t.usage=function(e){var o=i.renderer;if(!e)return o;var r=e.toLowerCase().trim();switch(r){case"renderer":case"renderers":default:r=i.renderer;break;case"formitem":case"form-item":case"form item":r=i.formitem}return r}(t.usage);var n={react:function(e){return e},vue2:b,vue3:b}[t.framework](e);if({renderer:function(){},formitem:function(){}}[t.usage]){if(window&&window.postMessage){var a=(p=t.cmpType,f={cmpType:t.cmpType,weight:t.weight,usage:t.usage,framework:t.framework,component:n,config:t},window&&!window.NeoCustomCmps&&(window.NeoCustomCmps={}),window.NeoCustomCmps[p]?(console.error(u+" / registerNeoCmp: 自定义组件注册失败，已存在重名渲染器("+p+")。"),null):(window.NeoCustomCmps[p]=f,p));a&&(console.info(u+"触发注册自定义组件("+a+")事件"),window.postMessage({type:"neo-cmp-register-event",eventMsg:u+"注册一个自定义组件",neoRenderer:{cmpType:a,weight:t.weight,usage:t.usage,config:t}},"*"))}}else console.error(u+" / registerNeoCmp: 自定义组件注册失败，暂不支持 "+t.usage+" 组件类型。")}}var p,f}return o}()});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* neo-register v1.0.
|
|
2
|
+
* neo-register v1.0.7
|
|
3
3
|
* author: wibetter
|
|
4
4
|
* build tool: AKFun
|
|
5
|
-
* build time:
|
|
5
|
+
* build time: Fri Nov 21 2025 15:04:52 GMT+0800 (中国标准时间)
|
|
6
6
|
* build tool info: https://github.com/wibetter/akfun
|
|
7
7
|
*/
|
package/dist/main.d.ts
CHANGED
|
@@ -7,5 +7,4 @@
|
|
|
7
7
|
*/
|
|
8
8
|
export { registerNeoEditorModel } from './function/registerNeoEditorModel';
|
|
9
9
|
export { registerNeoCmp } from './function/registerNeoCmp';
|
|
10
|
-
export { createVue2Component } from './frameworkFactory/vueFactory';
|
|
11
|
-
export { autoConvertVueComponent } from './utils';
|
|
10
|
+
export { createVue2Component, autoConvertVueComponent } from './frameworkFactory/vueFactory';
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -34,6 +34,4 @@ export declare enum Framework {
|
|
|
34
34
|
}
|
|
35
35
|
export declare function isEditorModel(EditorModelClass: any): boolean;
|
|
36
36
|
export declare function isString(str: any): boolean;
|
|
37
|
-
export declare function isObject(obj: any): boolean;
|
|
38
37
|
export declare function isProxy(obj: any): boolean;
|
|
39
|
-
export declare function autoConvertVueComponent(component: any): any;
|
package/dist/utils/object.d.ts
CHANGED
|
@@ -5,4 +5,4 @@ export declare function createObject(superProps?: {
|
|
|
5
5
|
}, properties?: any): object;
|
|
6
6
|
export declare function cloneObject(target: any, persistOwnProps?: boolean): any;
|
|
7
7
|
export declare function extendObject(target: any, src?: any, persistOwnProps?: boolean): any;
|
|
8
|
-
export declare function isObject(obj: any):
|
|
8
|
+
export declare function isObject(obj: any): boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "neo-register",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.8",
|
|
4
4
|
"description": "neo自定义组件注册器（支持 react 和 vue2.0 技术栈），主要用于注册 neo 自定义组件、neo-editor 自定义组件模型。",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"neo自定义组件注册器",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@types/react-dom": "^16.9.15",
|
|
54
54
|
"husky": "^4.2.5",
|
|
55
55
|
"lint-staged": "^10.2.9",
|
|
56
|
-
"neo-cmp-cli": "^1.
|
|
56
|
+
"neo-cmp-cli": "^1.7.15",
|
|
57
57
|
"prettier": "^2.0.5"
|
|
58
58
|
},
|
|
59
59
|
"engines": {
|