vcomp-test 0.0.4 → 0.0.5

package/README.md

@@ -1,6 +1,3 @@
-# vue-comp-test
+# frontend-builder
 
-Two components:
-
-* BtnComp1: 一个按钮组件
-* BtnComp100: 一个按钮组件
+This template should help get you started developing with Vue 3 in Vite.

package/dist/index.d.ts

@@ -1,3 +1,2 @@
-import { default as BtnComp1 } from './TestComp.vue';
-import { default as BtnComp100 } from './BtnComp.vue';
-export { BtnComp1, BtnComp100 };
+declare function hello(): void;
+export { hello };

package/dist/vcomp-test.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.hello=function(){console.log("hello")};

package/dist/vcomp-test.es.js

@@ -0,0 +1 @@
+function o(){console.log("hello")}export{o as hello};

package/package.json

@@ -1,11 +1,8 @@
 {
   "name": "vcomp-test",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "private": false,
   "type": "module",
-  "engines": {
-    "node": "^20.19.0 || >=22.12.0"
-  },
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check \"build-only {@}\" --",
@@ -18,45 +15,38 @@
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/vcomp-test.es.js",
+      "require": "./dist/vcomp-test.cjs.js"
+    }
+  },
+  "dependencies": {
+    "vue": "^3.5.26"
+  },
   "devDependencies": {
-    "@intlify/unplugin-vue-i18n": "^11.0.3",
-    "@tailwindcss/vite": "^4.1.18",
-    "@tsconfig/node24": "^24.0.3",
-    "@types/node": "^24.10.4",
+    "@tsconfig/node24": "^24.0.4",
+    "@types/node": "^24.10.9",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vitejs/plugin-vue-jsx": "^5.1.3",
-    "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
     "@vue/tsconfig": "^0.8.1",
-    "element-plus": "^2.13.1",
+    "change-case": "^5.4.4",
     "eslint": "^9.39.2",
-    "eslint-plugin-vue": "~10.6.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-vue": "~10.7.0",
     "jiti": "^2.6.1",
     "npm-run-all2": "^8.0.4",
-    "pinia": "^3.0.4",
-    "prettier": "3.7.4",
-    "tailwindcss": "^4.1.17",
+    "prettier": "3.8.1",
+    "terser": "^5.46.0",
     "typescript": "~5.9.3",
-    "unplugin-auto-import": "^20.3.0",
-    "unplugin-element-plus": "^0.11.2",
-    "unplugin-vue-components": "^30.0.0",
-    "vite": "^7.3.0",
+    "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-env-helper": "^1.1.0",
     "vite-plugin-vue-devtools": "^8.0.5",
-    "vite-svg-loader": "^5.1.0",
-    "vue-tsc": "^3.2.1"
-  },
-  "peerDependencies": {
-    "element-plus": "*",
-    "vue": "^3.0.0"
+    "vue-tsc": "^3.2.2"
   },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/vcomp.es.js",
-      "require": "./dist/vcomp.cjs.js"
-    },
-    "./style.css": "./dist/vcomp.css"
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
   }
 }

package/dist/vcomp.css

@@ -1 +0,0 @@
-@charset "UTF-8";:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--el-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:rgb(121,187,255);--el-color-primary-light-5:rgb(160,207,255);--el-color-primary-light-7:rgb(198,226,255);--el-color-primary-light-8:rgb(217,236,255);--el-color-primary-light-9:rgb(236,245,255);--el-color-primary-dark-2:rgb(51,126,204);--el-color-success:#67c23a;--el-color-success-light-3:rgb(149,212,117);--el-color-success-light-5:rgb(179,225,157);--el-color-success-light-7:rgb(209,237,196);--el-color-success-light-8:rgb(225,243,216);--el-color-success-light-9:rgb(240,249,235);--el-color-success-dark-2:rgb(82,155,46);--el-color-warning:#e6a23c;--el-color-warning-light-3:rgb(238,190,119);--el-color-warning-light-5:rgb(243,209,158);--el-color-warning-light-7:rgb(248,227,197);--el-color-warning-light-8:rgb(250,236,216);--el-color-warning-light-9:rgb(253,246,236);--el-color-warning-dark-2:rgb(184,130,48);--el-color-danger:#f56c6c;--el-color-danger-light-3:rgb(248,152,152);--el-color-danger-light-5:rgb(250,182,182);--el-color-danger-light-7:rgb(252,211,211);--el-color-danger-light-8:rgb(253,226,226);--el-color-danger-light-9:rgb(254,240,240);--el-color-danger-dark-2:rgb(196,86,86);--el-color-error:#f56c6c;--el-color-error-light-3:rgb(248,152,152);--el-color-error-light-5:rgb(250,182,182);--el-color-error-light-7:rgb(252,211,211);--el-color-error-light-8:rgb(253,226,226);--el-color-error-light-9:rgb(254,240,240);--el-color-error-dark-2:rgb(196,86,86);--el-color-info:#909399;--el-color-info-light-3:rgb(177,179,184);--el-color-info-light-5:rgb(200,201,204);--el-color-info-light-7:rgb(222,223,224);--el-color-info-light-8:rgb(233,233,235);--el-color-info-light-9:rgb(244,244,245);--el-color-info-dark-2:rgb(115,118,122);--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,.8);--el-overlay-color-light:rgba(0,0,0,.7);--el-overlay-color-lighter:rgba(0,0,0,.5);--el-mask-color:rgba(255,255,255,.9);--el-mask-color-extra-light:rgba(255,255,255,.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;color:var(--color);display:inline-flex;fill:currentColor;font-size:inherit;height:1em;justify-content:center;line-height:1em;position:relative;width:1em}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255,255,255,.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-text-color-secondary);--el-button-active-color:var(--el-text-color-primary);align-items:center;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);box-sizing:border-box;color:var(--el-button-text-color);cursor:pointer;display:inline-flex;font-weight:var(--el-button-font-weight);height:32px;justify-content:center;line-height:1;outline:none;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-button:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);outline:none}.el-button:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{align-items:center;display:inline-flex}.el-button+.el-button{margin-left:12px}.el-button{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base)}.el-button,.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{background-color:var(--el-button-disabled-bg-color);background-image:none;border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{background-color:var(--el-mask-color-extra-light);border-radius:inherit;content:"";inset:-1px;pointer-events:none;position:absolute;z-index:1}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px;width:32px}.el-button.is-text{background-color:transparent;border:0 solid transparent;color:var(--el-button-text-color)}.el-button.is-text.is-disabled{background-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{background:transparent;border-color:transparent;color:var(--el-button-text-color);height:auto;padding:2px}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-link:not(.is-disabled):active,.el-button.is-link:not(.is-disabled):hover{background-color:transparent;border-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color)}.el-button--text{background:transparent;border-color:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button--text:not(.is-disabled):hover{background-color:transparent;border-color:transparent;color:var(--el-color-primary-light-3)}.el-button--text:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-color-primary-dark-2)}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8);color:var(--el-color-primary-light-5)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8);color:var(--el-color-success-light-5)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8);color:var(--el-color-warning-light-5)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8);color:var(--el-color-danger-light-5)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);color:var(--el-color-info-light-5)}.el-button--large{--el-button-size:40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base);padding:12px 19px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{padding:12px;width:var(--el-button-size)}.el-button--small{--el-button-size:24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:12px;padding:5px 11px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{padding:5px;width:var(--el-button-size)}.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;display:inline-block;position:relative;vertical-align:middle;width:-moz-fit-content;width:fit-content}.el-badge__content{align-items:center;background-color:var(--el-badge-bg-color);border:1px solid var(--el-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);display:inline-flex;font-size:var(--el-badge-font-size);height:var(--el-badge-size);justify-content:center;padding:0 var(--el-badge-padding);white-space:nowrap}.el-badge__content.is-fixed{position:absolute;right:calc(1px + var(--el-badge-size)/2);top:0;transform:translateY(-50%) translate(100%);z-index:var(--el-index-normal)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{border-radius:50%;height:8px;padding:0;right:0;width:8px}.el-badge__content.is-hide-zero{display:none}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:11px 15px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);align-items:center;background-color:var(--el-message-bg-color);border-color:var(--el-message-border-color);border-radius:var(--el-border-radius-base);border-style:var(--el-border-style);border-width:var(--el-border-width);box-sizing:border-box;display:flex;gap:8px;max-width:calc(100% - 32px);padding:var(--el-message-padding);position:fixed;transition:opacity var(--el-transition-duration),transform .4s,top .4s,bottom .4s;width:-moz-fit-content;width:fit-content}.el-message.is-left{left:16px}.el-message.is-right{right:16px}.el-message.is-center{left:0;margin:0 auto;right:0}.el-message.is-plain{background-color:var(--el-bg-color-overlay);border-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-message p{margin:0}.el-message--primary{--el-message-bg-color:var(--el-color-primary-light-9);--el-message-border-color:var(--el-color-primary-light-8);--el-message-text-color:var(--el-color-primary)}.el-message--primary .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--primary{color:var(--el-message-text-color)}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message .el-message__badge{position:absolute;right:-8px;top:-8px}.el-message__content{font-size:14px;line-height:1;padding:0}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{color:var(--el-message-close-icon-color);cursor:pointer;font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0;transform:translateY(-100%)}.el-message-fade-enter-from.is-bottom,.el-message-fade-leave-to.is-bottom{transform:translateY(100%)}

package/dist/vcomp.es.js

@@ -1,1072 +0,0 @@
-import { getCurrentInstance as Z, inject as w, ref as E, computed as h, unref as g, warn as Bt, defineComponent as I, createElementBlock as P, openBlock as S, mergeProps as lt, renderSlot as R, createElementVNode as At, watch as Et, useSlots as Ht, Text as Ct, createBlock as B, resolveDynamicComponent as G, withCtx as V, createCommentVNode as tt, Fragment as It, normalizeClass as W, provide as Rt, reactive as Vt, toRef as et, createTextVNode as ft, toDisplayString as dt } from "vue";
-import { ElMessage as ht } from "element-plus";
-const Pt = /* @__PURE__ */ Symbol(), D = "el", Tt = "is-", N = (t, r, e, n, a) => {
-  let o = `${t}-${r}`;
-  return e && (o += `-${e}`), n && (o += `__${n}`), a && (o += `--${a}`), o;
-}, Ot = /* @__PURE__ */ Symbol("namespaceContextKey"), zt = (t) => {
-  const r = Z() ? w(Ot, E(D)) : E(D);
-  return h(() => g(r) || D);
-}, F = (t, r) => {
-  const e = zt();
-  return {
-    namespace: e,
-    b: (c = "") => N(e.value, t, c, "", ""),
-    e: (c) => c ? N(e.value, t, "", c, "") : "",
-    m: (c) => c ? N(e.value, t, "", "", c) : "",
-    be: (c, d) => c && d ? N(e.value, t, c, d, "") : "",
-    em: (c, d) => c && d ? N(e.value, t, "", c, d) : "",
-    bm: (c, d) => c && d ? N(e.value, t, c, "", d) : "",
-    bem: (c, d, u) => c && d && u ? N(e.value, t, c, d, u) : "",
-    is: (c, ...d) => {
-      const u = d.length >= 1 ? d[0] : !0;
-      return c && u ? `${Tt}${c}` : "";
-    },
-    cssVar: (c) => {
-      const d = {};
-      for (const u in c)
-        c[u] && (d[`--${e.value}-${u}`] = c[u]);
-      return d;
-    },
-    cssVarName: (c) => `--${e.value}-${c}`,
-    cssVarBlock: (c) => {
-      const d = {};
-      for (const u in c)
-        c[u] && (d[`--${e.value}-${t}-${u}`] = c[u]);
-      return d;
-    },
-    cssVarBlockName: (c) => `--${e.value}-${t}-${c}`
-  };
-};
-process.env.NODE_ENV !== "production" && Object.freeze({});
-process.env.NODE_ENV !== "production" && Object.freeze([]);
-const Ft = () => {
-}, jt = Object.prototype.hasOwnProperty, rt = (t, r) => jt.call(t, r), Y = (t) => typeof t == "string", gt = (t) => t !== null && typeof t == "object";
-function Gt(t) {
-  for (var r = -1, e = t == null ? 0 : t.length, n = {}; ++r < e; ) {
-    var a = t[r];
-    n[a[0]] = a[1];
-  }
-  return n;
-}
-const Dt = (t) => typeof t == "number", Kt = (t) => Y(t) ? !Number.isNaN(Number(t)) : !1;
-class Lt extends Error {
-  constructor(r) {
-    super(r), this.name = "ElementPlusError";
-  }
-}
-function vt(t, r) {
-  if (process.env.NODE_ENV !== "production") {
-    const e = Y(t) ? new Lt(`[${t}] ${r}`) : t;
-    console.warn(e);
-  }
-}
-const pt = "__epPropKey", j = (t) => t, qt = (t) => gt(t) && !!t[pt], bt = (t, r) => {
-  if (!gt(t) || qt(t))
-    return t;
-  const { values: e, required: n, default: a, type: o, validator: i } = t, f = {
-    type: o,
-    required: !!n,
-    validator: e || i ? (m) => {
-      let v = !1, _ = [];
-      if (e && (_ = Array.from(e), rt(t, "default") && _.push(a), v || (v = _.includes(m))), i && (v || (v = i(m))), !v && _.length > 0) {
-        const H = [...new Set(_)].map((C) => JSON.stringify(C)).join(", ");
-        Bt(
-          `Invalid prop: validation failed${r ? ` for prop "${r}"` : ""}. Expected one of [${H}], got value ${JSON.stringify(
-            m
-          )}.`
-        );
-      }
-      return v;
-    } : void 0,
-    [pt]: !0
-  };
-  return rt(t, "default") && (f.default = a), f;
-}, mt = (t) => Gt(
-  Object.entries(t).map(([r, e]) => [
-    r,
-    bt(e, r)
-  ])
-), Wt = ["", "default", "small", "large"], Ut = bt({
-  type: String,
-  values: Wt,
-  required: !1
-}), Jt = /* @__PURE__ */ Symbol("size"), Zt = () => {
-  const t = w(Jt, {});
-  return h(() => g(t.size) || "");
-}, nt = E();
-function Yt(t, r = void 0) {
-  const e = Z() ? w(Pt, nt) : nt;
-  return h(() => {
-    var n, a;
-    return (a = (n = e.value) == null ? void 0 : n[t]) != null ? a : r;
-  });
-}
-var Q = (t, r) => {
-  const e = t.__vccOpts || t;
-  for (const [n, a] of r)
-    e[n] = a;
-  return e;
-};
-const yt = (t, r) => {
-  if (t.install = (e) => {
-    for (const n of [t, ...Object.values(r ?? {})])
-      e.component(n.name, n);
-  }, r)
-    for (const [e, n] of Object.entries(r))
-      t[e] = n;
-  return t;
-}, Qt = (t) => (t.install = Ft, t), Xt = "utils/dom/style";
-function te(t, r = "px") {
-  if (!t && t !== 0)
-    return "";
-  if (Dt(t) || Kt(t))
-    return `${t}${r}`;
-  if (Y(t))
-    return t;
-  vt(Xt, "binding value must be a string or number");
-}
-const ee = mt({
-  size: {
-    type: j([Number, String])
-  },
-  color: {
-    type: String
-  }
-}), re = I({
-  name: "ElIcon",
-  inheritAttrs: !1,
-  __name: "icon",
-  props: ee,
-  setup(t) {
-    const r = t, e = F("icon"), n = h(() => {
-      const { size: a, color: o } = r, i = te(a);
-      return !i && !o ? {} : {
-        fontSize: i,
-        "--color": o
-      };
-    });
-    return (a, o) => (S(), P(
-      "i",
-      lt({
-        class: g(e).b(),
-        style: n.value
-      }, a.$attrs),
-      [
-        R(a.$slots, "default")
-      ],
-      16
-    ));
-  }
-});
-var ne = /* @__PURE__ */ Q(re, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
-const at = yt(ne);
-var ae = /* @__PURE__ */ I({
-  name: "Loading",
-  __name: "loading",
-  setup(t) {
-    return (r, e) => (S(), P("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      At("path", {
-        fill: "currentColor",
-        d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248m452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248M828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0"
-      })
-    ]));
-  }
-}), oe = ae;
-const ot = j([
-  String,
-  Object,
-  Function
-]), X = /* @__PURE__ */ Symbol("formContextKey"), _t = /* @__PURE__ */ Symbol("formItemContextKey"), ie = () => {
-  const t = w(X, void 0), r = w(_t, void 0);
-  return {
-    form: t,
-    formItem: r
-  };
-}, St = (t) => {
-  const r = Z();
-  return h(() => {
-    var e, n;
-    return (n = (e = r?.proxy) == null ? void 0 : e.$props) == null ? void 0 : n[t];
-  });
-}, se = (t, r = {}) => {
-  const e = E(void 0), n = r.prop ? e : St("size"), a = r.global ? e : Zt(), o = r.form ? { size: void 0 } : w(X, void 0), i = r.formItem ? { size: void 0 } : w(_t, void 0);
-  return h(
-    () => n.value || g(t) || i?.size || o?.size || a.value || ""
-  );
-}, xt = (t) => {
-  const r = St("disabled"), e = w(X, void 0);
-  return h(() => {
-    var n, a, o;
-    return (o = (a = (n = r.value) != null ? n : g(t)) != null ? a : e?.disabled) != null ? o : !1;
-  });
-}, kt = /* @__PURE__ */ Symbol(
-  "buttonGroupContextKey"
-), ce = ({ from: t, replacement: r, scope: e, version: n, ref: a, type: o = "API" }, i) => {
-  Et(
-    () => g(i),
-    (s) => {
-      s && vt(
-        e,
-        `[${o}] ${t} is about to be deprecated in version ${n}, please use ${r} instead.
-For more detail, please visit: ${a}
-`
-      );
-    },
-    {
-      immediate: !0
-    }
-  );
-}, ue = (t, r) => {
-  ce(
-    {
-      from: "type.text",
-      replacement: "link",
-      version: "3.0.0",
-      scope: "props",
-      ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
-    },
-    h(() => t.type === "text")
-  );
-  const e = w(kt, void 0), n = Yt("button"), { form: a } = ie(), o = se(h(() => e?.size)), i = xt(), s = E(), f = Ht(), m = h(
-    () => {
-      var u;
-      return t.type || e?.type || ((u = n.value) == null ? void 0 : u.type) || "";
-    }
-  ), v = h(
-    () => {
-      var u, l, b;
-      return (b = (l = t.autoInsertSpace) != null ? l : (u = n.value) == null ? void 0 : u.autoInsertSpace) != null ? b : !1;
-    }
-  ), _ = h(
-    () => {
-      var u, l, b;
-      return (b = (l = t.plain) != null ? l : (u = n.value) == null ? void 0 : u.plain) != null ? b : !1;
-    }
-  ), H = h(
-    () => {
-      var u, l, b;
-      return (b = (l = t.round) != null ? l : (u = n.value) == null ? void 0 : u.round) != null ? b : !1;
-    }
-  ), C = h(() => {
-    var u, l, b;
-    return (b = (l = t.text) != null ? l : (u = n.value) == null ? void 0 : u.text) != null ? b : !1;
-  }), T = h(() => t.tag === "button" ? {
-    ariaDisabled: i.value || t.loading,
-    disabled: i.value || t.loading,
-    autofocus: t.autofocus,
-    type: t.nativeType
-  } : {}), c = h(() => {
-    var u;
-    const l = (u = f.default) == null ? void 0 : u.call(f);
-    if (v.value && l?.length === 1) {
-      const b = l[0];
-      if (b?.type === Ct) {
-        const Nt = b.children;
-        return new RegExp("^\\p{Unified_Ideograph}{2}$", "u").test(Nt.trim());
-      }
-    }
-    return !1;
-  });
-  return {
-    _disabled: i,
-    _size: o,
-    _type: m,
-    _ref: s,
-    _props: T,
-    _plain: _,
-    _round: H,
-    _text: C,
-    shouldAddSpace: c,
-    handleClick: (u) => {
-      if (i.value || t.loading) {
-        u.stopPropagation();
-        return;
-      }
-      t.nativeType === "reset" && a?.resetFields(), r("click", u);
-    }
-  };
-}, le = [
-  "default",
-  "primary",
-  "success",
-  "warning",
-  "info",
-  "danger",
-  "text",
-  ""
-], fe = ["button", "submit", "reset"], U = mt({
-  size: Ut,
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  type: {
-    type: String,
-    values: le,
-    default: ""
-  },
-  icon: {
-    type: ot
-  },
-  nativeType: {
-    type: String,
-    values: fe,
-    default: "button"
-  },
-  loading: Boolean,
-  loadingIcon: {
-    type: ot,
-    default: () => oe
-  },
-  plain: {
-    type: Boolean,
-    default: void 0
-  },
-  text: {
-    type: Boolean,
-    default: void 0
-  },
-  link: Boolean,
-  bg: Boolean,
-  autofocus: Boolean,
-  round: {
-    type: Boolean,
-    default: void 0
-  },
-  circle: Boolean,
-  color: String,
-  dark: Boolean,
-  autoInsertSpace: {
-    type: Boolean,
-    default: void 0
-  },
-  tag: {
-    type: j([String, Object]),
-    default: "button"
-  }
-}), de = {
-  click: (t) => t instanceof MouseEvent
-};
-function p(t, r) {
-  he(t) && (t = "100%");
-  var e = ge(t);
-  return t = r === 360 ? t : Math.min(r, Math.max(0, parseFloat(t))), e && (t = parseInt(String(t * r), 10) / 100), Math.abs(t - r) < 1e-6 ? 1 : (r === 360 ? t = (t < 0 ? t % r + r : t % r) / parseFloat(String(r)) : t = t % r / parseFloat(String(r)), t);
-}
-function O(t) {
-  return Math.min(1, Math.max(0, t));
-}
-function he(t) {
-  return typeof t == "string" && t.indexOf(".") !== -1 && parseFloat(t) === 1;
-}
-function ge(t) {
-  return typeof t == "string" && t.indexOf("%") !== -1;
-}
-function wt(t) {
-  return t = parseFloat(t), (isNaN(t) || t < 0 || t > 1) && (t = 1), t;
-}
-function z(t) {
-  return t <= 1 ? "".concat(Number(t) * 100, "%") : t;
-}
-function A(t) {
-  return t.length === 1 ? "0" + t : String(t);
-}
-function ve(t, r, e) {
-  return {
-    r: p(t, 255) * 255,
-    g: p(r, 255) * 255,
-    b: p(e, 255) * 255
-  };
-}
-function it(t, r, e) {
-  t = p(t, 255), r = p(r, 255), e = p(e, 255);
-  var n = Math.max(t, r, e), a = Math.min(t, r, e), o = 0, i = 0, s = (n + a) / 2;
-  if (n === a)
-    i = 0, o = 0;
-  else {
-    var f = n - a;
-    switch (i = s > 0.5 ? f / (2 - n - a) : f / (n + a), n) {
-      case t:
-        o = (r - e) / f + (r < e ? 6 : 0);
-        break;
-      case r:
-        o = (e - t) / f + 2;
-        break;
-      case e:
-        o = (t - r) / f + 4;
-        break;
-    }
-    o /= 6;
-  }
-  return { h: o, s: i, l: s };
-}
-function K(t, r, e) {
-  return e < 0 && (e += 1), e > 1 && (e -= 1), e < 1 / 6 ? t + (r - t) * (6 * e) : e < 1 / 2 ? r : e < 2 / 3 ? t + (r - t) * (2 / 3 - e) * 6 : t;
-}
-function pe(t, r, e) {
-  var n, a, o;
-  if (t = p(t, 360), r = p(r, 100), e = p(e, 100), r === 0)
-    a = e, o = e, n = e;
-  else {
-    var i = e < 0.5 ? e * (1 + r) : e + r - e * r, s = 2 * e - i;
-    n = K(s, i, t + 1 / 3), a = K(s, i, t), o = K(s, i, t - 1 / 3);
-  }
-  return { r: n * 255, g: a * 255, b: o * 255 };
-}
-function st(t, r, e) {
-  t = p(t, 255), r = p(r, 255), e = p(e, 255);
-  var n = Math.max(t, r, e), a = Math.min(t, r, e), o = 0, i = n, s = n - a, f = n === 0 ? 0 : s / n;
-  if (n === a)
-    o = 0;
-  else {
-    switch (n) {
-      case t:
-        o = (r - e) / s + (r < e ? 6 : 0);
-        break;
-      case r:
-        o = (e - t) / s + 2;
-        break;
-      case e:
-        o = (t - r) / s + 4;
-        break;
-    }
-    o /= 6;
-  }
-  return { h: o, s: f, v: i };
-}
-function be(t, r, e) {
-  t = p(t, 360) * 6, r = p(r, 100), e = p(e, 100);
-  var n = Math.floor(t), a = t - n, o = e * (1 - r), i = e * (1 - a * r), s = e * (1 - (1 - a) * r), f = n % 6, m = [e, i, o, o, s, e][f], v = [s, e, e, i, o, o][f], _ = [o, o, s, e, e, i][f];
-  return { r: m * 255, g: v * 255, b: _ * 255 };
-}
-function ct(t, r, e, n) {
-  var a = [
-    A(Math.round(t).toString(16)),
-    A(Math.round(r).toString(16)),
-    A(Math.round(e).toString(16))
-  ];
-  return n && a[0].startsWith(a[0].charAt(1)) && a[1].startsWith(a[1].charAt(1)) && a[2].startsWith(a[2].charAt(1)) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) : a.join("");
-}
-function me(t, r, e, n, a) {
-  var o = [
-    A(Math.round(t).toString(16)),
-    A(Math.round(r).toString(16)),
-    A(Math.round(e).toString(16)),
-    A(ye(n))
-  ];
-  return a && o[0].startsWith(o[0].charAt(1)) && o[1].startsWith(o[1].charAt(1)) && o[2].startsWith(o[2].charAt(1)) && o[3].startsWith(o[3].charAt(1)) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) + o[3].charAt(0) : o.join("");
-}
-function ye(t) {
-  return Math.round(parseFloat(t) * 255).toString(16);
-}
-function ut(t) {
-  return y(t) / 255;
-}
-function y(t) {
-  return parseInt(t, 16);
-}
-function _e(t) {
-  return {
-    r: t >> 16,
-    g: (t & 65280) >> 8,
-    b: t & 255
-  };
-}
-var J = {
-  aliceblue: "#f0f8ff",
-  antiquewhite: "#faebd7",
-  aqua: "#00ffff",
-  aquamarine: "#7fffd4",
-  azure: "#f0ffff",
-  beige: "#f5f5dc",
-  bisque: "#ffe4c4",
-  black: "#000000",
-  blanchedalmond: "#ffebcd",
-  blue: "#0000ff",
-  blueviolet: "#8a2be2",
-  brown: "#a52a2a",
-  burlywood: "#deb887",
-  cadetblue: "#5f9ea0",
-  chartreuse: "#7fff00",
-  chocolate: "#d2691e",
-  coral: "#ff7f50",
-  cornflowerblue: "#6495ed",
-  cornsilk: "#fff8dc",
-  crimson: "#dc143c",
-  cyan: "#00ffff",
-  darkblue: "#00008b",
-  darkcyan: "#008b8b",
-  darkgoldenrod: "#b8860b",
-  darkgray: "#a9a9a9",
-  darkgreen: "#006400",
-  darkgrey: "#a9a9a9",
-  darkkhaki: "#bdb76b",
-  darkmagenta: "#8b008b",
-  darkolivegreen: "#556b2f",
-  darkorange: "#ff8c00",
-  darkorchid: "#9932cc",
-  darkred: "#8b0000",
-  darksalmon: "#e9967a",
-  darkseagreen: "#8fbc8f",
-  darkslateblue: "#483d8b",
-  darkslategray: "#2f4f4f",
-  darkslategrey: "#2f4f4f",
-  darkturquoise: "#00ced1",
-  darkviolet: "#9400d3",
-  deeppink: "#ff1493",
-  deepskyblue: "#00bfff",
-  dimgray: "#696969",
-  dimgrey: "#696969",
-  dodgerblue: "#1e90ff",
-  firebrick: "#b22222",
-  floralwhite: "#fffaf0",
-  forestgreen: "#228b22",
-  fuchsia: "#ff00ff",
-  gainsboro: "#dcdcdc",
-  ghostwhite: "#f8f8ff",
-  goldenrod: "#daa520",
-  gold: "#ffd700",
-  gray: "#808080",
-  green: "#008000",
-  greenyellow: "#adff2f",
-  grey: "#808080",
-  honeydew: "#f0fff0",
-  hotpink: "#ff69b4",
-  indianred: "#cd5c5c",
-  indigo: "#4b0082",
-  ivory: "#fffff0",
-  khaki: "#f0e68c",
-  lavenderblush: "#fff0f5",
-  lavender: "#e6e6fa",
-  lawngreen: "#7cfc00",
-  lemonchiffon: "#fffacd",
-  lightblue: "#add8e6",
-  lightcoral: "#f08080",
-  lightcyan: "#e0ffff",
-  lightgoldenrodyellow: "#fafad2",
-  lightgray: "#d3d3d3",
-  lightgreen: "#90ee90",
-  lightgrey: "#d3d3d3",
-  lightpink: "#ffb6c1",
-  lightsalmon: "#ffa07a",
-  lightseagreen: "#20b2aa",
-  lightskyblue: "#87cefa",
-  lightslategray: "#778899",
-  lightslategrey: "#778899",
-  lightsteelblue: "#b0c4de",
-  lightyellow: "#ffffe0",
-  lime: "#00ff00",
-  limegreen: "#32cd32",
-  linen: "#faf0e6",
-  magenta: "#ff00ff",
-  maroon: "#800000",
-  mediumaquamarine: "#66cdaa",
-  mediumblue: "#0000cd",
-  mediumorchid: "#ba55d3",
-  mediumpurple: "#9370db",
-  mediumseagreen: "#3cb371",
-  mediumslateblue: "#7b68ee",
-  mediumspringgreen: "#00fa9a",
-  mediumturquoise: "#48d1cc",
-  mediumvioletred: "#c71585",
-  midnightblue: "#191970",
-  mintcream: "#f5fffa",
-  mistyrose: "#ffe4e1",
-  moccasin: "#ffe4b5",
-  navajowhite: "#ffdead",
-  navy: "#000080",
-  oldlace: "#fdf5e6",
-  olive: "#808000",
-  olivedrab: "#6b8e23",
-  orange: "#ffa500",
-  orangered: "#ff4500",
-  orchid: "#da70d6",
-  palegoldenrod: "#eee8aa",
-  palegreen: "#98fb98",
-  paleturquoise: "#afeeee",
-  palevioletred: "#db7093",
-  papayawhip: "#ffefd5",
-  peachpuff: "#ffdab9",
-  peru: "#cd853f",
-  pink: "#ffc0cb",
-  plum: "#dda0dd",
-  powderblue: "#b0e0e6",
-  purple: "#800080",
-  rebeccapurple: "#663399",
-  red: "#ff0000",
-  rosybrown: "#bc8f8f",
-  royalblue: "#4169e1",
-  saddlebrown: "#8b4513",
-  salmon: "#fa8072",
-  sandybrown: "#f4a460",
-  seagreen: "#2e8b57",
-  seashell: "#fff5ee",
-  sienna: "#a0522d",
-  silver: "#c0c0c0",
-  skyblue: "#87ceeb",
-  slateblue: "#6a5acd",
-  slategray: "#708090",
-  slategrey: "#708090",
-  snow: "#fffafa",
-  springgreen: "#00ff7f",
-  steelblue: "#4682b4",
-  tan: "#d2b48c",
-  teal: "#008080",
-  thistle: "#d8bfd8",
-  tomato: "#ff6347",
-  turquoise: "#40e0d0",
-  violet: "#ee82ee",
-  wheat: "#f5deb3",
-  white: "#ffffff",
-  whitesmoke: "#f5f5f5",
-  yellow: "#ffff00",
-  yellowgreen: "#9acd32"
-};
-function Se(t) {
-  var r = { r: 0, g: 0, b: 0 }, e = 1, n = null, a = null, o = null, i = !1, s = !1;
-  return typeof t == "string" && (t = we(t)), typeof t == "object" && (k(t.r) && k(t.g) && k(t.b) ? (r = ve(t.r, t.g, t.b), i = !0, s = String(t.r).substr(-1) === "%" ? "prgb" : "rgb") : k(t.h) && k(t.s) && k(t.v) ? (n = z(t.s), a = z(t.v), r = be(t.h, n, a), i = !0, s = "hsv") : k(t.h) && k(t.s) && k(t.l) && (n = z(t.s), o = z(t.l), r = pe(t.h, n, o), i = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(t, "a") && (e = t.a)), e = wt(e), {
-    ok: i,
-    format: t.format || s,
-    r: Math.min(255, Math.max(r.r, 0)),
-    g: Math.min(255, Math.max(r.g, 0)),
-    b: Math.min(255, Math.max(r.b, 0)),
-    a: e
-  };
-}
-var xe = "[-\\+]?\\d+%?", ke = "[-\\+]?\\d*\\.\\d+%?", $ = "(?:".concat(ke, ")|(?:").concat(xe, ")"), L = "[\\s|\\(]+(".concat($, ")[,|\\s]+(").concat($, ")[,|\\s]+(").concat($, ")\\s*\\)?"), q = "[\\s|\\(]+(".concat($, ")[,|\\s]+(").concat($, ")[,|\\s]+(").concat($, ")[,|\\s]+(").concat($, ")\\s*\\)?"), x = {
-  CSS_UNIT: new RegExp($),
-  rgb: new RegExp("rgb" + L),
-  rgba: new RegExp("rgba" + q),
-  hsl: new RegExp("hsl" + L),
-  hsla: new RegExp("hsla" + q),
-  hsv: new RegExp("hsv" + L),
-  hsva: new RegExp("hsva" + q),
-  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
-  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
-};
-function we(t) {
-  if (t = t.trim().toLowerCase(), t.length === 0)
-    return !1;
-  var r = !1;
-  if (J[t])
-    t = J[t], r = !0;
-  else if (t === "transparent")
-    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-  var e = x.rgb.exec(t);
-  return e ? { r: e[1], g: e[2], b: e[3] } : (e = x.rgba.exec(t), e ? { r: e[1], g: e[2], b: e[3], a: e[4] } : (e = x.hsl.exec(t), e ? { h: e[1], s: e[2], l: e[3] } : (e = x.hsla.exec(t), e ? { h: e[1], s: e[2], l: e[3], a: e[4] } : (e = x.hsv.exec(t), e ? { h: e[1], s: e[2], v: e[3] } : (e = x.hsva.exec(t), e ? { h: e[1], s: e[2], v: e[3], a: e[4] } : (e = x.hex8.exec(t), e ? {
-    r: y(e[1]),
-    g: y(e[2]),
-    b: y(e[3]),
-    a: ut(e[4]),
-    format: r ? "name" : "hex8"
-  } : (e = x.hex6.exec(t), e ? {
-    r: y(e[1]),
-    g: y(e[2]),
-    b: y(e[3]),
-    format: r ? "name" : "hex"
-  } : (e = x.hex4.exec(t), e ? {
-    r: y(e[1] + e[1]),
-    g: y(e[2] + e[2]),
-    b: y(e[3] + e[3]),
-    a: ut(e[4] + e[4]),
-    format: r ? "name" : "hex8"
-  } : (e = x.hex3.exec(t), e ? {
-    r: y(e[1] + e[1]),
-    g: y(e[2] + e[2]),
-    b: y(e[3] + e[3]),
-    format: r ? "name" : "hex"
-  } : !1)))))))));
-}
-function k(t) {
-  return !!x.CSS_UNIT.exec(String(t));
-}
-var Me = (
-  /** @class */
-  (function() {
-    function t(r, e) {
-      r === void 0 && (r = ""), e === void 0 && (e = {});
-      var n;
-      if (r instanceof t)
-        return r;
-      typeof r == "number" && (r = _e(r)), this.originalInput = r;
-      var a = Se(r);
-      this.originalInput = r, this.r = a.r, this.g = a.g, this.b = a.b, this.a = a.a, this.roundA = Math.round(100 * this.a) / 100, this.format = (n = e.format) !== null && n !== void 0 ? n : a.format, this.gradientType = e.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = a.ok;
-    }
-    return t.prototype.isDark = function() {
-      return this.getBrightness() < 128;
-    }, t.prototype.isLight = function() {
-      return !this.isDark();
-    }, t.prototype.getBrightness = function() {
-      var r = this.toRgb();
-      return (r.r * 299 + r.g * 587 + r.b * 114) / 1e3;
-    }, t.prototype.getLuminance = function() {
-      var r = this.toRgb(), e, n, a, o = r.r / 255, i = r.g / 255, s = r.b / 255;
-      return o <= 0.03928 ? e = o / 12.92 : e = Math.pow((o + 0.055) / 1.055, 2.4), i <= 0.03928 ? n = i / 12.92 : n = Math.pow((i + 0.055) / 1.055, 2.4), s <= 0.03928 ? a = s / 12.92 : a = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * e + 0.7152 * n + 0.0722 * a;
-    }, t.prototype.getAlpha = function() {
-      return this.a;
-    }, t.prototype.setAlpha = function(r) {
-      return this.a = wt(r), this.roundA = Math.round(100 * this.a) / 100, this;
-    }, t.prototype.isMonochrome = function() {
-      var r = this.toHsl().s;
-      return r === 0;
-    }, t.prototype.toHsv = function() {
-      var r = st(this.r, this.g, this.b);
-      return { h: r.h * 360, s: r.s, v: r.v, a: this.a };
-    }, t.prototype.toHsvString = function() {
-      var r = st(this.r, this.g, this.b), e = Math.round(r.h * 360), n = Math.round(r.s * 100), a = Math.round(r.v * 100);
-      return this.a === 1 ? "hsv(".concat(e, ", ").concat(n, "%, ").concat(a, "%)") : "hsva(".concat(e, ", ").concat(n, "%, ").concat(a, "%, ").concat(this.roundA, ")");
-    }, t.prototype.toHsl = function() {
-      var r = it(this.r, this.g, this.b);
-      return { h: r.h * 360, s: r.s, l: r.l, a: this.a };
-    }, t.prototype.toHslString = function() {
-      var r = it(this.r, this.g, this.b), e = Math.round(r.h * 360), n = Math.round(r.s * 100), a = Math.round(r.l * 100);
-      return this.a === 1 ? "hsl(".concat(e, ", ").concat(n, "%, ").concat(a, "%)") : "hsla(".concat(e, ", ").concat(n, "%, ").concat(a, "%, ").concat(this.roundA, ")");
-    }, t.prototype.toHex = function(r) {
-      return r === void 0 && (r = !1), ct(this.r, this.g, this.b, r);
-    }, t.prototype.toHexString = function(r) {
-      return r === void 0 && (r = !1), "#" + this.toHex(r);
-    }, t.prototype.toHex8 = function(r) {
-      return r === void 0 && (r = !1), me(this.r, this.g, this.b, this.a, r);
-    }, t.prototype.toHex8String = function(r) {
-      return r === void 0 && (r = !1), "#" + this.toHex8(r);
-    }, t.prototype.toHexShortString = function(r) {
-      return r === void 0 && (r = !1), this.a === 1 ? this.toHexString(r) : this.toHex8String(r);
-    }, t.prototype.toRgb = function() {
-      return {
-        r: Math.round(this.r),
-        g: Math.round(this.g),
-        b: Math.round(this.b),
-        a: this.a
-      };
-    }, t.prototype.toRgbString = function() {
-      var r = Math.round(this.r), e = Math.round(this.g), n = Math.round(this.b);
-      return this.a === 1 ? "rgb(".concat(r, ", ").concat(e, ", ").concat(n, ")") : "rgba(".concat(r, ", ").concat(e, ", ").concat(n, ", ").concat(this.roundA, ")");
-    }, t.prototype.toPercentageRgb = function() {
-      var r = function(e) {
-        return "".concat(Math.round(p(e, 255) * 100), "%");
-      };
-      return {
-        r: r(this.r),
-        g: r(this.g),
-        b: r(this.b),
-        a: this.a
-      };
-    }, t.prototype.toPercentageRgbString = function() {
-      var r = function(e) {
-        return Math.round(p(e, 255) * 100);
-      };
-      return this.a === 1 ? "rgb(".concat(r(this.r), "%, ").concat(r(this.g), "%, ").concat(r(this.b), "%)") : "rgba(".concat(r(this.r), "%, ").concat(r(this.g), "%, ").concat(r(this.b), "%, ").concat(this.roundA, ")");
-    }, t.prototype.toName = function() {
-      if (this.a === 0)
-        return "transparent";
-      if (this.a < 1)
-        return !1;
-      for (var r = "#" + ct(this.r, this.g, this.b, !1), e = 0, n = Object.entries(J); e < n.length; e++) {
-        var a = n[e], o = a[0], i = a[1];
-        if (r === i)
-          return o;
-      }
-      return !1;
-    }, t.prototype.toString = function(r) {
-      var e = !!r;
-      r = r ?? this.format;
-      var n = !1, a = this.a < 1 && this.a >= 0, o = !e && a && (r.startsWith("hex") || r === "name");
-      return o ? r === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (r === "rgb" && (n = this.toRgbString()), r === "prgb" && (n = this.toPercentageRgbString()), (r === "hex" || r === "hex6") && (n = this.toHexString()), r === "hex3" && (n = this.toHexString(!0)), r === "hex4" && (n = this.toHex8String(!0)), r === "hex8" && (n = this.toHex8String()), r === "name" && (n = this.toName()), r === "hsl" && (n = this.toHslString()), r === "hsv" && (n = this.toHsvString()), n || this.toHexString());
-    }, t.prototype.toNumber = function() {
-      return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
-    }, t.prototype.clone = function() {
-      return new t(this.toString());
-    }, t.prototype.lighten = function(r) {
-      r === void 0 && (r = 10);
-      var e = this.toHsl();
-      return e.l += r / 100, e.l = O(e.l), new t(e);
-    }, t.prototype.brighten = function(r) {
-      r === void 0 && (r = 10);
-      var e = this.toRgb();
-      return e.r = Math.max(0, Math.min(255, e.r - Math.round(255 * -(r / 100)))), e.g = Math.max(0, Math.min(255, e.g - Math.round(255 * -(r / 100)))), e.b = Math.max(0, Math.min(255, e.b - Math.round(255 * -(r / 100)))), new t(e);
-    }, t.prototype.darken = function(r) {
-      r === void 0 && (r = 10);
-      var e = this.toHsl();
-      return e.l -= r / 100, e.l = O(e.l), new t(e);
-    }, t.prototype.tint = function(r) {
-      return r === void 0 && (r = 10), this.mix("white", r);
-    }, t.prototype.shade = function(r) {
-      return r === void 0 && (r = 10), this.mix("black", r);
-    }, t.prototype.desaturate = function(r) {
-      r === void 0 && (r = 10);
-      var e = this.toHsl();
-      return e.s -= r / 100, e.s = O(e.s), new t(e);
-    }, t.prototype.saturate = function(r) {
-      r === void 0 && (r = 10);
-      var e = this.toHsl();
-      return e.s += r / 100, e.s = O(e.s), new t(e);
-    }, t.prototype.greyscale = function() {
-      return this.desaturate(100);
-    }, t.prototype.spin = function(r) {
-      var e = this.toHsl(), n = (e.h + r) % 360;
-      return e.h = n < 0 ? 360 + n : n, new t(e);
-    }, t.prototype.mix = function(r, e) {
-      e === void 0 && (e = 50);
-      var n = this.toRgb(), a = new t(r).toRgb(), o = e / 100, i = {
-        r: (a.r - n.r) * o + n.r,
-        g: (a.g - n.g) * o + n.g,
-        b: (a.b - n.b) * o + n.b,
-        a: (a.a - n.a) * o + n.a
-      };
-      return new t(i);
-    }, t.prototype.analogous = function(r, e) {
-      r === void 0 && (r = 6), e === void 0 && (e = 30);
-      var n = this.toHsl(), a = 360 / e, o = [this];
-      for (n.h = (n.h - (a * r >> 1) + 720) % 360; --r; )
-        n.h = (n.h + a) % 360, o.push(new t(n));
-      return o;
-    }, t.prototype.complement = function() {
-      var r = this.toHsl();
-      return r.h = (r.h + 180) % 360, new t(r);
-    }, t.prototype.monochromatic = function(r) {
-      r === void 0 && (r = 6);
-      for (var e = this.toHsv(), n = e.h, a = e.s, o = e.v, i = [], s = 1 / r; r--; )
-        i.push(new t({ h: n, s: a, v: o })), o = (o + s) % 1;
-      return i;
-    }, t.prototype.splitcomplement = function() {
-      var r = this.toHsl(), e = r.h;
-      return [
-        this,
-        new t({ h: (e + 72) % 360, s: r.s, l: r.l }),
-        new t({ h: (e + 216) % 360, s: r.s, l: r.l })
-      ];
-    }, t.prototype.onBackground = function(r) {
-      var e = this.toRgb(), n = new t(r).toRgb(), a = e.a + n.a * (1 - e.a);
-      return new t({
-        r: (e.r * e.a + n.r * n.a * (1 - e.a)) / a,
-        g: (e.g * e.a + n.g * n.a * (1 - e.a)) / a,
-        b: (e.b * e.a + n.b * n.a * (1 - e.a)) / a,
-        a
-      });
-    }, t.prototype.triad = function() {
-      return this.polyad(3);
-    }, t.prototype.tetrad = function() {
-      return this.polyad(4);
-    }, t.prototype.polyad = function(r) {
-      for (var e = this.toHsl(), n = e.h, a = [this], o = 360 / r, i = 1; i < r; i++)
-        a.push(new t({ h: (n + i * o) % 360, s: e.s, l: e.l }));
-      return a;
-    }, t.prototype.equals = function(r) {
-      return this.toRgbString() === new t(r).toRgbString();
-    }, t;
-  })()
-);
-function M(t, r = 20) {
-  return t.mix("#141414", r).toString();
-}
-function $e(t) {
-  const r = xt(), e = F("button");
-  return h(() => {
-    let n = {}, a = t.color;
-    if (a) {
-      const o = a.match(/var\((.*?)\)/);
-      o && (a = window.getComputedStyle(window.document.documentElement).getPropertyValue(o[1]));
-      const i = new Me(a), s = t.dark ? i.tint(20).toString() : M(i, 20);
-      if (t.plain)
-        n = e.cssVarBlock({
-          "bg-color": t.dark ? M(i, 90) : i.tint(90).toString(),
-          "text-color": a,
-          "border-color": t.dark ? M(i, 50) : i.tint(50).toString(),
-          "hover-text-color": `var(${e.cssVarName("color-white")})`,
-          "hover-bg-color": a,
-          "hover-border-color": a,
-          "active-bg-color": s,
-          "active-text-color": `var(${e.cssVarName("color-white")})`,
-          "active-border-color": s
-        }), r.value && (n[e.cssVarBlockName("disabled-bg-color")] = t.dark ? M(i, 90) : i.tint(90).toString(), n[e.cssVarBlockName("disabled-text-color")] = t.dark ? M(i, 50) : i.tint(50).toString(), n[e.cssVarBlockName("disabled-border-color")] = t.dark ? M(i, 80) : i.tint(80).toString());
-      else {
-        const f = t.dark ? M(i, 30) : i.tint(30).toString(), m = i.isDark() ? `var(${e.cssVarName("color-white")})` : `var(${e.cssVarName("color-black")})`;
-        if (n = e.cssVarBlock({
-          "bg-color": a,
-          "text-color": m,
-          "border-color": a,
-          "hover-bg-color": f,
-          "hover-text-color": m,
-          "hover-border-color": f,
-          "active-bg-color": s,
-          "active-border-color": s
-        }), r.value) {
-          const v = t.dark ? M(i, 50) : i.tint(50).toString();
-          n[e.cssVarBlockName("disabled-bg-color")] = v, n[e.cssVarBlockName("disabled-text-color")] = t.dark ? "rgba(255, 255, 255, 0.5)" : `var(${e.cssVarName("color-white")})`, n[e.cssVarBlockName("disabled-border-color")] = v;
-        }
-      }
-    }
-    return n;
-  });
-}
-const Ne = I({
-  name: "ElButton",
-  __name: "button",
-  props: U,
-  emits: de,
-  setup(t, { expose: r, emit: e }) {
-    const n = t, a = e, o = $e(n), i = F("button"), {
-      _ref: s,
-      _size: f,
-      _type: m,
-      _disabled: v,
-      _props: _,
-      _plain: H,
-      _round: C,
-      _text: T,
-      shouldAddSpace: c,
-      handleClick: d
-    } = ue(n, a), u = h(() => [
-      i.b(),
-      i.m(m.value),
-      i.m(f.value),
-      i.is("disabled", v.value),
-      i.is("loading", n.loading),
-      i.is("plain", H.value),
-      i.is("round", C.value),
-      i.is("circle", n.circle),
-      i.is("text", T.value),
-      i.is("link", n.link),
-      i.is("has-bg", n.bg)
-    ]);
-    return r({
-      ref: s,
-      size: f,
-      type: m,
-      disabled: v,
-      shouldAddSpace: c
-    }), (l, b) => (S(), B(G(l.tag), lt({
-      ref_key: "_ref",
-      ref: s
-    }, g(_), {
-      class: u.value,
-      style: g(o),
-      onClick: g(d)
-    }), {
-      default: V(() => [
-        l.loading ? (S(), P(
-          It,
-          { key: 0 },
-          [
-            l.$slots.loading ? R(l.$slots, "loading", { key: 0 }) : (S(), B(g(at), {
-              key: 1,
-              class: W(g(i).is("loading"))
-            }, {
-              default: V(() => [
-                (S(), B(G(l.loadingIcon)))
-              ]),
-              _: 1
-            }, 8, ["class"]))
-          ],
-          64
-        )) : l.icon || l.$slots.icon ? (S(), B(g(at), { key: 1 }, {
-          default: V(() => [
-            l.icon ? (S(), B(G(l.icon), { key: 0 })) : R(l.$slots, "icon", { key: 1 })
-          ]),
-          _: 3
-        })) : tt("v-if", !0),
-        l.$slots.default ? (S(), P(
-          "span",
-          {
-            key: 2,
-            class: W({ [g(i).em("text", "expand")]: g(c) })
-          },
-          [
-            R(l.$slots, "default")
-          ],
-          2
-        )) : tt("v-if", !0)
-      ]),
-      _: 3
-    }, 16, ["class", "style", "onClick"]));
-  }
-});
-var Be = /* @__PURE__ */ Q(Ne, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
-const Ae = {
-  size: U.size,
-  type: U.type,
-  direction: {
-    type: j(String),
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
-  }
-}, Ee = I({
-  name: "ElButtonGroup",
-  __name: "button-group",
-  props: Ae,
-  setup(t) {
-    const r = t;
-    Rt(
-      kt,
-      Vt({
-        size: et(r, "size"),
-        type: et(r, "type")
-      })
-    );
-    const e = F("button");
-    return (n, a) => (S(), P(
-      "div",
-      {
-        class: W([g(e).b("group"), g(e).bm("group", r.direction)])
-      },
-      [
-        R(n.$slots, "default")
-      ],
-      2
-    ));
-  }
-});
-var Mt = /* @__PURE__ */ Q(Ee, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);
-const $t = yt(Be, {
-  ButtonGroup: Mt
-});
-Qt(Mt);
-const Ie = /* @__PURE__ */ I({
-  __name: "TestComp",
-  setup(t) {
-    const r = E(0);
-    function e() {
-      r.value = r.value + 1, ht({
-        message: `第次${r.value}点击！`,
-        type: "success"
-      });
-    }
-    return (n, a) => {
-      const o = $t;
-      return S(), B(o, { onClick: e }, {
-        default: V(() => [
-          ft(dt(g(r)), 1)
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Re = /* @__PURE__ */ I({
-  __name: "BtnComp",
-  setup(t) {
-    const r = E(0);
-    function e() {
-      r.value = r.value + 100, ht({
-        message: `第次${r.value / 100}点击！`,
-        type: "warning"
-      });
-    }
-    return (n, a) => {
-      const o = $t;
-      return S(), B(o, { onClick: e }, {
-        default: V(() => [
-          ft(dt(g(r)), 1)
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  Ie as BtnComp1,
-  Re as BtnComp100
-};