@widget-js/cli 1.1.10 → 1.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widget-js/cli",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "main": "lib/index.js",
   "author": "Neo Fu",
   "license": "MIT",

package/template/WidgetDefine.ejs

@@ -8,9 +8,9 @@ const description = {"zh-CN": ""};
 //组件关键词
 const keywords = [WidgetKeyword.RECOMMEND];
 //组件路由地址
-const url = "/widget/<%= snakeCaseName %>";
+const path = "/widget/<%= snakeCaseName %>";
 //配置页路由地址
-const configUrl = <% if (configurable) { %>"/widget/config/<%= snakeCaseName %>"<% } else { %>undefined<% } %>;
+const configPagePath = <% if (configurable) { %>"/widget/config/<%= snakeCaseName %>"<% } else { %>undefined<% } %>;
 //组件关键词
 const <%= name %>WidgetDefine = new Widget({
 name: name,
@@ -24,17 +24,9 @@ minWidth: <%= minWidth %>,
 maxWidth: <%= maxWidth %>,
 minHeight: <%= minHeight %>,
 maxHeight: <%= maxHeight %>,
-routes: [
-{
-url: url,
-name: 'index'
-},
-<% if (configurable) { %> {
-url: configUrl,
-name: 'config'
-},
-<% } %>
-]
+previewImage: "修改为组件预览图地址",
+path,
+configPagePath
 })
 
 export default <%= name %>WidgetDefine;

package/template/WidgetRoutes.ejs

@@ -1,18 +1,18 @@
 import <%= name %>WidgetDefine from "./<%= name %>.widget";
 
-const url = <%= name %>WidgetDefine.getIndexRoute().url;
+const path = <%= name %>WidgetDefine.path;
 const name = <%= name %>WidgetDefine.name;
 <% if (configurable) { %>
-const configUrl = <%= name %>WidgetDefine.getConfigRoute()!.url;
+const configPagePath = <%= name %>WidgetDefine.configPagePath;
 
 const <%= name %>WidgetRoutes = [
     {
-        path: url,
+        path: path,
         name: `${name}`,
         component: () => import(/* webpackChunkName: "<%= widgetName %>" */ './<%= name %>WidgetView.vue')
     },
     {
-        path: configUrl,
+        path: configPagePath,
         name: `${name}.config`,
         component: () => import(/* webpackChunkName: "<%= widgetName %>.config" */ './<%= name %>ConfigView.vue')
     }
@@ -20,7 +20,7 @@ const <%= name %>WidgetRoutes = [
 <% } else { %>
 const <%= name %>WidgetRoutes = [
     {
-        path: url,
+        path: path,
         name: `${name}`,
         component: () => import(/* webpackChunkName: "<%= widgetName %>" */ './<%= name %>WidgetView.vue')
     }

package/src/widgets/test/Test.widget.ts

@@ -1,39 +0,0 @@
-import { Widget, WidgetKeyword } from '@widget-js/core';
-//TODO 修改组件信息，标题，描述，关键词
-const name = 'cn.widgetjs.widgets.hotspot.test';
-//组件标题
-const title = { 'zh-CN': '123' };
-//组件描述
-const description = { 'zh-CN': '' };
-//组件关键词
-const keywords = [WidgetKeyword.RECOMMEND];
-//组件路由地址
-const url = '/widget/test';
-//配置页路由地址
-const configUrl = '/widget/config/test';
-//组件关键词
-const TestWidgetDefine = new Widget({
-  name: name,
-  title: title,
-  description: description,
-  keywords: keywords,
-  lang: 'zh-CN',
-  width: 2,
-  height: 3,
-  minWidth: 1,
-  maxWidth: 3,
-  minHeight: 2,
-  maxHeight: 3,
-  routes: [
-    {
-      url: url,
-      name: 'index',
-    },
-    {
-      url: configUrl,
-      name: 'config',
-    },
-  ],
-});
-
-export default TestWidgetDefine;

package/src/widgets/test/TestConfigView.vue

@@ -1,41 +0,0 @@
-<template>
-  <widget-edit-dialog
-    :widget-params="widgetParams"
-    :option="widgetConfigOption"
-    :widget-data="widgetData"
-    @confirm="onSaveClick()"
-  >
-    <template v-slot:form>
-      <!--  TODO 这里写自定义表单内容          -->
-    </template>
-  </widget-edit-dialog>
-</template>
-
-<script lang="ts" setup>
-import {
-  useWidget,
-  WidgetConfigOption,
-  WidgetEditDialog,
-} from '@widget-js/vue3';
-import { WidgetData, WidgetDataApi } from '@widget-js/core';
-import { reactive } from 'vue';
-
-const { widgetData, widgetParams } = useWidget(WidgetData);
-
-//修改成需要设置组件参数配置
-const widgetConfigOption = reactive(
-  new WidgetConfigOption({
-    custom: true,
-    backgroundColor: true,
-    borderRadius: true,
-    preview: false,
-  })
-);
-
-const onSaveClick = async () => {
-  await WidgetDataApi.save(widgetData);
-  window.close();
-};
-</script>
-
-<style scoped></style>

package/src/widgets/test/TestWidget.vue

@@ -1,7 +0,0 @@
-<template>
-  <!-- TODO 这里只写组件内容，不做自定义数据、业务处理   -->
-</template>
-
-<script lang="ts" setup></script>
-
-<style scoped></style>

package/src/widgets/test/TestWidgetRoutes.ts

@@ -1,27 +0,0 @@
-import TestWidgetDefine from './Test.widget';
-
-const url = TestWidgetDefine.getIndexRoute().url;
-const name = TestWidgetDefine.name;
-
-const configUrl = TestWidgetDefine.getConfigRoute()!.url;
-
-const TestWidgetRoutes = [
-  {
-    path: url,
-    name: `${name}`,
-    component: () =>
-      import(
-        /* webpackChunkName: "cn.widgetjs.widgets.hotspot.test" */ './TestWidgetView.vue'
-      ),
-  },
-  {
-    path: configUrl,
-    name: `${name}.config`,
-    component: () =>
-      import(
-        /* webpackChunkName: "cn.widgetjs.widgets.hotspot.test.config" */ './TestConfigView.vue'
-      ),
-  },
-];
-
-export default TestWidgetRoutes;

package/src/widgets/test/TestWidgetView.vue

@@ -1,14 +0,0 @@
-<template>
-  <!-- TODO:组件页面，这里编写组件业务逻辑-->
-  <test-widget></test-widget>
-</template>
-
-<script lang="ts" setup>
-import { WidgetData } from '@widget-js/core';
-import TestWidget from './TestWidget.vue';
-import { useWidget } from '@widget-js/vue3';
-
-const { widgetData, widgetParams } = useWidget(WidgetData);
-</script>
-
-<style scoped></style>

package/src/widgets/widget-router.ts

@@ -1,8 +0,0 @@
-import TestWidgetRoutes from "./test/TestWidgetRoutes";
-//FBI WANING! IMPORT PLACE, DONT DELETE THIS LINE
-
-const WidgetRouter = [
-    ...TestWidgetRoutes,
-    //FBI WANING! ROUTE PLACE, DONT DELETE THIS LINE
-];
-export default WidgetRouter