@tmagic/editor 1.3.0-alpha.12 → 1.3.0-alpha.14

package/src/layouts/sidebar/code-block/CodeBlockEditor.vue

@@ -1,100 +0,0 @@
-<template>
-  <TMagicDrawer
-    class="code-editor-dialog"
-    :model-value="true"
-    :title="currentTitle"
-    :close-on-press-escape="true"
-    :append-to-body="true"
-    :show-close="false"
-    :close-on-click-modal="true"
-    :size="size"
-    :before-close="handleClose"
-  >
-    <SplitView v-model:left="left" :min-left="45" class="code-editor-layout">
-      <!-- 右侧区域 -->
-      <template #center>
-        <div v-if="!isEmpty(codeConfig)" class="m-editor-code-block-editor-panel">
-          <slot name="code-block-edit-panel-header" :id="id"></slot>
-          <FunctionEditor
-            ref="functionEditor"
-            v-if="codeConfig"
-            :id="id"
-            :name="codeConfig.name"
-            :content="codeConfig.content"
-            :paramsColConfig="paramsColConfig"
-            :editable="!!editable"
-            :autoSaveDraft="true"
-            :codeOptions="codeOptions"
-          ></FunctionEditor>
-        </div>
-      </template>
-    </SplitView>
-  </TMagicDrawer>
-</template>
-
-<script lang="ts" setup>
-import { computed, inject, reactive, ref, watchEffect } from 'vue';
-import { cloneDeep, forIn, isEmpty } from 'lodash-es';
-
-import { TMagicDrawer } from '@tmagic/design';
-import { ColumnConfig } from '@tmagic/form';
-import { CodeBlockContent } from '@tmagic/schema';
-
-import FunctionEditor from '@editor/components/FunctionEditor.vue';
-import SplitView from '@editor/components/SplitView.vue';
-import type { ListState, Services } from '@editor/type';
-import { serializeConfig } from '@editor/utils/editor';
-
-defineOptions({
-  name: 'MEditorCodeBlockEditor',
-});
-
-const services = inject<Services>('services');
-const codeOptions = inject('codeOptions', {});
-
-defineProps<{
-  paramsColConfig?: ColumnConfig;
-}>();
-
-const size = computed(() => globalThis.document.body.clientWidth - (services?.uiService.get('columnWidth').left || 0));
-
-const left = ref(200);
-const currentTitle = ref('');
-// 编辑器当前需展示的代码块内容
-const codeConfig = ref<CodeBlockContent | null>(null);
-// select选择的内容(ListState)
-const state = reactive<ListState>({
-  codeList: [],
-});
-
-const id = computed(() => services?.codeBlockService.getId() || '');
-const editable = computed(() => services?.codeBlockService.getEditStatus());
-// 当前选中组件绑定的代码块id数组
-const selectedIds = computed(() => services?.codeBlockService.getCombineIds() || []);
-
-watchEffect(async () => {
-  codeConfig.value = cloneDeep(await services?.codeBlockService.getCodeContentById(id.value)) || null;
-  if (!codeConfig.value) return;
-  codeConfig.value.content = serializeConfig(codeConfig.value.content);
-});
-
-watchEffect(async () => {
-  const codeDsl = (await services?.codeBlockService.getCodeDslByIds(selectedIds.value)) || null;
-  if (!codeDsl) return;
-  state.codeList = [];
-  forIn(codeDsl, (value: CodeBlockContent, key: string) => {
-    state.codeList.push({
-      id: key,
-      name: value.name,
-    });
-  });
-  currentTitle.value = state.codeList[0]?.name || '';
-});
-
-const functionEditor = ref<InstanceType<typeof FunctionEditor>>();
-
-const handleClose = async () => {
-  // 触发codeDraftEditor组件关闭事件
-  await functionEditor.value?.codeDraftEditor?.close();
-};
-</script>

package/types/components/CodeDraftEditor.vue.d.ts

@@ -1,61 +0,0 @@
-import { Id } from '@tmagic/schema';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /** 代码id */
-    id: Id;
-    /** 代码内容 */
-    content: string;
-    /** 是否可编辑 */
-    editable?: boolean | undefined;
-    /** 是否自动保存草稿 */
-    autoSaveDraft?: boolean | undefined;
-    /** 编辑器参数 */
-    codeOptions?: Object | undefined;
-    /** 编辑器语言 */
-    language?: string | undefined;
-}>, {
-    editable: boolean;
-    autoSaveDraft: boolean;
-}>, {
-    saveAndClose: () => void;
-    close: () => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "saveAndClose")[], "close" | "saveAndClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /** 代码id */
-    id: Id;
-    /** 代码内容 */
-    content: string;
-    /** 是否可编辑 */
-    editable?: boolean | undefined;
-    /** 是否自动保存草稿 */
-    autoSaveDraft?: boolean | undefined;
-    /** 编辑器参数 */
-    codeOptions?: Object | undefined;
-    /** 编辑器语言 */
-    language?: string | undefined;
-}>, {
-    editable: boolean;
-    autoSaveDraft: boolean;
-}>>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
-    onSaveAndClose?: ((...args: any[]) => any) | undefined;
-}, {
-    editable: boolean;
-    autoSaveDraft: boolean;
-}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};