@opentiny/vue-docs 2.1.4 → 2.1.6

package/demos/pc/app/date-picker/step-composition-api.vue

@@ -20,7 +20,7 @@ const step = ref({
   hour: 2,
   minute: 5
 })
-const value = ref([])
+const value = ref('')
 </script>
 
 <style scoped>

package/demos/pc/app/grid/slot/editor-slot-composition-api.vue

@@ -0,0 +1,66 @@
+<template>
+  <div>
+    <tiny-grid :data="tableData" :edit-config="{ trigger: 'click', mode: 'row', showStatus: true }">
+      <tiny-grid-column type="index" width="60"></tiny-grid-column>
+      <tiny-grid-column field="name" title="插槽自定义列编辑" :editor="{ component: 'input', autoselect: true }">
+        <template #edit="data">
+          <tiny-input v-model="data.row.name" placeholder="请输入内容"></tiny-input>
+        </template>
+      </tiny-grid-column>
+      <tiny-grid-column field="employees" title="员工人数"></tiny-grid-column>
+      <tiny-grid-column field="area" title="所属区域"></tiny-grid-column>
+      <tiny-grid-column field="address" title="地址"></tiny-grid-column>
+      <tiny-grid-column field="introduction" title="公司简介" show-overflow></tiny-grid-column>
+    </tiny-grid>
+  </div>
+</template>
+
+<script>
+import { ref } from 'vue'
+import { Grid as TinyGrid, GridColumn as TinyGridColumn, Input as TinyInput } from '@opentiny/vue'
+
+const tableData = ref([
+  {
+    id: '1',
+    name: 'GFD科技YX公司',
+    area: '华东区',
+    address: '福州',
+    introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '2',
+    name: 'WWW科技YX公司',
+    area: '华南区',
+    address: '深圳福田区',
+    introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '3',
+    name: 'RFV有限责任公司',
+    area: '华南区',
+    address: '中山市',
+    introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '4',
+    name: 'TGB科技YX公司',
+    area: '华东区',
+    address: '龙岩',
+    introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '5',
+    name: 'YHN科技YX公司',
+    area: '华南区',
+    address: '韶关',
+    introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '6',
+    name: 'WSX科技YX公司',
+    area: '华中区',
+    address: '黄冈',
+    introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+  }
+])
+</script>

package/demos/pc/app/select/webdoc/select.js

@@ -128,7 +128,7 @@ export default {
     },
     {
       'demoId': 'size-medium',
-      'name': { 'zh-CN': 'select', 'en-US': 'small' },
+      'name': { 'zh-CN': '尺寸', 'en-US': 'small' },
       'desc': {
         'zh-CN':
           '<p>通过 <code>size</code> 属性定义输入框尺寸，可选项有 medium、small、mini 。\n通过 <code>options</code> 配置 Select 数据项，使用后不需要再配置 tiny-option。</p>\n',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-docs",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "dependencies": {
     "@unocss/reset": "0.38.2",
     "@vue/repl": "^2.5.5",
@@ -15,17 +15,17 @@
     "marked": "^4.3.0",
     "@playwright/test": "^1.29.2",
     "sortablejs": "1.15.0",
-    "@opentiny/vue-repl": "^1.0.2",
-    "@opentiny/vue": "~3.11.0",
+    "@opentiny/vue-repl": "^1.1.0",
     "@opentiny/vue-common": "~3.11.0",
-    "@opentiny/vue-design-aurora": "~3.11.0",
-    "@opentiny/vue-icon-saas": "~3.11.0",
-    "@opentiny/vue-theme": "~3.11.0",
+    "@opentiny/vue": "~3.11.0",
     "@opentiny/vue-icon": "~3.11.0",
-    "@opentiny/vue-design-smb": "~3.11.0",
-    "@opentiny/vue-vite-import": "~1.1.5",
+    "@opentiny/vue-icon-saas": "~3.11.0",
+    "@opentiny/vue-design-aurora": "~3.11.0",
     "@opentiny/vue-theme-mobile": "~3.11.0",
-    "@opentiny/vue-theme-saas": "~3.11.0"
+    "@opentiny/vue-design-smb": "~3.11.0",
+    "@opentiny/vue-theme": "~3.11.0",
+    "@opentiny/vue-theme-saas": "~3.11.0",
+    "@opentiny/vue-vite-import": "~1.1.5"
   },
   "devDependencies": {
     "@types/markdown-it": "^12.2.3",

package/playground/App.vue

@@ -13,8 +13,7 @@ import Share from './icons/Share.vue'
 
 const versions = ['3.11', '3.10', '3.9', '3.8']
 const latestVersion = versions[0]
-const cdnHost = 'https://unpkg.com'
-window.localStorage.setItem('setting-cdn', cdnHost)
+const cdnHost = window.localStorage.getItem('setting-cdn')
 
 const searchObj = new URLSearchParams(location.search)
 const tinyMode = searchObj.get('mode')

package/playground.html

@@ -5,6 +5,10 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + Vue</title>
+    <script>
+      const cdnHost = 'https://unpkg.com'
+      window.localStorage.setItem('setting-cdn', cdnHost)
+    </script>
   </head>
   <body>
     <div id="app"></div>

package/src/views/components/components.vue

@@ -64,7 +64,7 @@
                     <tbody>
                       <tr v-for="row in oneApiArr" :key="row.name">
                         <td>
-                          <a v-if="row.demoId" :href="`#${row.demoId}`">{{ row.name }}</a>
+                          <a v-if="row.demoId" @click="jumpToDemo(row.demoId)">{{ row.name }}</a>
                           <span v-else>{{ row.name }}</span>
                         </td>
                         <td v-if="!key.includes('slots')"><span v-html="row.type"></span></td>
@@ -261,6 +261,13 @@ export default defineComponent({
       copyText: (text) => {
         navigator.clipboard.writeText(text)
       },
+      jumpToDemo: (demoId) => {
+        if (demoId.startsWith('chart') || demoId.startsWith('grid')) {
+          router.push(demoId)
+        } else {
+          router.push(`#${demoId}`)
+        }
+      },
       handleApiClick: (ev) => {
         if (ev.target.tagName === 'A') {
           ev.preventDefault()

package/vite.config.ts

@@ -69,9 +69,6 @@ export default defineConfig((config) => {
         targets: copyTarget
       })
     ],
-    define: {
-      'process.env': {}
-    },
     optimizeDeps: getOptimizeDeps(3),
     build: {
       rollupOptions: {
@@ -116,5 +113,11 @@ export default defineConfig((config) => {
     }
   }
 
+  if (env.NODE_ENV === 'development') {
+    viteConfig.define = {
+      'process.env': {}
+    }
+  }
+
   return viteConfig
 })