// import MEmpty from '@/components/m-empty';
// import MFullRefresh from '@/components/m-full-refresh';
// import MHeader from '@/components/m-header';
// import MSearch from '@/components/m-search';
// import MSticky from '@/components/m-sticky';

// import {
//   Cell,
//   CellGroup,
//   showLoadingToast,
//   Skeleton,
//   SkeletonAvatar,
//   SkeletonParagraph
// } from 'vant';
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'test-page',
  setup() {
    // const refreshing = ref(false);
    // const loading = ref(true);
    // const forms = reactive({
    //   search: '',
    //   files: [] as any
    // });
    // const getData = () => {
    //   refreshing.value = true;
    //   setTimeout(() => {
    //     refreshing.value = false;
    //   }, 2000);
    // };

    // const onClick = () => {
    //   showLoadingToast({
    //     message: '',
    //     forbidClick: true
    //   });
    // };

    // setTimeout(() => {
    //   loading.value = false;
    // }, 1000);
    return () => (
      <>
        <video
          data-v-6bd957c9=""
          id="video"
          preload="auto"
          autoplay
          loop
          playsinline="true"
          webkit-playsinline="true"
          x5-playsinline=""
          class="vjs-content"
          src="blob:https://h5.ule.com/07387f43-cc39-46a2-9220-dc94740cf78f"></video>
        {/* <MSticky>
          <MHeader />
          <MSearch v-model:modelValue={forms.search} />
        </MSticky> */}
        {/* <Field style={{ marginTop: '12px' }} label="上传图片">
          {{
            input: () => (
              <MUploader maxCount={2} v-model:modelValue={forms.files} />
            )
          }}
        </Field> */}
        {/* <MFullRefresh
          v-model:modelValue={refreshing.value}
          onRefresh={getData}
          style={{
            minHeight: `calc(100vh - var(--header-height))`
          }}>
          <Skeleton row={3} loading={loading.value} style="flex-wrap: wrap">
            {{
              template: () =>
                [1, 2, 3, 4, 5, 1, 2, 3, 4, 5].map((item: any) => (
                  <CellGroup
                    inset
                    style={{
                      marginTop: '12px',
                      width: '100%'
                    }}>
                    <Cell center>
                      {{
                        icon: () => (
                          <SkeletonAvatar
                            style={{
                              width: '50px',
                              height: '50px',
                              borderRadius: '50%',
                              overflow: 'hidden',
                              marginRight: '10px'
                            }}
                          />
                        ),
                        title: () => (
                          <div
                            style={{
                              display: 'flex',
                              justifyContent: 'space-between'
                            }}>
                            <SkeletonParagraph rowWidth={'40%'} />
                            <SkeletonParagraph
                              style={{
                                marginTop: 0
                              }}
                              rowWidth={'20%'}
                            />
                          </div>
                        ),
                        label: () => <SkeletonParagraph />
                      }}
                    </Cell>
                  </CellGroup>
                )),
              default: () => (
                // <div
                //   style={{
                //     overflow: 'hidden'
                //   }}>
                //   {[1, 2, 3, 4, 5].map(() => (
                //     <CellGroup
                //       inset
                //       style={{
                //         marginTop: '12px'
                //       }}>
                //       <Cell
                //         title="标题"
                //         value="15:43:44"
                //         label="乐团名称乐团名"
                //         center>
                //         {{
                //           icon: () => (
                //             <Image
                //               style={{
                //                 width: '50px',
                //                 height: '50px',
                //                 borderRadius: '50%',
                //                 overflow: 'hidden',
                //                 marginRight: '10px'
                //               }}
                //             />
                //           )
                //         }}
                //       </Cell>
                //     </CellGroup>
                //   ))}
                // </div>
                <MEmpty
                  style={{
                    minHeight: `calc(100vh - var(--header-height))`
                  }}
                  description="暂无数据"
                />
              )
            }}
          </Skeleton>
        </MFullRefresh> */}
        {/* <Button type="primary" onClick={onClick}>
          提交
        </Button> */}
      </>
    );
  }
});
