create-component-template-cli 1.0.0 → 1.0.1

package/tmp-output/MultiplePickNormalDemo/index.ts

@@ -0,0 +1,4 @@
+import MultiplePickNormalDemo from './src/index.vue'
+
+export default MultiplePickNormalDemo
+export * from './src/typing'

package/tmp-output/MultiplePickNormalDemo/src/data.ts

@@ -0,0 +1,20 @@
+import type { DataType } from './typing'
+
+const data: Array<DataType> = [
+  {
+    label: '多选项1',
+    value: 'multiple-1',
+  },
+  {
+    label: '多选项2',
+    value: 'multiple-2',
+  },
+  {
+    label: '多选项3',
+    value: 'multiple-3',
+  },
+]
+
+export {
+  data,
+}

package/tmp-output/MultiplePickNormalDemo/src/hook.ts

@@ -0,0 +1,11 @@
+import { ref } from 'vue'
+import { data } from './data'
+import type { MultiplePickNormalDemoProps } from './typing'
+
+export const useMultiplePickNormalDemo = (props: MultiplePickNormalDemoProps) => {
+  const selectedValues = ref(props.modelValue ?? data.slice(0, 2).map((item) => item.value))
+
+  return {
+    selectedValues,
+  }
+}

package/tmp-output/MultiplePickNormalDemo/src/index.scss

@@ -0,0 +1,5 @@
+.multiple-pick-normal-demo {
+  position: absolute;
+  top: 0;
+  left: 0;
+}

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

@@ -0,0 +1,37 @@
+<template>
+  <div class="multiple-pick-normal-demo">
+    <div v-for="item in selectedValues" :key="item">{{ item }}</div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, PropType } from 'vue'
+import { MultiplePickNormalDemoProps } from './typing'
+import { useMultiplePickNormalDemo } from './hook'
+
+export default defineComponent({
+  name: 'MultiplePickNormalDemo',
+  props: {
+    user: {
+      type: Object as PropType<MultiplePickNormalDemoProps['user']>,
+      required: false,
+    },
+    modelValue: {
+      type: Array as PropType<MultiplePickNormalDemoProps['modelValue']>,
+      required: false,
+      default: () => [],
+    },
+  },
+  setup(props) {
+    const { selectedValues } = useMultiplePickNormalDemo(props as MultiplePickNormalDemoProps)
+
+    return {
+      selectedValues,
+    }
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>

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

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

package/tmp-output/MultiplePickSetupDemo/index.ts

@@ -0,0 +1,4 @@
+import MultiplePickSetupDemo from './src/index.vue'
+
+export default MultiplePickSetupDemo
+export * from './src/typing'

package/tmp-output/MultiplePickSetupDemo/src/data.ts

@@ -0,0 +1,20 @@
+import type { DataType } from './typing'
+
+const data: Array<DataType> = [
+  {
+    label: '多选项1',
+    value: 'multiple-1',
+  },
+  {
+    label: '多选项2',
+    value: 'multiple-2',
+  },
+  {
+    label: '多选项3',
+    value: 'multiple-3',
+  },
+]
+
+export {
+  data,
+}

package/tmp-output/MultiplePickSetupDemo/src/hook.ts

@@ -0,0 +1,11 @@
+import { ref } from 'vue'
+import { data } from './data'
+import type { MultiplePickSetupDemoProps } from './typing'
+
+export const useMultiplePickSetupDemo = (props: MultiplePickSetupDemoProps) => {
+  const selectedValues = ref(props.modelValue ?? data.slice(0, 2).map((item) => item.value))
+
+  return {
+    selectedValues,
+  }
+}

package/tmp-output/MultiplePickSetupDemo/src/index.scss

@@ -0,0 +1,5 @@
+.multiple-pick-setup-demo {
+  position: absolute;
+  top: 0;
+  left: 0;
+}

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

@@ -0,0 +1,22 @@
+<template>
+  <div class="multiple-pick-setup-demo">
+    <div v-for="item in selectedValues" :key="item">{{ item }}</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { MultiplePickSetupDemoProps } from './typing'
+import { useMultiplePickSetupDemo } from './hook'
+
+defineOptions({
+  name: 'MultiplePickSetupDemo',
+})
+
+const props = defineProps<MultiplePickSetupDemoProps>()
+
+const { selectedValues } = useMultiplePickSetupDemo(props)
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>

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

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

package/tmp-output/SinglePickNormalDemo/index.ts

@@ -0,0 +1,4 @@
+import SinglePickNormalDemo from './src/index.vue'
+
+export default SinglePickNormalDemo
+export * from './src/typing'

package/tmp-output/SinglePickNormalDemo/src/data.ts

@@ -0,0 +1,16 @@
+import type { DataType } from './typing'
+
+const data: Array<DataType> = [
+  {
+    label: '单选项1',
+    value: 'single-1',
+  },
+  {
+    label: '单选项2',
+    value: 'single-2',
+  },
+]
+
+export {
+  data,
+}

package/tmp-output/SinglePickNormalDemo/src/hook.ts

@@ -0,0 +1,11 @@
+import { ref } from 'vue'
+import { data } from './data'
+import type { SinglePickNormalDemoProps } from './typing'
+
+export const useSinglePickNormalDemo = (props: SinglePickNormalDemoProps) => {
+  const selectedValue = ref(props.modelValue ?? data[0]?.value ?? '')
+
+  return {
+    selectedValue,
+  }
+}

package/tmp-output/SinglePickNormalDemo/src/index.scss

@@ -0,0 +1,5 @@
+.single-pick-normal-demo {
+  position: absolute;
+  top: 0;
+  left: 0;
+}

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

@@ -0,0 +1,36 @@
+<template>
+  <div class="single-pick-normal-demo">
+    <SinglePickButtonGroup />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, PropType } from 'vue'
+import SinglePickButtonGroup from '@/components/common/SinglePickButtonGroup'
+import { SinglePickNormalDemoProps } from './typing'
+import { useSinglePickNormalDemo } from './hook'
+
+export default defineComponent({
+  name: 'SinglePickNormalDemo',
+  components: {
+    SinglePickButtonGroup,
+  },
+  props: {
+    user: {
+      type: Object as PropType<SinglePickNormalDemoProps['user']>,
+      required: false,
+    },
+  },
+  setup(props) {
+    const { selectedValue } = useSinglePickNormalDemo(props as SinglePickNormalDemoProps)
+
+    return {
+      selectedValue,
+    }
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>

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

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

package/tmp-output/SinglePickSetupDemo/index.ts

@@ -0,0 +1,4 @@
+import SinglePickSetupDemo from './src/index.vue'
+
+export default SinglePickSetupDemo
+export * from './src/typing'

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

@@ -0,0 +1,16 @@
+import type { DataType } from './typing'
+
+const data: Array<DataType> = [
+  {
+    label: '单选项1',
+    value: 'single-1',
+  },
+  {
+    label: '单选项2',
+    value: 'single-2',
+  },
+]
+
+export {
+  data,
+}

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

@@ -0,0 +1,11 @@
+import { ref } from 'vue'
+import { data } from './data'
+import type { SinglePickSetupDemoProps } from './typing'
+
+export const useSinglePickSetupDemo = (props: SinglePickSetupDemoProps) => {
+  const selectedValue = ref(props.modelValue ?? data[0]?.value ?? '')
+
+  return {
+    selectedValue,
+  }
+}

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

@@ -0,0 +1,5 @@
+.single-pick-setup-demo {
+  position: absolute;
+  top: 0;
+  left: 0;
+}

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;
-}