epic-designer-gold 1.0.1 → 1.0.2

package/examples/src/views/designer/basic/index.vue

@@ -1,62 +0,0 @@
-<template>
-  <EDesigner
-    ref="designerRef"
-    :source="sourceData"
-    @saveSourceData="saveSourceData"
-    @deleteSourceData="deleteSourceData"
-    @updateSourceData="updateSourceData"
-    @save="handleSubmit"
-    title="EpicDesigner基础用法示例"
-  >
-    <template #header-prefix>
-      <div>欢迎使用EpicDesigner设计器</div>
-    </template>
-  </EDesigner>
-</template>
-<script lang="ts" setup>
-import { EDesigner, type PageSchema } from "@epic-designer/core";
-import { ref } from "vue";
-import axios from "axios";
-
-const designerRef = ref<InstanceType<typeof EDesigner>>();
-const sourceData = ref();
-/**
- * 点击保存按钮操作
- * @param e
- */
-function handleSubmit(e: PageSchema) {
-  console.log(e);
-}
-// 保存数据源
-async function saveSourceData(e: any) {
-  let res = await axios({
-    method: "post",
-    url: "/process/data-source",
-    data: e,
-  });
-  getSourceData();
-}
-async function getSourceData() {
-  let res = await axios({
-    url: "/process/data-source/1",
-    method: "get",
-  });
-  sourceData.value = !!res.data.data ? res.data.data : [];
-}
-getSourceData();
-async function deleteSourceData(e: string) {
-  let res = await axios({
-    url: `/process/data-source/${e}`,
-    method: "delete",
-  });
-  getSourceData();
-}
-async function updateSourceData(e: any) {
-  let res = await axios({
-    method: "put",
-    url: `/process/data-source/${e.id}`,
-    data: e,
-  });
-  getSourceData();
-}
-</script>

package/examples/src/views/designer/formMode/index.vue

@@ -1,20 +0,0 @@
-<template>
-  <EDesigner ref="designerRef" formMode @save="handleSubmit" title="表单模式示例">
-    <template #header-prefix>
-      <div>欢迎使用EpicDesigner设计器</div>
-    </template>
-  </EDesigner>
-</template>
-<script lang="ts" setup>
-import { EDesigner, type PageSchema } from "@epic-designer/core";
-import { ref } from "vue";
-
-const designerRef = ref<InstanceType<typeof EDesigner>>();
-/**
- * 点击保存按钮操作
- * @param e
- */
-function handleSubmit(e: PageSchema) {
-  console.log(e);
-}
-</script>

package/examples/src/views/designer/loadData/index.vue

@@ -1,109 +0,0 @@
-<template>
-  <EDesigner ref="designerRef" @save="handleSubmit" title="EpicDesigner数据回显示例">
-    <template #header-prefix>
-      <div>欢迎使用EpicDesigner设计器</div>
-    </template>
-  </EDesigner>
-</template>
-<script lang="ts" setup>
-import { EDesigner, type PageSchema } from "@epic-designer/core";
-import { ref, onMounted } from "vue";
-const designerRef = ref<InstanceType<typeof EDesigner>>();
-
-const pageSchema = {
-  schemas: [
-    {
-      type: "form",
-      id: "root",
-      label: "页面",
-      children: [
-        {
-          label: "单选框",
-          type: "radio",
-          field: "radio_cgu1i3pe",
-          input: true,
-          componentProps: {
-            options: [
-              {
-                label: "测试1",
-                value: "1",
-                children: [
-                  {
-                    label: "测试3",
-                    value: "3",
-                  },
-                  {
-                    label: "测试4",
-                    value: "4",
-                  },
-                ],
-              },
-              {
-                label: "测试2",
-                value: "2",
-              },
-            ],
-            size: "default",
-            dynamicId: 39,
-          },
-          id: "radio_cgu1i3pe",
-        },
-        {
-          label: "级联选择器",
-          type: "cascader",
-          field: "cascader_qxv2qvkd",
-          input: true,
-          componentProps: {
-            options: [
-              {
-                label: "测试1",
-                value: "1",
-                children: [
-                  {
-                    label: "测试3",
-                    value: "3",
-                  },
-                  {
-                    label: "测试4",
-                    value: "4",
-                  },
-                ],
-              },
-              {
-                label: "测试2",
-                value: "2",
-              },
-            ],
-            placeholder: "请选择",
-            props: {
-              expandTrigger: "click",
-            },
-            dynamicId: 39,
-          },
-          id: "cascader_qxv2qvkd",
-        },
-      ],
-      componentProps: {
-        name: "表单",
-        style: {
-          padding: "16px",
-        },
-      },
-    },
-  ],
-  script:
-    "const { defineExpose, find } = epic;\n\nfunction test (){\n    console.log('test')\n}\n\n// 通过defineExpose暴露的函数或者属性\ndefineExpose({\n test\n})",
-};
-
-onMounted(() => {
-  designerRef.value?.setData(pageSchema);
-});
-
-/**
- * 点击保存按钮操作
- * @param e
- */
-function handleSubmit(e: PageSchema) {
-  console.log(e);
-}
-</script>

package/examples/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/examples/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-    "paths": {
-      "@/*": ["./src/*"]
-    },
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/examples/tsconfig.node.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/examples/uno.config.ts

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

package/examples/vite.config.ts

@@ -1,35 +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"],
-    }),
-  ],
-  resolve: {
-    alias: {
-      "@": resolve(__dirname, "src"),
-    },
-  },
-  server: {
-    host: true,
-    open: true,
-    proxy: {
-      "/process": {
-        // target: 'http://localhost:8089',
-        target: "http://192.168.28.112:8180",
-        changeOrigin: true,
-      },
-    },
-  },
-});
-
-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,200 +0,0 @@
-import { ref, watch, inject } 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", pageSchema = undefined) {
-    if (pageSchema && Object.keys(pageSchema).length) {
-      function changeTree(data: any) {
-        let arr: any = [];
-        data.forEach((el: any) => {
-          if (el.children) {
-            arr = [...arr, ...changeTree(el.children)];
-          }
-          arr.push(el);
-        });
-        return arr;
-      }
-      function changeData(data: any) {
-        let res = changeTree(pageSchema?.schemas[0]?.children);
-        Object.keys(data).forEach((key: any) => {
-          const obj = res.find((item1: any) => item1.field === key);
-          const dataList = ["datetimerange", "daterange", "monthrange", "dates"];
-          if (
-            ((obj && obj?.type === "checkbox") ||
-              (obj?.type === "select" && obj?.componentProps?.multiple) ||
-              (obj?.type === "cascader" && !obj?.componentProps?.props?.multiple) ||
-              (obj?.type === "date" && dataList.includes(obj?.componentProps?.type))) &&
-            typeof data[key] === "string"
-          ) {
-            data[key] = data[key]?.split(",");
-          } else if (
-            obj?.type === "cascader" &&
-            obj?.componentProps?.props?.multiple &&
-            typeof data[key] === "string"
-          ) {
-            // 英文
-            if (data[key].indexOf(";") > -1) {
-              data[key] = data[key].split(";").map((el: string) => el.split(","));
-            } else {
-              data[key] = data[key].split(",");
-            }
-            // 中文
-            if (data[key].indexOf("；") > -1) {
-              data[key] = data[key].split("；").map((el: string) => el.split(","));
-            } else {
-              data[key] = data[key].split(",");
-            }
-          } else if ((obj?.type === "upload-image" || obj?.type === "upload-file") && typeof data[key] === "string") {
-            let nameList: any = [];
-            Object.entries(data).forEach(([key1, value1]) => {
-              if (data[key] === value1 && key1 !== obj.field && key1.indexOf("@") > -1 && key1.indexOf(key) > -1) {
-                nameList = key1.split("@")[1].split(",");
-              }
-            });
-            data[key] = data[key].split(",").map((el, idx) => {
-              return {
-                url: el,
-                name: nameList[idx] || el,
-              };
-            });
-          } else if (obj?.type === "number" || obj?.type === "slider") {
-            data[key] = Number(data[key]);
-          } else if (obj?.type === "switch") {
-            data[key] = typeof data[key] === "boolean" ? data[key] : data[key].indexOf("true") > -1 ? true : false;
-          }
-        });
-        return data;
-      }
-      let data1: any = changeData(data);
-      pageManager.setFormData(data1, formName);
-      const form = forms.value?.[formName];
-      form?.clearValidate();
-    } else {
-      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