@lx-frontend/wrap-element-ui 1.0.26 → 2.0.0

package/README.md

@@ -1,106 +1,41 @@
-### 介绍
+# @lx-frontend/wrap-element-ui (Vue 3)
 
-`@lx-frontend/wrap-element-ui` 是一款基于 Element 生态二次封装的前端组件库，主要用于快速开发 PC 网站中后台产品。
+Vue 3 + Element Plus 组件库
 
-当前版本同时支持 Vue2 和 Vue3：
-
-- 默认入口支持自动适配（安装插件时根据 Vue 主版本自动选择实现）
-- 也支持子路径显式指定版本（`/vue2`、`/vue3`）
-
-### 使用 npm 安装
+## 安装
 
 ```bash
-pnpm i @lx-frontend/wrap-element-ui
-```
-
-### 依赖说明
-
-请根据项目使用的 Vue 版本安装对应 UI 依赖：
-
-- Vue2 项目：`vue@^2.7` + `element-ui`
-- Vue3 项目：`vue@^3.2` + `element-plus`
-
-### 插件安装（自动适配）
-
-推荐使用插件安装方式，默认入口会在 `install` 时自动判断 Vue2/Vue3。
-
-#### Vue2
-
-```js
-import Vue from "vue";
-import WrapElementUi from "@lx-frontend/wrap-element-ui";
-
-Vue.use(WrapElementUi);
+npm install @lx-frontend/wrap-element-ui@vue3
+# 或
+pnpm add @lx-frontend/wrap-element-ui@vue3
 ```
 
-#### Vue3
+## 使用
 
-```ts
-import { createApp } from "vue";
-import App from "./App.vue";
-import WrapElementUi from "@lx-frontend/wrap-element-ui";
+```typescript
+import { createApp } from 'vue'
+import WrapElementUI from '@lx-frontend/wrap-element-ui'
+import '@lx-frontend/wrap-element-ui/style.css'
 
-const app = createApp(App);
-app.use(WrapElementUi);
-app.mount("#app");
+const app = createApp(App)
+app.use(WrapElementUI)
 ```
 
-### 子路径显式指定版本
+## 组件列表
 
-如果你希望固定实现版本（不走自动判断），可使用子路径导入：
+- EditableTable: 可编辑表格组件
 
-```ts
-import WrapElementUiVue2 from "@lx-frontend/wrap-element-ui/vue2";
-import WrapElementUiVue3 from "@lx-frontend/wrap-element-ui/vue3";
-```
-
-### 组件按需使用
+## 依赖
 
-可以局部注册所需的组件，适用于与其他框架组合使用的场景
+- Vue 3.4+
+- Element Plus 2.6+
+- dayjs 1.11+
+- lodash 4.17+
 
-```js
-import { DemoComponent } from "@lx-frontend/wrap-element-ui";
+## 版本说明
 
-export default {
-  components: {
-    DemoComponent,
-  },
-};
-```
+此包为 Vue 3 版本，如需 Vue 2 版本请使用：
 
-在模板中，用 `<DemoComponent></DemoComponent>` 自定义标签的方式使用组件
-
-```xml
-<template>
-  <div>
-    <DemoComponent>这是一个 demo 组件</DemoComponent>
-  </div>
-</template>
+```bash
+npm install @lx-frontend/wrap-element-ui
 ```
-
-### 开发指南
-
-新增或修改组件时，使用 `pnpm dev` 可以实时预览 stories。
-
-开发完成后，可以使用 `pnpm dist` 预览打包后的组件是否能正常工作。与 `pnpm dev` 的区别在于，该命令修改了组件的引用地址，指向了打包后的组件。该命令不能实时预览修改。
-
-`build`（或 `build:lib`）命令用于打包组件库，会同时生成：
-
-- `dist/vue2`（Vue2 构建产物）
-- `dist/vue3`（Vue3 构建产物）
-- `dist/auto`（自动适配入口）
-
-`build:sb` 用于生成 stories 静态预览文件。
-
-`pnpm preview` 用于预览`build:sb`生成的静态文件。
-
-### 已知问题
-
-1. **Storybook Setup API 无法动态更新 Controls**
-   - 使用 Storybook 的 setup API 时，无法动态更新 controls 面板的内容。建议使用 Vue 2 老版本的 Options API 写法。
-
-2. **Options API 中 this 指向问题**
-   - 在 Storybook 中使用 Options API 写法时，无法正确获取 `this` 指向。建议尽量避免 hook 的嵌套导致 `this` 丢失问题。虽然可以通过传递 Vue 实例的方式来解决，但请尽量保持 demo 的简单性和可读性。
-
-3. **Storybook 卡死问题**
-   - 当 story 内容过多或嵌套层级过深时，可能会导致 Storybook 卡死。这通常是复杂组件的 story 出现逻辑问题时导致的，但 Storybook 无法抛出明确的错误信息。建议检查自己新增的逻辑，逻辑中的错误会导致原本嵌套很深的组件造成 Storybook 页面的卡死。

package/dist/index.css

@@ -0,0 +1 @@
+.editable-table-view-setting__dialog{padding:0}.editable-table-view-setting__dialog .el-dialog__body{max-height:70vh;padding:0}.editable-table-view-setting__dialog .el-button--primary{background-color:#2468f2!important;border-color:#2468f2!important}.editable-table-view-setting__dialog .el-checkbox.is-checked:not(.is-disabled) .el-checkbox__input .el-checkbox__inner{background-color:#2468f2!important;border-color:#2468f2!important}.editable-table-view-setting__dialog .el-checkbox.is-checked:not(.is-disabled) .el-checkbox__label{color:#2468f2!important}.editable-table-view-setting__dialog .el-button{border-radius:2px}.editable-table-view-setting__dialog .el-dialog__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;background-color:#eee;height:36px;line-height:36px;padding:0 20px}.editable-table-view-setting__dialog .el-dialog__title{font-size:14px;line-height:20px;color:#333}.editable-table-view-setting__dialog .el-dialog__footer{background-color:#eee;height:42px;line-height:42px;padding:0 20px}.editable-table-view-setting__dialog .el-dialog__footer .el-button{height:24px;font-size:12px;padding:5px 12px}.editable-table-view-setting__content{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:500px}.editable-table-view-setting__content-left{min-width:417px;width:417px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.editable-table-view-setting__content-left-item{width:130px;margin-bottom:15px}.editable-table-view-setting__content-left-title{border-bottom:1px solid #d9d9d9;width:100%;height:46px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px}.editable-table-view-setting__checkbox-wrapper{padding-left:37px;padding-top:24px}.editable-table-view-setting__content-right{border-left:1px solid #d9d9d9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.editable-table-view-setting__content-right-title{border-bottom:1px solid #d9d9d9;width:100%;height:46px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px}.editable-table-view-setting__selected-count{margin-left:20px}.editable-table-view-setting__content-right-frize{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;border-bottom:1px solid #d9d9d9;padding-left:20px}.editable-table-view-setting__content-right-input{width:140px;margin:0 4px}.editable-table-view-setting__content-right-input .el-input__wrapper{height:28px}.editable-table-view-setting__content-right-input .el-input__inner{height:28px;line-height:28px}.editable-table-view-setting__content-right-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-left:18px;padding-top:17px;padding-right:23px}.editable-table-view-setting__selected-item-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editable-table-view-setting__icon-wrapper{width:14px;height:14px;line-height:14px;padding:2px 4px;margin-right:10px;cursor:-webkit-grab;cursor:grab;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editable-table-view-setting__selected-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:30px;height:30px;width:100%}.editable-table-view-setting__selected-item-name{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.editable-table-view-setting__selected-item-close{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.editable-table-view-setting__selected-item-close .el-icon{font-size:14px}.editable-table-view-setting__selected-item-close--disabled{cursor:not-allowed;color:#989ea9}.editable-table__selected-color{position:absolute;left:0;top:0;right:0;bottom:0}.editable-table__color-icon{padding:0!important;margin-left:8px;width:8px;height:8px;border-radius:50%;position:relative;background-color:#fcae46;cursor:pointer;overflow:visible!important}.editable-table__color-icon:before{background-color:#fc6559;left:-10px;z-index:2}.editable-table__color-icon:after{background-color:#409eff;left:-5px;z-index:1}.editable-table__color-icon:before,.editable-table__color-icon:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:0}.color-list{color:#fff;width:102px;border-radius:5px;overflow:hidden}.color-list__item{display:inline-block;width:100%;height:27px;line-height:27px;padding-left:6px;cursor:pointer}.color-list__item:hover{opacity:.8}.color-list__item span{font-size:12px}.color-option[data-v-575f0346]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-option .icon[data-v-575f0346]{border-radius:50%;width:1em;height:1em;margin-right:.3em;border:1px solid #ccc}.editable-table[data-v-51e47642]{width:100%}.editable-table__toolbar[data-v-51e47642]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:16px}.editable-table__pagination[data-v-51e47642]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:16px;padding:16px 0}.editable-table__color-column[data-v-51e47642]{padding:0!important}.editable-table__color-column .cell[data-v-51e47642]{padding:0!important;height:100%;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;border:none!important}.editable-table__color-icon[data-v-51e47642]{padding:0!important;margin-left:8px;width:8px;height:8px;border-radius:50%;position:relative;background-color:#fcae46;cursor:pointer;overflow:visible!important}.editable-table__color-icon[data-v-51e47642]:before{background-color:#fc6559;left:-10px;z-index:2}.editable-table__color-icon[data-v-51e47642]:after{background-color:#409eff;left:-5px;z-index:1}.editable-table__color-icon[data-v-51e47642]:before,.editable-table__color-icon[data-v-51e47642]:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:0}.editable-table__selected-color[data-v-51e47642]{position:absolute;left:0;top:0;right:0;bottom:0}.editable-table__drag-cell[data-v-51e47642]{cursor:move}.editable-table-view-setting__dialog[data-v-51e47642]{padding:0}.editable-table-view-setting__dialog[data-v-51e47642] .el-dialog__body{max-height:70vh;padding:0}.editable-table-view-setting__dialog[data-v-51e47642] .el-dialog__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;background-color:#eee;height:36px;line-height:36px;padding:0 20px}.editable-table-view-setting__dialog[data-v-51e47642] .el-dialog__title{font-size:14px;line-height:20px;color:#333}.editable-table-view-setting__dialog[data-v-51e47642] .el-dialog__footer{background-color:#eee;height:42px;line-height:42px;padding:0 20px}.editable-table-view-setting__dialog[data-v-51e47642] .el-dialog__footer .el-button{height:24px;font-size:12px;padding:5px 12px}.editable-table-view-setting__content[data-v-51e47642]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:500px}.editable-table-view-setting__content-left[data-v-51e47642]{min-width:417px;width:417px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.editable-table-view-setting__content-left-item[data-v-51e47642]{width:130px;margin-bottom:15px}.editable-table-view-setting__content-left-title[data-v-51e47642]{border-bottom:1px solid #d9d9d9;width:100%;height:46px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px}.editable-table-view-setting__checkbox-wrapper[data-v-51e47642]{padding-left:37px;padding-top:24px}.editable-table-view-setting__content-right[data-v-51e47642]{border-left:1px solid #d9d9d9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.editable-table-view-setting__content-right-title[data-v-51e47642]{border-bottom:1px solid #d9d9d9;width:100%;height:46px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px}.editable-table-view-setting__selected-count[data-v-51e47642]{margin-left:20px}.editable-table-view-setting__content-right-frize[data-v-51e47642]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;border-bottom:1px solid #d9d9d9;padding-left:20px}.editable-table-view-setting__content-right-input[data-v-51e47642]{width:140px;margin:0 4px}.editable-table-view-setting__content-right-input[data-v-51e47642] .el-input__wrapper{height:28px}.editable-table-view-setting__content-right-input[data-v-51e47642] .el-input__inner{height:28px;line-height:28px}.editable-table-view-setting__content-right-selected[data-v-51e47642]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-left:18px;padding-top:17px;padding-right:23px}.editable-table-view-setting__selected-item-left[data-v-51e47642]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editable-table-view-setting__icon-wrapper[data-v-51e47642]{width:14px;height:14px;line-height:14px;padding:2px 4px;margin-right:10px;cursor:-webkit-grab;cursor:grab;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editable-table-view-setting__selected-item[data-v-51e47642]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:30px;height:30px;width:100%}.editable-table-view-setting__selected-item-name[data-v-51e47642]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.editable-table-view-setting__selected-item-close[data-v-51e47642]{cursor:pointer}.editable-table-view-setting__selected-item-close--disabled[data-v-51e47642]{cursor:not-allowed;color:#989ea9}.editable-table-operation-popover__save-cancel[data-v-51e47642]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.custom-row-classname-pinned[data-v-51e47642]{background-color:#f0f9ff!important;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a}.no-inner-cell-border[data-v-51e47642]{border-bottom:none!important}.editable-table-color-popover .color-list[data-v-51e47642]{color:#fff;width:102px;border-radius:5px;overflow:hidden}.editable-table-color-popover .color-list__item[data-v-51e47642]{display:inline-block;width:100%;height:27px;line-height:27px;padding-left:6px;cursor:pointer}.editable-table-color-popover .color-list__item[data-v-51e47642]:hover{opacity:.8}.editable-table-color-popover .color-list__item span[data-v-51e47642]{font-size:12px}.editable-table__sort-icon{position:relative;width:12px;height:12px;border:1px solid #7b7b7b;padding:0!important;margin-left:4px;border-radius:50%}.editable-table__sort-icon:after{position:absolute;top:50%;left:50%;content:"";width:3px;height:3px;border-bottom:1px solid;border-left:1px solid;border-color:#7b7b7b;-webkit-transform:translate(-50%,-55%) rotate(-45deg);transform:translate(-50%,-55%) rotate(-45deg)}.editable-table__sort-icon--active{border:1px solid #2468f2}.editable-table__sort-icon--active:after{border-color:#2468f2}.editable-table__sort-reference{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editable-table__sort-reference:hover{cursor:pointer}.editable-table__sort-reference--active{color:#2468f2}.editable-table-sort-filter{padding:0!important;width:258px}.editable-table-sort-filter__column-title{font-size:14px;font-weight:600;height:40px;line-height:40px;text-align:center;border-bottom:1px solid #d6dbe3}.editable-table-sort-filter__item{margin-top:14px}.editable-table-sort-filter__date-picker-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.editable-table-sort-filter__date-picker-content .el-date-editor.el-input,.editable-table-sort-filter__date-picker-content .el-date-editor.el-input__inner{width:100%}.editable-table-sort-filter__filter,.editable-table-sort-filter__search{padding:0 14px}.editable-table-sort-filter__filter .el-select,.editable-table-sort-filter__search .el-select{width:100%}.editable-table-sort-filter__filter .el-radio,.editable-table-sort-filter__search .el-radio{width:100%;margin-top:10px}.editable-table-sort-filter__filter .el-radio:first-child,.editable-table-sort-filter__search .el-radio:first-child{margin-top:0}.editable-table-sort-filter__filter .el-radio__input,.editable-table-sort-filter__search .el-radio__input{line-height:10px}.editable-table-sort-filter__filter .el-radio__inner,.editable-table-sort-filter__search .el-radio__inner{width:14px;height:14px}.editable-table-sort-filter__filter .el-radio__label,.editable-table-sort-filter__search .el-radio__label{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;width:calc(100% - 20px);display:inline-block;vertical-align:middle;font-size:12px;line-height:normal}.editable-table-sort-filter__filter .el-radio-group,.editable-table-sort-filter__filter .el-checkbox-group{max-height:166px;overflow-y:auto;overflow-x:hidden}.editable-table-sort-filter__sort{padding:0 14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.editable-table-sort-filter__filter-title,.editable-table-sort-filter__sort-title,.editable-table-sort-filter__search-title{font-weight:600;font-size:14px;color:#1f1f1f;margin-bottom:10px}.editable-table-sort-filter__search-input .el-input__inner{height:32px}.editable-table-sort-filter__search__date-range{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.editable-table-sort-filter__search__date-range .el-date-editor.el-input,.editable-table-sort-filter__search__date-range .el-date-editor.el-input__inner{width:100%}.editable-table-sort-filter__sort-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editable-table-sort-filter__sort-btns .el-button{border:none}.editable-table-sort-filter__sort-btn.el-button{width:112px;height:28px;padding:4px 42px;display:inline-block;background-color:#f4f4f4;color:#4a4a4a}.editable-table-sort-filter__sort-btn.el-button:hover{background-color:#fafafa}.editable-table-sort-filter__sort-btn--active.el-button{color:#2468f2;border-color:#eef3ff;background:#f4f7fe}.editable-table-sort-filter__sort-btn--active.el-button:hover{background-color:#f4f7fe}.editable-table-sort-filter__filter-checkbox-group{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.editable-table-sort-filter__filter-checkbox{margin-top:10px;font-size:14px;width:100%}.editable-table-sort-filter__filter-checkbox:first-child{margin-top:0}.editable-table-sort-filter__filter-checkbox .el-checkbox__input{line-height:10px}.editable-table-sort-filter__filter-checkbox .el-checkbox__label{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;width:calc(100% - 20px);display:inline-block;vertical-align:middle;font-size:12px;line-height:normal}.editable-table-sort-filter__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:47px;border-top:1px solid #d6dbe3;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 15px;margin-top:14px}.editable-table-sort-filter__reset-btn.el-button,.editable-table-sort-filter__confirm-btn.el-button{width:50px;height:28px;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;font-size:14px;font-weight:400}.editable-table-sort-filter__confirm-btn.el-button{background-color:#2468f2;border-color:#2468f2}.editable-table-sort-filter .el-checkbox__input.is-checked .el-checkbox__inner,.editable-table-sort-filter .el-radio__input.is-checked .el-radio__inner{background:#2468f2;border-color:#2468f2}.editable-table-sort-filter .el-checkbox__input.is-checked+.el-checkbox__label,.editable-table-sort-filter .el-radio__input.is-checked+.el-radio__label{color:#2468f2}.editable-table-drag-icon{position:relative;width:5px;height:2px;border-left:2px solid #989ea9;border-right:2px solid #989ea9;cursor:-webkit-grab;cursor:grab}.editable-table-drag-icon:after,.editable-table-drag-icon:before{position:absolute;content:"";-webkit-box-sizing:border-box;box-sizing:border-box;left:-2px;display:block;width:5px;height:2px;border-left:2px solid #989ea9;border-right:2px solid #989ea9}.editable-table-drag-icon:after{top:-4px}.editable-table-drag-icon:before{bottom:-4px}