@tmagic/editor 1.3.0-beta.3 → 1.3.0-beta.5
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/style.css +4 -4
- package/dist/tmagic-editor.js +181 -157
- package/dist/tmagic-editor.js.map +1 -1
- package/dist/tmagic-editor.umd.cjs +180 -155
- package/dist/tmagic-editor.umd.cjs.map +1 -1
- package/package.json +10 -10
- package/src/components/Icon.vue +5 -1
- package/src/fields/CodeSelectCol.vue +1 -2
- package/src/fields/DataSourceMethodSelect.vue +0 -3
- package/src/fields/EventSelect.vue +4 -5
- package/src/fields/UISelect.vue +3 -3
- package/src/hooks/use-stage.ts +7 -2
- package/src/layouts/sidebar/ComponentListPanel.vue +4 -3
- package/src/layouts/sidebar/layer/LayerNode.vue +7 -5
- package/src/layouts/sidebar/layer/LayerPanel.vue +4 -2
- package/src/layouts/sidebar/layer/use-keybinding.ts +11 -8
- package/src/layouts/sidebar/layer/use-node-status.ts +9 -5
- package/src/layouts/workspace/viewer/Stage.vue +2 -1
- package/src/theme/event.scss +1 -3
- package/src/theme/framework.scss +0 -2
- package/src/theme/layer-panel.scss +4 -0
- package/src/type.ts +19 -0
- package/src/utils/keybinding-config.ts +31 -26
- package/src/utils/props.ts +1 -0
- package/types/layouts/sidebar/layer/LayerNode.vue.d.ts +1 -1
- package/types/layouts/sidebar/layer/use-keybinding.d.ts +3 -2
- package/types/type.d.ts +18 -0
- package/types/utils/keybinding-config.d.ts +4 -0
package/types/type.d.ts
CHANGED
|
@@ -273,6 +273,8 @@ export interface SideBarData {
|
|
|
273
273
|
export interface ComponentItem {
|
|
274
274
|
/** 显示文案 */
|
|
275
275
|
text: string;
|
|
276
|
+
/** 详情,用于tooltip */
|
|
277
|
+
desc?: string;
|
|
276
278
|
/** 组件类型 */
|
|
277
279
|
type: string;
|
|
278
280
|
/** Vue组件或url */
|
|
@@ -386,6 +388,7 @@ export interface EventSelectConfig {
|
|
|
386
388
|
name: string;
|
|
387
389
|
type: 'event-select';
|
|
388
390
|
src: 'datasource' | 'component';
|
|
391
|
+
labelWidth?: string;
|
|
389
392
|
/** 事件名称表单配置 */
|
|
390
393
|
eventNameConfig?: FormItem;
|
|
391
394
|
/** 动作类型配置 */
|
|
@@ -454,6 +457,7 @@ export interface KeyBindingCacheItem {
|
|
|
454
457
|
export interface CodeSelectColConfig {
|
|
455
458
|
type: 'code-select-col';
|
|
456
459
|
name: string;
|
|
460
|
+
text: string;
|
|
457
461
|
labelWidth?: number | string;
|
|
458
462
|
disabled?: boolean | FilterFunction;
|
|
459
463
|
display?: boolean | FilterFunction;
|
|
@@ -461,6 +465,7 @@ export interface CodeSelectColConfig {
|
|
|
461
465
|
export interface DataSourceMethodSelectConfig {
|
|
462
466
|
type: 'data-source-method-select';
|
|
463
467
|
name: string;
|
|
468
|
+
text: string;
|
|
464
469
|
labelWidth?: number | string;
|
|
465
470
|
disabled?: boolean | FilterFunction;
|
|
466
471
|
display?: boolean | FilterFunction;
|
|
@@ -473,6 +478,7 @@ export interface DataSourceFieldSelectConfig {
|
|
|
473
478
|
disabled?: boolean | FilterFunction;
|
|
474
479
|
display?: boolean | FilterFunction;
|
|
475
480
|
}
|
|
481
|
+
/** 依赖收集的目标类型 */
|
|
476
482
|
export declare enum DepTargetType {
|
|
477
483
|
DEFAULT = "default",
|
|
478
484
|
/** 代码块 */
|
|
@@ -484,16 +490,28 @@ export declare enum DepTargetType {
|
|
|
484
490
|
/** 数据源条件 */
|
|
485
491
|
DATA_SOURCE_COND = "data-source-cond"
|
|
486
492
|
}
|
|
493
|
+
/** 可新增的数据源类型选项 */
|
|
487
494
|
export interface DatasourceTypeOption {
|
|
495
|
+
/** 数据源类型 */
|
|
488
496
|
type: string;
|
|
497
|
+
/** 数据源名称 */
|
|
489
498
|
text: string;
|
|
490
499
|
}
|
|
500
|
+
/** 组件树节点状态 */
|
|
491
501
|
export interface LayerNodeStatus {
|
|
502
|
+
/** 显隐 */
|
|
492
503
|
visible: boolean;
|
|
504
|
+
/** 展开子节点 */
|
|
493
505
|
expand: boolean;
|
|
506
|
+
/** 选中 */
|
|
494
507
|
selected: boolean;
|
|
495
508
|
}
|
|
509
|
+
/** 拖拽类型 */
|
|
496
510
|
export declare enum DragType {
|
|
511
|
+
/** 从组件列表拖到画布 */
|
|
497
512
|
COMPONENT_LIST = "component-list",
|
|
513
|
+
/** 拖动组件树节点 */
|
|
498
514
|
LAYER_TREE = "layer-tree"
|
|
499
515
|
}
|
|
516
|
+
/** 当uiService.get('uiSelectMode')为true,点击组件(包括任何形式,组件树/画布)时触发的事件名 */
|
|
517
|
+
export declare const UI_SELECT_MODE_EVENT_NAME = "ui-select";
|