epic-designer-gold 1.0.1 → 1.0.2

package/packages/core/extensions/MonacoEditor/index.vue

@@ -1,150 +0,0 @@
-<template>
-  <div ref="editContainer" class="epic-code-editor" />
-</template>
-<script setup lang="ts">
-import { ref, watch, nextTick, onMounted } from "vue";
-import * as monaco from "monaco-editor";
-import type { editor } from "monaco-editor";
-import { useTheme } from "@epic-designer/hooks";
-const props = withDefaults(
-  defineProps<{
-    language?: string;
-    readOnly?: boolean;
-    valueFormat?: string;
-    modelValue?: any;
-    config?: editor.IStandaloneEditorConstructionOptions;
-    lineNumbers?: "on" | "off";
-    autoToggleTheme?: boolean;
-    theme?: "vs-light" | "vs-dark" | "hc-black";
-  }>(),
-  {
-    language: "json",
-    readOnly: false,
-    valueFormat: "string",
-    lineNumbers: "on",
-    theme: "vs-light",
-    config: () => ({
-      selectOnLineNumbers: true,
-      minimap: {
-        enabled: false,
-      },
-    }),
-  }
-);
-
-const emit = defineEmits(["update:modelValue"]);
-
-const editContainer = ref<HTMLElement | null>(null);
-
-let monacoEditor: monaco.editor.IStandaloneCodeEditor | null = null;
-const { isDark } = useTheme();
-
-function handleToggleTheme() {
-  if (isDark.value) {
-    monaco.editor.setTheme("vs-dark");
-  } else {
-    monaco.editor.setTheme("vs-light");
-  }
-}
-
-/**
- * 设置文本
- * @param text
- */
-function setValue(text: string) {
-  monacoEditor?.setValue(text || "");
-}
-
-/**
- * 光标处插入文本
- * @param text
- */
-function insertText(text: string) {
-  // 获取光标位置
-  const position = monacoEditor?.getPosition();
-  // 未获取到光标位置信息
-  if (!position) {
-    return;
-  }
-  // 插入
-  monacoEditor?.executeEdits("", [
-    {
-      range: new monaco.Range(position.lineNumber, position.column, position.lineNumber, position.column),
-      text,
-    },
-  ]);
-  // 设置新的光标位置
-  monacoEditor?.setPosition({ ...position, column: position.column + text.length });
-  // 重新聚焦
-  monacoEditor?.focus();
-}
-
-onMounted(() => {
-  monacoEditor = monaco.editor.create(editContainer.value as HTMLElement, {
-    value: getValue(),
-    ...props.config,
-    language: props.language,
-    readOnly: props.readOnly,
-    lineNumbers: props.lineNumbers,
-    theme: props.theme,
-    scrollBeyondLastLine: false,
-    scrollbar: {
-      verticalScrollbarSize: 10,
-      horizontalScrollbarSize: 10,
-    },
-    automaticLayout: true,
-  });
-
-  // 自动切换主题
-  if (props.autoToggleTheme) {
-    watch(
-      () => isDark.value,
-      () => {
-        nextTick(() => handleToggleTheme());
-      },
-      {
-        immediate: true,
-      }
-    );
-  }
-
-  // 获取值
-  function getValue() {
-    // valueFormat 为json 格式，需要转换处理
-    if (props.valueFormat === "json") {
-      if (props.modelValue) {
-        return JSON.stringify(props.modelValue, null, 2);
-      }
-    }
-    return props.modelValue ?? "";
-  }
-
-  // 监听值变化
-  monacoEditor.onDidChangeModelContent(() => {
-    const currenValue = monacoEditor?.getValue();
-
-    // valueFormat 为json 格式，需要转换处理
-    if (props.valueFormat === "json" && currenValue) {
-      emit("update:modelValue", JSON.parse(currenValue));
-      return;
-    }
-
-    emit("update:modelValue", currenValue ?? "");
-  });
-});
-
-defineExpose({
-  setValue,
-  insertText,
-});
-</script>
-<style lang="less" scoped>
-.epic-code-editor {
-  width: 100%;
-  min-height: 150px;
-
-  :deep(.monaco-editor) {
-    height: 100%;
-  }
-}
-</style>

package/packages/core/extensions/Page/index.ts

@@ -1,23 +0,0 @@
-import { type ComponentConfigModel } from "@epic-designer/utils";
-
-export default {
-  component: async () => await import("./index.vue"),
-  defaultSchema: {
-    label: "页面",
-    type: "page",
-    componentProps: {},
-    children: [],
-  },
-  config: {
-    attribute: [
-      {
-        label: "页面名称",
-        type: "input",
-        componentProps: {
-          placeholder: "请输入",
-        },
-        field: "componentProps.name",
-      },
-    ],
-  },
-} as ComponentConfigModel;

package/packages/core/extensions/Page/index.vue

@@ -1,27 +0,0 @@
-<template>
-  <div
-    class="h-full box-border wh-full!"
-  >
-    <slot name="edit-node">
-      <slot
-        v-for="item in children"
-        name="node"
-        :componentSchema="item"
-      />
-    </slot>
-  </div>
-</template>
-<script lang="ts" setup>
-import { computed } from 'vue'
-import { ComponentSchema } from '../../types/epic-designer'
-
-const props = defineProps<{
-  componentSchema:ComponentSchema
-}>()
-
-
-const children = computed(() => {
-  return props.componentSchema.children ?? []
-})
-
-</script>

package/packages/core/extensions/index.ts

@@ -1,58 +0,0 @@
-import { type PluginManager } from "@epic-designer/utils";
-import MonacoEditor from "./MonacoEditor";
-import Page from "./Page";
-
-export function setupComponent(pluginManager: PluginManager): void {
-  pluginManager.component("EInputSize", async () => await import("./EInputSize/index.vue"));
-  pluginManager.component("EColEditor", async () => await import("./EColEditor/index.vue"));
-  pluginManager.component("EActionEditor", async () => await import("./EActionEditor/index.vue"));
-  pluginManager.component("ERuleEditor", async () => await import("./ERuleEditor/index.vue"));
-  pluginManager.component("EOptionsEditor", async () => await import("./EOptionsEditor/index.vue"));
-  pluginManager.component("ENode", async () => await import("../components/node/index"));
-  pluginManager.component("EDataSource", async () => await import("./EDataSource/index.vue"));
-
-  // 左侧菜单初始化
-  pluginManager.registerActivitybar({
-    id: "component_view",
-    title: "组件",
-    icon: "icon--epic--extension-outline",
-    component: async () => await import("../components/designer/src/modules/componentView/index.vue"),
-  });
-
-  // pluginManager.registerActivitybar({
-  //   id: "sound_code_view",
-  //   title: "源码",
-  //   icon: "icon--epic--sdk-outline-rounded",
-  //   component: async () => await import("../components/designer/src/modules/sourceCode/index.vue"),
-  // });
-
-  pluginManager.registerActivitybar({
-    id: "outline_view",
-    title: "大纲",
-    icon: "icon--epic--account-tree-outline-rounded",
-    component: async () => await import("../components/designer/src/modules/outline/outline.vue"),
-  });
-
-  pluginManager.registerRightSidebar({
-    id: "attribute_view",
-    title: "属性",
-    component: async () => await import("../components/designer/src/modules/attributeView/attributeView.vue"),
-  });
-
-  pluginManager.registerRightSidebar({
-    id: "style_view",
-    title: "样式",
-    component: async () => await import("../components/designer/src/modules/attributeView/styleView.vue"),
-  });
-  // pluginManager.registerRightSidebar({
-  //   id: "event_view",
-  //   title: "事件",
-  //   component: async () => await import("../components/designer/src/modules/attributeView/eventView.vue"),
-  // });
-
-  const componentArray = [MonacoEditor, Page];
-
-  componentArray.forEach((item) => {
-    pluginManager.registerComponent(item);
-  });
-}

package/packages/core/index.less

@@ -1,24 +0,0 @@
-@import "./static/icons/iconify.css";
-@import "./theme/var.less";
-@import "./components/tree/src/index.less";
-@import "./components/designer/src/index.less";
-@import "./extensions/EActionEditor/index.less";
-@import "./extensions/ERuleEditor/index.less";
-@import "./extensions/EColEditor/index.less";
-@import "./extensions/EDataSource/index.less";
-@import "./components/asyncLoader/index.less";
-
-// 基础组件适配样式
-@import "@epic-designer/ui/antd/index.less";
-@import "@epic-designer/ui/elementPlus/index.less";
-@import "@epic-designer/ui/naiveUi/index.less";
-
-
-// iconfont 图标样式
-.iconfont {
-  font-family: "epic-iconfont", "iconfont" !important;
-  font-style: normal;
-  font-size: 1em;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}

package/packages/core/index.ts

@@ -1,35 +0,0 @@
-import 'virtual:uno.css'
-import EBuilder from './components/builder/'
-import EDesigner from './components/designer/'
-import ENode from './components/node/'
-import { pluginManager, type PluginManager, type PageManager, usePageManager } from '@epic-designer/utils'
-import { setupComponent } from './extensions'
-import './index.less'
-export type * from './types/epic-designer'
-// 初始化设计器
-setupComponent(pluginManager)
-
-
-// const components = [EBuilder, EDesigner]
-
-// 注册全局组件
-// const EDesignr = {
-//   install (app: App) {
-//     components.forEach((comp) => {
-//       app.component(comp.__name ?? '', comp)
-//     })
-//   },
-//   pluginManager,
-//   usePageManager
-// }
-
-export {
-  EBuilder,
-  EDesigner,
-  ENode,
-  pluginManager,
-  usePageManager,
-  type PluginManager,
-  type PageManager
-}
-// export default EDesignr

package/packages/core/package.json

@@ -1,59 +0,0 @@
-{
-  "name": "@epic-designer/core",
-  "private": false,
-  "version": "0.9.25",
-  "type": "module",
-  "main": "index.ts",
-  "description": "基于vue3的设计器,可视化开发页面表单",
-  "author": "kchengz",
-  "keywords": [
-    "form",
-    "epic-designer",
-    "设计器",
-    "页面设计",
-    "低代码",
-    "可视化",
-    "工作流"
-  ],
-  "bugs": {
-    "url": "https://github.com/Kchengz/epic-designer/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Kchengz/epic-designer"
-  },
-  "scripts": {
-    "preview": "vite preview",
-    "test": "vitest",
-    "lint": "eslint . --fix --ext .js,.jsx,.json,.ts,.tsx,.vue"
-  },
-  "dependencies": {
-    "monaco-editor": "^0.52.0",
-    "vuedraggable": "4.1.0"
-  },
-  "devDependencies": {
-    "@algolia/client-search": "^5.5.3",
-    "@babel/core": "^7.25.2",
-    "@babel/eslint-parser": "^7.25.1",
-    "@babel/plugin-transform-typescript": "^7.25.2",
-    "@babel/preset-env": "^7.25.4",
-    "@babel/preset-typescript": "^7.24.7",
-    "@types/node": "^22.5.5",
-    "@typescript-eslint/eslint-plugin": "^8.6.0",
-    "@typescript-eslint/parser": "^8.6.0",
-    "@vue/test-utils": "2.4.6",
-    "eslint-config-standard-with-typescript": "^43.0.1",
-    "eslint-plugin-import": "^2.30.0",
-    "eslint-plugin-n": "^17.10.3",
-    "eslint-plugin-promise": "^7.1.0",
-    "eslint-plugin-vue": "^9.28.0",
-    "jsdom": "^25.0.1",
-    "unocss": "^0.62.4",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-svg-icons": "^2.0.1",
-    "vite-plugin-vue-setup-extend": "^0.4.0",
-    "vitest": "^2.1.1",
-    "vue-eslint-parser": "^9.4.3",
-    "vue-tsc": "^2.1.6"
-  }
-}