snowingress-my-components 0.1.0

package/README.md

@@ -0,0 +1,94 @@
+# My_Components
+
+这是我的组件库项目
+
+# push request
+核心格式如下：
+
+```html
+<类型>[可选作用域]: <描述>
+
+[可选正文]
+
+[可选脚注]
+```
+
+核心字段
+
+| 字段       | 说明                                                         |
+| ---------- | ------------------------------------------------------------ |
+| 类型       | 必须，说明提交的核心目的（如 feat/fix/docs 等）              |
+| 可选作用域 | 可选，指定修改的范围（如 button/table/utils 等，适配组件库） |
+| 描述       | 必须，简短描述修改内容（首字母小写，不加句号，不超过 50 个字符） |
+| 可选正文   | 可选，详细说明修改原因、方案、影响等                         |
+| 可选脚注   | 可选，用于标注 Breaking Change（重大变更）、关联 Issue 等    |
+
+组件库常用 Commit 类型
+
+| 类型     | 适用场景                                                     |
+| -------- | ------------------------------------------------------------ |
+| feat     | 新增组件（如新增 Button 组件）、新增组件功能（如给 Table 加排序功能） |
+| fix      | 修复组件 bug（如修复 Input 输入框防抖失效）                  |
+| docs     | 修改文档（如更新 README、补充组件使用示例）                  |
+| style    | 代码格式调整（如格式化代码、修改缩进，无逻辑变更）           |
+| refactor | 代码重构（如优化组件内部逻辑，无新增 / 修复功能）            |
+| test     | 添加 / 修改测试用例（如给 Button 组件加单元测试）            |
+| chore    | 构建 / 工程配置变更（如修改 vite 配置、更新依赖、调整打包规则） |
+| perf     | 性能优化（如优化列表渲染性能、减少组件重渲染）               |
+| revert   | 回滚之前的提交（如 revert: feat (button): 新增禁用样式）     |
+
+> 例子
+
+### 二、适合你的组件库的 Commit 示例
+
+#### 1. 新增组件
+
+```
+feat(button): 新增基础按钮组件
+
+- 实现按钮的默认/主要/次要样式
+- 支持禁用、加载状态
+- 适配移动端尺寸
+```
+
+#### 2. 修复组件 bug
+
+```
+fix(table): 修复表格分页切换数据不刷新的问题
+
+原因：分页参数未绑定到请求参数中
+解决方案：将 pageNum/pageSize 同步到请求参数
+```
+
+#### 3. 更新文档
+
+```
+docs(readme): 补充组件库安装和快速上手说明
+```
+
+#### 4. 重构组件逻辑
+
+```
+refactor(input): 重构输入框防抖逻辑
+
+- 抽离防抖函数到 utils 目录
+- 优化防抖触发时机，减少无效请求
+```
+
+#### 5. 调整工程配置
+
+```
+chore: 更新 vite 到 7.3.1 版本
+
+适配最新版 vite 的配置语法，修复打包警告
+```
+
+#### 6. 重大变更（Breaking Change）
+
+```
+feat(dialog): 重构弹窗组件 API
+
+BREAKING CHANGE: 
+- 移除 oldOpen 方法，统一为 open 方法
+- props 中 visible 改为 v-model:visible 绑定
+```

package/dist/index.css

@@ -0,0 +1 @@
+:root{--wm-color-white: #ffffff;--wm-color-black: #000000;--wm-color-primary: #409eff;--wm-color-primary-light-3: rgb(121, 187, 255);--wm-color-primary-light-5: rgb(160, 207, 255);--wm-color-primary-light-7: rgb(198, 226, 255);--wm-color-primary-light-8: rgb(217, 236, 255);--wm-color-primary-light-9: rgb(236, 245, 255);--wm-color-primary-dark-2: rgb(51, 126, 204);--wm-color-success: #67c23a;--wm-color-success-light-3: rgb(149, 212, 117);--wm-color-success-light-5: rgb(179, 225, 157);--wm-color-success-light-7: rgb(209, 237, 196);--wm-color-success-light-8: rgb(225, 243, 216);--wm-color-success-light-9: rgb(240, 249, 235);--wm-color-success-dark-2: rgb(82, 155, 46);--wm-color-warning: #e6a23c;--wm-color-warning-light-3: rgb(238, 190, 119);--wm-color-warning-light-5: rgb(243, 209, 158);--wm-color-warning-light-7: rgb(248, 227, 197);--wm-color-warning-light-8: rgb(250, 236, 216);--wm-color-warning-light-9: rgb(253, 246, 236);--wm-color-warning-dark-2: rgb(184, 130, 48);--wm-color-danger: #f56c6c;--wm-color-danger-light-3: rgb(248, 152, 152);--wm-color-danger-light-5: rgb(250, 182, 182);--wm-color-danger-light-7: rgb(252, 211, 211);--wm-color-danger-light-8: rgb(253, 226, 226);--wm-color-danger-light-9: rgb(254, 240, 240);--wm-color-danger-dark-2: rgb(196, 86, 86);--wm-color-info: #909399;--wm-color-info-light-3: rgb(177, 179, 184);--wm-color-info-light-5: rgb(200, 201, 204);--wm-color-info-light-7: rgb(222, 223, 224);--wm-color-info-light-8: rgb(233, 233, 235);--wm-color-info-light-9: rgb(244, 244, 245);--wm-color-info-dark-2: rgb(115, 118, 122);--wm-bg-color: #ffffff;--wm-bg-color-page: #f2f3f5;--wm-bg-color-overlay: #ffffff;--wm-text-color-primary: #303133;--wm-text-color-regular: #606266;--wm-text-color-secondary: #909399;--wm-text-color-placeholder: #a8abb2;--wm-text-color-disabled: #c0c4cc;--wm-border-color: #dcdfe6;--wm-border-color-light: #e4e7ed;--wm-border-color-lighter: #ebeef5;--wm-border-color-extra-light: #f2f6fc;--wm-border-color-dark: #d4d7de;--wm-border-color-darker: #cdd0d6;--wm-fill-color: #f0f2f5;--wm-fill-color-light: #f5f7fa;--wm-fill-color-lighter: #fafafa;--wm-fill-color-extra-light: #fafcff;--wm-fill-color-dark: #ebedf0;--wm-fill-color-darker: #e6e8eb;--wm-fill-color-blank: #ffffff;--wm-border-width: 1px;--wm-border-style: solid;--wm-border-radius-base: 4px;--wm-border-radius-small: 2px;--wm-border-radius-round: 20px;--wm-border-radius-circle: 100%;--wm-border-color-hover: var(--wm-text-color-disabled);--wm-border: var(--wm-border-width) var(--wm-border-style) var(--wm-border-color);--wm-font-size-extra-large: 20px;--wm-font-size-large: 18px;--wm-font-size-medium: 16px;--wm-font-size-base: 14px;--wm-font-size-small: 13px;--wm-font-size-extra-small: 12px;--wm-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--wm-font-weight-primary: 500;--wm-disabled-bg-color: var(--wm-fill-color-light);--wm-disabled-text-color: var(--wm-text-color-placeholder);--wm-disabled-border-color: var(--wm-border-color-light);--wm-transition-duration:.3s;--wm-transition-duration-fast:.2s;--wm-transition-duration-slow:.5s}body{font-family:var(--wm-font-family);font-weight:400;font-size:var(--wm-font-size-base);color:var(--wm-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--wm-color-primary);text-decoration:none}a:hover,a:focus{color:var(--wm-color-primary-light-3)}a:active{color:var(--wm-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--wm-text-color-regular);font-weight:inherit}:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}:is(h1,h2,h3,h4,h5,h6):last-child{margin-bottom:0}h1{font-size:calc(var(--wm-font-size-base) + 6px)}h2{font-size:calc(var(--wm-font-size-base) + 4px)}h3{font-size:calc(var(--wm-font-size-base) + 2px)}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}p:first-child{margin-top:0}p:last-child{margin-bottom:0}sup,sub{font-size:calc(var(--wm-font-size-base) - 1px)}small{font-size:calc(var(--wm-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--wm-border-color-lighter)}.wm-button{--wm-button-font-weight: var(--wm-font-weight-primary);--wm-button-border-color: var(--wm-border-color);--wm-button-bg-color: var(--wm-fill-color-blank);--wm-button-text-color: var(--wm-text-color-regular);--wm-button-disabled-text-color: var(--wm-disabled-text-color);--wm-button-disabled-bg-color: var(--wm-fill-color-blank);--wm-button-disabled-border-color: var(--wm-border-color-light);--wm-button-hover-text-color: var(--wm-color-primary);--wm-button-hover-bg-color: var(--wm-color-primary-light-9);--wm-button-hover-border-color: var(--wm-color-primary-light-7);--wm-button-active-text-color: var(--wm-button-hover-text-color);--wm-button-active-border-color: var(--wm-color-primary);--wm-button-active-bg-color: var(--wm-button-hover-bg-color);--wm-button-outline-color: var(--wm-color-primary-light-5);--wm-button-active-color: var(--wm-text-color-primary)}.wm-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--wm-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--wm-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;background-color:var(--wm-button-bg-color);border:var(--wm-border);border-color:var(--wm-button-border-color);padding:8px 15px;font-size:var(--wm-font-size-base);border-radius:var(--wm-border-radius-base)}.wm-button+.wm-button{margin-left:12px}.wm-button:hover,.wm-button:focus{color:var(--wm-button-hover-text-color);border-color:var(--wm-button-hover-border-color);background-color:var(--wm-button-hover-bg-color);outline:none}.wm-button:active{color:var(--wm-button-active-text-color);border-color:var(--wm-button-active-border-color);background-color:var(--wm-button-active-bg-color);outline:none}.wm-button.is-plain{--wm-button-hover-text-color: var(--wm-color-primary);--wm-button-hover-bg-color: var(--wm-fill-color-blank)}.wm-button.is-round{border-radius:var(--wm-border-radius-round)}.wm-button.is-circle{border-radius:50%;padding:8px}.wm-button.is-disabled,.wm-button.is-disabled:hover,.wm-button.is-disabled:focus,.wm-button[disabled],.wm-button[disabled]:hover,.wm-button[disabled]:focus{color:var(--wm-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--wm-button-disabled-bg-color);border-color:var(--wm-button-disabled-border-color)}.wm-button [class*=wm-icon]+span{margin-left:6px}.wm-button--primary{--wm-button-text-color: var(--wm-color-white);--wm-button-bg-color: var(--wm-color-primary);--wm-button-border-color: var(--wm-color-primary);--wm-button-outline-color: var(--wm-color-primary-light-5);--wm-button-active-color: var(--wm-color-primary-dark-2);--wm-button-hover-text-color: var(--wm-color-white);--wm-button-hover-bg-color: var(--wm-color-primary-light-3);--wm-button-hover-border-color: var(--wm-color-primary-light-3);--wm-button-active-bg-color: var(--wm-color-primary-dark-2);--wm-button-active-border-color: var(--wm-color-primary-dark-2);--wm-button-disabled-text-color: var(--wm-color-white);--wm-button-disabled-bg-color: var(--wm-color-primary-light-5);--wm-button-disabled-border-color: var(--wm-color-primary-light-5)}.wm-button--primary.is-plain{--wm-button-text-color: var(--wm-color-primary);--wm-button-bg-color: var(--wm-color-primary-light-9);--wm-button-border-color: var(--wm-color-primary-light-5);--wm-button-hover-text-color: var(--wm-color-white);--wm-button-hover-bg-color: var(--wm-color-primary);--wm-button-hover-border-color: var(--wm-color-primary);--wm-button-active-text-color: var(--wm-color-white)}.wm-button--success{--wm-button-text-color: var(--wm-color-white);--wm-button-bg-color: var(--wm-color-success);--wm-button-border-color: var(--wm-color-success);--wm-button-outline-color: var(--wm-color-success-light-5);--wm-button-active-color: var(--wm-color-success-dark-2);--wm-button-hover-text-color: var(--wm-color-white);--wm-button-hover-bg-color: var(--wm-color-success-light-3);--wm-button-hover-border-color: var(--wm-color-success-light-3);--wm-button-active-bg-color: var(--wm-color-success-dark-2);--wm-button-active-border-color: var(--wm-color-success-dark-2);--wm-button-disabled-text-color: var(--wm-color-white);--wm-button-disabled-bg-color: var(--wm-color-success-light-5);--wm-button-disabled-border-color: var(--wm-color-success-light-5)}.wm-button--success.is-plain{--wm-button-text-color: var(--wm-color-success);--wm-button-bg-color: var(--wm-color-success-light-9);--wm-button-border-color: var(--wm-color-success-light-5);--wm-button-hover-text-color: var(--wm-color-white);--wm-button-hover-bg-color: var(--wm-color-success);--wm-button-hover-border-color: var(--wm-color-success);--wm-button-active-text-color: var(--wm-color-white)}.wm-button--warning{--wm-button-text-color: var(--wm-color-white);--wm-button-bg-color: var(--wm-color-warning);--wm-button-border-color: var(--wm-color-warning);--wm-button-outline-color: var(--wm-color-warning-light-5);--wm-button-active-color: var(--wm-color-warning-dark-2);--wm-button-hover-text-color: var(--wm-color-white);--wm-button-hover-bg-color: var(--wm-color-warning-light-3);--wm-button-hover-border-color: var(--wm-color-warning-light-3);--wm-button-active-bg-color: var(--wm-color-warning-dark-2);--wm-button-active-border-color: var(--wm-color-warning-dark-2);--wm-button-disabled-text-color: var(--wm-color-white);--wm-button-disabled-bg-color: var(--wm-color-warning-light-5);--wm-button-disabled-border-color: var(--wm-color-warning-light-5)}.wm-button--warning.is-plain{--wm-button-text-color: var(--wm-color-warning);--wm-button-bg-color: var(--wm-color-warning-light-9);--wm-button-border-color: var(--wm-color-warning-light-5);--wm-button-hover-text-color: var(--wm-color-white);--wm-button-hover-bg-color: var(--wm-color-warning);--wm-button-hover-border-color: var(--wm-color-warning);--wm-button-active-text-color: var(--wm-color-white)}.wm-button--info{--wm-button-text-color: var(--wm-color-white);--wm-button-bg-color: var(--wm-color-info);--wm-button-border-color: var(--wm-color-info);--wm-button-outline-color: var(--wm-color-info-light-5);--wm-button-active-color: var(--wm-color-info-dark-2);--wm-button-hover-text-color: var(--wm-color-white);--wm-button-hover-bg-color: var(--wm-color-info-light-3);--wm-button-hover-border-color: var(--wm-color-info-light-3);--wm-button-active-bg-color: var(--wm-color-info-dark-2);--wm-button-active-border-color: var(--wm-color-info-dark-2);--wm-button-disabled-text-color: var(--wm-color-white);--wm-button-disabled-bg-color: var(--wm-color-info-light-5);--wm-button-disabled-border-color: var(--wm-color-info-light-5)}.wm-button--info.is-plain{--wm-button-text-color: var(--wm-color-info);--wm-button-bg-color: var(--wm-color-info-light-9);--wm-button-border-color: var(--wm-color-info-light-5);--wm-button-hover-text-color: var(--wm-color-white);--wm-button-hover-bg-color: var(--wm-color-info);--wm-button-hover-border-color: var(--wm-color-info);--wm-button-active-text-color: var(--wm-color-white)}.wm-button--danger{--wm-button-text-color: var(--wm-color-white);--wm-button-bg-color: var(--wm-color-danger);--wm-button-border-color: var(--wm-color-danger);--wm-button-outline-color: var(--wm-color-danger-light-5);--wm-button-active-color: var(--wm-color-danger-dark-2);--wm-button-hover-text-color: var(--wm-color-white);--wm-button-hover-bg-color: var(--wm-color-danger-light-3);--wm-button-hover-border-color: var(--wm-color-danger-light-3);--wm-button-active-bg-color: var(--wm-color-danger-dark-2);--wm-button-active-border-color: var(--wm-color-danger-dark-2);--wm-button-disabled-text-color: var(--wm-color-white);--wm-button-disabled-bg-color: var(--wm-color-danger-light-5);--wm-button-disabled-border-color: var(--wm-color-danger-light-5)}.wm-button--danger.is-plain{--wm-button-text-color: var(--wm-color-danger);--wm-button-bg-color: var(--wm-color-danger-light-9);--wm-button-border-color: var(--wm-color-danger-light-5);--wm-button-hover-text-color: var(--wm-color-white);--wm-button-hover-bg-color: var(--wm-color-danger);--wm-button-hover-border-color: var(--wm-color-danger);--wm-button-active-text-color: var(--wm-color-white)}.wm-button--large{--wm-button-size: 40px;height:var(--wm-button-size);padding:12px 19px;font-size:var(--wm-font-size-base);border-radius:var(--wm-border-radius-base)}.wm-button--small{--wm-button-size: 24px;height:var(--wm-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--wm-border-radius-base) - 1px)}.wm-collapse-item{--wm-collapse-border-color: var(--wm-border-color-light);--wm-collapse-header-height: 48px;--wm-collapse-header-bg-color: var(--wm-fill-color-blank);--wm-collapse-header-text-color: var(--wm-text-color-primary);--wm-collapse-header-font-size: 13px;--wm-collapse-content-bg-color: var(--wm-fill-color-blank);--wm-collapse-content-font-size: 13px;--wm-collapse-content-text-color: var(--wm-text-color-primary);--wm-collapse-disabled-text-color: var(--wm-disabled-text-color);--wm-collapse-disabled-border-color: var(--wm-border-color-lighter)}.wm-collapse-item__header{display:flex;align-items:center;justify-content:space-between;height:var(--wm-collapse-header-height);line-height:var(--wm-collapse-header-height);background-color:var(--wm-collapse-header-bg-color);color:var(--wm-collapse-header-text-color);cursor:pointer;font-size:var(--wm-collapse-header-font-size);font-weight:500;outline:none;border-bottom:1px solid var(--wm-collapse-border-color)}.wm-collapse-item__header.is-disabled{color:var(--wm-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.wm-collapse-item__header.is-active{border-bottom-color:transparent}.wm-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.wm-collapse-item__header .header-angle{transition:transform var(--wm-transition-duration-fast)}.wm-collapse-item__content{will-change:height;background-color:var(--wm-collapse-content-bg-color);overflow:hidden;box-sizing:border-box;font-size:var(--wm-collapse-content-font-size);color:var(--wm-collapse-content-text-color);border-bottom:1px solid var(--wm-collapse-border-color);padding-bottom:25px}.slide-enter-active,.slide-leave-active{transition:height var(--wm-transition-duration-slow) ease-in-out}.wm-icon{--wm-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--wm-icon-color);font-size:inherit}.wm-icon--primary{--wm-icon-color: var(--wm-color-primary)}.wm-icon--info{--wm-icon-color: var(--wm-color-info)}.wm-icon--success{--wm-icon-color: var(--wm-color-success)}.wm-icon--warning{--wm-icon-color: var(--wm-color-warning)}.wm-icon--danger{--wm-icon-color: var(--wm-color-danger)}.wm-alert{--wm-alert-bg-color:inherit;--wm-alert-font-color:inherit;--wm-icon-color:#a8abb2;background-color:var(--wm-alert-bg-color);font-size:inherit;color:var(--wm-alert-font-color);display:flex;align-items:center;width:25%;margin:auto;padding:5px 5px 5px 10px;position:relative}.wm-alert+.wm-alert{margin-bottom:10px;margin-top:10px}.wm-alert.is-center{justify-content:center}.wm-alert .wm-alert__close{position:absolute;right:5px;color:var(--wm-icon-color)}.wm-alert .wm-alert__beforeicon{margin-right:5px}.wm-alert--primary{--wm-alert-bg-color:var(--wm-color-primary-light-9);--wm-alert-font-color:var(--wm-color-primary)}.wm-alert--info{--wm-alert-bg-color:var(--wm-color-info-light-9);--wm-alert-font-color:var(--wm-color-info)}.wm-alert--success{--wm-alert-bg-color:var(--wm-color-success-light-9);--wm-alert-font-color:var(--wm-color-success)}.wm-alert--warning{--wm-alert-bg-color:var(--wm-color-warning-light-9);--wm-alert-font-color:var(--wm-color-warning)}.wm-alert--danger{--wm-alert-bg-color:var(--wm-color-danger-light-9);--wm-alert-font-color:var(--wm-color-danger)}.wm-alert--primary.wm-alert--dark{--wm-alert-bg-color: var(--wm-color-primary);--wm-alert-font-color: #ffffff;--wm-icon-color:var(--wm-alert-font-color)}.wm-alert--info.wm-alert--dark{--wm-alert-bg-color: var(--wm-color-info);--wm-alert-font-color: #ffffff;--wm-icon-color:var(--wm-alert-font-color)}.wm-alert--success.wm-alert--dark{--wm-alert-bg-color: var(--wm-color-success);--wm-alert-font-color: #ffffff;--wm-icon-color:var(--wm-alert-font-color)}.wm-alert--warning.wm-alert--dark{--wm-alert-bg-color: var(--wm-color-warning);--wm-alert-font-color: #ffffff;--wm-icon-color:var(--wm-alert-font-color)}.wm-alert--danger.wm-alert--dark{--wm-alert-bg-color: var(--wm-color-danger);--wm-alert-font-color: #ffffff;--wm-icon-color:var(--wm-alert-font-color)}.alert-leave-from{opacity:1}.alert-leave-active{transition:opacity var(--wm-transition-duration-slow) ease-in-out}.alert-leave-to{opacity:0}.wm-tooltip{--wm-popover-bg-color: var(--wm-bg-color-overlay);--wm-popover-font-size: var(--wm-font-size-base);--wm-popover-border-color: var(--wm-border-color);--wm-popover-padding: 12px;--wm-popover-border-radius: 4px;display:inline-block}.wm-tooltip .wm-tooltip__popper{background:var(--wm-popover-bg-color);border-radius:var(--wm-popover-border-radius);border:1px solid var(--wm-popover-border-color);padding:var(--wm-popover-padding);color:var(--wm-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--wm-popover-font-size);box-shadow:var(--wm-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.wm-tooltip .wm-tooltip__popper #arrow,.wm-tooltip .wm-tooltip__popper #arrow:before{position:absolute;width:8px;height:8px;box-sizing:border-box;background:var(--wm-popover-bg-color)}.wm-tooltip .wm-tooltip__popper #arrow{visibility:hidden}.wm-tooltip .wm-tooltip__popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.wm-tooltip .wm-tooltip__popper[data-popper-placement^=top]>#arrow{bottom:-5px}.wm-tooltip .wm-tooltip__popper[data-popper-placement^=bottom]>#arrow{top:-5px}.wm-tooltip .wm-tooltip__popper[data-popper-placement^=left]>#arrow{right:-5px}.wm-tooltip .wm-tooltip__popper[data-popper-placement^=right]>#arrow{left:-5px}.wm-tooltip .wm-tooltip__popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--wm-popover-border-color);border-bottom:1px solid var(--wm-popover-border-color)}.wm-tooltip .wm-tooltip__popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--wm-popover-border-color);border-top:1px solid var(--wm-popover-border-color)}.wm-tooltip .wm-tooltip__popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--wm-popover-border-color);border-top:1px solid var(--wm-popover-border-color)}.wm-tooltip .wm-tooltip__popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--wm-popover-border-color);border-bottom:1px solid var(--wm-popover-border-color)}.wm-tooltip .fade-enter-active,.wm-tooltip .fade-leave-active{transition:opacity var(--wm-transition-duration)}.wm-tooltip .fade-enter-from,.wm-tooltip .fade-leave-to{opacity:0}.wm-dropdown .wm-dropdown__menu{--wm-dropdown-menuItem-hover-fill: var(--wm-color-primary-light-9);--wm-dropdown-menuItem-hover-color: var(--wm-color-primary);--wm-dropdown-menuItem-disabled-color: var(--wm-border-color-lighter);--wm-dropdown-menuItem-divided-color: var(--wm-border-color-lighter)}.wm-dropdown{display:inline-block}.wm-dropdown .wm-tooltip{--wm-popover-padding: 5px 0}.wm-dropdown__menu{list-style-type:none;margin:0;padding:0}.wm-dropdown__menu .wm-dropdown__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--wm-font-size-base);color:var(--wm-text-color-regular);cursor:pointer;outline:none}.wm-dropdown__menu .wm-dropdown__item:hover{background-color:var(--wm-dropdown-menuItem-hover-fill);color:var(--wm-dropdown-menuItem-hover-color)}.wm-dropdown__menu .wm-dropdown__item.is-disabled{color:var(--wm-dropdown-menuItem-disabled-color);cursor:not-allowed;background-image:none}.wm-dropdown__menu .divided-placeholder{margin:6px 0;border-top:1px solid var(--wm-dropdown-menuItem-divided-color)}.wm-message{--wm-message-bg-color: var(--wm-color-info-light-9);--wm-message-border-color: var(--wm-border-color-lighter);--wm-message-padding: 15px 19px;--wm-message-close-size: 16px;--wm-message-close-icon-color: var(--wm-text-color-placeholder);--wm-message-close-hover-color: var(--wm-text-color-secondary)}.wm-message{width:fit-content;max-width:calc(100% - 32px);box-sizing:border-box;border-radius:var(--wm-border-radius-base);border-width:var(--wm-border-width);border-style:var(--wm-border-style);border-color:var(--wm-message-border-color);position:fixed;left:50%;top:20px;transform:translate(-50%);background-color:var(--wm-message-bg-color);padding:var(--wm-message-padding);display:flex;align-items:center;transition:top var(--wm-transition-duration),opacity var(--wm-transition-duration),transform var(--wm-transition-duration)}.wm-message .wm-message__content{color:var(--wm-message-text-color);overflow-wrap:anywhere}.wm-message.is-close .wm-message__content{padding-right:30px}.wm-message .wm-message__close{display:flex;align-items:center}.wm-message .wm-message__close svg{cursor:pointer}.wm-message--info{--wm-message-bg-color: var(--wm-color-info-light-9);--wm-message-border-color: var(--wm-color-info-light-8);--wm-message-text-color: var(--wm-color-info)}.wm-message--info .wm-message__close{--wm-icon-color: var(--wm-color-info)}.wm-message--success{--wm-message-bg-color: var(--wm-color-success-light-9);--wm-message-border-color: var(--wm-color-success-light-8);--wm-message-text-color: var(--wm-color-success)}.wm-message--success .wm-message__close{--wm-icon-color: var(--wm-color-success)}.wm-message--warning{--wm-message-bg-color: var(--wm-color-warning-light-9);--wm-message-border-color: var(--wm-color-warning-light-8);--wm-message-text-color: var(--wm-color-warning)}.wm-message--warning .wm-message__close{--wm-icon-color: var(--wm-color-warning)}.wm-message--danger{--wm-message-bg-color: var(--wm-color-danger-light-9);--wm-message-border-color: var(--wm-color-danger-light-8);--wm-message-text-color: var(--wm-color-danger)}.wm-message--danger .wm-message__close{--wm-icon-color: var(--wm-color-danger)}.wm-message.fade-enter-from,.wm-message.fade-leave-to{opacity:0;transform:translate(-50%,-100%)}.wm-input{--wm-input-text-color: var(--wm-text-color-regular);--wm-input-border: var(--wm-border);--wm-input-hover-border: var(--wm-border-color-hover);--wm-input-focus-border: var(--wm-color-primary);--wm-input-transparent-border: 0 0 0 1px transparent inset;--wm-input-border-color: var(--wm-border-color);--wm-input-border-radius: var(--wm-border-radius-base);--wm-input-bg-color: var(--wm-fill-color-blank);--wm-input-icon-color: var(--wm-text-color-placeholder);--wm-input-placeholder-color: var(--wm-text-color-placeholder);--wm-input-hover-border-color: var(--wm-border-color-hover);--wm-input-clear-hover-color: var(--wm-text-color-secondary);--wm-input-focus-border-color: var(--wm-color-primary)}.wm-input{--wm-input-height: var(--wm-component-size);position:relative;font-size:var(--wm-font-size-base);display:inline-flex;width:100%;line-height:var(--wm-input-height);box-sizing:border-box;vertical-align:middle}.wm-input.is-disabled{cursor:not-allowed}.wm-input.is-disabled .wm-input__wrapper{background-color:var(--wm-disabled-bg-color);box-shadow:0 0 0 1px var(--wm-disabled-border-color) inset}.wm-input.is-disabled .wm-input__inner{color:var(--wm-disabled-text-color);-webkit-text-fill-color:var(--wm-disabled-text-color);cursor:not-allowed}.wm-input.is-disabled .wm-textarea__inner{background-color:var(--wm-disabled-bg-color);box-shadow:0 0 0 1px var(--wm-disabled-border-color) inset;color:var(--wm-disabled-text-color);-webkit-text-fill-color:var(--wm-disabled-text-color);cursor:not-allowed}.wm-input.is-prepend>.wm-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.wm-input.is-append>.wm-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.wm-input--large{--wm-input-height: var(--wm-component-size-large);font-size:14px}.wm-input--large .wm-input__wrapper{padding:1px 15px}.wm-input--large .wm-input__wrapper .wm-input__inner{--wm-input-inner-height: calc(var(--wm-input-height, 40px) - 2px)}.wm-input--small{--wm-input-height: var(--wm-component-size-small);font-size:12px}.wm-input--small .wm-input__wrapper{padding:1px 7px}.wm-input--small .wm-input__wrapper .wm-input__inner{--wm-input-inner-height: calc(var(--wm-input-height, 24px) - 2px)}.wm-input__prefix,.wm-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--wm-input-icon-color, var(--wm-text-color-placeholder));transition:all var(--wm-transition-duration)}.wm-input__prefix>:first-child{margin-left:0!important}.wm-input__prefix>:last-child{margin-right:8px!important}.wm-input__suffix>:first-child{margin-left:8px!important}.wm-input__suffix>:last-child{margin-right:0!important}.wm-input__prepend,.wm-input__append{background-color:var(--wm-fill-color-light);color:var(--wm-color-info);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;border-radius:var(--wm-input-border-radius);padding:0 20px;white-space:nowrap}.wm-input__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 0 var(--wm-input-border-color) inset,0 1px 0 0 var(--wm-input-border-color) inset,0 -1px 0 0 var(--wm-input-border-color) inset}.wm-input__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 0 var(--wm-input-border-color) inset,0 -1px 0 0 var(--wm-input-border-color) inset,-1px 0 0 0 var(--wm-input-border-color) inset}.wm-input__append>.wm-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.wm-input--textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--wm-font-size-base)}.wm-textarea__wrapper{position:relative;display:block;resize:vertical;padding:5px 11px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;color:var(--wm-input-text-color, var(--wm-text-color-regular));background-color:var(--wm-input-bg-color, var(--wm-fill-color-blank));background-image:none;box-shadow:0 0 0 1px var(--wm-input-border-color, var(--wm-border-color)) inset;border-radius:var(--wm-input-border-radius, var(--wm-border-radius-base));transition:var(--wm-transition-box-shadow);border:none}.wm-textarea__wrapper:focus{outline:none;box-shadow:0 0 0 1px var(--wm-input-focus-border-color) inset}.wm-textarea__wrapper::placeholder{color:var(--wm-input-placeholder-color)}.wm-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--wm-input-bg-color, var(--wm-fill-color-blank));background-image:none;border-radius:var(--wm-input-border-radius, var(--wm-border-radius-base));transition:var(--wm-transition-box-shadow);box-shadow:0 0 0 1px var(--wm-input-border-color, var(--wm-border-color)) inset}.wm-input__wrapper:hover{box-shadow:0 0 0 1px var(--wm-input-hover-border-color) inset}.wm-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--wm-input-focus-border-color) inset}.wm-input__wrapper .wm-input__inner{--wm-input-inner-height: calc(var(--wm-input-height, 32px) - 2px);width:100%;flex-grow:1;color:var(--wm-input-text-color, var(--wm-text-color-regular));font-size:inherit;height:var(--wm-input-inner-height);line-height:var(--wm-input-inner-height);padding:0;outline:none;border:none;background:none;box-sizing:border-box}.wm-input__wrapper .wm-input__inner::placeholder{color:var(--wm-input-placeholder-color)}.wm-input__wrapper .wm-icon{height:inherit;line-height:inherit;display:flex;justify-content:center;align-items:center;transition:all var(--wm-transition-duration);margin-left:8px}.wm-input__wrapper .wm-input__clear,.wm-input__wrapper .wm-input__password{color:var(--wm-input-icon-color);font-size:14px;cursor:pointer}:is(.wm-input__wrapper .wm-input__clear,.wm-input__wrapper .wm-input__password):hover{color:var(--wm-input-clear-hover-color)}.wm-switch{--wm-switch-on-color: var(--wm-color-primary);--wm-switch-off-color: var(--wm-border-color);--wm-switch-on-border-color: var(--wm-color-primary);--wm-switch-off-border-color: var(--wm-border-color)}.wm-switch{display:inline-flex;align-items:center;font-size:14px;line-height:20px;height:32px}.wm-switch .wm-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.wm-switch:focus-visible~.wm-switch__core{outline:2px solid var(--wm-switch-on-color);outline-offset:1px}.wm-switch.is-checked .wm-switch__core{border-color:var(--wm-switch-on-border-color);background-color:var(--wm-switch-on-color)}.wm-switch.is-checked .wm-switch__core-action{left:calc(100% - 17px)}.wm-switch.is-checked .wm-switch__core-inner{padding:0 18px 0 4px}.wm-switch__core{display:inline-flex;align-items:center;position:relative;height:20px;min-width:40px;border:1px solid var(--wm-switch-off-border-color);outline:none;border-radius:10px;box-sizing:border-box;background:var(--wm-switch-off-color);cursor:pointer;transition:border-color var(--wm-transition-duration),background-color var(--wm-transition-duration)}.wm-switch__core .wm-switch__core-action{position:absolute;left:1px;border-radius:var(--wm-border-radius-circle);width:16px;height:16px;background-color:var(--wm-color-white);transition:all var(--wm-transition-duration)}.wm-switch__core .wm-switch__core-inner{width:100%;transition:all var(--wm-transition-duration);height:16px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 4px 0 18px}.wm-switch__core .wm-switch__core-inner .wm-switch__core-inner-text{font-size:12px;color:var(--wm-color-white);-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-switch--large{font-size:14px;line-height:24px;height:40px}.wm-switch--large .wm-switch__core{min-width:50px;height:24px;border-radius:12px}.wm-switch--large .wm-switch__core .wm-switch__core-action{width:20px;height:20px}.wm-switch--large.is-checked .wm-switch__core .wm-switch__core-action{left:calc(100% - 21px);color:var(--wm-switch-on-color)}.wm-switch--small{font-size:12px;line-height:16px;height:24px}.wm-switch--small .wm-switch__core{min-width:30px;height:16px;border-radius:8px}.wm-switch--small .wm-switch__core .wm-switch__core-action{width:12px;height:12px}.wm-switch--small.is-checked .wm-switch__core .wm-switch-core-action{left:calc(100% - 13px);color:var(--wm-switch-on-color)}.wm-select{--wm-select-item-hover-bg-color: var(--wm-fill-color-light);--wm-select-item-font-size: var(--wm-font-size-base);--wm-select-item-font-color: var(--wm-text-color-regular);--wm-select-item-selected-font-color: var(--wm-color-primary);--wm-select-item-disabled-font-color: var(--wm-text-color-placeholder);--wm-select-input-focus-border-color: var(--wm-color-primary)}.wm-select{display:inline-block;vertical-align:middle;line-height:32px}.wm-select .wm-input .header-angle{transition:transform var(--wm-transition-duration)}.wm-select .wm-input .header-angle.is-active{transform:rotate(180deg)}.wm-select .wm-tooltip__popper{padding:0}.wm-select .wm-input.is-isFocus .wm-input__wrapper{box-shadow:0 0 0 1px var(--wm-select-input-focus-border-color) inset!important}.wm-select .wm-select__nodata,.wm-select .wm-select__loading{padding:10px 0;margin:0;text-align:center;color:var(--wm-text-color-placeholder);font-size:var(--wm-select-item-font-color)}.wm-select .wm-input__inner{cursor:pointer}.wm-select .wm-select_menu-item{margin:0;font-size:var(--wm-select-item-font-size);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--wm-select-item-font-color);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.wm-select .wm-select_menu-item.is-highlight,.wm-select .wm-select_menu-item:hover{background-color:var(--wm-select-item-hover-bg-color)}.wm-select .wm-select_menu-item.is-selected{color:var(--wm-select-item-selected-font-color);font-weight:700}.wm-select .wm-select_menu-item.is-disabled{color:var(--wm-select-item-disabled-font-color);cursor:not-allowed}.wm-select .wm-select_menu-item.is-disabled:hover{background-color:transparent}.wm-select .wm-select-menu{list-style:none;margin:6px 0;padding:0;box-sizing:border-box}