@wlydfe/pro-ui 0.2.20 → 0.2.21

package/docs/index.md

@@ -0,0 +1,53 @@
+---
+# https://vitepress.dev/reference/default-theme-home-page
+layout: home
+
+hero:
+  name: PlusProComponents
+  text: 页面级别的前端组件
+  tagline: vue 版本的 <a class='tagline-link' href="https://procomponents.ant.design/">ProComponents</a>，基于vue3.2和element-plus构建。
+  image:
+    src: /logo.png
+    alt: Logo image
+  actions:
+    - theme: brand
+      text: 开始
+      link: /guide/
+
+    - theme: alt
+      text: 组件
+      link: /components/type
+
+features:
+  - icon: 🔥
+    title: 功能强大
+    details: PlusProComponents 的组件不仅提供了基本的 UI 展示功能，还具备了复杂的数据操作和业务逻辑处理能力，能够快速构建出功能强大的企业应用。
+
+  - icon: 💡
+    title: 易于使用
+    details: PlusProComponents 提供了简单易用的 API 和完善的文档，使得开发者能够快速上手并使用其中的组件。
+
+  - icon: 📦
+    title: 高度可定制
+    details: PlusProComponents 的组件支持多种配置和样式自定义，能够满足不同项目的需求。
+
+  - icon: ✅
+    title: 兼容element-plus
+    details: PlusProComponents 100%兼容和 Element Plus 同名的组件，包括属性，事件，方法，插槽等。
+
+  - icon: 🛠️
+    title: 丰富的组件库
+    details: PlusProComponents 基于 Element Plus 提供了大量的 UI 组件，包括表格、表单、布局等，能够满足大多数企业应用的需求。
+
+  - icon: ➕
+    title: 使用 TypeScript
+    details: PlusProComponents 全量使用 TypeScript 编写，和你的 TypeScript 项目无缝衔接。
+
+  - icon: 🌐
+    title: 国际化
+    details: PlusProComponents 提供完备的国际化，与 element-plus 体系打通，无需多余配置。
+
+  - icon: 🐋
+    title: 预设
+    details: PlusProComponents 预设基本的样式，与 element-plus 样式一脉相承。 PlusProComponents 预设基本的行为，更少的代码具备更多的功能。
+---

package/docs/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@wlydfe/pro-ui-docs",
+  "version": "0.0.1",
+  "private": true,
+  "description": "plus-pro-components docs",
+  "main": "index.js",
+  "type": "module",
+  "scripts": {
+    "dev": "vitepress dev",
+    "start": "cross-env PLUS_WRITE=true vitepress dev",
+    "debug": "cross-env PLUS_DEBUG=true vitepress dev",
+    "build": "vitepress build",
+    "build:local": "cross-env PLUS_WRITE=true vitepress build",
+    "preview": "vitepress preview"
+  },
+  "keywords": [],
+  "author": "xiaofei",
+  "license": "ISC",
+  "devDependencies": {
+    "@highlightjs/vue-plugin": "^2.1.0",
+    "@types/js-cookie": "^3.0.3",
+    "@types/markdown-it": "^12.2.3",
+    "@types/markdown-it-container": "^2.0.5",
+    "cross-env": "^7.0.3",
+    "markdown-it": "^13.0.1",
+    "markdown-it-container": "^3.0.0",
+    "sass": "^1.75.0",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-inspect": "^0.8.3",
+    "vitepress": "1.1.3",
+    "vitepress-plugin-llms": "^1.1.3"
+  },
+  "dependencies": {
+    "element-plus": "2.6.3",
+    "highlight.js": "^11.9.0",
+    "js-cookie": "^3.0.5",
+    "plus-pro-components": "npm:plus-pro-components@latest",
+    "vue": "3.4.21"
+  }
+}

package/docs/public/hmt.js

@@ -0,0 +1,8 @@
+ var _hmt = _hmt || [];
+(function() {
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?3424c5819a5d8516b46e368d17653988";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
+})();
+ 

package/docs/public/home.svg

@@ -0,0 +1 @@
+ <svg t="1645152038062" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2973" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><defs><style type="text/css"></style></defs><path d="M96 480c-9.6 0-19.2-3.2-25.6-12.8-12.8-12.8-9.6-35.2 3.2-44.8l377.6-310.4c35.2-25.6 86.4-25.6 118.4 0l377.6 307.2c12.8 9.6 16 32 3.2 44.8-12.8 12.8-32 16-44.8 3.2L531.2 166.4c-9.6-6.4-28.8-6.4-38.4 0L115.2 473.6c-6.4 6.4-12.8 6.4-19.2 6.4zM816 928H608c-19.2 0-32-12.8-32-32v-150.4c0-22.4-38.4-44.8-67.2-44.8-28.8 0-64 19.2-64 44.8V896c0 19.2-12.8 32-32 32H211.2C163.2 928 128 892.8 128 848V544c0-19.2 12.8-32 32-32s32 12.8 32 32v304c0 9.6 6.4 16 19.2 16H384v-118.4c0-64 67.2-108.8 128-108.8s131.2 44.8 131.2 108.8V864h176c9.6 0 16 0 16-19.2V544c0-19.2 12.8-32 32-32s32 12.8 32 32v304C896 896 864 928 816 928z" fill="#666666" p-id="2974"></path></svg>

package/docs/public/iconfont-symbol.js

@@ -0,0 +1 @@
+!function(d){var e,l='<svg><symbol id="iconyunying" viewBox="0 0 1024 1024"><path d="M376.672 285.248c0-82.702-69.85-149.805-156.116-149.805-86.148 0.06-156.056 67.103-156.056 149.805 0 40.25 16.597 76.809 43.521 103.78-7.343 29.532-11.164 60.255-11.164 91.931 0 142.423 78.148 267.398 195.518 337.419l31.223-123.012c-63.76-51.324-104.356-128.25-104.356-214.347 0-15.66 1.314-31.021 3.941-45.906 85.072-1.43 153.489-67.936 153.489-149.865z m133.906-83.656c53.97 0 104.416 14.052 147.818 38.643-6.866 16.85-10.508 35.129-10.508 54.242 0 82.761 69.849 149.805 155.996 149.805 86.148 0 156.116-67.103 156.116-149.805s-69.968-149.805-156.116-149.805c-20.179 0-39.521 3.691-57.133 10.36C679.708 110.257 598.457 84 510.578 84c-59.461 0-115.997 12.086-167.1 33.759l71.341 99.255c29.969-10.003 62.208-15.422 95.759-15.422z m290.858 291.93c-4.656 101.815-66.207 189.519-154.862 234.591-25.79-48.526-78.386-81.749-139.041-81.749-86.267 0-156.116 67.103-156.116 149.805 0 82.702 69.848 149.864 156.116 149.864 64.655 0 120.296-37.809 143.817-91.633 159.162-55.313 272.83-201.666 272.83-373.381 0-8.812-0.358-17.505-0.955-26.139l-121.789 38.642zM376.672 285.248c0-82.702-69.85-149.805-156.116-149.805-86.148 0.06-156.056 67.103-156.056 149.805 0 40.25 16.597 76.809 43.521 103.78-7.343 29.532-11.164 60.255-11.164 91.931 0 142.423 78.148 267.398 195.518 337.419l31.223-123.012c-63.76-51.324-104.356-128.25-104.356-214.347 0-15.66 1.314-31.021 3.941-45.906 85.072-1.43 153.489-67.936 153.489-149.865z m133.906-83.656c53.97 0 104.416 14.052 147.818 38.643-6.866 16.85-10.508 35.129-10.508 54.242 0 82.761 69.849 149.805 155.996 149.805 86.148 0 156.116-67.103 156.116-149.805s-69.968-149.805-156.116-149.805c-20.179 0-39.521 3.691-57.133 10.36C679.708 110.257 598.457 84 510.578 84c-59.461 0-115.997 12.086-167.1 33.759l71.341 99.255c29.969-10.003 62.208-15.422 95.759-15.422z m290.858 291.93c-4.656 101.815-66.207 189.519-154.862 234.591-25.79-48.526-78.386-81.749-139.041-81.749-86.267 0-156.116 67.103-156.116 149.805 0 82.702 69.848 149.864 156.116 149.864 64.655 0 120.296-37.809 143.817-91.633 159.162-55.313 272.83-201.666 272.83-373.381 0-8.812-0.358-17.505-0.955-26.139l-121.789 38.642zM376.672 285.248c0-82.702-69.85-149.805-156.116-149.805-86.148 0.06-156.056 67.103-156.056 149.805 0 40.25 16.597 76.809 43.521 103.78-7.343 29.532-11.164 60.255-11.164 91.931 0 142.423 78.148 267.398 195.518 337.419l31.223-123.012c-63.76-51.324-104.356-128.25-104.356-214.347 0-15.66 1.314-31.021 3.941-45.906 85.072-1.43 153.489-67.936 153.489-149.865z m133.906-83.656c53.97 0 104.416 14.052 147.818 38.643-6.866 16.85-10.508 35.129-10.508 54.242 0 82.761 69.849 149.805 155.996 149.805 86.148 0 156.116-67.103 156.116-149.805s-69.968-149.805-156.116-149.805c-20.179 0-39.521 3.691-57.133 10.36C679.708 110.257 598.457 84 510.578 84c-59.461 0-115.997 12.086-167.1 33.759l71.341 99.255c29.969-10.003 62.208-15.422 95.759-15.422z m290.858 291.93c-4.656 101.815-66.207 189.519-154.862 234.591-25.79-48.526-78.386-81.749-139.041-81.749-86.267 0-156.116 67.103-156.116 149.805 0 82.702 69.848 149.864 156.116 149.864 64.655 0 120.296-37.809 143.817-91.633 159.162-55.313 272.83-201.666 272.83-373.381 0-8.812-0.358-17.505-0.955-26.139l-121.789 38.642z"  ></path></symbol><symbol id="iconcsdn" viewBox="0 0 1024 1024"><path d="M512 1024C229.2224 1024 0 794.7776 0 512 0 229.2224 229.2224 0 512 0c282.7776 0 512 229.2224 512 512 0 282.7776-229.2224 512-512 512z m17.066667-413.525333c34.850133 4.352 68.778667 5.12 102.741333 2.0992 23.04-2.048 44.817067-8.362667 64.170667-21.9136 38.212267-26.794667 49.783467-85.1968 24.251733-123.050667-14.626133-21.7088-36.8128-30.344533-60.757333-35.498667-35.054933-7.543467-70.4512-5.751467-105.847467-3.413333-5.666133 0.3584-6.7584 3.072-7.236267 8.209067-3.072 32.682667-6.536533 65.314133-9.813333 97.962666-2.5088 24.814933-4.932267 49.629867-7.509333 75.605334z m53.4016-33.928534c1.962667-20.906667 3.6352-39.338667 5.4272-57.770666 1.553067-15.906133 3.413333-31.778133 4.727466-47.701334 0.3584-4.283733 1.553067-6.656 5.956267-6.382933 15.616 1.041067 31.709867 0.034133 46.728533 3.652267 36.488533 8.823467 48.725333 54.306133 23.3472 83.029333-15.8208 17.902933-36.7616 23.586133-59.255466 25.088-8.465067 0.546133-17.015467 0.085333-26.9312 0.085333zM512 434.295467c-2.184533-0.648533-3.5328-1.1776-4.932267-1.4336-37.717333-6.877867-75.690667-8.328533-113.646933-2.816-20.974933 3.037867-41.0112 9.489067-57.480533 23.330133-22.9888 19.319467-21.640533 46.848 4.4032 62.0032 13.056 7.594667 28.023467 12.509867 42.5984 17.288533 14.08 4.608 28.996267 6.826667 43.144533 11.264 12.5952 3.925333 14.011733 14.318933 3.584 22.306134-3.345067 2.56-7.441067 5.085867-11.537067 5.751466-11.195733 1.826133-22.698667 4.386133-33.826133 3.566934-24.098133-1.774933-48.042667-5.461333-72.5504-8.430934-1.365333 10.615467-2.935467 23.0912-4.5568 35.9424 4.181333 1.365333 7.68 2.730667 11.264 3.618134 33.9456 8.4992 68.386133 9.608533 102.912 5.12 20.087467-2.6112 39.4752-7.901867 56.695467-19.029334 28.603733-18.4832 36.693333-57.1904-4.676267-75.383466-14.506667-6.382933-30.190933-10.410667-45.482667-15.086934-11.4176-3.4816-23.313067-5.614933-34.525866-9.5232-9.7792-3.413333-11.144533-12.202667-3.037867-18.397866 4.6592-3.549867 10.717867-6.997333 16.384-7.3728a480.853333 480.853333 0 0 1 53.384533-0.853334c15.377067 0.699733 30.651733 3.549867 46.4896 5.5296L512 434.295467z m257.143467 2.048L750.933333 614.2976h54.152534c4.778667-45.636267 9.710933-90.7264 14.062933-135.8848 0.6144-6.365867 2.3552-8.840533 8.686933-9.0112 11.434667-0.273067 22.8864-1.979733 34.286934-1.570133 23.722667 0.853333 42.3936 9.728 38.4 43.264-2.901333 24.2688-5.597867 48.571733-8.2432 72.874666-1.092267 10.069333-1.826133 20.189867-2.730667 30.4128h55.330133c3.584-35.259733 7.9872-70.058667 10.496-104.994133 3.413333-47.4624-17.7664-73.3184-64.682666-80.213333-40.96-6.007467-81.339733-0.341333-121.5488 7.133866z m-483.498667 134.6048c-8.738133 1.297067-16.384 2.798933-24.098133 3.4816-25.6512 2.235733-51.319467 3.9424-76.305067-4.266667-13.909333-4.590933-24.6784-12.578133-29.7984-25.9584-7.901867-20.701867 0.887467-47.104 19.831467-60.3136 17.373867-12.117333 37.717333-15.9232 58.453333-15.9232 22.545067-0.017067 45.090133 2.423467 68.232533 3.84L307.2 432.298667c-15.069867-1.723733-29.4912-3.925333-43.997867-4.9152-41.0112-2.798933-80.64 2.6112-117.469866 20.462933-30.020267 14.557867-52.053333 36.010667-58.6752 68.130133-7.850667 38.144 11.537067 69.495467 51.7632 85.845334 19.1488 7.765333 39.287467 12.509867 60.0064 12.5952 24.746667 0.1024 49.493333-1.570133 74.205866-2.952534 3.106133-0.170667 8.311467-2.901333 8.669867-5.034666 1.979733-11.554133 2.730667-23.278933 3.9424-35.464534z" fill="#DD1700" ></path></symbol><symbol id="iconblog" viewBox="0 0 1024 1024"><path d="M14.412 512a497.588 497.588 0 1 0 995.176 0 497.588 497.588 0 1 0-995.176 0z" fill="#2C2C2C" ></path><path d="M344.313 786.438V237.562h177.214c62.43 0 109.25 10.923 140.478 32.756 31.214 21.833 46.821 54.88 46.821 99.105 0 13.726-1.614 27.088-4.83 40.11-3.216 13.022-8.192 24.989-14.903 35.912-6.724 10.922-15.122 20.583-25.195 28.981-10.073 8.398-21.979 14.976-35.693 19.734 13.714 2.245 26.81 6.65 39.261 13.228a116.698 116.698 0 0 1 32.756 25.62c9.381 10.498 16.796 22.889 22.258 37.161 5.461 14.273 8.192 30.232 8.192 47.878 0 55.997-18.763 98.061-56.276 126.193-37.526 28.132-91.69 42.21-162.517 42.21H344.313z m257.01-398.956c0-10.353-1.675-19.734-5.036-28.132-3.362-8.399-8.75-15.535-16.166-21.42-7.415-5.875-16.942-10.426-28.557-13.654-11.626-3.216-25.692-4.83-42.21-4.83H446.78V464.74h62.574c16.797 0 31.009-2.026 42.623-6.092 11.614-4.054 21.13-9.66 28.557-16.797 7.415-7.136 12.73-15.328 15.959-24.564 3.216-9.223 4.83-19.163 4.83-29.806z m-82.32 314.548c16.517 0 31.008-2.1 43.46-6.299 12.452-4.199 22.889-10.012 31.287-17.427 8.398-7.416 14.758-16.166 19.103-26.251 4.332-10.073 6.505-20.85 6.505-32.331 0-23.787-8.896-42.417-26.664-55.851-17.78-13.435-45.001-20.159-81.677-20.159h-64.25V702.03h72.236z" fill="#FFFFFF" ></path></symbol></svg>',t=(e=document.getElementsByTagName("script"))[e.length-1].getAttribute("data-injectcss");if(t&&!d.__iconfont__svg__cssinject__){d.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}!function(e){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(e,0);else{var t=function(){document.removeEventListener("DOMContentLoaded",t,!1),e()};document.addEventListener("DOMContentLoaded",t,!1)}else document.attachEvent&&(n=e,o=d.document,i=!1,(l=function(){try{o.documentElement.doScroll("left")}catch(e){return void setTimeout(l,50)}c()})(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,c())});function c(){i||(i=!0,n())}var n,o,i,l}(function(){var e,t,c,n,o,i;(e=document.createElement("div")).innerHTML=l,l=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",c=t,(n=document.body).firstChild?(o=c,(i=n.firstChild).parentNode.insertBefore(o,i)):n.appendChild(c))})}(window);

package/docs/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent:*
+Disallow: /donate.html

package/docs/public/style.js

@@ -0,0 +1,9 @@
+ (function () {
+    if (location.origin.includes('plus-pro-components.com')) {
+      var style = document.createElement('style')
+      style.type = 'text/css'
+      style.innerText = `.miit-link{display:inline-block!important;}`
+      var s = document.head
+      s.appendChild(style)
+    }
+  })()

package/docs/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitAny": false,
+    "skipLibCheck": true,
+    "lib": ["DOM"],
+    "paths": {},
+    "types": ["vite/client"],
+    "jsx": "preserve"
+  },
+  "include": ["**/*", ".vitepress/**/*"],
+  "exclude": ["node_modules"]
+}

package/docs/vite.config.ts

@@ -0,0 +1,56 @@
+import { fileURLToPath, URL } from 'url'
+import Inspect from 'vite-plugin-inspect'
+import type { PluginOption, AliasOptions } from 'vite'
+import { defineConfig } from 'vite'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import viteCompression from 'vite-plugin-compression'
+
+// 生产环境判断
+const isEnvProduction = process.env.NODE_ENV === 'production'
+
+const pathResolve = (dir: string): string => fileURLToPath(new URL(dir, import.meta.url))
+
+const isWrite = process.env.PLUS_WRITE === 'true'
+const isDebug = process.env.PLUS_DEBUG === 'true'
+
+const alias: AliasOptions = isWrite
+  ? {
+      'plus-pro-components-main': pathResolve('../dist/plus-pro-components'),
+      'plus-pro-components-css': pathResolve('../dist/plus-pro-components/theme-chalk/index.css')
+    }
+  : isDebug
+  ? {
+      'plus-pro-components-main': pathResolve('../packages/plus-pro-components/index'),
+      'plus-pro-components/es/locale/lang/zh-cn': pathResolve('../packages/locale/lang/zh-cn'),
+      'plus-pro-components/es/locale/lang/en': pathResolve('../packages/locale/lang/en'),
+      'plus-pro-components-css': pathResolve('../packages/theme-chalk/src/index.scss')
+    }
+  : {
+      'plus-pro-components-main': pathResolve('./node_modules/plus-pro-components'),
+      'plus-pro-components-css': pathResolve(
+        './node_modules/plus-pro-components/theme-chalk/index.css'
+      )
+    }
+
+export default defineConfig(() => {
+  return {
+    server: {
+      host: true,
+      port: 3001
+    },
+    resolve: {
+      alias: alias
+    },
+    plugins: [
+      Inspect() as PluginOption,
+      vueJsx() as PluginOption,
+      isEnvProduction
+        ? (viteCompression({
+            filter: /\.(js|css)$/i,
+            // algorithm: 'brotliCompress',
+            threshold: 10 * 1024 // 10kb
+          }) as PluginOption)
+        : undefined
+    ]
+  }
+})

package/package.json

@@ -1,109 +1,151 @@
 {
   "name": "@wlydfe/pro-ui",
-  "version": "0.2.20",
+  "version": "0.2.21",
   "description": "Page level components developed based on Element Plus.",
-  "author": "xiaofei",
-  "keywords": [
-    "wlydfe-pro-ui",
-    "element-plus",
-    "Page level components",
-    "component library",
-    "ui framework",
-    "ui",
-    "vue"
-  ],
   "license": "MIT",
-  "main": "lib/index.js",
-  "module": "es/index.mjs",
-  "types": "es/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./es/index.d.ts",
-      "import": "./es/index.mjs",
-      "require": "./lib/index.js"
-    },
-    "./global": {
-      "types": "./global.d.ts"
-    },
-    "./es": {
-      "types": "./es/index.d.ts",
-      "import": "./es/index.mjs"
-    },
-    "./lib": {
-      "types": "./lib/index.d.ts",
-      "require": "./lib/index.js"
-    },
-    "./directives": {
-      "types": "./es/directives/index.d.ts",
-      "import": "./es/directives/index.mjs",
-      "require": "./lib/directives/index.js"
-    },
-    "./es/*.mjs": {
-      "types": "./es/*.d.ts",
-      "import": "./es/*.mjs"
-    },
-    "./es/*": {
-      "types": [
-        "./es/*.d.ts",
-        "./es/*/index.d.ts"
-      ],
-      "import": "./es/*.mjs"
-    },
-    "./lib/*.js": {
-      "types": "./lib/*.d.ts",
-      "require": "./lib/*.js"
-    },
-    "./lib/*": {
-      "types": [
-        "./lib/*.d.ts",
-        "./lib/*/index.d.ts"
-      ],
-      "require": "./lib/*.js"
-    },
-    "./locale/*": {
-      "types": "./locale/*.d.ts",
-      "import": "./locale/*.mjs"
-    },
-    "./*": "./*"
-  },
-  "unpkg": "index.js",
-  "jsdelivr": "index.js",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/plus-pro-components/plus-pro-components.git"
+  "author": "xiaofei",
+  "workspaces": {
+    "packages": [
+      "packages/*",
+      "docs"
+    ]
   },
   "publishConfig": {
-    "access": "public",
     "registry": "https://registry.npmjs.org"
   },
-  "style": "index.css",
-  "sideEffects": [
-    "locale/*",
-    "index.css",
-    "theme-chalk/**/*.css",
-    "theme-chalk/src/**/*.scss",
-    "es/components/*/style/*",
-    "lib/components/*/style/*"
-  ],
-  "peerDependencies": {
-    "vue": "^3.2.0",
-    "element-plus": "^2.3.4"
-  },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.1.0",
+    "@element-plus/icons-vue": "^2.3.1",
+    "dayjs": "^1.11.7",
+    "element-plus": "^2.6.3",
+    "esbuild": "0.24.0",
     "lodash-es": "^4.17.21",
-    "sortablejs": "^1.15.0"
+    "sortablejs": "^1.15.0",
+    "vite": "^5.2.9",
+    "vue": "^3.4.21",
+    "vue-router": "^4.2.0",
+    "vue-tsc": "1.8.27",
+    "@wlydfe/pro-ui-components": "0.0.1",
+    "@wlydfe/pro-ui-constants": "0.0.1",
+    "@wlydfe/pro-ui-hooks": "0.0.1",
+    "@wlydfe/pro-ui-directives": "0.0.1",
+    "@wlydfe/pro-ui-locale": "0.0.1",
+    "@wlydfe/pro-ui-eslint-config": "0.0.3",
+    "@wlydfe/pro-ui-resolver": "0.2.8",
+    "@wlydfe/pro-ui-theme-chalk": "0.0.1",
+    "@wlydfe/pro-ui-types": "1.0.0",
+    "@wlydfe/pro-ui-utils": "0.0.12"
   },
   "devDependencies": {
-    "@types/lodash-es": "^4.17.6",
-    "@types/node": "*",
+    "@commitlint/cli": "^17.6.3",
+    "@commitlint/config-conventional": "^17.6.3",
+    "@inquirer/prompts": "^1.2.3",
+    "@pnpm/find-workspace-packages": "^6.0.8",
+    "@pnpm/logger": "^5.2.0",
+    "@pnpm/types": "^9.0.0",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@types/fs-extra": "^11.0.1",
+    "@types/jsdom": "^21.1.1",
+    "@types/lodash-es": "^4.17.7",
+    "@types/node": "^20.1.4",
     "@types/sortablejs": "^1.15.1",
-    "vue": "^3.3.4",
-    "element-plus": "^2.3.4"
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vitest/coverage-v8": "^1.5.0",
+    "@vue/eslint-config-prettier": "^7.1.0",
+    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/test-utils": "^2.4.5",
+    "autoprefixer": "^10.4.14",
+    "chalk": "4.1.2",
+    "commitizen": "^4.3.0",
+    "compare-func": "^2.0.0",
+    "consola": "^3.1.0",
+    "conventional-changelog-cli": "^3.0.0",
+    "conventional-changelog-custom-config": "^0.3.1",
+    "cssnano": "^6.0.1",
+    "cz-conventional-changelog": "^3.3.0",
+    "cz-customizable": "^7.0.0",
+    "cz-git": "^1.6.1",
+    "enquirer": "^2.3.6",
+    "eslint": "^8.40.0",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-plugin-cypress": "^2.15.2",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-vue": "^9.33.0",
+    "execa": "5.1.0",
+    "fast-glob": "^3.2.12",
+    "fs-extra": "^11.1.1",
+    "husky": "^8.0.3",
+    "jsdom": "^22.1.0",
+    "lint-staged": "^13.2.2",
+    "minimist": "^1.2.8",
+    "ora": "^6.3.1",
+    "postcss": "^8.4.24",
+    "prettier": "^2.8.8",
+    "rimraf": "^5.0.0",
+    "rollup": "^4.14.3",
+    "rollup-plugin-banner2": "^1.2.3",
+    "rollup-plugin-esbuild": "^6.1.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-scss": "^4.0.0",
+    "sass": "^1.75.0",
+    "semver": "^7.5.1",
+    "tsx": "^4.7.2",
+    "typescript": "^5.4.5",
+    "unbuild": "^2.0.0",
+    "vite-plugin-dts": "^3.8.3",
+    "vitest": "^1.5.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "engines": {
+    "node": ">= 18"
+  },
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-git",
+      "useEmoji": true
+    }
+  },
+  "lint-staged": {
+    "*.{vue,js,ts,jsx,tsx}": [
+      "pnpm run lint"
+    ]
   },
-  "browserslist": [
-    "> 1%",
-    "not ie 11",
-    "not op_mini all"
-  ]
-}
+  "scripts": {
+    "preinstall": "npx only-allow pnpm",
+    "postinstall": "pnpm stub:build && pnpm build:utils && pnpm build:eslint-config",
+    "test": "vitest",
+    "coverage": "vitest run --coverage",
+    "dev": "pnpm run -C packages/play dev",
+    "stub:build": "pnpm run -C scripts/build stub",
+    "build": "pnpm run clean && pnpm run build:theme && pnpm run build:main",
+    "build:resolver": "pnpm run -C packages/resolver build",
+    "build:utils": "pnpm run -C packages/utils build",
+    "build:main": "pnpm run -C scripts/build build",
+    "build:theme": "pnpm run -C packages/theme-chalk build",
+    "build:eslint-config": "pnpm run -C packages/eslint-config build",
+    "release:publish": "pnpm run release && bash scripts/publish-main.sh",
+    "commit": "bash scripts/commit.sh",
+    "sync": "bash scripts/sync.sh",
+    "release": "tsx scripts/release/index.ts",
+    "clean": "rimraf dist && rimraf packages/theme-chalk/dist",
+    "changelog": "tsx scripts/changelog/index.ts",
+    "gitcz": "git-cz",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx,.vue --fix",
+    "prettier": "prettier ./**/*.{js,jsx,ts,tsx,vue,css,less,sass,scss} --write",
+    "typecheck": "vue-tsc -p tsconfig.web.json --composite false --noEmit",
+    "typecheck:play": "vue-tsc -p packages/play/tsconfig.json --composite false --noEmit",
+    "docs:dev": "pnpm run -C docs dev",
+    "docs:start": "pnpm run -C docs start",
+    "docs:debug": "pnpm run -C docs debug",
+    "docs:build": "pnpm run -C docs build",
+    "docs:preview": "pnpm run -C docs preview",
+    "new": "tsx scripts/create-component/index.ts"
+  }
+}

package/packages/components/breadcrumb/__tests__/breadcrumb.test.tsx

@@ -0,0 +1,141 @@
+import { describe, expect, test } from 'vitest'
+import { ElBreadcrumb, ElBreadcrumbItem } from 'element-plus'
+import { mount } from '@vue/test-utils'
+import { nextTick } from 'vue'
+import type { PlusRouteRecordRaw } from 'plus-pro-components'
+import Breadcrumb from '../src/index.vue'
+
+describe('breadcrumb/index.vue', () => {
+  test('render test', async () => {
+    const routes: PlusRouteRecordRaw[] = [
+      {
+        path: '/breadcrumb/1',
+        name: 'Breadcrumb1',
+        meta: {
+          title: '面包屑1'
+        },
+        children: []
+      },
+      {
+        path: '/breadcrumb/2',
+        name: 'Breadcrumb2',
+        meta: {
+          title: '面包屑2'
+        },
+        children: []
+      }
+    ]
+    const wrapper = mount(() => <Breadcrumb routes={routes} />, {
+      components: {
+        ElBreadcrumb,
+        ElBreadcrumbItem
+      }
+    })
+    await nextTick()
+    expect(wrapper.find('.plus-breadcrumb').exists()).toBe(true)
+    expect(wrapper.find('.plus-breadcrumb-item').exists()).toBe(true)
+    expect(wrapper.find('.plus-breadcrumb').text()).includes(routes[0].meta?.title)
+    expect(wrapper.find('.plus-breadcrumb').text()).includes(routes[1].meta?.title)
+  })
+
+  test('hideInBreadcrumb test', async () => {
+    const routes: PlusRouteRecordRaw[] = [
+      {
+        path: '/breadcrumb/1',
+        name: 'Breadcrumb1',
+        meta: {
+          title: '面包屑1'
+        },
+        children: []
+      },
+      {
+        path: '/breadcrumb/2',
+        name: 'Breadcrumb2',
+        meta: {
+          title: '面包屑2',
+          hideInBreadcrumb: true
+        },
+        children: []
+      }
+    ]
+    const wrapper = mount(() => <Breadcrumb routes={routes} />, {
+      components: {
+        ElBreadcrumb,
+        ElBreadcrumbItem
+      }
+    })
+    await nextTick()
+    expect(wrapper.find('.plus-breadcrumb').text()).includes(routes[0].meta?.title)
+    expect(wrapper.find('.plus-breadcrumb').text()).not.includes(routes[1].meta?.title)
+  })
+
+  test('renderTitle test', async () => {
+    const routes: PlusRouteRecordRaw[] = [
+      {
+        path: '/breadcrumb/1',
+        name: 'Breadcrumb1',
+        meta: {
+          title: '面包屑1'
+        },
+        children: []
+      },
+      {
+        path: '/breadcrumb/2',
+        name: 'Breadcrumb2',
+        meta: {
+          title: '面包屑2',
+          hideInBreadcrumb: true
+        },
+        children: []
+      }
+    ]
+
+    const renderTitle = (route: PlusRouteRecordRaw) => {
+      return route.name as string
+    }
+
+    const wrapper = mount(() => <Breadcrumb routes={routes} renderTitle={renderTitle} />, {
+      components: {
+        ElBreadcrumb,
+        ElBreadcrumbItem
+      }
+    })
+    await nextTick()
+    expect(wrapper.find('.plus-breadcrumb').text()).includes(routes[0].name)
+    expect(wrapper.find('.plus-breadcrumb').text()).not.includes(routes[1].name)
+  })
+
+  test('slots test', async () => {
+    const routes: PlusRouteRecordRaw[] = [
+      {
+        path: '/breadcrumb/1',
+        name: 'Breadcrumb1',
+        meta: {
+          title: '面包屑1'
+        },
+        children: []
+      },
+      {
+        path: '/breadcrumb/2',
+        name: 'Breadcrumb2',
+        meta: {
+          title: '面包屑2',
+          hideInBreadcrumb: true
+        },
+        children: []
+      }
+    ]
+
+    const slots = {
+      'breadcrumb-item-title': (item: PlusRouteRecordRaw) => item.name
+    }
+    const wrapper = mount(() => <Breadcrumb routes={routes} v-slots={slots} />, {
+      components: {
+        ElBreadcrumb,
+        ElBreadcrumbItem
+      }
+    })
+    await nextTick()
+    expect(wrapper.find('.plus-breadcrumb').text()).includes(routes[0].name)
+  })
+})

package/packages/components/breadcrumb/index.ts

@@ -0,0 +1,5 @@
+import Breadcrumb from './src/index.vue'
+
+export * from './src/type'
+
+export const PlusBreadcrumb = Breadcrumb