@wlydfe/pro-ui 0.2.21 → 0.2.24

package/docs/.vitepress/config.ts

@@ -1,392 +0,0 @@
-import { defineConfig, HeadConfig } from 'vitepress'
-import llmstxt from 'vitepress-plugin-llms'
-import { mdPlugin } from './plugins/mdPlugin'
-import pkg from '../../package.json'
-
-// 生产环境判断
-const isEnvProduction = process.env.NODE_ENV === 'production'
-
-const content = [
-  'vue 版本的 procomponents',
-  'vue procomponents',
-  'procomponents vue',
-  'PlusProComponents',
-  'plus-pro-components',
-  'element-plus',
-  'Page level components',
-  'component library',
-  'ui framework',
-  'ui',
-  'vue'
-].toString()
-
-// https://vitepress.dev/reference/site-config
-export default defineConfig({
-  base: '/',
-  title: 'PlusProComponents',
-  description: content,
-  head: [
-    ['meta', { name: 'author', content: 'xiaofei' }],
-    [
-      'meta',
-      {
-        name: 'viewport',
-        content:
-          'width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no'
-      }
-    ],
-    [
-      'meta',
-      {
-        name: 'description',
-        content
-      }
-    ],
-    ['meta', { name: 'keywords', content }],
-    ...((isEnvProduction ? [['script', { src: '/hmt.js' }]] : []) as unknown as HeadConfig[]),
-    ['script', { src: '/style.js' }],
-    ['script', { src: '/iconfont-symbol.js' }],
-    ['link', { rel: 'icon', href: '/logo.png' }]
-  ],
-  lang: 'zh-CN',
-  themeConfig: {
-    search: {
-      provider: 'local'
-    },
-    darkModeSwitchLabel: '主题',
-    sidebarMenuLabel: '菜单',
-    returnToTopLabel: '返回顶部',
-    outlineTitle: '本页导航',
-    lastUpdatedText: '上次更新时间',
-    docFooter: {
-      prev: '上一页',
-      next: '下一页'
-    },
-    // https://vitepress.dev/reference/default-theme-config
-    nav: [
-      { text: '首页', link: '/' },
-      { text: '指南', link: '/guide/' },
-      {
-        text: '组件',
-        link: '/components/type'
-      },
-      {
-        text: '捐赠',
-        link: '/donate'
-      },
-      {
-        text: '常见问题',
-        link: '/components/QA.html'
-      },
-      {
-        text: '生态系统',
-        items: [
-          {
-            text: 'Utils',
-            link: '/api/utils/'
-          },
-          {
-            text: 'Hooks',
-            link: '/ecosystem/hooks'
-          },
-          {
-            text: 'Resolver',
-            link: '/ecosystem/resolver'
-          },
-          {
-            text: 'Eslint Config',
-            link: '/ecosystem/eslint-config'
-          }
-        ]
-      },
-      {
-        text: `v${pkg.version}`,
-        items: [
-          {
-            text: '版本升级',
-            link: '/guide/upgrade'
-          },
-          {
-            text: '推荐版本',
-            link: '/guide/changelog.html#推荐版本'
-          },
-          {
-            text: '历史版本',
-            link: 'https://github.com/plus-pro-components/plus-pro-components/releases'
-          },
-          {
-            text: '更新日志',
-            link: 'https://github.com/plus-pro-components/plus-pro-components/blob/dev/CHANGELOG.md'
-          }
-        ]
-      },
-      {
-        text: '演练场',
-        link: 'http://playground.plus-pro-components.com/'
-      }
-    ],
-    sidebar: {
-      '/guide/': [
-        {
-          text: '简介',
-          items: [
-            {
-              text: '简介',
-              link: '/guide/index'
-            }
-          ]
-        },
-        {
-          text: '基础',
-          items: [
-            {
-              text: '安装',
-              link: '/guide/installation'
-            },
-            {
-              text: '快速开始',
-              link: '/guide/quickstart'
-            }
-          ]
-        },
-        {
-          text: '进阶',
-          items: [
-            {
-              text: '国际化',
-              link: '/guide/i18n'
-            },
-            {
-              text: '版本升级',
-              link: '/guide/upgrade'
-            },
-            {
-              text: '命名空间',
-              link: '/guide/namespace'
-            },
-            {
-              text: '暗黑模式',
-              link: '/guide/dark-mode'
-            },
-            {
-              text: '更新日志',
-              link: '/guide/changelog'
-            },
-            {
-              text: '组件设计',
-              link: '/guide/design'
-            }
-          ]
-        },
-        {
-          text: '开发',
-          items: [
-            {
-              text: '开发指南',
-              link: '/guide/dev'
-            },
-            {
-              text: '贡献指南',
-              link: '/guide/contribution'
-            }
-          ]
-        }
-      ],
-      '/components/': [
-        {
-          text: '基础',
-          items: [
-            {
-              text: '基础Ts类型',
-              link: '/components/type'
-            },
-            {
-              text: '高级组件通用配置',
-              link: '/components/config'
-            },
-            {
-              text: '事件和样式透传',
-              link: '/components/attrs'
-            },
-            {
-              text: '组件自定义总则',
-              link: '/components/rule'
-            }
-          ]
-        },
-        {
-          text: '高级组件',
-          items: [
-            {
-              text: '布局',
-              link: '/components/layout'
-            },
-            {
-              text: '多选卡片组',
-              link: '/components/check-card-group'
-            },
-            {
-              text: '表格',
-              link: '/components/table'
-            },
-            {
-              text: '表单',
-              link: '/components/form',
-              items: [
-                {
-                  text: '基础表单',
-                  link: '/components/form'
-                },
-                {
-                  text: '弹窗表单',
-                  link: '/components/dialog-form'
-                },
-                {
-                  text: '抽屉表单',
-                  link: '/components/drawer-form'
-                },
-                {
-                  text: '分步表单',
-                  link: '/components/steps-form'
-                }
-              ]
-            },
-            {
-              text: '搜索',
-              link: '/components/search'
-            },
-            {
-              text: '描述列表',
-              link: '/components/descriptions'
-            },
-            {
-              text: '页面',
-              link: '/components/page'
-            }
-          ]
-        },
-        {
-          text: '常见问题',
-          link: '/components/QA'
-        },
-        {
-          text: '内置组件',
-          items: [
-            {
-              text: '弹窗',
-              link: '/components/dialog'
-            },
-            {
-              text: '弹出框',
-              link: '/components/popover'
-            },
-            {
-              text: '分页',
-              link: '/components/pagination'
-            },
-            {
-              text: '单选',
-              link: '/components/radio'
-            },
-            {
-              text: '日期时间',
-              link: '/components/date-picker'
-            },
-            {
-              text: '输入标签',
-              link: '/components/input-tag'
-            },
-            {
-              text: '显示单项组件',
-              link: '/components/display-item'
-            },
-            {
-              text: '表单单项组件',
-              link: '/components/form-item'
-            },
-            {
-              text: '面包屑',
-              link: '/components/breadcrumb'
-            },
-            {
-              text: '页头',
-              link: '/components/header'
-            },
-            {
-              text: '侧边栏',
-              link: '/components/sidebar'
-            },
-            {
-              text: '可选择卡片',
-              link: '/components/check-card'
-            }
-          ]
-        }
-      ],
-      '/api/': [
-        {
-          text: '工具utils',
-          link: '/api/utils/',
-          items: [
-            {
-              text: '时间',
-              link: '/api/utils/day'
-            },
-            {
-              text: '数字',
-              link: '/api/utils/number'
-            },
-            {
-              text: 'AES加密',
-              link: '/api/utils/encrypt'
-            },
-            {
-              text: '存储',
-              link: '/api/utils/storage'
-            },
-            {
-              text: 'cookie',
-              link: '/api/utils/cookie'
-            },
-            {
-              text: '文件',
-              link: '/api/utils/file'
-            },
-            {
-              text: '判断',
-              link: '/api/utils/is'
-            },
-            {
-              text: '校验',
-              link: '/api/utils/validate'
-            },
-            {
-              text: '其他',
-              link: '/api/utils/other'
-            }
-          ]
-        }
-      ]
-    },
-    socialLinks: [
-      { icon: 'github', link: 'https://github.com/plus-pro-components/plus-pro-components' }
-    ],
-    footer: {
-      message: 'MIT Licensed.',
-      copyright:
-        'Copyright © 2023-present xiaofei <a class="miit-link" style="color: var(--vp-c-brand);" href="https://beian.miit.gov.cn" class="fake-link black-70 ph1">陕ICP备2021003270号-2</a>'
-    },
-    editLink: {
-      text: '在 GitHub 上编辑此页',
-      pattern: 'https://github.com/plus-pro-components/plus-pro-components/edit/dev/docs/:path'
-    }
-  },
-  lastUpdated: true,
-  markdown: {
-    lineNumbers: true,
-    config: md => mdPlugin(md)
-  },
-  vite: {
-    plugins: [llmstxt()]
-  }
-})

package/docs/.vitepress/plugins/mdPlugin.ts

@@ -1,41 +0,0 @@
-import path from 'path'
-import fs from 'fs'
-import MarkdownIt from 'markdown-it'
-import mdContainer from 'markdown-it-container'
-import type Token from 'markdown-it/lib/token'
-import type Renderer from 'markdown-it/lib/renderer'
-
-const docRoot = path.resolve(__dirname, '../../')
-
-interface ContainerOpts {
-  marker?: string | undefined
-  validate?(params: string): boolean
-  render?(tokens: Token[], index: number, options: any, env: any, self: Renderer): string
-}
-
-export const mdPlugin = (md: MarkdownIt) => {
-  md.use(mdContainer, 'demo', {
-    validate(params) {
-      return !!params.trim().match(/^demo\s*(.*)$/)
-    },
-
-    render(tokens, idx) {
-      if (tokens[idx].nesting === 1 /* means the tag is opening */) {
-        const sourceFileToken = tokens[idx + 2]
-        let source = ''
-        const sourceFile = sourceFileToken.children?.[0].content ?? ''
-
-        if (sourceFileToken.type === 'inline') {
-          source = fs.readFileSync(path.resolve(docRoot, 'examples', `${sourceFile}.vue`), 'utf-8')
-        }
-        if (!source) throw new Error(`Incorrect source file: ${sourceFile}`)
-
-        return `<DocsCodeDemo  source="${encodeURIComponent(
-          source
-        )}" path="${sourceFile}" raw-source="${encodeURIComponent(source)}" >`
-      } else {
-        return '</DocsCodeDemo>'
-      }
-    }
-  } as ContainerOpts)
-}

package/docs/.vitepress/theme/components/docs-changelog.vue

@@ -1,105 +0,0 @@
-<script setup lang="ts">
-import { onMounted, ref } from 'vue'
-import axios from 'axios'
-
-interface Release {
-  id: number
-  name: string
-}
-
-const loading = ref(true)
-const releases = ref<Release[]>([])
-const currentRelease = ref()
-
-const onVersionChange = (val: string) => {
-  const _releases = releases.value
-  currentRelease.value = _releases[_releases.findIndex(r => r.name === val)]
-}
-
-onMounted(async () => {
-  try {
-    const { data } = await axios.get<Release[]>(
-      'https://api.github.com/repos/plus-pro-components/plus-pro-components/releases'
-    )
-    releases.value = data
-    currentRelease.value = data[0]
-  } catch {
-    releases.value = []
-    currentRelease.value = undefined
-    // do something
-  } finally {
-    loading.value = false
-  }
-})
-</script>
-
-<template>
-  <div class="docs-changelog">
-    <ClientOnly>
-      <el-skeleton :loading="loading">
-        <div class="docs-changelog-versions">
-          <p class="docs-changelog-text">请选择版本:</p>
-          <el-select
-            :model-value="currentRelease.name"
-            placeholder="请选择版本"
-            style="min-width: 200px"
-            @change="onVersionChange"
-          >
-            <el-option v-for="release in releases" :key="release.id" :value="release.name">
-              {{ release.name }}
-            </el-option>
-          </el-select>
-        </div>
-        <el-card v-if="currentRelease">
-          <template #header>
-            <div class="docs-changelog-header">
-              <div class="docs-changelog-meta">
-                <p class="docs-changelog-by">
-                  发布者
-                  <strong>{{ currentRelease.author.login }}</strong>
-                </p>
-                <p class="docs-changelog-date">
-                  {{ new Date(currentRelease.published_at).toLocaleString() }}
-                </p>
-              </div>
-              <div class="docs-operators">
-                <a :href="currentRelease.html_url" style="color: #409eff"> 链接 </a>
-              </div>
-            </div>
-          </template>
-          <div>
-            <DocsMarkdown :content="currentRelease.body" />
-          </div>
-        </el-card>
-      </el-skeleton>
-    </ClientOnly>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.docs-changelog-versions {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 1rem;
-
-  .docs-changelog-text {
-    margin-right: 10px;
-    flex: 0 0 86px;
-  }
-}
-.docs-changelog-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-
-  .docs-changelog-meta {
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    p {
-      margin: 0;
-    }
-  }
-}
-</style>

package/docs/.vitepress/theme/components/docs-code-demo.vue

@@ -1,146 +0,0 @@
-<template>
-  <ClientOnly>
-    <div class="docs-example-showcase" :data-path="path">
-      <AppAsyncComponent />
-    </div>
-    <div class="docs-example-btns" :data-path="path">
-      <el-tooltip content="在 Playground 中编辑">
-        <el-icon :size="size" @click="handleEditPlayground">
-          <svg
-            preserveAspectRatio="xMidYMid meet"
-            viewBox="0 0 24 24"
-            width="1.2em"
-            height="1.2em"
-            data-v-5d9e4641=""
-          >
-            <path
-              d="M16 2v2h-1v3.243c0 1.158.251 2.301.736 3.352l4.282 9.276A1.5 1.5 0 0 1 18.656 22H5.344a1.5 1.5 0 0 1-1.362-2.129l4.282-9.276A7.994 7.994 0 0 0 9 7.243V4H8V2h8zm-2.612 8.001h-2.776c-.104.363-.23.721-.374 1.071l-.158.361L6.125 20h11.749l-3.954-8.567a9.978 9.978 0 0 1-.532-1.432zM11 7.243c0 .253-.01.506-.029.758h2.058a8.777 8.777 0 0 1-.021-.364L13 7.243V4h-2v3.243z"
-            ></path>
-          </svg>
-        </el-icon>
-      </el-tooltip>
-      <el-tooltip content="在 GitHub 中编辑">
-        <el-icon :size="size" @click="handleEdit"><EditPen /></el-icon>
-      </el-tooltip>
-      <el-tooltip content="复制代码">
-        <el-icon :size="size"><DocumentCopy v-copy="content" /></el-icon>
-      </el-tooltip>
-      <el-tooltip :content="show ? '收起源代码' : '查看源代码'">
-        <el-icon :size="size" @click="handleToggle">
-          <ArrowUp v-if="show" />
-          <ArrowDown v-else />
-        </el-icon>
-      </el-tooltip>
-    </div>
-    <div
-      :style="{
-        display: show ? 'block' : 'none'
-      }"
-      class="docs-example-language-vue language-vue"
-      :data-path="path"
-    >
-      <div class="content">
-        <highlightjs language="js" :code="decoded"></highlightjs>
-      </div>
-      <div class="line-numbers-wrapper">
-        <template v-for="item in total" :key="item">
-          <span class="line-number">
-            {{ item }}
-          </span>
-          <br />
-        </template>
-      </div>
-    </div>
-  </ClientOnly>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { DocumentCopy, ArrowDown, ArrowUp, EditPen, Position } from '@element-plus/icons-vue'
-import { getComponent } from '../../utils/getComponent'
-import { getPlaygroundEncoded } from '../../utils'
-
-// 编辑地址
-const editUrl = 'https://github.com/plus-pro-components/plus-pro-components/edit/dev/docs/examples'
-const editPlaygroundUrl = 'http://playground.plus-pro-components.com'
-// const editPlaygroundUrl = 'http://127.0.0.1:3002'
-
-// 自动加载 asyncRouter 文件夹下所有的异步路由
-const moduleFiles = import.meta.glob('../../../examples/**/*.vue', {
-  eager: true
-})
-
-const props = defineProps<{
-  source: string
-  path: string
-  rawSource: string
-}>()
-
-const show = ref(false)
-const total = ref(0)
-const size = 18
-
-const AppAsyncComponent = getComponent(moduleFiles, props.path)
-
-const handleToggle = () => {
-  show.value = !show.value
-}
-
-const decoded = computed(() => decodeURIComponent(props.source))
-const content = computed(() => decodeURIComponent(props.rawSource))
-
-// add line-number
-const tem = content.value.split('\r\n')
-total.value = tem.length
-
-// 去github编辑
-const handleEdit = () => {
-  const url = `${editUrl}/${props.path}.vue`
-  window.open(url, '_blank')
-}
-
-// 去Playground编辑
-const handleEditPlayground = () => {
-  const encoded = getPlaygroundEncoded(props.rawSource)
-  const url = `${editPlaygroundUrl}/#${encoded}`
-  window.open(url, '_blank')
-}
-</script>
-
-<style lang="scss" scoped>
-.docs-example-showcase {
-  border: 1px solid #dcdfe6;
-  border-radius: 4px 4px 0 0;
-  padding: 20px;
-  overflow: auto;
-}
-.docs-example-btns {
-  border: 1px solid #dcdfe6;
-  border-top: 0;
-  padding: 20px;
-  margin-bottom: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  border-radius: 0 0 4px 4px;
-  .el-icon {
-    cursor: pointer;
-    margin-left: 20px;
-    color: #747578;
-  }
-}
-.content {
-  padding-left: 32px;
-}
-
-.line-numbers-wrapper {
-  border-color: #dcdfe6;
-  line-height: 1.4;
-  padding-top: 11px;
-  user-select: none;
-  .line-number {
-    color: #aaa;
-    line-height: 1.4;
-  }
-}
-</style>

package/docs/.vitepress/theme/components/docs-markdown.vue

@@ -1,24 +0,0 @@
-<template>
-  <div class="docs-markdown-wrapper" v-html="parsed" />
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue'
-import MarkdownIt from 'markdown-it'
-
-const md = new MarkdownIt()
-
-const props = defineProps({
-  content: { type: String, required: true }
-})
-
-const parsed = computed(() => {
-  return md.render(props.content).replace(/<a/g, `<a target="_blank"`)
-})
-</script>
-
-<style>
-.docs-markdown-wrapper h3 {
-  margin-top: 1rem;
-}
-</style>