Add files via upload

Author: betterdancing

packages/design-core/src/template/src/App.vue

@@ -0,0 +1,15 @@
+<template>
+  <Index />
+</template>
+
+<script>
+import Index from './template/Index.vue'
+
+export default {
+  components: {
+    Index
+  }
+}
+</script>
+
+<style lang="less" scoped></style>

packages/design-core/src/template/src/js/http.js

@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+/* metaService: engine.plugins.blockmanage.js-http */
+import { getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
+
+const baseUrl = 'http://10.234.151.79:9090'
+export const isDevelopEnv = import.meta.env.MODE?.includes('dev')
+// 模版管理 -- 获取模版列表
+export const fetchTemplateList = (params) => getMetaApi(META_SERVICE.Http).get(`${baseUrl}/app-center/api/app-template/list`, {params})
+
+// 模版管理 -- 通过模板创建应用
+export const createAppFromTemplate = (params) => getMetaApi(META_SERVICE.Http).post(`${baseUrl}/app-center/api/app-template/create`, params)
+
+// 模版管理 -- 业务场景全查询
+export const fetchBusinessCategory = () => getMetaApi(META_SERVICE.Http).get(`${baseUrl}/material-center/api/business-category/list`)
+
+// 模版管理 -- 按分类查询业务场景
+export const fetchBusinessCategoryByGroup = (group) => getMetaApi(META_SERVICE.Http).get(`${baseUrl}/material-center/api/business-category/find?group=${group}`)
+
+// 应用管理 -- 获取应用列表
+export const fetchApplicationList = (params) => getMetaApi(META_SERVICE.Http).get(`${baseUrl}/app-center/api/apps/page`, {params}) // currentPage pageSize
+
+// 应用管理 -- 创建应用
+export const createApplication = (params) => getMetaApi(META_SERVICE.Http).post(`${baseUrl}/app-center/api/apps/create`, params)
+
+// 应用管理 -- 编辑应用
+export const updateApplication = (id, params) => getMetaApi(META_SERVICE.Http).post(`${baseUrl}/app-center/api/apps/update/${id}`, params)
+
+// 应用管理 -- 删除应用
+export const deleteApplication = (id) => getMetaApi(META_SERVICE.Http).get(`${baseUrl}/app-center/api/apps/delete/${id}`)
+
+// 模板管理 -- 查询页面列表
+export const getPageList = (id) => getMetaApi(META_SERVICE.Http).get(`/app-center/api/pages/list/${id}`)

packages/design-core/src/template/src/main.js

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+import { createApp } from 'vue'
+import initSvgs from '@opentiny/tiny-engine-svgs'
+import { mergeRegistry, initServices } from '@opentiny/tiny-engine-meta-register'
+import './styles/vars.less'
+import App from './App.vue'
+
+export const initTemplate = ({ registry, lifeCycles = {} }) => {
+  const { beforeAppCreate } = lifeCycles
+
+  mergeRegistry(...(Array.isArray(registry) ? registry : [registry]))
+  beforeAppCreate?.()
+
+  initServices()
+
+  const app = createApp(App)
+
+  initSvgs(app)
+
+  app.mount('#app')
+}

packages/design-core/src/template/src/styles/vars.less

@@ -0,0 +1,25 @@
+:root {
+  --te-template-common-text-color: var(--te-common-text-primary);
+  --te-template-common-text-color-secondary: var(--te-common-text-secondary);
+  --te-template-common-bg-color: var(--te-common-bg-default);
+  --te-template-common-container-bg-color: var(--te-common-bg-container);
+  --te-template-common-bg-color-active: var(--te-common-bg-container);
+  --te-template-common-bg-color-hover: var(--te-common-bg-container);
+  --te-template-common-before-bg-color: var(--te-common-bg-primary);
+  --te-template-common-border-color: var(--te-common-border-divider);
+  --te-template-common-border-bg-color: var(--te-common-border-bg-divider);
+
+  // 列表 - 列表状态切换图标
+  --te-template-app-center-btn-bg-color: var(--te-common-bg-container);
+  --te-template-app-center-btn-icon-color: var(--te-common-icon-secondary);
+  --te-template-app-center-btn-color-active: var(--te-common-icon-primary);
+  --te-template-app-center-btn-border-color-active: var(--te-common-border-active);
+  --te-template-app-center-btn-bg-color-active: var(--te-common-bg-default);
+
+  // 列表
+  --te-template-center-common-item-bg-color: var(--te-common-bg-container-weaken);
+  --te-template-center-common-item-tag-bg-color: var(--te-common-bg-prompt);
+  --te-template-center-common-item-operation-bg-color: var(--te-common-bg-prompt);
+  --te-template-center-common-item-desc-text-color: var(--te-common-text-secondary);
+  --te-template-center-common-item-from-text-color: var(--te-common-text-weaken);
+}