forked from opentiny/tiny-vue
feat: sync release-3.16.0 to dev (#1648)
* fix(grid): fix right fixed table header gutter style (#1542) * fix(grid): [grid] fix grid no emit filter-change bug (#1536) * fix(grid): [grid] fix grid not emit filter-change bug * fix(grid): [grid] fix grid not emit filter-change bug * docs: add v3.15.0 changelog (#1544) * fix(tree): remove leaf node's padding-left (#1546) * fix(action-menu): [action-menu] fix no divided bug (#1538) * fix(action-menu): [action-menu] fix no divided bug * fix(action-menu): [action-menu] fix no divided bug * refactor(unplugin): rewrite unplugin for autoimport Vue components (#1553) * fix(tabs): [tabs] Fixed issue with default slot and template/v-if/v-for usage in vue2 and vue3 (#1558) * fix(tabs): [tabs] Fix the bug where the name is empty caused by using v-if in tabstem * fix(tabs): [tabs] update renderless version * fix(tabs): [tabs] Fix the issue with rendering in the default slot of Vue3 * fix(tabs): [tabs] Fix the issue of inconsistent highlighting when multiple V-ifs are used * fix(tabs): [tabs] update opentiny/vue-tabs version * fix(theme-saas): update theme saas dependencies (#1582) * Update package.json * feat(unplugin-tiny-vue): add TinyVueResolver (#1585) * docs: add breaking changes to changelog (#1562) * fix(chart): delete chart duplicate key (#1624) * fix(select): [select] add showAllTextTag prop for select (#1627) * fix(select): add showAllTextTag prop for select * fix(select): update select version in package.json * fix: [chart]fix chart height error and area chart empty data error (#1631) * fix: 修复面积图空数据报错问题 * fix: 修复图表高度设置为100%的高度异常问题 * fix: 修改boxplot图表案例引入 * fix(drop-times): [drop-times] modify style (#1635) * feat(theme): update theme version * fix(chart): fix chart extend bugs (#1638) * fix: 修复chart图表的extend未生效问题 * fix: 优化图表extend逻辑 * fix: 优化图表extend逻辑 * docs: optimize component category (#1626) (#1641) * docs: update changelog v3.16.0 (#1642) * feat(version): add npmmirror cdn link (#1646) * feat(version): update docs version --------- Co-authored-by: gimmyhehe <975402925@qq.com> Co-authored-by: Kagol <kagol@sina.com> Co-authored-by: 申君健 <40288193@qq.com> Co-authored-by: chenxi-20 <76168465+chenxi-20@users.noreply.github.com> Co-authored-by: Davont <davontz@icloud.com> Co-authored-by: 李天佑 <66231260+You-Hw-Y@users.noreply.github.com>
This commit is contained in:
ajaxzheng
GitHub
parent
65eb13eabd
commit
a931e5fdc6
|
|
@ -165,11 +165,11 @@ export default {
|
|||
type: 'interface',
|
||||
code: `
|
||||
interface IItemData {
|
||||
label: string // 菜单项文本
|
||||
disabled: boolean // 是否禁用
|
||||
divided: boolean // 是否显示分割线
|
||||
children: IItemData[] // 菜单项子集
|
||||
icon: Component // 菜单项图标
|
||||
label?: string // 菜单项文本
|
||||
disabled?: boolean // 是否禁用
|
||||
divided?: boolean // 是否显示分割线
|
||||
children?: IItemData[] // 菜单项子集
|
||||
icon?: Component // 菜单项图标
|
||||
}
|
||||
`
|
||||
},
|
||||
|
|
|
|||
|
|
@ -17,7 +17,8 @@ const options = ref([
|
|||
label: '关机'
|
||||
},
|
||||
{
|
||||
label: '重启'
|
||||
label: '重启',
|
||||
divided: true
|
||||
},
|
||||
{
|
||||
label: '网络设置',
|
||||
|
|
|
|||
|
|
@ -22,7 +22,8 @@ export default {
|
|||
label: '关机'
|
||||
},
|
||||
{
|
||||
label: '重启'
|
||||
label: '重启',
|
||||
divided: true
|
||||
},
|
||||
{
|
||||
label: '网络设置',
|
||||
|
|
|
|||
|
|
@ -1,5 +1,58 @@
|
|||
# 更新日志
|
||||
|
||||
## v2.16.0/v3.16.0
|
||||
|
||||
`2024/05/11`
|
||||
|
||||
## What's Changed
|
||||
|
||||
### Exciting New Features 🎉
|
||||
|
||||
- feat(tabs): [tabs] Add panel configuration function to adapt to the n… by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1547
|
||||
- fix(cascader): [cascader] add smb theme by @wuyiping0628 in https://github.com/opentiny/tiny-vue/pull/1584
|
||||
- fix(checkbox): [checkbox,check-button] Improve Checkbox and CheckButton accessibility. by @AcWrong02 in https://github.com/opentiny/tiny-vue/pull/1581
|
||||
- fix(button & button-grounp): [button, button-group]improve the accessibility by @AcWrong02 in https://github.com/opentiny/tiny-vue/pull/1586
|
||||
- feat(drawer): [drawer]support custom whether confirm event close the drawer and improve the type declaration by @AcWrong02 in https://github.com/opentiny/tiny-vue/pull/1588
|
||||
|
||||
### Bug Fixes 🐛
|
||||
|
||||
- fix(sites): change tinyui-design-common script link by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1539
|
||||
- fix(tabs): [tabs] Fix the bug where the name is empty caused by using… by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1549
|
||||
- fix(modal): the width of the modal box can be displayed in the center as the browser window size changes by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1554
|
||||
- fix(dialog-box): [dialog-box] fix issue #1242 by @RanierYu in https://github.com/opentiny/tiny-vue/pull/1550
|
||||
- fix(carousel): [carousel] fix issue #1543 by @Zcating in https://github.com/opentiny/tiny-vue/pull/1548
|
||||
- fix(grid): [grid] fix nested grid context menu error by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1578
|
||||
- fix(grid): [grid] fix simple custom setting selected value not match … by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1580
|
||||
- fix(grid): [grid] fix remote filter default value by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1574
|
||||
- fix(rich-text-editor): code overflow by @GaoNeng-wWw in https://github.com/opentiny/tiny-vue/pull/1590
|
||||
- fix(grid): [grid] fix tableWidth error when all column has min-width by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1595
|
||||
- fix(grid): [grid] fix shadow-root does not have getAttribute function by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1593
|
||||
- fix(date-picker): [date-picker]fix the tabindex's default value to 0 by @AcWrong02 in https://github.com/opentiny/tiny-vue/pull/1589
|
||||
- fix(modal): the modal prompt box is compatible with the position of titles and content icons by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1570
|
||||
- fix(file-upload): [file-upload] Fix the hidden feature bug in props.isHidden by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1614
|
||||
- fix(file-upload): [file-upload] Fix the hidden feature bug in props.isHidden by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1617
|
||||
|
||||
### Other Changes
|
||||
|
||||
- docs: optimize component category by @kagol in https://github.com/opentiny/tiny-vue/pull/1641
|
||||
- docs: add v3.15.0 changelog by @kagol in https://github.com/opentiny/tiny-vue/pull/1537
|
||||
- docs: update vue-docs version by @kagol in https://github.com/opentiny/tiny-vue/pull/1541
|
||||
- fix(skeleton): [skeleton] update document by @wuyiping0628 in https://github.com/opentiny/tiny-vue/pull/1577
|
||||
- perf(theme-mobile): remove css vars from :root to root class of compo… by @Huangyilin19 in https://github.com/opentiny/tiny-vue/pull/1579
|
||||
- fix(anchor): [anchor] Correcting Ambiguity in Anchor Document Descrip… by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1569
|
||||
- docs: add description and keywords for seo by @kagol in https://github.com/opentiny/tiny-vue/pull/1592
|
||||
- doc: [charts] 更新图表的 API 文档，增加 options 使用方法 by @Davont in https://github.com/opentiny/tiny-vue/pull/1600
|
||||
- test(button-group): [button-group] Supplement button-group component test case by @trueLoving in https://github.com/opentiny/tiny-vue/pull/1596
|
||||
- docs(Carousel): [carousel] improve the document of Carousel Component by @AcWrong02 in https://github.com/opentiny/tiny-vue/pull/1571
|
||||
- fix: optimization statistic component by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1608
|
||||
- feat: update chart docs by @zzcr in https://github.com/opentiny/tiny-vue/pull/1623
|
||||
|
||||
## New Contributors
|
||||
|
||||
- @RanierYu made their first contribution in https://github.com/opentiny/tiny-vue/pull/1550
|
||||
- @Zcating made their first contribution in https://github.com/opentiny/tiny-vue/pull/1548
|
||||
- @trueLoving made their first contribution in https://github.com/opentiny/tiny-vue/pull/1596
|
||||
|
||||
## v2.15.0/v3.15.0
|
||||
|
||||
`2024/04/08`
|
||||
|
|
@ -8,9 +61,10 @@
|
|||
|
||||
### Exciting New Features 🎉
|
||||
|
||||
- feat(chart-process): add Process Chart component by @Davont
|
||||
- feat(sites): add theme route by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1478
|
||||
- Cgm/add theme route by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1479
|
||||
- fix(transfer ): update transfer xdesign by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1496
|
||||
- feat: add theme route by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1479
|
||||
- fix(transfer): update transfer xdesign by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1496
|
||||
- feat(form): [form] add xDesign theme by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1507
|
||||
- feat(action-menu): [action-menu] add XDesign theme by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1514
|
||||
- feat(date-picker): [date-picker] date picker add quarter type by @kagol in https://github.com/opentiny/tiny-vue/pull/1513
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ Vite
|
|||
import autoImportPlugin from '@opentiny/unplugin-tiny-vue'
|
||||
|
||||
export default {
|
||||
plugins: [autoImportPlugin()]
|
||||
plugins: [autoImportPlugin('vite')]
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -33,13 +33,53 @@ Webpack
|
|||
|
||||
const autoImportPlugin = require('@opentiny/unplugin-tiny-vue')
|
||||
|
||||
module.exports = {
|
||||
plugins: [autoImportPlugin()]
|
||||
}
|
||||
module.exports = defineConfig({
|
||||
configureWebpack: {
|
||||
plugins: [autoImportPlugin('webpack')]
|
||||
}
|
||||
})
|
||||
```
|
||||
|
||||
这样你就能直接在项目中使用 TinyVue 的组件，这些组件都是自动按需导入的，无需手动导入，且不用担心项目体积变得太大。
|
||||
|
||||
你也可以只使用 TinyVueResolver，这样就可以和其他组件库一起使用。
|
||||
|
||||
Vite
|
||||
|
||||
```ts
|
||||
// vite.config.ts
|
||||
|
||||
import Components from 'unplugin-vue-components/vite'
|
||||
import autoImportPlugin from '@opentiny/unplugin-tiny-vue'
|
||||
|
||||
export default {
|
||||
plugins: [
|
||||
Components({
|
||||
resolvers: [TinyVueResolver]
|
||||
})
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
Webpack
|
||||
|
||||
```js
|
||||
// webpack.config.js
|
||||
|
||||
const Components = require('unplugin-vue-components/webpack').default
|
||||
const TinyVueResolver = require('@opentiny/unplugin-tiny-vue').TinyVueResolver
|
||||
|
||||
module.exports = defineConfig({
|
||||
configureWebpack: {
|
||||
plugins: [
|
||||
Components({
|
||||
resolvers: [TinyVueResolver]
|
||||
})
|
||||
]
|
||||
}
|
||||
})
|
||||
```
|
||||
|
||||
想了解更多自动按需导入的信息，请参考：[unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 和 [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import)。
|
||||
|
||||
### 多组件引入
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@opentiny/vue-docs",
|
||||
"version": "3.16.0",
|
||||
"version": "3.16.2",
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
"start": "vite",
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
"vue-router": "4.1.5",
|
||||
"marked": "^4.3.0",
|
||||
"sortablejs": "1.15.0",
|
||||
"@opentiny/vue-repl": "^1.1.0"
|
||||
"@opentiny/vue-repl": "^1.1.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@opentiny-internal/unplugin-virtual-template": "workspace:~",
|
||||
|
|
@ -84,4 +84,4 @@
|
|||
"vite-plugin-dynamic-import": "1.5.0",
|
||||
"vue-tsc": "^1.8.5"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite + Vue</title>
|
||||
<script>
|
||||
const cdnHost = 'https://npm.onmicrosoft.cn'
|
||||
const cdnHost = 'https://registry.npmmirror.com'
|
||||
window.localStorage.setItem('setting-cdn', cdnHost)
|
||||
</script>
|
||||
</head>
|
||||
|
|
@ -14,4 +14,4 @@
|
|||
<div id="app"></div>
|
||||
<script type="module" src="/playground/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ import logoUrl from './assets/opentiny-logo.svg?url'
|
|||
import GitHub from './icons/Github.vue'
|
||||
import Share from './icons/Share.vue'
|
||||
|
||||
const VERSION = 'tiny-vue-version-3.14'
|
||||
const VERSION = 'tiny-vue-version-3.16'
|
||||
const LAYOUT = 'playground-layout'
|
||||
const LAYOUT_REVERSE = 'playground-layout-reverse'
|
||||
|
||||
|
|
@ -28,27 +28,35 @@ const isMobileFirst = tinyMode === 'mobile-first'
|
|||
const isSaas = tinyTheme === 'saas'
|
||||
const isPreview = searchObj.get('openMode') === 'preview' // 是否多端弹窗预览
|
||||
|
||||
const versions = ['3.14', '3.13', '3.12', '3.11', '3.10', '3.9', '3.8']
|
||||
const versions = ['3.16', '3.15', '3.14', '3.13', '3.12', '3.11', '3.10', '3.9', '3.8']
|
||||
const latestVersion = isPreview ? versions[0] : localStorage.getItem(VERSION) || versions[0]
|
||||
const cdnHost = localStorage.getItem('setting-cdn')
|
||||
|
||||
const versionDelimiter = cdnHost.includes('npmmirror') ? '/' : '@'
|
||||
const fileDelimiter = cdnHost.includes('npmmirror') ? 'files/' : ''
|
||||
|
||||
const getRuntime = (version) => {
|
||||
const useVersion = import.meta.env.VITE_PLAYGROUND_VERIOSN || version
|
||||
return `${cdnHost}/@opentiny/vue@${useVersion}/runtime/`
|
||||
return `${cdnHost}/@opentiny/vue${versionDelimiter}${useVersion}/${fileDelimiter}runtime/`
|
||||
}
|
||||
|
||||
const createImportMap = (version) => {
|
||||
const imports = {
|
||||
'vue': `${cdnHost}/vue${versionDelimiter}3.4.27/${fileDelimiter}dist/vue.runtime.esm-browser.js`,
|
||||
'@vue/compiler-sfc': `${cdnHost}/@vue/compiler-sfc${versionDelimiter}3.4.27/${fileDelimiter}dist/compiler-sfc.esm-browser.js`,
|
||||
'@opentiny/vue': `${getRuntime(version)}tiny-vue.mjs`,
|
||||
'@opentiny/vue-icon': `${getRuntime(version)}tiny-vue-icon.mjs`,
|
||||
'@opentiny/vue-locale': `${getRuntime(version)}tiny-vue-locale.mjs`,
|
||||
'@opentiny/vue-common': `${getRuntime(version)}tiny-vue-common.mjs`,
|
||||
'@opentiny/vue-theme/': `${cdnHost}/@opentiny/vue-theme@${version}/`,
|
||||
'@opentiny/vue-theme-mobile/': `${cdnHost}/@opentiny/vue-theme-mobile@${version}/`,
|
||||
'@opentiny/vue-renderless/': `${cdnHost}/@opentiny/vue-renderless@${version}/`,
|
||||
'sortablejs': `${cdnHost}/sortablejs@1.15.0/modular/sortable.esm.js`
|
||||
'@opentiny/vue-theme/': `${cdnHost}/@opentiny/vue-theme${versionDelimiter}${version}/${fileDelimiter}`,
|
||||
'@opentiny/vue-theme-mobile/': `${cdnHost}/@opentiny/vue-theme-mobile${versionDelimiter}${version}/${fileDelimiter}`,
|
||||
'@opentiny/vue-renderless/': `${cdnHost}/@opentiny/vue-renderless${versionDelimiter}${version}/${fileDelimiter}`,
|
||||
'sortablejs': `${cdnHost}/sortablejs${versionDelimiter}1.15.0/${fileDelimiter}modular/sortable.esm.js`
|
||||
}
|
||||
if (['aurora', 'smb', 'saas'].includes(tinyTheme)) {
|
||||
imports[`@opentiny/vue-design-${tinyTheme}`] = `${cdnHost}/@opentiny/vue-design-${tinyTheme}@${version}/index.js`
|
||||
imports[
|
||||
`@opentiny/vue-design-${tinyTheme}`
|
||||
] = `${cdnHost}/@opentiny/vue-design-${tinyTheme}${versionDelimiter}${version}/${fileDelimiter}index.js`
|
||||
}
|
||||
if (isSaas) {
|
||||
imports['@opentiny/vue-icon'] = `${getRuntime(version)}tiny-vue-icon-saas.mjs`
|
||||
|
|
@ -67,10 +75,10 @@ const getTinyTheme = (version) => {
|
|||
theme = 'default'
|
||||
}
|
||||
const tinyThemeMap = {
|
||||
default: `${cdnHost}/@opentiny/vue-theme@${version}/index.css`,
|
||||
smb: `${cdnHost}/@opentiny/vue-theme@${version}/index.css`,
|
||||
aurora: `${cdnHost}/@opentiny/vue-theme@${version}/index.css`,
|
||||
saas: `${cdnHost}/@opentiny/vue-theme-saas@${version}/index.css`
|
||||
default: `${cdnHost}/@opentiny/vue-theme${versionDelimiter}${version}/${fileDelimiter}index.css`,
|
||||
smb: `${cdnHost}/@opentiny/vue-theme${versionDelimiter}${version}/${fileDelimiter}index.css`,
|
||||
aurora: `${cdnHost}/@opentiny/vue-theme${versionDelimiter}${version}/${fileDelimiter}index.css`,
|
||||
saas: `${cdnHost}/@opentiny/vue-theme-saas${versionDelimiter}${version}/${fileDelimiter}index.css`
|
||||
}
|
||||
return tinyThemeMap[theme]
|
||||
}
|
||||
|
|
@ -163,7 +171,7 @@ function insertStyleDom(version) {
|
|||
|
||||
// 增加mobile支持，增加mobile的样式表
|
||||
const mobileLink = link.cloneNode(true)
|
||||
mobileLink.href = `${cdnHost}/@opentiny/vue-theme-mobile@${version}/index.css`
|
||||
mobileLink.href = `${cdnHost}/@opentiny/vue-theme-mobile${versionDelimiter}${version}/${fileDelimiter}index.css`
|
||||
iframeWin.document.head.append(mobileLink)
|
||||
})
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@opentiny/unplugin-tiny-vue",
|
||||
"version": "0.0.1",
|
||||
"version": "0.0.2",
|
||||
"description": "A vite auto import plugin for TinyVue",
|
||||
"main": "dist/index.cjs",
|
||||
"module": "dist/index.js",
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
"vite": ">=4"
|
||||
},
|
||||
"dependencies": {
|
||||
"magic-string": "^0.27.0"
|
||||
"unplugin-vue-components": "^0.26.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"rimraf": "^5.0.5",
|
||||
|
|
|
|||
|
|
@ -1,62 +1,37 @@
|
|||
import MagicString from 'magic-string'
|
||||
import type { Plugin } from 'vite'
|
||||
import AutoVite from 'unplugin-vue-components/vite'
|
||||
import AutoWebpack from 'unplugin-vue-components/webpack'
|
||||
import AutoRollup from 'unplugin-vue-components/rollup'
|
||||
import AutoEsbuild from 'unplugin-vue-components/esbuild'
|
||||
import AutoRspack from 'unplugin-vue-components/rspack'
|
||||
|
||||
function pascalCase(str: string) {
|
||||
const camelCaseStr = str.replace(/-(\w)/g, (_, c) => (c ? c.toUpperCase() : ''))
|
||||
return camelCaseStr.charAt(0).toUpperCase() + camelCaseStr.slice(1)
|
||||
const supportMap = {
|
||||
'vite': AutoVite,
|
||||
'webpack': AutoWebpack,
|
||||
'rollup': AutoRollup,
|
||||
'esbuild': AutoEsbuild,
|
||||
'rspack': AutoRspack
|
||||
}
|
||||
|
||||
const resolveVue = (code: string, s: MagicString) => {
|
||||
const results: any = []
|
||||
|
||||
for (const match of code.matchAll(/_resolveComponent[0-9]*\("(.+?)"\)/g)) {
|
||||
const matchedName = match[1]
|
||||
if (match.index != null && matchedName && !matchedName.startsWith('_')) {
|
||||
const start = match.index
|
||||
const end = start + match[0].length
|
||||
results.push({
|
||||
rawName: matchedName,
|
||||
replace: (resolved: string) => s.overwrite(start, end, resolved)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
return results
|
||||
}
|
||||
|
||||
const findComponent = (rawName: string, name: string, s: MagicString) => {
|
||||
if (!name.match(/^Tiny[a-zA-Z]/)) {
|
||||
return
|
||||
}
|
||||
s.prepend(`import ${name} from '@opentiny/vue-${rawName.slice(5)}';\n`)
|
||||
}
|
||||
|
||||
const transformCode = (code) => {
|
||||
const s = new MagicString(code)
|
||||
const results = resolveVue(code, s)
|
||||
|
||||
for (const { rawName, replace } of results) {
|
||||
const name = pascalCase(rawName)
|
||||
findComponent(rawName, name, s)
|
||||
replace(name)
|
||||
}
|
||||
|
||||
const result = s.toString()
|
||||
return result
|
||||
}
|
||||
|
||||
export default function vitePluginAutoImport(): Plugin {
|
||||
return {
|
||||
name: '@opentiny/auto-import',
|
||||
|
||||
transform(code, id) {
|
||||
// 不处理node_modules内的依赖
|
||||
if (/\.(?:vue)$/.test(id) && !/(node_modules)/.test(id)) {
|
||||
return {
|
||||
code: transformCode(code),
|
||||
map: null
|
||||
}
|
||||
}
|
||||
export const TinyVueResolver = (componentName) => {
|
||||
if (componentName.startsWith('Tiny') && !componentName.startsWith('TinyIcon')) {
|
||||
return {
|
||||
name: componentName.slice(4),
|
||||
from: '@opentiny/vue'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** TinyVue 自动导入组件的插件，支持Vite,Webpack,Rollup 等常见的构建工具。
|
||||
* 目前不支持Tiny Icon的自动导入
|
||||
* @example
|
||||
* import autoImportPlugin from '@opentiny/unplugin-tiny-vue'
|
||||
* plugins: [autoImportPlugin('vite')]
|
||||
*/
|
||||
export default (name) => {
|
||||
// 兼容webpack/vite的差异
|
||||
const autoPlugin = supportMap[name].default || supportMap[name]
|
||||
|
||||
return autoPlugin({
|
||||
resolvers: [TinyVueResolver]
|
||||
})
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"name": "@opentiny/vue-renderless",
|
||||
"private": true,
|
||||
"version": "3.16.0",
|
||||
"version": "3.16.1",
|
||||
"description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
|
||||
"homepage": "https://opentiny.design/tiny-vue",
|
||||
"keywords": [
|
||||
|
|
@ -43,4 +43,4 @@
|
|||
"esno": "^0.16.3",
|
||||
"tsup": "7.2.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,6 +11,58 @@
|
|||
*/
|
||||
import type { ITabsRenderlessParams, ITabsPane, ITabsCustomEvent, ITabsPaneVm } from '@/types'
|
||||
|
||||
// 此处与aui区别开，将tabNav的方法抽离出来，从源头解决pane的排序问题
|
||||
const getOrderedPanes = (parent, panes) => {
|
||||
const slotDefault = parent.$slots.default
|
||||
let orders
|
||||
|
||||
if (typeof slotDefault === 'function') {
|
||||
orders = []
|
||||
|
||||
const tabVnodes = slotDefault()
|
||||
const handler = ({ type, componentOptions, props }) => {
|
||||
let componentName = type && type.componentName
|
||||
|
||||
if (!componentName) componentName = componentOptions && componentOptions.Ctor.extendOptions.componentName
|
||||
|
||||
if (componentName === 'TabItem') {
|
||||
const paneName = (props && props.name) || (componentOptions && componentOptions.propsData.name)
|
||||
|
||||
orders.push(paneName)
|
||||
}
|
||||
}
|
||||
|
||||
tabVnodes.forEach(({ type, componentOptions, props, children }) => {
|
||||
if (
|
||||
type &&
|
||||
(type.toString() === 'Symbol(Fragment)' || // vue@3.3之前的开发模式
|
||||
type.toString() === 'Symbol(v-fgt)' || // vue@3.3.1 的变更
|
||||
type.toString() === 'Symbol()') // 构建后
|
||||
) {
|
||||
Array.isArray(children) &&
|
||||
children.forEach(({ type, componentOptions, props }) => handler({ type, componentOptions, props }))
|
||||
} else {
|
||||
handler({ type, componentOptions, props })
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 此处不同步aui，vue3情况下插槽使用v-if生成的slotDefault有差异
|
||||
if (orders.length > 0) {
|
||||
let tmpPanes = []
|
||||
|
||||
orders.forEach((paneName) => {
|
||||
let pane = panes.find((pane) => pane.name === paneName)
|
||||
|
||||
if (pane) tmpPanes.push(pane)
|
||||
})
|
||||
|
||||
panes = tmpPanes
|
||||
}
|
||||
|
||||
return panes
|
||||
}
|
||||
|
||||
export const calcPaneInstances =
|
||||
({
|
||||
constants,
|
||||
|
|
@ -44,24 +96,7 @@ export const calcPaneInstances =
|
|||
index > -1 ? (currentPanes[index] = vm) : currentPanes.push(vm)
|
||||
}
|
||||
})
|
||||
|
||||
const currentPaneStates = currentPanes.map((pane) => pane.state)
|
||||
const paneStates = state.panes.map((pane) => pane.state)
|
||||
|
||||
let newPanes = [] as ITabsPaneVm[]
|
||||
for (let i = 0; i < paneStates.length; i++) {
|
||||
const paneState = paneStates[i]
|
||||
const index = currentPaneStates.indexOf(paneState)
|
||||
|
||||
if (index > -1) {
|
||||
newPanes.push(state.panes[i])
|
||||
currentPanes.splice(index, 1)
|
||||
|
||||
currentPaneStates.splice(index, 1)
|
||||
}
|
||||
}
|
||||
|
||||
newPanes = newPanes.concat(currentPanes)
|
||||
const newPanes = getOrderedPanes(parent, currentPanes) as ITabsPaneVm[]
|
||||
|
||||
const panesChanged = !(
|
||||
newPanes.length === state.panes.length &&
|
||||
|
|
|
|||
|
|
@ -23,14 +23,23 @@ import type {
|
|||
computedSuffixIcon
|
||||
} from '../src/action-menu'
|
||||
|
||||
export interface IActonMenuOptionsItem {
|
||||
label?: string
|
||||
disabled?: boolean
|
||||
divided?: boolean
|
||||
children?: IActonMenuOptionsItem[]
|
||||
icon?: any
|
||||
[key: string]: any
|
||||
}
|
||||
|
||||
export interface IActionMenuState {
|
||||
visibleOptions: object
|
||||
moreOptions: object
|
||||
visibleOptions: IActonMenuOptionsItem[]
|
||||
moreOptions: IActonMenuOptionsItem[]
|
||||
isCardMode: boolean
|
||||
spacing: string | number
|
||||
maxShowNum: number
|
||||
moreText: string
|
||||
suffixIcon: string | Object
|
||||
suffixIcon: string | object
|
||||
}
|
||||
|
||||
export type IActionMenuProps = ExtractPropTypes<typeof actionMenuProps>
|
||||
|
|
|
|||
|
|
@ -101,4 +101,4 @@
|
|||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -99,6 +99,7 @@
|
|||
@import './logout/index.less';
|
||||
@import './menubar/index.less';
|
||||
@import './milestone/index.less';
|
||||
@import './mind-map/index.less';
|
||||
@import './modal/index.less';
|
||||
@import './month-range/index.less';
|
||||
@import './month-table/index.less';
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@opentiny/vue-theme",
|
||||
"version": "3.16.0",
|
||||
"version": "3.16.2",
|
||||
"description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
|
||||
"main": "index.css",
|
||||
"homepage": "https://opentiny.design/tiny-vue",
|
||||
|
|
@ -87,4 +87,4 @@
|
|||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@
|
|||
|
||||
.hui-chart {
|
||||
position: relative;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.@{chart-prefix-cls} {
|
||||
|
|
|
|||
|
|
@ -12,11 +12,13 @@
|
|||
|
||||
@import '../custom.less';
|
||||
|
||||
@select-dropdown-prefix-cls: ~'@{css-prefix}select-dropdown';
|
||||
@drop-times-prefix-cls: ~'@{css-prefix}drop-times';
|
||||
@select-dropdown-prefix-cls: ~'@{css-prefix}select-dropdown__item';
|
||||
|
||||
.@{select-dropdown-prefix-cls} {
|
||||
|
||||
& &__item {
|
||||
.@{drop-times-prefix-cls} {
|
||||
|
||||
.@{select-dropdown-prefix-cls} {
|
||||
font-size: var(--ti-drop-times-item-font-size);
|
||||
padding: var(--ti-drop-times-item-padding);
|
||||
|
||||
|
|
@ -31,4 +33,4 @@
|
|||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1015,6 +1015,9 @@
|
|||
// 部分场景下浏览器缩放比例导致表头和表体错位问题
|
||||
th.col__gutter {
|
||||
width: 0;
|
||||
position: sticky;
|
||||
right: 0;
|
||||
background-color: var(--ti-grid-header-background-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@opentiny/vue-action-menu",
|
||||
"version": "3.16.0",
|
||||
"version": "3.16.1",
|
||||
"description": "",
|
||||
"main": "lib/index.js",
|
||||
"module": "index.ts",
|
||||
|
|
@ -24,4 +24,4 @@
|
|||
"@opentiny/vue-icon": "workspace:~"
|
||||
},
|
||||
"license": "MIT"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -42,6 +42,7 @@
|
|||
<tiny-dropdown-item
|
||||
v-for="(item, index) in state.moreOptions"
|
||||
:key="index"
|
||||
:divided="item.divided"
|
||||
:item-data="item"
|
||||
:label="item[textField]"
|
||||
:disabled="item.disabled"
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
import { merge, get } from './util'
|
||||
import { isObject } from './type'
|
||||
import { setObj as set } from './object'
|
||||
import cloneDeep from '../base/util/cloneDeep'
|
||||
|
||||
const isArr = Array.isArray
|
||||
|
||||
|
|
@ -22,7 +23,8 @@ function removeNullKeys(obj) {
|
|||
}
|
||||
|
||||
export default ({ option, extend }) => {
|
||||
const options = removeNullKeys(option)
|
||||
const cloneOption = cloneDeep(option)
|
||||
const mergeOption = removeNullKeys(cloneOption)
|
||||
if (!extend) {
|
||||
return
|
||||
}
|
||||
|
|
@ -32,11 +34,11 @@ export default ({ option, extend }) => {
|
|||
|
||||
if (~key.indexOf('.')) {
|
||||
// （其他类型）属性名中带. 为true
|
||||
set(options, key, value)
|
||||
set(mergeOption, key, value)
|
||||
} else if (typeof value === 'function') {
|
||||
// 当属性为函数时，设置的是函数的返回值
|
||||
options[key] = value(options[key])
|
||||
} else if (isArr(options[key]) && isArr(value)) {
|
||||
mergeOption[key] = value(mergeOption[key])
|
||||
} else if (isArr(mergeOption[key]) && isArr(value)) {
|
||||
// 当被修改值和替换值都为数组时，key符合attrList就合并
|
||||
const attrList = [
|
||||
'series',
|
||||
|
|
@ -54,28 +56,28 @@ export default ({ option, extend }) => {
|
|||
]
|
||||
if (~attrList.indexOf(key)) {
|
||||
// attrList，指定的key才能合并处理
|
||||
options[key] = merge(options[key], value)
|
||||
mergeOption[key] = merge(mergeOption[key], value)
|
||||
}
|
||||
} else {
|
||||
// 属性为对象(eg: tooltip)或包含对象的数组(eg: series)
|
||||
if (isArr(options[key]) && isObject(options[key][0])) {
|
||||
if (isArr(mergeOption[key]) && isObject(mergeOption[key][0])) {
|
||||
// 属性值是包含对象数组
|
||||
options[key].forEach((option, i) => (options[key][i] = { ...option, ...value }))
|
||||
} else if (isObject(options[key])) {
|
||||
mergeOption[key].forEach((option, i) => (mergeOption[key][i] = { ...option, ...value }))
|
||||
} else if (isObject(mergeOption[key])) {
|
||||
// 被替换属性值是对象
|
||||
let optionBase = options[key]
|
||||
let optionBase = mergeOption[key]
|
||||
|
||||
options[key] = { ...optionBase, ...value } // 两者合并，后者覆盖前者
|
||||
mergeOption[key] = { ...optionBase, ...value } // 两者合并，后者覆盖前者
|
||||
} else {
|
||||
// 直接覆盖替换
|
||||
options[key] = value
|
||||
mergeOption[key] = value
|
||||
}
|
||||
}
|
||||
})
|
||||
const { series } = option
|
||||
const { series } = mergeOption
|
||||
if (series) {
|
||||
if (Array.isArray(series)) {
|
||||
options.series = series.map((item) => {
|
||||
mergeOption.series = series.map((item) => {
|
||||
if (get(item, 'type') === 'line' && get(item, 'label.show')) {
|
||||
item.showSymbol = true
|
||||
}
|
||||
|
|
@ -83,8 +85,8 @@ export default ({ option, extend }) => {
|
|||
return item
|
||||
})
|
||||
} else {
|
||||
options.series.label = { show: false, ...option.series.label }
|
||||
mergeOption.series.label = { show: false, ...mergeOption.series.label }
|
||||
}
|
||||
}
|
||||
return options
|
||||
return mergeOption
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@opentiny/vue-chart-core",
|
||||
"version": "3.16.0",
|
||||
"version": "3.16.1",
|
||||
"description": "",
|
||||
"main": "lib/index.js",
|
||||
"module": "index.ts",
|
||||
|
|
|
|||
|
|
@ -26,7 +26,6 @@ export default {
|
|||
width: { type: String, default: 'auto' },
|
||||
height: { type: String, default: '400px' },
|
||||
events: { type: Object, default() {} },
|
||||
events: { type: Object, default() {} },
|
||||
initOptions: {
|
||||
type: Object,
|
||||
default() {
|
||||
|
|
@ -168,12 +167,6 @@ export default {
|
|||
}
|
||||
},
|
||||
watch: {
|
||||
options: {
|
||||
handler() {
|
||||
this.refreshChart()
|
||||
},
|
||||
deep: true
|
||||
},
|
||||
options: {
|
||||
handler() {
|
||||
this.refreshChart()
|
||||
|
|
@ -360,8 +353,7 @@ export default {
|
|||
this.setAnimation(option)
|
||||
this.applyMarks(this.integrateChart.eChartOption)
|
||||
this.integrateChart.refresh(option)
|
||||
this.applyExtend(this.integrateChart.eChartOption)
|
||||
option.extend = this.integrateChart.eChartOption
|
||||
option.extend = this.applyExtend(this.integrateChart.eChartOption)
|
||||
if (this.colorMode !== 'default') {
|
||||
option.color = this.computedChartColor()
|
||||
}
|
||||
|
|
@ -394,7 +386,7 @@ export default {
|
|||
this.integrateChart.setSimpleOption(this.iChartName, option, plugins)
|
||||
this.$emit('handle-color', option.color)
|
||||
this.applyMarks(this.integrateChart.eChartOption)
|
||||
option = this.applyExtend(this.integrateChart.eChartOption)
|
||||
option.extend = this.applyExtend(this.integrateChart.eChartOption)
|
||||
|
||||
this.integrateChart.render(this.renderOption)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@opentiny/vue-select",
|
||||
"version": "3.16.0",
|
||||
"version": "3.16.1",
|
||||
"description": "",
|
||||
"main": "lib/index.js",
|
||||
"module": "index.ts",
|
||||
|
|
|
|||
|
|
@ -344,6 +344,10 @@ export default defineComponent({
|
|||
allText: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
showAllTextTag: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
setup(props, context) {
|
||||
|
|
|
|||
|
|
@ -121,65 +121,80 @@
|
|||
</tiny-tag>
|
||||
</span>
|
||||
<span ref="tags-content" v-if="!collapseTags">
|
||||
<!-- 当 showAllTextTag 时， 用all-text属性做为tag。 xdesign规范 -->
|
||||
<tiny-tag
|
||||
v-if="hoverExpand || clickExpand"
|
||||
:class="['tiny-select__tags-collapse', { 'is-hidden': state.isHidden }]"
|
||||
v-if="showAllTextTag && state.selectCls === 'checked-sur'"
|
||||
:type="state.getTagType"
|
||||
key="tags-collapse"
|
||||
data-tag="tags-collapse"
|
||||
:closable="false"
|
||||
key="tags-all-text-tag"
|
||||
data-tag="tags-all-text-tag"
|
||||
:closable="true"
|
||||
:size="state.collapseTagSize"
|
||||
@click="onClickCollapseTag($event)"
|
||||
@close="toggleCheckAll(false)"
|
||||
>
|
||||
<template v-if="hoverExpand"> + {{ state.collapseTagsLength }} </template>
|
||||
<icon-ellipsis v-else></icon-ellipsis>
|
||||
{{ allText || t('ui.base.all') }}
|
||||
</tiny-tag>
|
||||
<tiny-tag
|
||||
v-for="(item, index) in state.selected"
|
||||
:key="getValueKey(item)"
|
||||
:class="{ 'not-visible': state.toHideIndex <= index && !state.isExpand }"
|
||||
:closable="!item.disabled && !item.required"
|
||||
:size="state.collapseTagSize"
|
||||
:hit="item.state ? item.state.hitState : item.hitState"
|
||||
:type="state.getTagType"
|
||||
@close="deleteTag($event, item)"
|
||||
disable-transitions
|
||||
>
|
||||
<tiny-tooltip
|
||||
effect="light"
|
||||
placement="top"
|
||||
@mouseenter.native="handleEnterTag($event, getValueKey(item))"
|
||||
<!-- 当非 showAllTextTag 时，原来的模式渲染 -->
|
||||
<template v-else>
|
||||
<tiny-tag
|
||||
v-if="hoverExpand || clickExpand"
|
||||
:class="['tiny-select__tags-collapse', { 'is-hidden': state.isHidden }]"
|
||||
:type="state.getTagType"
|
||||
key="tags-collapse"
|
||||
data-tag="tags-collapse"
|
||||
:closable="false"
|
||||
:size="state.collapseTagSize"
|
||||
@click="onClickCollapseTag($event)"
|
||||
>
|
||||
<span v-if="!state.visible && state.overflow === index" class="tiny-select__tags-text">
|
||||
{{ item.state ? item.state.currentLabel + '... ' : item.currentLabel + '... ' }}
|
||||
</span>
|
||||
<span v-else class="tiny-select__tags-text">
|
||||
<slot name="label" :item="getLabelSlotValue(item)">
|
||||
{{ item.state ? item.state.currentLabel : item.currentLabel }}
|
||||
</slot>
|
||||
</span>
|
||||
<template v-if="state.tooltipContent[getValueKey(item)]" #content>
|
||||
<span v-if="!state.visible && state.overflow === index">
|
||||
<template v-if="hoverExpand"> + {{ state.collapseTagsLength }} </template>
|
||||
<icon-ellipsis v-else></icon-ellipsis>
|
||||
</tiny-tag>
|
||||
<tiny-tag
|
||||
v-for="(item, index) in state.selected"
|
||||
:key="getValueKey(item)"
|
||||
:class="{ 'not-visible': state.toHideIndex <= index && !state.isExpand }"
|
||||
:closable="!item.disabled && !item.required"
|
||||
:size="state.collapseTagSize"
|
||||
:hit="item.state ? item.state.hitState : item.hitState"
|
||||
:type="state.getTagType"
|
||||
@close="deleteTag($event, item)"
|
||||
disable-transitions
|
||||
>
|
||||
<tiny-tooltip
|
||||
effect="light"
|
||||
placement="top"
|
||||
@mouseenter.native="handleEnterTag($event, getValueKey(item))"
|
||||
>
|
||||
<span v-if="!state.visible && state.overflow === index" class="tiny-select__tags-text">
|
||||
{{ item.state ? item.state.currentLabel + '... ' : item.currentLabel + '... ' }}
|
||||
</span>
|
||||
<span v-else>
|
||||
<span v-else class="tiny-select__tags-text">
|
||||
<slot name="label" :item="getLabelSlotValue(item)">
|
||||
{{ item.state ? item.state.currentLabel : item.currentLabel }}
|
||||
</slot>
|
||||
</span>
|
||||
</template>
|
||||
</tiny-tooltip>
|
||||
</tiny-tag>
|
||||
<template v-if="state.tooltipContent[getValueKey(item)]" #content>
|
||||
<span v-if="!state.visible && state.overflow === index">
|
||||
{{ item.state ? item.state.currentLabel + '... ' : item.currentLabel + '... ' }}
|
||||
</span>
|
||||
<span v-else>
|
||||
<slot name="label" :item="getLabelSlotValue(item)">
|
||||
{{ item.state ? item.state.currentLabel : item.currentLabel }}
|
||||
</slot>
|
||||
</span>
|
||||
</template>
|
||||
</tiny-tooltip>
|
||||
</tiny-tag>
|
||||
|
||||
<!-- 收起按钮 -->
|
||||
<span
|
||||
v-if="clickExpand && state.showCollapseTag"
|
||||
class="tiny-select__collapse-text"
|
||||
@click="onClickCollapseTag($event)"
|
||||
>
|
||||
{{ t('ui.select.collapse') }}
|
||||
<icon-chevron-up></icon-chevron-up>
|
||||
</span>
|
||||
<!-- 收起按钮 -->
|
||||
<span
|
||||
v-if="clickExpand && state.showCollapseTag"
|
||||
class="tiny-select__collapse-text"
|
||||
@click="onClickCollapseTag($event)"
|
||||
>
|
||||
{{ t('ui.select.collapse') }}
|
||||
<icon-chevron-up></icon-chevron-up>
|
||||
</span>
|
||||
</template>
|
||||
</span>
|
||||
</span>
|
||||
|
||||
|
|
@ -751,6 +766,7 @@ export default defineComponent({
|
|||
'showProportion',
|
||||
'clickExpand',
|
||||
'maxVisibleRows',
|
||||
'showAllTextTag',
|
||||
'allText'
|
||||
],
|
||||
setup(props, context) {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@opentiny/vue-tabs",
|
||||
"version": "3.16.0",
|
||||
"version": "3.16.1",
|
||||
"description": "",
|
||||
"main": "lib/index.js",
|
||||
"module": "index.ts",
|
||||
|
|
@ -27,4 +27,4 @@
|
|||
"@opentiny/vue-theme-mobile": "workspace:~"
|
||||
},
|
||||
"license": "MIT"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,56 +22,6 @@ import type { ITabNavApi } from '@opentiny/vue-renderless/types/tab-nav.type'
|
|||
import TabBar from './tab-bar.vue'
|
||||
import { tabNavPcProps } from './index'
|
||||
|
||||
const getOrderedPanes = (state, panes) => {
|
||||
const slotDefault = state.rootTabs.$slots.default
|
||||
let orders
|
||||
|
||||
if (typeof slotDefault === 'function') {
|
||||
orders = []
|
||||
|
||||
const tabVnodes = slotDefault()
|
||||
const handler = ({ type, componentOptions, props }) => {
|
||||
let componentName = type && type.componentName
|
||||
|
||||
if (!componentName) componentName = componentOptions && componentOptions.Ctor.extendOptions.componentName
|
||||
|
||||
if (componentName === 'TabItem') {
|
||||
const paneName = (props && props.name) || (componentOptions && componentOptions.propsData.name)
|
||||
|
||||
orders.push(paneName)
|
||||
}
|
||||
}
|
||||
|
||||
tabVnodes.forEach(({ type, componentOptions, props, children }) => {
|
||||
if (
|
||||
type &&
|
||||
(type.toString() === 'Symbol(Fragment)' || // vue@3.3之前的开发模式
|
||||
type.toString() === 'Symbol(v-fgt)' || // vue@3.3.1 的变更
|
||||
type.toString() === 'Symbol()') // 构建后
|
||||
) {
|
||||
Array.isArray(children) &&
|
||||
children.forEach(({ type, componentOptions, props }) => handler({ type, componentOptions, props }))
|
||||
} else {
|
||||
handler({ type, componentOptions, props })
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
if (orders) {
|
||||
let tmpPanes = []
|
||||
|
||||
orders.forEach((paneName) => {
|
||||
let pane = panes.find((pane) => pane.name === paneName)
|
||||
|
||||
if (pane) tmpPanes.push(pane)
|
||||
})
|
||||
|
||||
panes = tmpPanes
|
||||
}
|
||||
|
||||
return panes
|
||||
}
|
||||
|
||||
export default defineComponent({
|
||||
name: $prefix + 'TabNav',
|
||||
components: {
|
||||
|
|
@ -198,7 +148,7 @@ export default defineComponent({
|
|||
)
|
||||
}
|
||||
|
||||
const tabs = getOrderedPanes(state, panes).map((pane, index) => {
|
||||
const tabs = panes.map((pane, index) => {
|
||||
let tabName = pane.name || pane.state.index || index
|
||||
const withClose = pane.state.isClosable || editable
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue