@tmagic/editor 1.3.5 → 1.3.7

package/src/layouts/sidebar/layer/use-filter.ts

@@ -1,59 +0,0 @@
-import { type ComputedRef, ref } from 'vue';
-
-import { Id, MNode, MPage } from '@tmagic/schema';
-
-import { LayerNodeStatus } from '@editor/type';
-import { traverseNode } from '@editor/utils';
-import { updateStatus } from '@editor/utils/tree';
-
-export const useFilter = (
-  nodeStatusMap: ComputedRef<Map<Id, LayerNodeStatus> | undefined>,
-  page: ComputedRef<MPage | null | undefined>,
-) => {
-  // tree方法：对树节点进行筛选时执行的方法
-  const filterIsMatch = (value: string, data: MNode): boolean => {
-    if (!value) {
-      return true;
-    }
-    let name = '';
-    if (data.name) {
-      name = data.name;
-    } else if (data.items) {
-      name = 'container';
-    }
-    return `${data.id}${name}${data.type}`.includes(value);
-  };
-
-  const filterNode = (text: string) => (node: MNode, parents: MNode[]) => {
-    if (!nodeStatusMap.value) return;
-
-    const visible = filterIsMatch(text, node);
-    if (visible && parents.length) {
-      parents.forEach((parent) => {
-        updateStatus(nodeStatusMap.value!, parent.id, {
-          visible,
-          expand: true,
-        });
-      });
-    }
-
-    updateStatus(nodeStatusMap.value, node.id, {
-      visible,
-    });
-  };
-
-  const filter = (text: string) => {
-    if (!page.value?.items?.length) return;
-
-    page.value.items.forEach((node) => {
-      traverseNode(node, filterNode(text));
-    });
-  };
-
-  return {
-    filterText: ref(''),
-    filterTextChangeHandler(text: string) {
-      filter(text);
-    },
-  };
-};

package/src/layouts/workspace/PageBar.vue

@@ -1,87 +0,0 @@
-<template>
-  <PageBarScrollContainer>
-    <div
-      v-for="item in (root && root.items) || []"
-      class="m-editor-page-bar-item"
-      :key="item.key"
-      :class="{ active: page?.id === item.id }"
-      @click="switchPage(item)"
-    >
-      <div class="m-editor-page-bar-title">
-        <slot name="page-bar-title" :page="item">
-          <TMagicTooltip effect="dark" placement="top-start" :content="item.name">
-            <span>{{ item.name || item.id }}</span>
-          </TMagicTooltip>
-        </slot>
-      </div>
-
-      <TMagicPopover popper-class="page-bar-popover" placement="top" :width="160" trigger="hover">
-        <div>
-          <slot name="page-bar-popover" :page="item">
-            <ToolButton
-              :data="{
-                type: 'button',
-                text: '复制',
-                icon: DocumentCopy,
-                handler: () => copy(item),
-              }"
-            ></ToolButton>
-            <ToolButton
-              :data="{
-                type: 'button',
-                text: '删除',
-                icon: Delete,
-                handler: () => remove(item),
-              }"
-            ></ToolButton>
-          </slot>
-        </div>
-        <template #reference>
-          <TMagicIcon class="m-editor-page-bar-menu-icon">
-            <CaretBottom></CaretBottom>
-          </TMagicIcon>
-        </template>
-      </TMagicPopover>
-    </div>
-  </PageBarScrollContainer>
-</template>
-
-<script lang="ts" setup>
-import { computed, inject } from 'vue';
-import { CaretBottom, Delete, DocumentCopy } from '@element-plus/icons-vue';
-
-import { TMagicIcon, TMagicPopover, TMagicTooltip } from '@tmagic/design';
-import type { MPage } from '@tmagic/schema';
-
-import ToolButton from '@editor/components/ToolButton.vue';
-import type { Services } from '@editor/type';
-
-import PageBarScrollContainer from './PageBarScrollContainer.vue';
-
-defineOptions({
-  name: 'MEditorPageBar',
-});
-
-const services = inject<Services>('services');
-const editorService = services?.editorService;
-
-const root = computed(() => editorService?.get('root'));
-
-const page = computed(() => editorService?.get('page'));
-
-const switchPage = (page: MPage) => {
-  editorService?.select(page);
-};
-
-const copy = (node: MPage) => {
-  node && editorService?.copy(node);
-  editorService?.paste({
-    left: 0,
-    top: 0,
-  });
-};
-
-const remove = (node: MPage) => {
-  editorService?.remove(node);
-};
-</script>

package/src/layouts/workspace/viewer/NodeListMenuTitle.vue

@@ -1,68 +0,0 @@
-<template>
-  <div
-    style="
-      text-align: center;
-      padding: 5px 0;
-      font-size: 14px;
-      cursor: move;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    "
-    ref="target"
-  >
-    <TMagicTooltip placement="top" :content="pinned ? '取消置于顶层自动隐藏' : '置于顶层不消失'">
-      <MIcon
-        style="margin-left: 10px; cursor: pointer"
-        :icon="pinned ? PinnedIcon : PinIcon"
-        @click="pinHandler"
-      ></MIcon>
-    </TMagicTooltip>
-
-    <span>可选组件</span>
-
-    <div style="margin-right: 10px">
-      <TMagicButton text size="small" @click="closeHandler">
-        <MIcon :icon="Close"></MIcon>
-      </TMagicButton>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-import { Close } from '@element-plus/icons-vue';
-import type { OnDrag } from 'gesto';
-
-import { TMagicButton, TMagicTooltip } from '@tmagic/design';
-
-import MIcon from '@editor/components/Icon.vue';
-import { useGetSo } from '@editor/hooks/use-getso';
-import PinIcon from '@editor/icons/PinIcon.vue';
-import PinnedIcon from '@editor/icons/PinnedIcon.vue';
-
-defineOptions({
-  name: 'MEditorNodeListMenuTitle',
-});
-
-const props = defineProps<{
-  pinned: boolean;
-}>();
-
-const emit = defineEmits<{
-  close: [];
-  'update:pinned': [pinned: boolean];
-  change: [e: OnDrag];
-}>();
-
-const pinHandler = () => {
-  emit('update:pinned', !props.pinned);
-};
-
-const closeHandler = () => {
-  emit('close');
-};
-
-const target = ref<HTMLDivElement>();
-useGetSo(target, emit);
-</script>

package/src/theme/dep-list.scss

@@ -1,59 +0,0 @@
-.m-editor-dep-list-panel {
-  .magic-editor-layer-tree {
-    padding-top: 48px;
-  }
-
-  .search-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    top: 0;
-    width: 100%;
-    z-index: 1;
-
-    .search-input {
-      flex: 1;
-      position: relative;
-    }
-
-    .tmagic-design-button {
-      margin-right: 10px;
-    }
-  }
-
-  .list-container {
-    width: 100%;
-    overflow: hidden;
-    .list-item {
-      display: flex;
-      width: 100%;
-      align-items: center;
-
-      .right-tool {
-        display: flex;
-        width: fit-content !important;
-        align-items: center;
-        .edit-icon {
-          margin: 0 5px;
-        }
-      }
-      .name {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        width: 0 !important;
-        flex: 1;
-        line-height: 22px;
-
-        &.code {
-          color: #000;
-        }
-
-        &.hook {
-          color: #909399;
-        }
-      }
-    }
-  }
-}

package/types/layouts/sidebar/layer/use-filter.d.ts

@@ -1,7 +0,0 @@
-import { type ComputedRef } from 'vue';
-import { Id, MPage } from '@tmagic/schema';
-import { LayerNodeStatus } from '../../../type';
-export declare const useFilter: (nodeStatusMap: ComputedRef<Map<Id, LayerNodeStatus> | undefined>, page: ComputedRef<MPage | null | undefined>) => {
-    filterText: import("vue").Ref<string>;
-    filterTextChangeHandler(text: string): void;
-};

package/types/layouts/workspace/PageBar.vue.d.ts

@@ -1,15 +0,0 @@
-import type { MPage } from '@tmagic/schema';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    "page-bar-title"?(_: {
-        page: MPage;
-    }): any;
-    "page-bar-popover"?(_: {
-        page: MPage;
-    }): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/types/layouts/workspace/PageBarScrollContainer.vue.d.ts

@@ -1,9 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};