@tmagic/editor 1.8.0-beta.2 → 1.8.0-beta.3

package/dist/es/layouts/history-list/CodeBlockTab.js

@@ -1,5 +0,0 @@
-import CodeBlockTab_vue_vue_type_script_setup_true_lang_default from "./CodeBlockTab.vue_vue_type_script_setup_true_lang.js";
-//#region packages/editor/src/layouts/history-list/CodeBlockTab.vue
-var CodeBlockTab_default = CodeBlockTab_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { CodeBlockTab_default as default };

package/dist/es/layouts/history-list/DataSourceTab.js

@@ -1,5 +0,0 @@
-import DataSourceTab_vue_vue_type_script_setup_true_lang_default from "./DataSourceTab.vue_vue_type_script_setup_true_lang.js";
-//#region packages/editor/src/layouts/history-list/DataSourceTab.vue
-var DataSourceTab_default = DataSourceTab_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { DataSourceTab_default as default };

package/dist/es/layouts/history-list/DataSourceTab.vue_vue_type_script_setup_true_lang.js

@@ -1,62 +0,0 @@
-import { describeDataSourceGroup, describeDataSourceStep } from "./composables.js";
-import Bucket_default from "./Bucket.js";
-import { TMagicScrollbar } from "@tmagic/design";
-import { Fragment, createBlock, createElementBlock, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
-//#region packages/editor/src/layouts/history-list/DataSourceTab.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "m-editor-history-list-empty"
-};
-var DataSourceTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "MEditorHistoryListDataSourceTab",
-	__name: "DataSourceTab",
-	props: {
-		buckets: {},
-		expanded: {}
-	},
-	emits: [
-		"toggle",
-		"goto",
-		"goto-initial",
-		"diff-step",
-		"revert-step"
-	],
-	setup(__props) {
-		/** 仅 update（前后 schema 都存在）时可查看差异。 */
-		const isDataSourceStepDiffable = (step) => Boolean(step.oldSchema && step.newSchema);
-		return (_ctx, _cache) => {
-			return !__props.buckets.length ? (openBlock(), createElementBlock("div", _hoisted_1, "暂无操作记录")) : (openBlock(), createBlock(unref(TMagicScrollbar), {
-				key: 1,
-				"max-height": "360px"
-			}, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.buckets, (bucket) => {
-					return openBlock(), createBlock(Bucket_default, {
-						key: `ds-${bucket.id}`,
-						title: "数据源",
-						"bucket-id": bucket.id,
-						prefix: "ds",
-						groups: bucket.groups,
-						"describe-group": unref(describeDataSourceGroup),
-						"describe-step": unref(describeDataSourceStep),
-						"is-step-diffable": isDataSourceStepDiffable,
-						expanded: __props.expanded,
-						onToggle: _cache[0] || (_cache[0] = (key) => _ctx.$emit("toggle", key)),
-						onGoto: _cache[1] || (_cache[1] = (id, index) => _ctx.$emit("goto", id, index)),
-						onGotoInitial: _cache[2] || (_cache[2] = (id) => _ctx.$emit("goto-initial", id)),
-						onDiffStep: _cache[3] || (_cache[3] = (id, index) => _ctx.$emit("diff-step", id, index)),
-						onRevertStep: _cache[4] || (_cache[4] = (id, index) => _ctx.$emit("revert-step", id, index))
-					}, null, 8, [
-						"bucket-id",
-						"groups",
-						"describe-group",
-						"describe-step",
-						"expanded"
-					]);
-				}), 128))]),
-				_: 1
-			}));
-		};
-	}
-});
-//#endregion
-export { DataSourceTab_vue_vue_type_script_setup_true_lang_default as default };

package/src/layouts/history-list/CodeBlockTab.vue

@@ -1,61 +0,0 @@
-<template>
-  <div v-if="!buckets.length" class="m-editor-history-list-empty">暂无操作记录</div>
-  <TMagicScrollbar v-else max-height="360px">
-    <Bucket
-      v-for="bucket in buckets"
-      :key="`cb-${bucket.id}`"
-      title="代码块"
-      :bucket-id="bucket.id"
-      prefix="cb"
-      :groups="bucket.groups"
-      :describe-group="describeCodeBlockGroup"
-      :describe-step="describeCodeBlockStep"
-      :is-step-diffable="isCodeBlockStepDiffable"
-      :expanded="expanded"
-      @toggle="(key: string) => $emit('toggle', key)"
-      @goto="(id: string | number, index: number) => $emit('goto', id, index)"
-      @goto-initial="(id: string | number) => $emit('goto-initial', id)"
-      @diff-step="(id: string | number, index: number) => $emit('diff-step', id, index)"
-      @revert-step="(id: string | number, index: number) => $emit('revert-step', id, index)"
-    />
-  </TMagicScrollbar>
-</template>
-
-<script lang="ts" setup>
-import { TMagicScrollbar } from '@tmagic/design';
-
-import type { CodeBlockHistoryGroup, CodeBlockStepValue } from '@editor/type';
-
-import Bucket from './Bucket.vue';
-import { describeCodeBlockGroup, describeCodeBlockStep } from './composables';
-
-defineOptions({
-  name: 'MEditorHistoryListCodeBlockTab',
-});
-
-defineProps<{
-  /**
-   * 已按 codeBlock.id 聚拢成的 bucket 列表，每个 bucket 内部的 groups 已按时间倒序排好。
-   * 空数组时显示空态。
-   */
-  buckets: { id: string | number; groups: CodeBlockHistoryGroup[] }[];
-  /** 共享的折叠状态表（key -> 是否展开），由顶层 panel 统一维护。本 tab 使用 `cb-${id}-${idx}` 作为 key。 */
-  expanded: Record<string, boolean>;
-}>();
-
-defineEmits<{
-  /** 透传子组件 Bucket 的 toggle 事件给上层 panel，由其更新 expanded。 */
-  (_e: 'toggle', _key: string): void;
-  /** 透传 Bucket 的 goto 事件，携带 codeBlock id 与目标 step 索引。 */
-  (_e: 'goto', _codeBlockId: string | number, _index: number): void;
-  /** 透传 Bucket 的 goto-initial 事件，携带 codeBlock id（回到该代码块未修改时的状态）。 */
-  (_e: 'goto-initial', _codeBlockId: string | number): void;
-  /** 透传 Bucket 的 diff-step 事件，携带 codeBlock id 与 step 索引。 */
-  (_e: 'diff-step', _codeBlockId: string | number, _index: number): void;
-  /** 透传 Bucket 的 revert-step 事件，携带 codeBlock id 与 step 索引（类 git revert）。 */
-  (_e: 'revert-step', _codeBlockId: string | number, _index: number): void;
-}>();
-
-/** 仅 update（前后 content 都存在）时可查看差异。 */
-const isCodeBlockStepDiffable = (step: CodeBlockStepValue) => Boolean(step.oldContent && step.newContent);
-</script>

package/src/layouts/history-list/DataSourceTab.vue

@@ -1,61 +0,0 @@
-<template>
-  <div v-if="!buckets.length" class="m-editor-history-list-empty">暂无操作记录</div>
-  <TMagicScrollbar v-else max-height="360px">
-    <Bucket
-      v-for="bucket in buckets"
-      :key="`ds-${bucket.id}`"
-      title="数据源"
-      :bucket-id="bucket.id"
-      prefix="ds"
-      :groups="bucket.groups"
-      :describe-group="describeDataSourceGroup"
-      :describe-step="describeDataSourceStep"
-      :is-step-diffable="isDataSourceStepDiffable"
-      :expanded="expanded"
-      @toggle="(key: string) => $emit('toggle', key)"
-      @goto="(id: string | number, index: number) => $emit('goto', id, index)"
-      @goto-initial="(id: string | number) => $emit('goto-initial', id)"
-      @diff-step="(id: string | number, index: number) => $emit('diff-step', id, index)"
-      @revert-step="(id: string | number, index: number) => $emit('revert-step', id, index)"
-    />
-  </TMagicScrollbar>
-</template>
-
-<script lang="ts" setup>
-import { TMagicScrollbar } from '@tmagic/design';
-
-import type { DataSourceHistoryGroup, DataSourceStepValue } from '@editor/type';
-
-import Bucket from './Bucket.vue';
-import { describeDataSourceGroup, describeDataSourceStep } from './composables';
-
-defineOptions({
-  name: 'MEditorHistoryListDataSourceTab',
-});
-
-defineProps<{
-  /**
-   * 已按 dataSource.id 聚拢成的 bucket 列表，每个 bucket 内部的 groups 已按时间倒序排好。
-   * 空数组时显示空态。
-   */
-  buckets: { id: string | number; groups: DataSourceHistoryGroup[] }[];
-  /** 共享的折叠状态表（key -> 是否展开），由顶层 panel 统一维护。本 tab 使用 `ds-${id}-${idx}` 作为 key。 */
-  expanded: Record<string, boolean>;
-}>();
-
-defineEmits<{
-  /** 透传子组件 Bucket 的 toggle 事件给上层 panel，由其更新 expanded。 */
-  (_e: 'toggle', _key: string): void;
-  /** 透传 Bucket 的 goto 事件，携带 dataSource id 与目标 step 索引。 */
-  (_e: 'goto', _dataSourceId: string | number, _index: number): void;
-  /** 透传 Bucket 的 goto-initial 事件，携带 dataSource id（回到该数据源未修改时的状态）。 */
-  (_e: 'goto-initial', _dataSourceId: string | number): void;
-  /** 透传 Bucket 的 diff-step 事件，携带 dataSource id 与 step 索引。 */
-  (_e: 'diff-step', _dataSourceId: string | number, _index: number): void;
-  /** 透传 Bucket 的 revert-step 事件，携带 dataSource id 与 step 索引（类 git revert）。 */
-  (_e: 'revert-step', _dataSourceId: string | number, _index: number): void;
-}>();
-
-/** 仅 update（前后 schema 都存在）时可查看差异。 */
-const isDataSourceStepDiffable = (step: DataSourceStepValue) => Boolean(step.oldSchema && step.newSchema);
-</script>