create-component-template-cli 1.0.0 → 1.0.2

package/tmp-output/SinglePickSetupDemo/src/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="single-pick-setup-demo">
+    <SinglePickButtonGroup />
+  </div>
+</template>
+
+<script setup lang="ts">
+import SinglePickButtonGroup from '@/components/common/SinglePickButtonGroup'
+import { SinglePickSetupDemoProps } from './typing'
+import { useSinglePickSetupDemo } from './hook'
+
+defineOptions({
+  name: 'SinglePickSetupDemo',
+})
+
+const props = defineProps<SinglePickSetupDemoProps>()
+
+const { selectedValue } = useSinglePickSetupDemo(props)
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>

package/tmp-output/SinglePickSetupDemo/src/typing.ts

@@ -0,0 +1,13 @@
+export enum SinglePickSetupDemoEnum {
+  DEFAULT = 'default',
+}
+
+export interface SinglePickSetupDemoProps {
+  user?: Record<string, any>
+  modelValue?: string
+}
+
+export interface DataType {
+  label: string
+  value: string
+}

package/plop-templates/data.ts.hbs

@@ -1,7 +0,0 @@
-import type { DataType } from "./typing"
-
-const data:Array<DataType> = []
-
-export {
-    data
-}

package/plop-templates/hook.ts.hbs

@@ -1,29 +0,0 @@
-import { ref } from 'vue';
-import { data } from './data'
-import { useTimeline } from '@/hooks';
-import { {{ componentName }}Props } from './typing'
-import emitter, { useEmitter } from '@/base/toolkit';
-import { usePlatformStore, useProductStore, useGlobalStore } from '@/store';
-import { ButtonGroupItem } from '@/components/common/SinglePickButtonGroup';
-export const use{{componentName}} = (props: {{componentName}}Props) => {
-    const model = ref<string>('')
-    const platformStore = usePlatformStore();
-    const productStore = useProductStore();
-    const globalStore = useGlobalStore();
-
-    useTimeline(model,({currentTime,productTypes})=>{
-        // TODO  产品绑定时间轴，时间轴变化请求数据
-    })
-    useEmitter([
-        {
-            eventName:'test',
-            callback:()=> {
-                // TODO  
-            }
-        }
-    ])
-    
-    return {
-        model
-    }
-}

package/plop-templates/index.scss.hbs

@@ -1 +0,0 @@
-.{{class}} { position:absolute;z-index:999;width:500px;height:500px;top:0;left:0;background-color:#327ccb52}

package/plop-templates/index.setup.vue.hbs

@@ -1,25 +0,0 @@
-<template>
-    <div class="{{ class }}"></div>
-</template>
-
-<script setup lang="ts">
-import { {{ componentName }}Props, {{ componentName }}Enum } from './typing'
-import { use{{componentName}} } from './hook'
-import SinglePickButtonGroup from '@/components/common/SinglePickButtonGroup';
-
-defineOptions({
-    name: `{{ componentName }}`
-});
-
-const props = defineProps<{{ componentName }}Props>();
-
-// withDefaults(defineProps<{{ componentName }}Props>(), {});
-
-const { } = use{{componentName}}(props);
-
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-// 如果有用到v-bind(),它在index.scss中定义会不生效,请在该文件内写入对应的样式。
-</style>

package/plop-templates/index.vue.hbs

@@ -1,38 +0,0 @@
-
-
-<template>
-    <div class="{{ class }}"></div>
-</template>
-
-<script lang="ts">
-import {
-    defineComponent,
-    PropType
-} from 'vue';
-import { {{ componentName }}Props, {{ componentName }}Enum } from './typing'
-import { use{{componentName}} } from './hook'
-import SinglePickButtonGroup, { ButtonGroupItem } from '@/components/common/SinglePickButtonGroup';
-export default defineComponent({
-    name: `{{ componentName }}`,
-    components: { },
-    props:{         
-        // 示例,使用 PropType 强制指定接口类型
-        user: {
-            type: Object as PropType<{{ componentName }}Props['user']>,
-            required: false,
-        },
-    },
-    setup(props, { emit }) {
-
-        const { } = use{{componentName}}(props)
-
-
-        return {};
-    },
-});
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-// 如果有用到v-bind(),它在index.scss中定义会不生效,请在该文件内写入对应的样式。
-</style>

package/plop-templates/typing.ts.hbs

@@ -1,14 +0,0 @@
-
-export enum {{interfaceName}}Enum {
-    'ENUM_KEY1',
-    'ENUM_KEY2'
-}
-
-export interface {{interfaceName}}Props {
-    user: Record<string, any>
-}
-
-export interface DataType {
-    lon: string;
-    lat: string;
-}