epic-designer-gold 0.0.1 → 0.0.2

package/examples/uno.config.ts

@@ -1,2 +0,0 @@
-// uno.config.ts
-export * from 'epic-designer/uno.config'

package/examples/vite.config.ts

@@ -1,32 +0,0 @@
-import { defineConfig } from "vite";
-import vue from "@vitejs/plugin-vue";
-import UnoCSS from "unocss/vite";
-import VueDevTools from "vite-plugin-vue-devtools";
-import monacoEditorPlugin from "vite-plugin-monaco-editor";
-import { resolve } from "path";
-export default defineConfig({
-  base: "/",
-  plugins: [
-    VueDevTools(),
-    vue(),
-    UnoCSS(),
-    (monacoEditorPlugin as any).default({
-      languageWorkers: ["editorWorkerService", "json", "typescript"],
-    }),
-  ],
-  server: {
-    proxy: {
-      "/process": {
-        target: "http://192.168.28.112:8180",
-        changeOrigin: true,
-      },
-    },
-  },
-  resolve: {
-    alias: {
-      "@": resolve(__dirname, "src"),
-    },
-  },
-});
-
-import { defineConfig } from "vitest/config";

package/packages/core/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 kchengz
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/packages/core/components/asyncLoader/index.less

@@ -1,92 +0,0 @@
-.e-loading,
-.e-loading>div {
-    position: relative;
-    box-sizing: border-box;
-}
-
-.e-loading {
-    display: block;
-    font-size: 0;
-    color: var(--epic-primary-color);
-}
-
-.e-loading.la-dark {
-    color: #333;
-}
-
-.e-loading>div {
-    display: inline-block;
-    float: none;
-    background-color: currentColor;
-    border: 0 solid currentColor;
-}
-
-.e-loading {
-    width: 64px;
-    height: 64px;
-}
-
-.e-loading>div {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 64px;
-    height: 64px;
-    border-radius: 100%;
-    opacity: 0;
-    animation: ball-scale-multiple 1s 0s linear infinite;
-}
-
-.e-loading>div:nth-child(2) {
-    animation-delay: 0.2s;
-}
-
-.e-loading>div:nth-child(3) {
-    animation-delay: 0.4s;
-}
-
-.e-loading.la-sm {
-    width: 32px;
-    height: 32px;
-}
-
-.e-loading.la-sm>div {
-    width: 32px;
-    height: 32px;
-}
-
-.e-loading.la-2x {
-    width: 128px;
-    height: 128px;
-}
-
-.e-loading.la-2x>div {
-    width: 128px;
-    height: 128px;
-}
-
-.e-loading.la-3x {
-    width: 192px;
-    height: 192px;
-}
-
-.e-loading.la-3x>div {
-    width: 192px;
-    height: 192px;
-}
-
-@keyframes ball-scale-multiple {
-    0% {
-        opacity: 0;
-        transform: scale(0);
-    }
-
-    5% {
-        opacity: 0.75;
-    }
-
-    100% {
-        opacity: 0;
-        transform: scale(1);
-    }
-}

package/packages/core/components/asyncLoader/index.vue

@@ -1,7 +0,0 @@
-<template>
-    <div class="e-loading">
-        <div></div>
-        <div></div>
-        <div></div>
-    </div>
-</template>

package/packages/core/components/builder/hooks/useBuilder.ts

@@ -1,132 +0,0 @@
-import { ref, watch } from "vue";
-import { deepClone, usePageManager } from "@epic-designer/utils";
-import { FormDataModel } from "../../../types/epic-designer";
-
-export function useBuilder() {
-  const ready = ref<boolean>(false);
-  const pageManager = usePageManager();
-  const forms = ref<any>({});
-
-  /**
-   * 等待组件初始化
-   */
-  function waitReady(): Promise<void> {
-    return new Promise((resolve) => {
-      if (ready.value) {
-        resolve();
-      } else {
-        const unwatch = watch(ready, () => {
-          unwatch();
-          resolve();
-        });
-      }
-    });
-  }
-
-  /**
-   * 获取表单实例
-   * @param {string} formName 表单名称
-   */
-  async function getFormInstance(formName = "default"): Promise<any> {
-    await waitReady();
-    const form = forms.value?.[formName];
-    if (!form) throw new Error(`表单 [name=${formName}] 不存在`);
-    return form;
-  }
-
-  /**
-   * 处理表单数据
-   * @param {string} formName 表单名称
-   * @param {Function} action 处理函数
-   */
-  async function handleFormData(formName: string, action: (form: any) => Promise<FormDataModel>) {
-    const form = await getFormInstance(formName);
-    return deepClone(await action(form));
-  }
-
-  /**
-   * 获取单个表单数据
-   * @param {string} formName 表单名称
-   */
-  async function getData(formName = "default"): Promise<FormDataModel> {
-    return await handleFormData(formName, (form) => form.getData());
-  }
-
-  /**
-   * 设置单个表单数据
-   * @param {FormDataModel} data 表单数据
-   * @param {string} formName 表单名称
-   */
-  function setData(data: FormDataModel, formName = "default") {
-    pageManager.setFormData(data, formName);
-    const form = forms.value?.[formName];
-    form?.clearValidate();
-  }
-
-  /**
-   * 验证单个表单并获取数据
-   * @param {string} formName 表单名称
-   */
-  async function validate(formName = "default"): Promise<FormDataModel> {
-    return await handleFormData(formName, async (form) => {
-      await form.validate();
-      return await form.getData();
-    });
-  }
-
-  /**
-   * 处理所有表单数据
-   * @param {Function} action 处理函数
-   */
-  async function handleAllFormsData(action: (form: any) => Promise<FormDataModel>) {
-    await waitReady();
-    const data: Record<string, FormDataModel> = {};
-    for (const formName in forms.value) {
-      const form = forms.value[formName];
-      if (form) {
-        data[formName] = deepClone(await action(form));
-      }
-    }
-    return data;
-  }
-
-  /**
-   * 获取所有表单数据
-   */
-  async function getForms(): Promise<Record<string, FormDataModel>> {
-    return await handleAllFormsData((form) => form.getData());
-  }
-
-  /**
-   * 设置所有表单数据
-   * @param {Record<string, FormDataModel>} data 表单数据
-   */
-  function setForms(data: Record<string, FormDataModel>) {
-    for (const formName in data) {
-      setData(data[formName], formName);
-    }
-  }
-
-  /**
-   * 验证所有表单并获取数据
-   */
-  async function validateAll(): Promise<Record<string, FormDataModel>> {
-    return await handleAllFormsData(async (form) => {
-      await form.validate();
-      return await form.getData();
-    });
-  }
-
-  return {
-    ready,
-    pageManager,
-    forms,
-    getData,
-    setData,
-    validate,
-    getForms,
-    setForms,
-    validateAll,
-    getFormInstance,
-  };
-}

package/packages/core/components/builder/index.ts

@@ -1,3 +0,0 @@
-import EBuilder from './src/builder.vue'
-
-export default EBuilder

package/packages/core/components/builder/src/builder.vue

@@ -1,131 +0,0 @@
-<template>
-  <div class="epic-loading-box" v-if="!pluginManager.initialized.value">
-    <!-- <EAsyncLoader /> -->
-  </div>
-  <Suspense v-else @resolve="handleReady">
-    <template #default>
-      <div class="epic-builder-main">
-        <ENode v-for="(item, index) in pageSchemaReactive.schemas" :key="index" :componentSchema="item" />
-      </div>
-    </template>
-    <template #fallback>
-      <div class="epic-loading-box">
-        <EAsyncLoader />
-      </div>
-    </template>
-  </Suspense>
-</template>
-
-<script lang="ts" setup>
-import ENode from "../../node";
-import { reactive, provide, useSlots, getCurrentInstance, watch, computed, nextTick } from "vue";
-import { PageSchema, FormDataModel } from "../../../types/epic-designer";
-import { loadAsyncComponent, deepCompareAndModify, pluginManager } from "@epic-designer/utils";
-import { useBuilder } from "../hooks/useBuilder";
-
-// 异步加载 EAsyncLoader 组件
-const EAsyncLoader = loadAsyncComponent(() => import("../../asyncLoader/index.vue"));
-
-// 定义事件
-const emit = defineEmits<{
-  ready: any;
-}>();
-
-// 使用 hooks 获取表单相关方法和状态
-const { ready, pageManager, forms, getData, setData, validate, getForms, setForms, validateAll, getFormInstance } =
-  useBuilder();
-
-// 定义组件的 props 类型
-const props = defineProps<{
-  pageSchema: PageSchema;
-  formData?: FormDataModel;
-  disabled?: boolean;
-}>();
-
-// 定义页面 schema
-const pageSchemaReactive = reactive<PageSchema>({
-  schemas: [],
-});
-
-// 监听 pageSchema 的变化，并更新 pageSchemaReactive
-watch(
-  () => props.pageSchema,
-  (newSchema) => {
-    deepCompareAndModify(pageSchemaReactive, newSchema);
-  },
-  {
-    immediate: true,
-    deep: true,
-  }
-);
-
-// 监听 formData 的变化，并设置表单数据
-watch(
-  () => props.formData,
-  (data) => {
-    if (data) {
-      setData(data);
-    }
-  },
-  {
-    immediate: true,
-    deep: true,
-  }
-);
-
-// 监听 pageSchemaReactive.script 的变化，并设置页面方法
-watch(
-  () => pageSchemaReactive.script,
-  (script) => {
-    if (script) {
-      pageManager.setMethods(script, true);
-    }
-  },
-  {
-    immediate: true,
-  }
-);
-
-// 提供依赖注入的上下文
-provide("slots", useSlots());
-provide("pageManager", pageManager);
-provide("forms", forms);
-provide("pageSchema", pageSchemaReactive);
-provide(
-  "disabled",
-  computed(() => props.disabled)
-);
-
-// 获取当前实例，并提取 proxy
-const instance = getCurrentInstance();
-const proxy = instance?.proxy;
-
-/**
- * 组件加载完成后的处理函数
- * @returns {void}
- */
-function handleReady() {
-  nextTick(() => {
-    ready.value = true;
-    emit("ready", pageManager);
-
-    // 注入组件实例到 pageManager
-    if (proxy) {
-      pageManager.addComponentInstance("builder", proxy);
-    }
-  });
-}
-
-// 暴露组件的方法和状态
-defineExpose({
-  ready,
-  pageManager,
-  getData,
-  setData,
-  validate,
-  getForms,
-  setForms,
-  validateAll,
-  getFormInstance,
-});
-</script>

package/packages/core/components/builder/src/types.ts

@@ -1,4 +0,0 @@
-export interface DesignerProps {
-  disabledZoom?: boolean;
-  hiddenHeader?: boolean;
-}

package/packages/core/components/designer/index.ts

@@ -1,3 +0,0 @@
-import EDesigner from "./src/designer.vue";
-
-export default EDesigner;