init.

85101a92 · hdx · 85101a92 · 85101a92 · 85101a92 · 85101a92
14 changed file
--- a/.gitignore
+++ b/.gitignore
+env.js
+node_modules/
+.project
+unpackage/
+.DS_Store
+.hbuilderx/
\ No newline at end of file
--- a/App.vue
+++ b/App.vue
+<script>
+  export default {
+    onLaunch: function() {
+      console.log('App Launch')
+
+      const performance: Performance = uni.getPerformance()
+      const observer: PerformanceObserver = performance.createObserver((entryList: PerformanceObserverEntryList) => {
+        console.log("observer:entryList.getEntries()")
+        console.log(entryList.getEntries())
+      })
+      observer.observe({ entryTypes: ['render', 'navigation'] } as PerformanceObserverOptions)
+    },
+    onShow: function() {
+      console.log('App Show')
+    },
+    onHide: function() {
+      console.log('App Hide')
+    }
+  }
+</script>
+
+<style>
+  /* @font-face {
+    font-family: uniicons;
+    font-weight: normal;
+    font-style: normal;
+    src: url('./static/fonts/uni.ttf') format('truetype');
+  } */
+
+  .page {
+    padding: 15px;
+  }
+
+  .uni-panel {
+    margin-bottom: 12px;
+  }
+
+  .uni-panel-h {
+    background-color: #ffffff;
+    flex-direction: row;
+    align-items: center;
+    padding: 12px;
+  }
+
+  .uni-panel-h-on {
+    background-color: #f0f0f0;
+  }
+
+  .uni-panel-text {
+    color: #000000;
+    font-size: 14px;
+    font-weight: normal;
+  }
+
+  .uni-panel-icon {}
+
+  .uni-panel-icon-on {
+    transform: rotate(180deg);
+  }
+
+  .uni-navigate-item {
+    flex-direction: row;
+    align-items: center;
+    background-color: #FFFFFF;
+    border-top-style: solid;
+    border-top-color: #f0f0f0;
+    border-top-width: 1px;
+    padding: 12px;
+    justify-content: space-between;
+  }
+
+  .uni-navigate-item:active {
+    background-color: #f8f8f8;
+  }
+
+  .uni-navigate-text {
+    color: #000000;
+    font-size: 12px;
+    opacity: 0.8;
+  }
+
+  .uni-navigate-icon {
+    margin-left: 15px;
+    color: #999999;
+    font-size: 14px;
+    font-weight: normal;
+  }
+
+  .split-title {
+    margin: 20px 0 5px;
+    padding: 5px 0;
+    border-bottom: 1px solid #dfdfdf;
+  }
+</style>
\ No newline at end of file
--- a/README.md
+++ b/README.md
+# hello uvue
+
+## HBuilderX 自动化插件
+
+[自动化测试插件](https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/)
--- a/index.html
+++ b/index.html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>
--- a/jest.config.js
+++ b/jest.config.js
+module.exports = {
+    testTimeout: 10000,
+    reporters: [
+        'default'
+    ],
+    watchPathIgnorePatterns: ['/node_modules/', '/dist/', '/.git/'],
+    moduleFileExtensions: ['js', 'json'],
+    rootDir: __dirname,
+    testMatch: ["<rootDir>/pages/**/*test.[jt]s?(x)"],
+    testPathIgnorePatterns: ['/node_modules/']
+}
--- a/main.uts
+++ b/main.uts
+import App from './App'
+
+import { createSSRApp } from 'vue'
+export function createApp() {
+  const app = createSSRApp(App)
+
+  return {
+    app
+  }
+}
\ No newline at end of file
--- a/manifest.json
+++ b/manifest.json
+{
+    "name" : "hello-uvue",
+    "appid" : "",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "uni-app-x" : {},
+    /* 小程序特有相关 */
+    "mp-weixin" : {
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics" : {
+        "enable" : false
+    },
+    "vueVersion" : "3"
+}
--- a/pages.json
+++ b/pages.json
+{
+  "pages": [{
+      "path": "pages/index",
+      "style": {
+        "navigationBarTitleText": "hello uvue"
+      }
+    },
+    {
+      "path": "pages/v-for/v-for",
+      "style": {
+        "navigationBarTitleText": "v-for"
+      }
+    },
+    {
+      "path": "pages/v-if/v-if",
+      "style": {
+        "navigationBarTitleText": "v-if"
+      }
+    }
+  ],
+  "globalStyle": {
+    "pageOrientation": "portrait",
+    "navigationBarTitleText": "Hello UVUE",
+    "navigationBarTextStyle": "white",
+    "navigationBarBackgroundColor": "#007AFF",
+    "backgroundColor": "#F8F8F8",
+    "backgroundColorTop": "#F4F5F6",
+    "backgroundColorBottom": "#F4F5F6",
+    "h5": {
+      "maxWidth": 1190,
+      "navigationBarTextStyle": "black",
+      "navigationBarBackgroundColor": "#F1F1F1"
+    }
+  },
+  "uniIdRouter": {},
+  "condition": { //模式配置，仅开发期间生效
+    "current": 0, //当前激活的模式(list 的索引项)
+    "list": [{
+      "name": "", //模式名称
+      "path": "", //启动页面，必选
+      "query": "" //启动参数，在页面的onLoad函数里面得到
+    }]
+  }
+}
\ No newline at end of file
--- a/pages/index.uvue
+++ b/pages/index.uvue
+<template>
+  <view class="uni-container">
+    <view class="uni-panel" v-for="(item, index) in list" :key="item.id">
+      <view class="uni-panel-h" @click="triggerCollapse(item, index)">
+        <text class="uni-panel-text">{{item.name}}</text>
+        <!-- <text class="uni-panel-icon uni-icon" :class="item.open ? 'uni-panel-icon-on' : ''">{{item.open ? '&#xe581;' : '&#xe470;'}}</text> -->
+      </view>
+      <view class="uni-panel-c" v-if="item.open">
+        <view class="uni-navigate-item" v-for="(page,key) in item.pages" :key="key" @click="goDetailPage(page)">
+          <text class="uni-navigate-text">{{page}}</text>
+          <!-- <text class="uni-navigate-icon uni-icon">&#xe470;</text> -->
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts">
+  const STORAGE_KEY_PREFIX = 'INDEX-STATUS'
+  let storageData : Array<string> = []
+
+  type ListItem = {
+    id : string,
+    name : string,
+    open : boolean,
+    pages : string[]
+  }
+
+  export default {
+    data() {
+      return {
+        list: [
+          {
+            id: 'lifecycle',
+            name: '生命周期',
+            open: false,
+            pages: [
+              'beforeCreate',
+              'created',
+              'beforeMount',
+              'mounted',
+              // 'beforeUpdate',
+              // 'updated',
+              'beforeUnmount',
+              'unmounted',
+              'activated',
+              'deactivated',
+            ]
+          },
+          {
+            id: 'directives',
+            name: '指令',
+            open: false,
+            pages: [
+              'v-for',
+              'v-if',
+              'v-show',
+              'v-on',
+              'v-bind',
+              'v-model',
+              'v-slot',
+              // 'v-pre',
+              'v-once',
+              // 'v-memo',
+              // 'v-cloak'
+            ]
+          },
+          {
+            id: 'state',
+            name: '状态',
+            open: false,
+            pages: [
+              'data',
+              'props',
+              'computed',
+              'methods',
+              'watch'
+            ]
+          },
+          {
+            id: 'rendering',
+            name: '渲染选项',
+            open: false,
+            pages: ['template', 'render', 'slots']
+          },
+          {
+            id: 'component-instance',
+            name: '组件实例',
+            open: false,
+            pages: [
+              '$data',
+              '$props',
+              '$el',
+              '$options',
+              '$parent',
+              '$root',
+              '$slots',
+              '$refs',
+              '$attrs',
+              '$watch()',
+              '$emit()',
+              '$forceUpdate()',
+              '$nextTick()'
+            ]
+          },
+          {
+            id: 'composition',
+            name: '组合选项',
+            open: false,
+            pages: [
+              'provide',
+              'inject',
+              'mixins',
+              'extends'
+            ]
+          }
+        ] as ListItem[]
+      }
+    },
+    onLoad() {
+      // uni.getStorage({
+      //   key: STORAGE_KEY_PREFIX,
+      //   success: function (res) {
+      //     console.log("121212")
+      //     storageData = JSON.parse(res.data as string) as Array<string>
+      //     console.log(storageData)
+      //     for (let i = 0; i < this.list.length; ++i) {
+      //       const item = this.list[i]
+      //       if (storageData.includes(item.id)) {
+      //         item.open = true
+      //       }
+      //     }
+      //   }
+      // })
+    },
+    methods: {
+      triggerCollapse(item : ListItem, index : number) {
+        this.list[index].open = !this.list[index].open
+
+        // const id = item.id
+        // const value = this.list[index].open
+
+        // if (value) {
+        //   storageData.push(id)
+        // } else {
+        //   const index2: number = storageData.indexOf(id)
+        //   if (index2 > -1) {
+        //     storageData.splice(index2, 1)
+        //   }
+        // }
+
+        // uni.setStorage({
+        //   key: STORAGE_KEY_PREFIX,
+        //   data: storageData
+        // })
+      },
+      goDetailPage(e : string) {
+        uni.navigateTo({
+          url: `/pages/${e}/${e}`
+        })
+      }
+    }
+  }
+</script>
+
+<style>
+  .arrow {
+    width: 8px;
+    height: 8px;
+    border-top: 2px solid #ccc;
+    border-left: 2px solid #ccc;
+  }
+
+  .arrow-right {
+    transform: rotate(135deg);
+  }
+
+  .arrow-up {
+    transform: rotate(45deg);
+  }
+
+  .arrow-down {
+    transform: rotate(-135deg);
+  }
+</style>
\ No newline at end of file
--- a/pages/v-for/v-for.test.js
+++ b/pages/v-for/v-for.test.js
+const PAGE_PATH = '/pages/v-for/v-for'
+
+describe('v-for', () => {
+  let page
+  beforeAll(async () => {
+    page = await program.reLaunch(PAGE_PATH)
+    await page.waitFor(5000)
+  })
+  it('list-items-3', async () => {
+    const length = 3;
+    const elements = await page.$$('.list-item')
+    expect(elements.length).toBe(length)
+  })
+})
--- a/pages/v-for/v-for.uvue
+++ b/pages/v-for/v-for.uvue
+<template>
+  <view class="page">
+    <view class="split-title">list items</view>
+    <view v-for="item in items">
+      <view class="list-item">{{ item.text }}</view>
+    </view>
+
+    <view class="split-title">number</view>
+    <view style="color: red" v-for="(_, index) in 8" :key="index">
+      <view class="map-number-1">{{ index }}</view>
+    </view>
+
+    <!-- TODO object -->
+    <!-- <view>object</view>
+    <view v-for="(value, key) in object">
+      key: {{ key }} , value: {{ value }}
+    </view> -->
+  </view>
+</template>
+
+<script lang="ts">
+  type ListItem = {
+    text : string
+  }
+  export default {
+    data() {
+      return {
+        items: [{ text: 'Foo1' }, { text: 'Foo2' }, { text: 'Foo3' }] as ListItem[],
+        object: { key1: 'Foo1', key2: 'Foo2', key3: 'Foo3' }
+      }
+    }
+  }
+</script>
+
+<style>
+</style>
--- a/pages/v-if/v-if.uvue
+++ b/pages/v-if/v-if.uvue
+<template>
+  <view class="page">
+    <view class="split-title">v-if</view>
+    <button @click="onShowOrHide">show/hide</button>
+    <view v-if="show">hello</view>
+  </view>
+</template>
+
+<script lang="ts">
+  export default {
+    data() {
+      return {
+        show: true
+      }
+    },
+    methods: {
+      onShowOrHide() {
+        this.show = !this.show
+      }
+    }
+  }
+</script>
+
+<style>
+</style>
--- a/static/fonts/uni.ttf
+++ b/static/fonts/uni.ttf
--- a/uni.scss
+++ b/uni.scss
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:12px;
+$uni-font-size-base:14px;
+$uni-font-size-lg:16;
+
+/* 图片尺寸 */
+$uni-img-size-sm:20px;
+$uni-img-size-base:26px;
+$uni-img-size-lg:40px;
+
+/* Border Radius */
+$uni-border-radius-sm: 2px;
+$uni-border-radius-base: 3px;
+$uni-border-radius-lg: 6px;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 5px;
+$uni-spacing-row-base: 10px;
+$uni-spacing-row-lg: 15px;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 4px;
+$uni-spacing-col-base: 8px;
+$uni-spacing-col-lg: 12px;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:20px;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:26px;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:15px;