nutui/jd/demo.js

var nameLc = 'test';
var demoModel = function (nameLc) {
  var temp = {
    demo: `<template>
    <div class="demo">
      <h2>基础用法</h2>
      <nut-cell>
        <${nameLc} ></${nameLc}>
        <${nameLc} ></${nameLc}>
      </nut-cell>
    </div>
  </template>
  
  <script lang="ts">
  import { createComponent } from '../../utils/create';
  const { createDemo } = createComponent('${nameLc}');
  export default createDemo({
    props: {},
    setup() {
      return {};
    }
  });
  </script>
  
  <style lang="scss" scoped>
  .demo{
  }
  </style>
  `,
    vue: `<template>
    <view :class="classes" @click="handleClick">
      <view>{{ name }}</view>
      <view>{{ txt }}</view>
    </view>
  </template>
  <script lang="ts">
  import { toRefs } from 'vue';
  import { createComponent } from '../../utils/create';
  const { componentName, create } = createComponent('${nameLc}');
  
  export default create({
    props: {
      name: {
        type: String,
        default: ''
      },
      txt: {
        type: String,
        default: ''
      }
    },
    components: {},
    emits: ['click'],
  
    setup(props, { emit }) {
      console.log('componentName', componentName);
  
      const { name, txt } = toRefs(props);
  
      const handleClick = (event: Event) => {
        emit('click', event);
      };
  
      return { name, txt, handleClick };
    }
  });
  </script>
  `,
    doc: `# ${nameLc}组件

    ### 介绍
    
    基于 xxxxxxx
    
    ### 安装
    
    ${''}
    
    ### 基础用法
    

    
    ## API
    
    ### Props
    
    | 参数         | 说明                             | 类型   | 默认值           |
    |--------------|----------------------------------|--------|------------------|
    | name         | 图标名称或图片链接               | String | -                |
    | color        | 图标颜色                         | String | -                |
    | size         | 图标大小，如 '20px' '2em' '2rem' | String | -                |
    | class-prefix | 类名前缀，用于使用自定义图标     | String | 'nutui-iconfont' |
    | tag          | HTML 标签                        | String | 'i'              |
    
    ### Events
    
    | 事件名 | 说明           | 回调参数     |
    |--------|----------------|--------------|
    | click  | 点击图标时触发 | event: Event |
    `
  };

  return temp;
};
module.exports = demoModel;