@opentiny/vue-docs 2.0.3 → 2.0.5

package/demos/app/chart/webdoc/chart.js

@@ -28,7 +28,7 @@ export default {
             'en-US':
               'Data consists of indicators and dimensions. Dimension refers to data attributes, and indicator refers to quantitative measurement standards.'
           },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'settings ',
@@ -45,42 +45,42 @@ export default {
           'type': 'String',
           'defaultValue': '该属性的默认值为 auto',
           'desc': { 'zh-CN': '设置图表容器的宽度。', 'en-US': 'Set the width of the chart container.' },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'height',
           'type': 'String',
           'defaultValue': '该属性的默认值为 400px',
           'desc': { 'zh-CN': '设置图表容器的高度。', 'en-US': 'Set the height of the chart container.' },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'events',
           'type': 'Object',
           'defaultValue': '',
           'desc': { 'zh-CN': '事件绑定', 'en-US': 'Event binding' },
-          'demoId': 'chart/events#events-base'
+          'demoId': 'chart-events#events-base'
         },
         {
           'name': 'init-options',
           'type': 'Object',
           'defaultValue': '',
           'desc': { 'zh-CN': 'init 附加参数', 'en-US': 'Init Additional Parameters' },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'tooltip-visible',
           'type': 'Boolean',
           'defaultValue': '该属性的默认值为 true',
           'desc': { 'zh-CN': '是否显示提示框', 'en-US': 'Display dialog box' },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'legend-visible',
           'type': 'Boolean',
           'defaultValue': '该属性的默认值为 true',
           'desc': { 'zh-CN': '是否显示图例', 'en-US': 'Display legend' },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'theme',
@@ -110,21 +110,21 @@ export default {
             'zh-CN': '是否处理生成图表时的宽度问题',
             'en-US': 'Do you want to process the width issue when generating charts?'
           },
-          'demoId': 'chart/events#events-base'
+          'demoId': 'chart-events#events-base'
         },
         {
           'name': 'width-change-delay',
           'type': 'Number',
           'defaultValue': '该属性的默认值为 300',
           'desc': { 'zh-CN': '容器宽度变化的延迟', 'en-US': 'Container width change delay' },
-          'demoId': 'chart/question#question-base'
+          'demoId': 'chart-question#question-base'
         },
         {
           'name': 'resizeable',
           'type': 'Boolean',
           'defaultValue': '该属性的默认值为 true',
           'desc': { 'zh-CN': '是否处理窗口 resize 事件', 'en-US': 'Whether to process the window resize event' },
-          'demoId': 'chart/question#question-base'
+          'demoId': 'chart-question#question-base'
         },
         {
           'name': 'cancel-resize-check',
@@ -134,14 +134,14 @@ export default {
             'zh-CN': '是否禁用 resize 时的容器检测',
             'en-US': 'Whether to disable container detection during resize'
           },
-          'demoId': 'chart/question#question-base'
+          'demoId': 'chart-question#question-base'
         },
         {
           'name': 'resize-delay',
           'type': 'Number',
           'defaultValue': '该属性的默认值为 200',
           'desc': { 'zh-CN': '窗口 resize 事件回调的延迟', 'en-US': 'Delay of the window resize event callback' },
-          'demoId': 'chart/attributes-demo#props-demo10'
+          'demoId': 'chart-attributes-demo#props-demo10'
         },
         {
           'name': 'change-delay',
@@ -151,7 +151,7 @@ export default {
             'zh-CN': '属性修改触发图表重绘回调的延迟',
             'en-US': 'Delay for triggering chart redrawing callback after attribute modification'
           },
-          'demoId': 'chart/question#question-base'
+          'demoId': 'chart-question#question-base'
         },
         {
           'name': 'set-option-opts',

package/demos/webdoc/changelog.md

@@ -2,22 +2,75 @@
 
 ## v2.10.0/v3.10.0
 
-### Other Changes
+`2023/08/14`
+
+### Exciting New Features 🎉
+
+* feat(pop-editor): 当编辑框弹出时添加自定义事件 fix #268 by @yuanningning in https://github.com/opentiny/tiny-vue/pull/315
+* feat(ip-address): 更改ipAddress组件的IPv6类型 close #272 by @yuanningning in https://github.com/opentiny/tiny-vue/pull/337
+* feat(filter-panel): 新增过滤器面板组件
+* feat(dialog-select): 新增 DialogSelect 组件
+* feat(infinite-scroll): 新增 InfiniteScroll 无限滚动组件
+* feat(tag-group): 新增 TagGroup 标签组组件
+* feat(docs): 官网添加示例composition-api写法，支持切换composition-api和option-api
+* feat(docs): 组件demo支持playground
+* feat(grid): 表格增加快捷筛选面板，可以支持多选框筛选和日期筛选 ，同时支持用户配置默认筛选项
+* feat(grid): 表格排序按钮默认为x-design最新规范图标
+* feat(grid): 表格提示现在支持自定义tooltip内容显示，支持字符串或者jsx
+* feat(tree-menu): TreeMenu新增设置与获取当前选中节点的方法
+* feat(tree-menu): 树形菜单新增可折叠特性
+* feat(tree): Tree新增连接线设置
+* feat(timeline-item): 新增timeline-item组件
+* feat(modal): modal支持配置底部按钮props与文字
+* feat(button-group): 按钮组新增单个disabled特性
+* feat(alert): 新增close插槽，实现外部控制显示或隐藏 
+* feat(alert): 组件图标取消垂直居中，采用固定定位 
+* feat(time-picker): 支持设置步长 `step`
+* feat(date-picker): 增加 label 内置功能 `label`
+* feat(date-picker): 支持设置时间选择的步长 `step`
+* feat(date-picker): 支持显示周次 `show-week-number`
+* feat(date-picker): 支持过滤器模式 `shape="filter"`
+* feat(date-picker): 支持年份多选和年份范围选择 `type="years" | type="yearrange"`
+* feat(date-picker): 支持某日起始/某日为止功能 `type: 'startFrom'`
 
-- fix: 主题变量 token 命名变更，默认按钮最小宽度 --ti-button-size-normal-mini-width 改为 --ti-button-size-normal-min-width
-- fix: 主题变量 token 命名变更，超大按钮最小宽度 --ti-button-size-large-mini-width 改为 --ti-button-size-large-min-width
-- fix: 主题变量 token 命名变更，中等按钮最小宽度 --ti-button-size-medium-mini-width 改为 --ti-button-size-medium-min-width
-- fix: 主题变量 token 命名变更，小尺寸按钮最小宽度 --ti-button-size-small-mini-width 改为 --ti-button-size-small-min-width
-- fix: 主题变量 token 命名变更，迷你尺寸按钮最小宽度 --ti-button-size-mini-mini-width 改为 --ti-button-size-mini-min-width
-- fix: 主题变量 token 命名变更， 默认按钮悬浮背景色 --ti-button-normal-hover-background-color 改为 --ti-button-normal-hover-bg-color
-- fix: 主题变量 token 命名变更，默认按钮点击瞬间背景色 --ti-button-normal-active-background-color 改为 --ti-button-normal-active-bg-color
-- fix: 主题变量 token 命名变更，禁用类默认按钮背景色 --ti-button-normal-disabled-background-color 改为 --ti-button-normal-disabled-bg-color
-- fix: 主题变量 token 命名变更，文字按钮图标填充色 --ti-button-text-svg-fill 改为 --ti-button-text-svg-fill-color
-- fix: 主题变量 token 命名变更，文字按钮图标悬浮填充色 --ti-button-text-svg-hover-fill 改为 --ti-button-text-svg-hover-fill-color
-- fix: 主题变量 token 命名变更，文字按钮禁用时图标填充色 --ti-button-text-svg-fill-disabled 改为 --ti-button-text-svg-disabled-fill-color
-- fix: 主题变量 token 命名变更，分页上一页和下一页图标填充色 --ti-pager-btn-svg-color 改为 --ti-pager-btn-svg-fill-color
-- fix: 主题变量 token 命名变更，文字按钮禁用时图标填充色 --ti-pager-total-svg-color 改为 --ti-pager-total-svg-fill-color
-- fix: 主题变量 token 命名变更，IP 地址输入框图标尺寸 --ti-ip-address-icon-width 改为 --ti-ip-address-icon-size
+### Bug Fixes 🐛
+* fix(numeric): 修复当前值+Step>max时不能取max的问题 by @Huangyilin19 in https://github.com/opentiny/tiny-vue/pull/297
+* fix(grid): 修复了列冻结且没有滚动条时表格组件中的异常样式 by @zzcr in https://github.com/opentiny/tiny-vue/pull/298
+* fix(button): 修复了朴素按钮图标禁用颜色的问题 by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/299
+* fix(grid): 修复了表过滤器面板的错误样式，修复了webpack本地环境下ResizeWatch接口的警告问题 by @zzcr in https://github.com/opentiny/tiny-vue/pull/305
+* fix(theme): 从容器、布局中删除样式 by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/306
+* fix(vue-theme): 在文本区域组件中修复 `@apply`  by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/319
+* fix(input): 修复了禁用的输入在表单错误中不生效的问题 by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/322
+* fix(checkbox): 修复了复选框标签为0时不显示错误的问题 by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/331
+* fix(select): 修复了计算选择组件的高度和错误创建项目的问题 by @MomoPoppy in https://github.com/opentiny/tiny-vue/pull/358
+* fix(carousel): 将箭头圆宽度调整为28px by @lyx-jay in https://github.com/opentiny/tiny-vue/pull/376
+* fix(drawer): 蒙版消失的速度比内容更快 by @lyx-jay in https://github.com/opentiny/tiny-vue/pull/375
+* fix(badge): 修复显示重复内容的问题 by @lyx-jay in https://github.com/opentiny/tiny-vue/pull/382
+* fix: 修复了执行 pnpm build:ui vue 命令时的ts声明错误 by @kagol in https://github.com/opentiny/tiny-vue/pull/386
+* fix(grid): 修复表格冻结列在x-design规范显示异常问题
+* fix(grid): 修复表格冻结列在表格有纵向滚动条时
+* fix(grid):修复表格fetchdata情况下，表格数据被处理两次问题
+* fix(tree): 修复isEmpty属性在节点数据变化后没响应变化的问题
+* fix(button-group): XDesign主题朴素按钮字体颜色修复
+* fix(input): 修复input在表单禁用状态时不生效bug
+* fix(popover): 避免初始加载时，触发的hide事件
+* fix(dialog-box): 不在body上增加class，可以避免引起的页面抖动
+* fix(tabs): 取消初始化赋值，修复超出页签栏显示问题，优化更多弹出框 
+* fix(icons): 优化图标部分的自定义宽度和颜色
+* fix(theme): 取消主题切换后自动刷新页面
+* fix(anchor): 修复锚点异步获取数据导致监听bug，增加切换动画效果
+* fix(dropdown): 修复设置箭头显示不生效
+* fix(select): 修复组件初始化创建条目的场景，同时设置option 和value，有匹配项却自动创建的问题 
+* fix(select): 修复 select 组件多选多行时input框高度计算有误的问题
+* fix(popEditor): 编辑框关闭时先隐藏了内容的问题
+
+### Other Changes
+* perf(tooltip): Tooltip 组件性能优化 by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/368
+* chore(row): 恢复演示示例中的样式 by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/311
+* feat(pnpm-lock): 添加 pnpm-lock.ymal 文件 by @zzcr in https://github.com/opentiny/tiny-vue/pull/320
+* feat(button): 完善单元测试 by @chenqifeng66 in https://github.com/opentiny/tiny-vue/pull/364
+* test(alert): 增加 Alert 组件单元测试 by @Zz-ZzzZ in https://github.com/opentiny/tiny-vue/pull/369
+* docs(tag): 增加标签灵活用法，超出隐藏，显示title示例
 
 ## v2.9.0/v3.9.0
 

package/index.html

@@ -11,6 +11,7 @@
     <script type="module">
       window.PUBLIC_URL = import.meta.env.BASE_URL
       window.DEPLOY_URL = ''
+      window.process = {env:{}}
     </script>
   </head>
 

package/md.extend.config.js

@@ -18,35 +18,11 @@ import md_anchor from 'markdown-it-anchor'
 
 export const MdExt = [md_emoji, md_sub, md_sup, md_mark]
 
-// 自定义container
-function createContainer(klass) {
-  return [
-    md_container,
-    klass,
-    {
-      render(tokens, idx) {
-        const token = tokens[idx]
-        const info = token.info.trim().slice(klass.length).trim() || ''
-        if (token.nesting === 1) {
-          return `<div class="${klass} custom-block"><p class="custom-block-title">${info}</p>\n`
-        } else {
-          return `</div>\n`
-        }
-      }
-    }
-  ]
-}
-
 export function mdInstall(md) {
-  md.use(md_prism, { plugins: ['line-highlight'] })
-    .use(...createContainer('tip'))
-    .use(...createContainer('info'))
-    .use(...createContainer('warning'))
-    .use(...createContainer('danger'))
-    .use(md_anchor, {
-      permalink: true,
-      permalinkBefore: true,
-      permalinkSymbol: '',
-      slugify: (s) => encodeURIComponent(s)
-    })
+  md.use(md_prism, { plugins: ['line-highlight'] }).use(md_anchor, {
+    permalink: true,
+    permalinkBefore: true,
+    permalinkSymbol: '',
+    slugify: (s) => encodeURIComponent(s)
+  })
 }

package/package.json

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

package/playground/App.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { reactive, ref } from 'vue'
+import { onMounted, reactive, ref } from 'vue'
 import { Repl, useStore, File } from '@opentiny/vue-repl'
 import '@opentiny/vue-repl/dist/style.css'
 import Monaco from '@vue/repl/monaco-editor'
@@ -22,7 +22,8 @@ const createImportMap = (version) => {
       '@opentiny/vue': `${cdnHost}/@opentiny/vue@${version}/runtime/tiny-vue.mjs`,
       '@opentiny/vue-icon': `${cdnHost}/@opentiny/vue@${version}/runtime/tiny-vue-icon.mjs`,
       '@opentiny/vue-locale': `${cdnHost}/@opentiny/vue@${version}/runtime/tiny-vue-locale.mjs`,
-      '@opentiny/vue-common': `${cdnHost}/@opentiny/vue@${version}/runtime/tiny-vue-common.mjs`
+      '@opentiny/vue-common': `${cdnHost}/@opentiny/vue@${version}/runtime/tiny-vue-common.mjs`,
+      'sortablejs': `${cdnHost}/sortablejs@1.15.0/modular/sortable.esm.js`
     }
   }
 }
@@ -63,19 +64,18 @@ const state = reactive({
 
 function versionChange(version) {
   const importMap = createImportMap(version)
-  store.setImportMap(importMap)
+  store.state.files['import-map.json'] = new File('', JSON.stringify(importMap))
 
-  const iframeWin = document.querySelector('iframe').contentWindow
-  const styleDom = iframeWin.document.getElementById('tiny-theme')
-  if (styleDom) {
-    styleDom.href = `${cdnHost}/@opentiny/vue-theme@${version}/index.css`
-  } else {
+  setTimeout(() => {
+    if (!document.querySelector('iframe')) return
+
+    const iframeWin = document.querySelector('iframe').contentWindow
     const link = iframeWin.document.createElement('link')
     link.id = 'tiny-theme'
     link.rel = 'stylesheet'
     link.href = `${cdnHost}/@opentiny/vue-theme@${version}/index.css`
     iframeWin.document.head.append(link)
-  }
+  }, 300)
 }
 
 function getDemoName(name, apiMode) {
@@ -89,7 +89,7 @@ const getDemoCode = async ({ cmpId, fileName, apiMode }) => {
     .then((code) => {
       return code
     })
-    .catch((error) => {
+    .catch(() => {
       return `${demoName}示例资源不存在，请检查文件名是否正确？`
     })
 
@@ -104,23 +104,25 @@ const loadFileCode = async ({ cmpId, fileName, apiMode }) => {
   versionChange(latestVersion)
 }
 
-// 初始加载,有分享则加载分享，否则加载默认版本的默认文件
-if (shareData.length === 2) {
-  versionChange(shareData[0])
-} else {
-  const searchObj = new URLSearchParams(location.search)
-  const fileName = searchObj.get('fileName')
-  const cmpId = searchObj.get('cmpId')
-  const apiMode = searchObj.get('apiMode')
-  if (fileName && cmpId && apiMode) {
-    loadFileCode({ cmpId, fileName, apiMode })
+onMounted(() => {
+  // 初始加载,有分享则加载分享，否则加载默认版本的默认文件
+  if (shareData.length === 2) {
+    versionChange(shareData[0])
+  } else {
+    const searchObj = new URLSearchParams(location.search)
+    const fileName = searchObj.get('fileName')
+    const cmpId = searchObj.get('cmpId')
+    const apiMode = searchObj.get('apiMode')
+    if (fileName && cmpId && apiMode) {
+      loadFileCode({ cmpId, fileName, apiMode })
+    }
   }
-}
+})
 
 // 分享功能
 function share() {
-  const hash = store.serialize().slice(1)
-  const shareUrl = location.origin + '/tiny-vue/playground.html#' + state.selectVersion + '|' + hash
+  const hash = store.serialize()
+  const shareUrl = location.origin + '/tiny-vue/playground#' + state.selectVersion + '|' + hash
 
   navigator.clipboard.writeText(shareUrl)
   Notify({

package/src/views/components/components.vue

@@ -59,7 +59,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 class="route-anchor" v-html="row.type"></span></td>
@@ -254,6 +254,13 @@ const handleApiAnchor = (ev) => {
 const fn = {
   copyText: (text) => {
     navigator.clipboard.writeText(text)
+  },
+  jumpToDemo: (demoId) => {
+    if (demoId.startsWith('chart') || demoId.startsWith('grid')) {
+      router.push(demoId)
+    } else {
+      router.push(`#${demoId}`)
+    }
   }
 }
 

package/vite.config.js

@@ -51,9 +51,6 @@ export default defineConfig((config) => {
       }),
       Unocss(UnoCssConfig)
     ],
-    define: {
-      'process.env': {}
-    },
     optimizeDeps: getOptimizeDeps(3),
     build: {
       rollupOptions: {