{"id":13783504,"url":"https://github.com/staringos/tefact","last_synced_at":"2025-05-11T19:30:58.811Z","repository":{"id":40704657,"uuid":"257149893","full_name":"staringos/tefact","owner":"staringos","description":"🏭 (Beta) 轻量级无代码/低代码 H5、表单编辑器。Lightweight no-code/low-code editor for website、H5 page and Form. Build your page without code! ","archived":false,"fork":false,"pushed_at":"2023-07-20T00:30:49.000Z","size":12008,"stargazers_count":340,"open_issues_count":6,"forks_count":49,"subscribers_count":14,"default_branch":"master","last_synced_at":"2024-11-17T20:47:15.769Z","etag":null,"topics":["admin-dashboard","crud","h5","low-code","low-code-development-platform","low-code-platform","no-code","nuxt","typescript","vue"],"latest_commit_sha":null,"homepage":"https://staringos.com","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/staringos.png","metadata":{"files":{"readme":"README-CN.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2020-04-20T02:23:25.000Z","updated_at":"2024-11-04T15:22:35.000Z","dependencies_parsed_at":"2023-02-18T02:00:49.707Z","dependency_job_id":"857296ce-4b3a-4854-aea3-0d297eba08f9","html_url":"https://github.com/staringos/tefact","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/staringos%2Ftefact","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/staringos%2Ftefact/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/staringos%2Ftefact/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/staringos%2Ftefact/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/staringos","download_url":"https://codeload.github.com/staringos/tefact/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253620983,"owners_count":21937453,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin-dashboard","crud","h5","low-code","low-code-development-platform","low-code-platform","no-code","nuxt","typescript","vue"],"created_at":"2024-08-03T19:00:23.129Z","updated_at":"2025-05-11T19:30:57.577Z","avatar_url":"https://github.com/staringos.png","language":"Vue","readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./docs/assets/images/logo-banner-2.png\"\u003e\n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://staringos.com\"\u003e网站\u003c/a\u003e | \n  \u003ca href=\"http://saas.staringos.com\"\u003e案例\u003c/a\u003e | \n  \u003ca href=\"https://staringos.com/docs\"\u003e文档\u003c/a\u003e | \n  \u003ca href=\"https://staringos.com/docs/join-us\"\u003e社区\u003c/a\u003e | \n  \u003ca href=\"https://staringos.com/docs/join-us\"\u003e支持\u003c/a\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![license](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat)](https://github.com/Tefact/tefact-saas)\n[![Actions Status](https://github.com/tefact/tefact-saas/workflows/deploy/badge.svg)](https://github.com/tefact/tefact-saas/actions)\n[![Release Version](https://img.shields.io/badge/release-0.0.1-green.svg)](https://github.com/Tefact/tefact-saas/releases)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/Tefact/tefact-saas/pulls)\n[![Total alerts](https://img.shields.io/lgtm/alerts/g/Tefact/tefact-saas.svg?logo=lgtm\u0026logoWidth=18)](https://lgtm.com/projects/g/Tefact/tefact-saas/alerts/)\n\n\u003c/div\u003e\n\n# Tefact Engine [![Community](https://img.shields.io/discord/733027681184251937.svg?style=flat\u0026label=Join%20Community\u0026color=7289DA)](https://discord.gg/7V5vnHW2)\n\n星搭开源无代码编辑器，使用图形化界面生成 网站、H5和表单. 无需任何代码生成应用程序！\n\n\u003ca href=\"./README.md\"\u003e[English Docs]\u003c/a\u003e\n\n\u003ca href=\"https://github.com/staringos/tefact-example\"\u003e[开发Demo]\u003c/a\u003e\n\n\u003cimg src=\"./docs/assets/images/show.gif\" align=\"center\" width=\"80%\"\u003e\n\n依赖:\n\n- [Vue 2.x](https://github.com/vuejs/vue)\n- [ElementUI](https://github.com/ElemeFE/element)\n- [Sass](https://github.com/sass/sass)\n\n## 开始使用\n\n推荐: 使用 [案例项目](https://github.com/staringos/tefact-example) 开始. 或者手动引入:\n\n\n1. 安装依赖\n\n```shell script\nyarn add @tefact/editor\n```\n\n2. 引入样式文件\n\n```ts\nimport \"@tefact/editor/lib/index.css\"\n```\n\n3. 引入并使用编辑器组件.\n\n```vue\n\u003ctemplate\u003e\n  \u003cEditor\n    :value=\"target\"\n    :editorSetting=\"editorSetting\"\n  \u003e\u003c/Editor\u003e\n\u003c/template\u003e\n\u003cscript lang=\"ts\"\u003e\nimport Vue from \"vue\";\nimport Editor, { getDefaultFeature } from \"@tefact/editor\";\n\nexport default Vue.extends({\n  data() {\n    return {\n      target: getDefaultFeature(\"page\"),\n      editorSetting: {}\n    }\n  },\n  components: {\n    Editor\n  }\n})\n\u003c/script\u003e\n```\n\n## 核心概念\n\n### Target 编辑目标\n\nTarget 是你所编辑和存储的对象，可以是一个网页、H5或者表单. 他是一套JSON数据结构描述展示内容、样式和使用数据。\n\n您可以使用 `@tefact/editor` 中的 `getDefaultFeature` 去生成默认的 Target 数据。编辑器经过编辑后，会修改对应的数据，您所需要做的就是把它保存起来，供下次调用使用。每个 Target 都有一个 featureType 属性，标识当前 Target 的类型。将 Target 可以引入 `@tefact/feature-form` 或 `@tefact/feature-page` 中，可以展示其内容。\n\n### Editor 编辑器\n\n`@tefact/editor` 是一个界面编辑器，用来提供给用户编辑 Target 的展示内容和样式信息\n\n#### 参数\n\n- value: 正在编辑的 Target 对象\n- editorSetting: 编辑器设置\n\n#### Event 事件\n\n- editTarget: 当 Target 被修改后调用\n- share: 当分享按钮被点击时调用\n- save: 当保存按钮被点击时调用\n- back: 返回按钮被点击时调用\n\n### Page 页面\n\n`@tefact/feature-page` 是一个查看组件，用来查看 `featureType = page` 的 `target` 对象. 使用案例:\n\n```vue\n\u003ctemplate\u003e\n  \u003cPage :value=\"target\"\u003e\u003c/Page\u003e\n\u003c/template\u003e\n\u003cscript lang=\"ts\"\u003e\nimport Vue from \"vue\";\nimport Page, { DFFAULT } from \"@tefact/feature-page\";\n\nexport default Vue.extends({\n  data() {\n    return {\n      target: DFFAULT\n    }\n  },\n  components: {\n    Page\n  }\n})\n\u003c/script\u003e\n```\n\n### Form 表单\n\n与 `page` 一样, `@tefact/feature-form` 也是一个预览组件，用来查看或预览 `featureType = form` 的 Target, 您可以:\n\n```vue\n\u003ctemplate\u003e\n  \u003cForm :value=\"target\"\u003e\u003c/Form\u003e\n\u003c/template\u003e\n\u003cscript lang=\"ts\"\u003e\nimport Vue from \"vue\";\nimport Form, { DFFAULT } from \"@tefact/feature-page\";\n\nexport default Vue.extends({\n  data() {\n    return {\n      target: DFFAULT\n    }\n  },\n  components: {\n    Form\n  }\n})\n\u003c/script\u003e\n```\n\n## 贡献代码\n\n优秀的开源社区需要大家的共同努力，欢迎 PRs 和 Issues. \n\n[CONTRIBUTING](./CONTRIBUTING.md)\n\n### 加入社区\n\n微信扫码加入星搭微信群:\n\n\u003cimg src=\"./docs/assets/images/wechat-group.jpg\" width=\"200\" /\u003e\n\n### Discord\n\n[![Community](https://img.shields.io/discord/733027681184251937.svg?style=flat\u0026label=Join%20Community\u0026color=7289DA)](https://discord.gg/7V5vnHW2)\n","funding_links":[],"categories":["Uncategorized","精选 LessCode 项目","![Open Source Love svg3](https://badges.frapsoft.com/os/v3/open-source.svg?v=103)"],"sub_categories":["Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstaringos%2Ftefact","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstaringos%2Ftefact","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstaringos%2Ftefact/lists"}