easybill-ui 0.0.2 → 0.0.3

package/components/CurdTable/src/STableItemFilter.vue

@@ -14,9 +14,10 @@
 </template>
 <script lang="ts" setup>
 import { Filter } from "@element-plus/icons-vue"
-import { PropType, ref } from "vue"
+import { PropType, ref, computed } from "vue"
 import FilterType from "../../TableFilter/src/components/FilterType.vue"
-import { ColumnItemFilter, Fields } from "./types"
+import { ColumnItemFilter } from "./types"
+import { Fields } from "../../CurdForm"
 // import { useEventBus } from "@vueuse/core"
 import { ElPopover } from "element-plus"
 
@@ -85,4 +86,4 @@ defineExpose({ search })
 //   bus.off(listener)
 //   hasInit = false
 // })
-</script>
+</script>

package/components/CurdTable/src/hooks/useColumnHook.ts

@@ -44,7 +44,7 @@ export function useColumnHook(props: any) {
   }
 
   initColumn()
-
+  console.log("columns", columns)
   watch(
     () => props.columns,
     (val) => {

package/components/TableFilter/src/components/FilterType.vue

@@ -6,7 +6,7 @@
 <script lang="ts" setup>
 import { ref, watch, Ref, PropType } from "vue"
 import * as I from "../../types"
-import container from "./containers"
+import container from "./typeComponents"
 import * as Utils from "../../../../utils/common"
 import { ListQuery } from "../../types"
 

package/components/TableFilter/src/components/containers/BaseSelect.vue

@@ -7,7 +7,7 @@
   </el-select>
 </template>
 <script lang="ts" setup>
-import { PropType, ref, Ref, watch } from "vue"
+import { PropType, ref, Ref, watch, inject } from "vue"
 import * as I from "../../../types"
 import { deepClone } from "../../../../../utils/common"
 

package/components/TableFilter/src/components/typeComponents/BaseCheckbox.vue

@@ -0,0 +1,238 @@
+<template>
+  <div v-loading="loading" class="base-checkbox" @mousedown.stop>
+    <div v-if="paramsItem.props?.filterable" class="remote-input">
+      <el-input v-model="textModel" v-trim placeholder="输入搜索名称" @input="onInput" />
+    </div>
+    <div v-spin="loading" class="checkbox-spinner">
+      <el-checkbox-group v-if="options && options.length" v-model="checkList" @change="isCheckAll" @keydown.enter="confirm">
+        <div v-for="(item, index) in options" :key="index" class="checkbox-item">
+          <el-checkbox :label="item.value">{{ item.label }}</el-checkbox>
+        </div>
+      </el-checkbox-group>
+      <el-empty v-else description="暂无数据" />
+      <div class="floor">
+        <div class="check-all">
+          <el-checkbox v-if="paramsItem.props?.all" v-model="checkAll" :indeterminate="isIndeterminate" label="全选" size="large" style="margin-right: 20px" @change="allChange" />
+        </div>
+        <div class="floor-btn">
+          <el-button size="small" @click="cancel">取消</el-button>
+          <el-button size="small" @click="confirm">确认</el-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import { ref, computed, Ref, PropType, watch } from "vue"
+import * as I from "../../../types"
+import * as Utils from "../../../../../utils/common"
+
+const emit = defineEmits(["update:modelValue", "change", "cancel"])
+const props = defineProps({
+  paramsItem: {
+    type: Object as PropType<I.ParamsItem>,
+    default: () => {
+      return {}
+    },
+  },
+  modelValue: {
+    type: String,
+    default: "",
+  },
+  listQuery: {
+    type: Object as PropType<I.ListQuery>,
+    default: () => {
+      return {}
+    },
+  },
+})
+
+const model: Ref<string | number | boolean> = ref(props.modelValue)
+watch(
+  () => props.modelValue,
+  (val) => {
+    model.value = val
+  }
+)
+const paramsItem = ref(props.paramsItem)
+const textModel: Ref<string> = ref("")
+const loading: Ref<boolean> = ref(false)
+const checkList: Ref<Array<string | number | boolean>> = ref([])
+const checkAll: Ref<boolean> = ref(false)
+const paramsOptions = ref(Utils.deepClone(props.paramsItem.options))
+const remoteOptions = ref(null)
+const confirmOpen: Ref<boolean> = ref(true)
+const options = computed(() => {
+  const list = remoteOptions.value ? remoteOptions.value : paramsOptions.value
+  return list?.map((a) => {
+    a.value = String(a.value) // 把所有的value转化成字符串类型
+    return a
+  })
+})
+const isIndeterminate = computed(() => {
+  return checkList.value.length && checkList.value.length != options.value?.length ? true : false
+})
+const getModel = () => {
+  if (!model.value) return
+  textModel.value = options.value?.find((a) => String(a.value) == String(model.value))?.label || ""
+}
+const getList = () => {
+  if (paramsItem.value.asyncOptions) {
+    loading.value = true
+    paramsItem.value
+      .asyncOptions({ textModel: textModel.value, listQuery: props.listQuery, options: options.value, paramsItem: paramsItem.value })
+      .then((res) => {
+        remoteOptions.value = res
+        getCheck()
+        getModel()
+      })
+      .finally(() => {
+        loading.value = false
+      })
+  } else {
+    getCheck()
+    getModel()
+  }
+}
+const onInput = () => {
+  if (paramsItem.value.asyncOptions) {
+    getList()
+  } else {
+    let map = paramsItem.value.options?.filter((a) => {
+      if (a.label.indexOf(textModel.value) > -1) {
+        return true
+      }
+    })
+    paramsOptions.value = map
+  }
+}
+const allChange = () => {
+  checkList.value = []
+  if (checkAll.value) {
+    options.value?.forEach((a) => {
+      checkList.value.push(a.value)
+    })
+  }
+}
+const isLabel = () => {
+  if (checkList.value.length) {
+    let map = options.value
+      ?.filter((a) => {
+        if (checkList.value.findIndex((i) => i == a.value) > -1) {
+          return true
+        }
+      })
+      .map((a) => a.label)
+    return map?.length ? map.join(" | ") : ""
+  }
+  return ""
+}
+const getCheck = () => {
+  if (confirmOpen.value) {
+    checkList.value = []
+  }
+  checkList.value = model.value ? String(model.value).split(",") : []
+  isCheckAll()
+}
+
+const isCheckAll = () => {
+  if (checkList.value.length == options.value?.length) {
+    checkAll.value = true
+  } else {
+    checkAll.value = false
+  }
+}
+const confirm = () => {
+  checkList.value = checkList.value.filter((a) => {
+    if (String(a)) {
+      return true
+    } else {
+      return false
+    }
+  })
+  model.value = checkList.value.join(",")
+  paramsItem.value.tagNames = isLabel()
+  textModel.value = ""
+  emit("change", { prop: paramsItem.value.prop, value: model.value })
+  emit("update:modelValue", model.value)
+}
+const cancel = () => {
+  textModel.value = ""
+  emit("cancel")
+}
+getList()
+</script>
+<style lang="scss" scoped>
+.base-checkbox {
+  width: 100%;
+  .checkbox-spinner {
+    position: relative;
+    max-height: 300px;
+    overflow-y: auto;
+    :deep(.el-empty__image svg) {
+      height: 50px;
+    }
+  }
+  :deep(.el-checkbox-group) {
+    width: 100%;
+
+    .el-checkbox {
+      padding: 0 10px;
+      width: 100%;
+      &.is-checked {
+        .el-checkbox__inner {
+          background-color: var(--el-color-primary);
+          border-color: var(--el-color-primary);
+        }
+        .el-checkbox__label {
+          color: var(--el-color-primary);
+        }
+      }
+    }
+    .checkbox-item {
+      width: 100%;
+      .el-checkbox__label {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        max-width: calc(100% - 24px);
+      }
+      &:hover {
+        background: var(--el-color-primary-light-9);
+        .el-checkbox__label {
+          color: var(--el-color-primary);
+        }
+      }
+    }
+  }
+  .floor {
+    border-top: 1px solid var(--el-color-info-light-7);
+    padding: 5px 10px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex: 1;
+    white-space: nowrap;
+    .check-all {
+      :deep(.el-checkbox) {
+        width: 100%;
+        &.is-checked {
+          .el-checkbox__inner {
+            background-color: var(--el-color-primary);
+            border-color: var(--el-color-primary);
+
+            .el-checkbox__label {
+              color: var(--el-color-primary);
+            }
+          }
+        }
+        &:hover {
+          .el-checkbox__label {
+            color: var(--el-color-primary);
+          }
+        }
+      }
+    }
+  }
+}
+</style>

package/components/TableFilter/src/components/typeComponents/BaseInput.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="base-input">
+    <el-input ref="inputRef" v-model="model" :placeholder="paramsItem?.props?.placeholder || '模糊搜索'" class="input-with-select" clearable @keyup.enter="onSearch">
+      <template #append>
+        <el-button :icon="Search" @click="onSearch" />
+      </template>
+    </el-input>
+  </div>
+</template>
+<script lang="ts" setup>
+import { ref, watch, PropType, Ref, onMounted } from "vue"
+import * as I from "../../../types"
+import { Search } from "@element-plus/icons-vue"
+const emit = defineEmits(["update:modelValue", "change"])
+const props = defineProps({
+  paramsItem: {
+    type: Object as PropType<I.ParamsItem>,
+    default: () => {
+      return {}
+    },
+  },
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: "",
+  },
+  listQuery: {
+    type: Object as PropType<I.ListQuery>,
+    default: () => {
+      return {}
+    },
+  },
+})
+const model: Ref<string | number | boolean> = ref(props.modelValue)
+const paramsItem = ref(props.paramsItem)
+
+watch(
+  () => props.modelValue,
+  (val) => {
+    model.value = val
+  }
+)
+const onSearch = () => {
+  emit("update:modelValue", model.value)
+  emit("change", { prop: paramsItem.value.prop, value: model.value })
+  model.value = ""
+}
+const inputRef = ref()
+onMounted(() => {
+  if (props.paramsItem && props.paramsItem.props && props.paramsItem.props.filterable) {
+    inputRef.value.focus()
+  }
+})
+</script>
+<style lang="scss" scoped>
+.base-input {
+  width: 200px;
+  :deep(.el-input) {
+    --el-input-border-radius: 0;
+  }
+}
+</style>

package/components/TableFilter/src/components/typeComponents/BaseSelect.vue

@@ -0,0 +1,113 @@
+<template>
+  <div class="base-select">
+    <div v-if="paramsItem.props?.filterable" class="remote-input" @click.stop>
+      <el-input ref="selectInputRef" v-model="textModel" placeholder="输入搜索名称" clearable @input="onInput">
+        <template #prefix>
+          <el-icon class="el-input__icon"><Search /></el-icon>
+        </template>
+      </el-input>
+    </div>
+    <div v-loading="loading" class="select-spinner">
+      <ul v-if="options && options.length">
+        <li v-if="paramsItem.props?.all" :class="{ active: typeof model === 'undefined' || model === '' }" @click="onChange(allItem)">全部</li>
+        <template v-for="(item, i) in options" :key="i">
+          <li :class="{ active: model === item.value }" @click="onChange(item)">{{ item.label }}</li>
+        </template>
+      </ul>
+      <el-empty v-else description="暂无数据" />
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import { ref, watch, PropType, Ref, computed, onMounted } from "vue"
+import * as I from "../../../types"
+import * as Utils from "../../../../../utils/common"
+import { Search } from "@element-plus/icons-vue"
+const emit = defineEmits(["update:modelValue", "change"])
+const props = defineProps({
+  paramsItem: {
+    type: Object as PropType<I.ParamsItem>,
+    default: () => {
+      return {}
+    },
+  },
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: "",
+  },
+  listQuery: {
+    type: Object as PropType<I.ListQuery>,
+    default: () => {
+      return {}
+    },
+  },
+})
+const model: Ref<string | number | boolean> = ref(props.modelValue)
+
+watch(
+  () => props.modelValue,
+  (val) => {
+    model.value = val
+  }
+)
+
+const paramsItem = ref(props.paramsItem)
+const selectInputRef = ref()
+
+onMounted(() => {
+  if (props.paramsItem && props.paramsItem.props && props.paramsItem.props.filterable) {
+    selectInputRef.value.focus()
+  }
+})
+const textModel: Ref<string> = ref("")
+const loading: Ref<boolean> = ref(false)
+const allItem = { label: "全部", value: "" }
+const getModel = () => {
+  if (!model.value) return
+  textModel.value = options.value?.find((a) => String(a.value) == String(model.value))?.label || ""
+}
+const paramsOptions = ref(Utils.deepClone(props.paramsItem.options))
+// const remoteOptions = ref(null)
+const options = computed(() => {
+  return props.paramsItem.options //remoteOptions.value ? remoteOptions.value : paramsOptions.value
+})
+const getList = () => {
+  if (paramsItem.value.options?.length && !paramsItem.value?.props?.filterable) return
+  if (paramsItem.value.asyncOptions) {
+    loading.value = true
+    paramsItem.value
+      .asyncOptions({ textModel: textModel.value, listQuery: props.listQuery, options: options.value, paramsItem: paramsItem.value })
+      .then((res) => {
+        // remoteOptions.value = res
+        paramsItem.value.options = res
+        // getModel()
+      })
+      .finally(() => {
+        loading.value = false
+      })
+  }
+}
+
+const onChange = (row: I.OptionItem) => {
+  paramsItem.value.tagNames = row.label
+  model.value = row.value
+  textModel.value = ""
+  emit("update:modelValue", model.value)
+  emit("change", { prop: paramsItem.value.prop, value: model.value })
+}
+const onInput = () => {
+  if (paramsItem.value.asyncOptions) {
+    paramsItem.value.options = []
+    getList()
+  } else {
+    let map = paramsItem.value.options?.filter((a) => {
+      if (a.label.indexOf(textModel.value) > -1) {
+        return true
+      }
+    })
+    paramsOptions.value = map
+  }
+}
+// getModel()
+getList()
+</script>

package/components/TableFilter/src/components/typeComponents/BaseTime.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="base-time">
+    <div class="time-picker">
+      <!-- v-if="['daterange', 'monthrange', 'datetimerange'].indexOf(paramsItem.timeType) > -1" -->
+      <el-date-picker v-model="pickerModel" size="small" value-format="YYYY-MM-DD" format="YYYY-MM-DD" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" v-bind="paramsItem.props" />
+
+      <!-- <el-date-picker v-if="['date', 'month'].indexOf(paramsItem.timeType) > -1" v-model="pickerModel" :value-format="paramsItem.valueFormat" :format="paramsItem.format" :clearable="paramsItem.clearable" :type="paramsItem.timeType" placeholder="" /> -->
+    </div>
+
+    <div class="floor">
+      <el-button size="small" @click="cancel">取消</el-button>
+      <el-button size="small" @click="confirm">确认</el-button>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import { deepClone } from "../../../../../utils/common"
+import { ElDatePicker } from "element-plus"
+import { PropType, Ref, ref, watch } from "vue"
+import * as I from "../../../types"
+const emit = defineEmits(["update:modelValue", "change", "cancel"])
+const props = defineProps({
+  paramsItem: {
+    type: Object as PropType<I.ParamsItem>,
+    default: () => {
+      return {}
+    },
+  },
+  modelValue: {
+    type: [String, Array] as PropType<string | Array<string>>,
+    default: "",
+  },
+})
+const model: Ref<string | string[]> = ref(props.modelValue)
+
+watch(
+  () => props.modelValue,
+  (val) => {
+    model.value = val
+  }
+)
+watch(
+  () => model.value,
+  (val) => {
+    emit("update:modelValue", val)
+  }
+)
+const paramsItem = ref(props.paramsItem)
+const pickerModel: Ref<any> = ref(deepClone(props.modelValue))
+
+const confirm = () => {
+  model.value = deepClone(pickerModel.value)
+  emit("change", { prop: paramsItem.value.prop, value: model.value })
+}
+const cancel = () => {
+  pickerModel.value = ""
+  emit("cancel")
+}
+</script>
+<style lang="scss" scoped>
+.base-time {
+  .time-picker {
+    padding: 10px;
+  }
+  .floor {
+    border-top: 1px solid var(--el-color-info-light-7);
+    padding: 5px 10px;
+    text-align: right;
+  }
+}
+</style>

package/components/TableFilter/src/components/typeComponents/index.ts

@@ -0,0 +1,11 @@
+import BaseSelect from "./BaseSelect.vue"
+import BaseCheckbox from "./BaseCheckbox.vue"
+import BaseTime from "./BaseTime.vue"
+import BaseInput from "./BaseInput.vue"
+
+export default {
+  select: BaseSelect,
+  checkbox: BaseCheckbox,
+  time: BaseTime,
+  input: BaseInput,
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easybill-ui",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A component library for easybill",
   "author": "tuchongyang <779311998@qq.com>",
   "private": false,
@@ -14,5 +14,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "63cd7afb06b748e3bda2b33afd7dbb174ed6f3f4"
+  "gitHead": "f4c64360f7b41cf1cd856f42af011a92284f8c89"
 }

package/theme-chalk/curd-form.css

@@ -1 +1 @@
-@charset "UTF-8";.curd-form{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box}.curd-form:not(.el-form--inline) .el-form-item{flex:0 0 100%}.curd-form .form-item{width:100%;display:flex}.curd-form .form-item .tooltip{color:var(--el-button-text-color);margin-left:10px;vertical-align:middle;color:#999}.curd-form .form-item .tooltip:hover{color:var(--color-primary)}.curd-form .el-checkbox-group.single .el-checkbox-button+.el-checkbox-button{margin-left:10px}.curd-form .el-checkbox-group.single .el-checkbox-button .el-checkbox-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base);padding-left:20px;padding-right:20px}.curd-form .el-checkbox-group.single .el-checkbox-button.is-checked .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.curd-form .file-uploader-single .single-img{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.curd-form .file-uploader-single .el-upload--picture-card{position:relative;text-align:center;overflow:hidden}.curd-form .file-uploader-single .el-upload--picture-card .el-upload_input{display:block;position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;opacity:0}.curd-form .file-uploader-single .el-upload--picture-card .file-main{text-align:center;line-height:1}.curd-form .file-uploader-single .el-upload--picture-card .file-main>i{margin:42px 0 10px}.curd-form .file-uploader-single .el-upload--picture-card .file-main .title{width:110px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 auto;text-align:center;padding:10px 0}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions{opacity:0;position:absolute;line-height:normal;top:4px;right:6px;background-color:transparent;z-index:1}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button{margin:0;padding:0;font-size:14px;color:#ff6500;height:26px;width:26px;text-align:center}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button .el-icon{font-size:14px}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button:hover{background:#eee}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-icon-download{margin-right:10px}.curd-form .file-uploader-single .el-upload--picture-card .el-progress{position:absolute;top:0;left:0;bottom:0;right:0;transform:none;width:100%;background-color:rgba(0,0,0,.5);opacity:1;z-index:100}.curd-form .file-uploader-single .el-upload--picture-card .el-progress .el-progress-circle{margin:0 auto;padding-top:10px}.curd-form .file-uploader-single .el-upload--picture-card .el-progress .el-progress__text{color:#fff}.curd-form .file-uploader-single:hover .el-upload--picture-card .el-upload-list__item-actions{opacity:1}.curd-form [class*=icon-document-]{width:36px;height:36px;display:inline-block;vertical-align:top;background-size:100% 100%}.curd-form .icon-document-pdf{background-image:url(../icons/document/pdf.svg)}.curd-form .icon-document-csv{background-image:url(../icons/document/csv.svg)}.curd-form .icon-document-xls,.curd-form .icon-document-xlsx{background-image:url(../icons/document/xls.svg)}.curd-form .icon-document-doc,.curd-form .icon-document-docx{background-image:url(../icons/document/doc.svg)}.curd-form .icon-document-txt{background-image:url(../icons/document/txt.svg)}.curd-form .icon-document-zip{background-image:url(../icons/document/zip.svg)}.curd-form .icon-document-rar{background-image:url(../icons/document/rar.svg)}.curd-form .icon-document-image{background-image:url(../icons/document/image.svg)}.curd-form .schema-form-radio.single .el-radio-button+.el-radio-button{margin-left:10px}.curd-form .schema-form-radio.single .el-radio-button .el-radio-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base);padding-left:20px;padding-right:20px}.curd-form .schema-form-radio.single .el-radio-button.is-active .el-radio-button__inner{border-color:var(--el-radio-button-checked-border-color)}.curd-form .schema-form-radio .el-radio__label>span{vertical-align:middle}.curd-form .empty{color:#999}.curd-form .empty .el-icon,.curd-form .empty span{vertical-align:middle}.schema-form-select-check{height:25px;margin-left:20px;margin-top:10px;display:block}.schema-form-select-check :deep(.el-checkbox__input){vertical-align:middle}
+@charset "UTF-8";.curd-form{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box}.curd-form:not(.el-form--inline) .el-form-item{flex:0 0 100%}.curd-form .form-item{width:100%;display:flex}.curd-form .form-item .tooltip{color:var(--el-button-text-color);margin-left:10px;vertical-align:middle;color:#999}.curd-form .form-item .tooltip:hover{color:var(--color-primary)}.curd-form .el-checkbox-group.single .el-checkbox-button+.el-checkbox-button{margin-left:10px}.curd-form .el-checkbox-group.single .el-checkbox-button .el-checkbox-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base);padding-left:20px;padding-right:20px}.curd-form .el-checkbox-group.single .el-checkbox-button.is-checked .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.curd-form .tooltip{color:var(--el-button-text-color);margin-left:10px;vertical-align:middle}.curd-form .file-uploader-single .single-img{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.curd-form .file-uploader-single .el-upload--picture-card{position:relative;text-align:center;overflow:hidden}.curd-form .file-uploader-single .el-upload--picture-card .el-upload_input{display:block;position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;opacity:0}.curd-form .file-uploader-single .el-upload--picture-card .file-main{text-align:center;line-height:1}.curd-form .file-uploader-single .el-upload--picture-card .file-main>i{margin:42px 0 10px}.curd-form .file-uploader-single .el-upload--picture-card .file-main .title{width:110px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 auto;text-align:center;padding:10px 0}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions{opacity:0;position:absolute;line-height:normal;top:4px;right:6px;background-color:transparent;z-index:1}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button{margin:0;padding:0;font-size:14px;color:#ff6500;height:26px;width:26px;text-align:center}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button .el-icon{font-size:14px}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button:hover{background:#eee}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-icon-download{margin-right:10px}.curd-form .file-uploader-single .el-upload--picture-card .el-progress{position:absolute;top:0;left:0;bottom:0;right:0;transform:none;width:100%;background-color:rgba(0,0,0,.5);opacity:1;z-index:100}.curd-form .file-uploader-single .el-upload--picture-card .el-progress .el-progress-circle{margin:0 auto;padding-top:10px}.curd-form .file-uploader-single .el-upload--picture-card .el-progress .el-progress__text{color:#fff}.curd-form .file-uploader-single:hover .el-upload--picture-card .el-upload-list__item-actions{opacity:1}.curd-form [class*=icon-document-]{width:36px;height:36px;display:inline-block;vertical-align:top;background-size:100% 100%}.curd-form .icon-document-pdf{background-image:url(../icons/document/pdf.svg)}.curd-form .icon-document-csv{background-image:url(../icons/document/csv.svg)}.curd-form .icon-document-xls,.curd-form .icon-document-xlsx{background-image:url(../icons/document/xls.svg)}.curd-form .icon-document-doc,.curd-form .icon-document-docx{background-image:url(../icons/document/doc.svg)}.curd-form .icon-document-txt{background-image:url(../icons/document/txt.svg)}.curd-form .icon-document-zip{background-image:url(../icons/document/zip.svg)}.curd-form .icon-document-rar{background-image:url(../icons/document/rar.svg)}.curd-form .icon-document-image{background-image:url(../icons/document/image.svg)}.curd-form .schema-form-radio.single .el-radio-button+.el-radio-button{margin-left:10px}.curd-form .schema-form-radio.single .el-radio-button .el-radio-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base);padding-left:20px;padding-right:20px}.curd-form .schema-form-radio.single .el-radio-button.is-active .el-radio-button__inner{border-color:var(--el-radio-button-checked-border-color)}.curd-form .schema-form-radio .el-radio__label>span{vertical-align:middle}.curd-form .empty{color:#999}.curd-form .empty .el-icon,.curd-form .empty span{vertical-align:middle}.schema-form-select-check{height:25px;margin-left:20px;margin-top:10px;display:block}.schema-form-select-check :deep(.el-checkbox__input){vertical-align:middle}

package/theme-chalk/index.css

@@ -1 +1 @@
-@charset "UTF-8";.constant-status{--el-tag-border-opacity:1;--el-tag-bg-opacity:1}.constant-status .el-icon,.constant-status .name{vertical-align:middle;line-height:1}.constant-status .dot{width:5px;height:5px;display:inline-block;vertical-align:middle;border-radius:50%;background:var(--el-tag-text-color);margin-right:5px}.constant-status.dot-status{padding:0}.constant-status.dot-status .name{color:var(--el-text-color-primary)}.constant-status.el-tag--default{padding:0;--el-tag-bg-color:transparent;--el-tag-border-color:transparent;--el-tag-hover-color:var(--el-text-color-primary);--el-tag-text-color:var(--el-text-color-primary)}.constant-status.el-tag--blue{--el-tag-bg-color:rgba(236, 245, 255, var(--el-tag-bg-color));--el-tag-border-color:rgba(217, 236, 255, var(--el-tag-border-color));--el-tag-hover-color:rgba(111, 122, 175, 1);--el-tag-text-color:rgba(111, 122, 175, 1)}.constant-status.el-tag--blue.el-tag--dark{--el-tag-bg-color:rgba(111, 122, 175, 1);--el-tag-border-color:rgba(111, 122, 175, 1);--el-tag-hover-color:rgba(111, 122, 175, 0.8);--el-tag-text-color:#fff}.constant-status.el-tag--blue.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--yellow{--el-tag-bg-color:rgba(255, 251, 230, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(255, 229, 143, var(--el-tag-borer-opacity));--el-tag-hover-color:rgba(212, 136, 6, 1);--el-tag-text-color:rgba(212, 136, 6, 1)}.constant-status.el-tag--yellow.el-tag--dark{--el-tag-bg-color:rgba(212, 136, 6, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(212, 136, 6, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(212, 136, 6, 1);--el-tag-text-color:#fff}.constant-status.el-tag--yellow.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--blue-dark{--el-tag-bg-color:rgba(240, 245, 255, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(173, 198, 255, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(29, 57, 196, 1);--el-tag-text-color:rgba(29, 57, 196, 1)}.constant-status.el-tag--blue-dark.el-tag--dark{--el-tag-bg-color:rgba(29, 57, 196, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(29, 57, 196, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(29, 57, 196, 1);--el-tag-text-color:#fff}.constant-status.el-tag--blue-dark.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--red-purple{--el-tag-bg-color:rgba(251, 243, 248, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(227, 206, 219, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(191, 117, 163, 1);--el-tag-text-color:rgba(191, 117, 163, 1)}.constant-status.el-tag--red-purple.el-tag--dark{--el-tag-bg-color:rgba(191, 117, 163, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(191, 117, 163, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(191, 117, 163, 1);--el-tag-text-color:#fff}.constant-status.el-tag--red-purple.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--blueness{--el-tag-bg-color:rgba(243, 250, 251, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(194, 213, 221, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(99, 150, 177, 1);--el-tag-text-color:rgba(99, 150, 177, 1)}.constant-status.el-tag--blueness.el-tag--dark{--el-tag-bg-color:rgba(99, 150, 177, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(99, 150, 177, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(99, 150, 177, 1);--el-tag-text-color:#fff}.constant-status.el-tag--blueness.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.no-border{border:0!important;background:0 0}.curd-form{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box}.curd-form:not(.el-form--inline) .el-form-item{flex:0 0 100%}.curd-form .form-item{width:100%;display:flex}.curd-form .form-item .tooltip{color:var(--el-button-text-color);margin-left:10px;vertical-align:middle;color:#999}.curd-form .form-item .tooltip:hover{color:var(--color-primary)}.curd-form .el-checkbox-group.single .el-checkbox-button+.el-checkbox-button{margin-left:10px}.curd-form .el-checkbox-group.single .el-checkbox-button .el-checkbox-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base);padding-left:20px;padding-right:20px}.curd-form .el-checkbox-group.single .el-checkbox-button.is-checked .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.curd-form .file-uploader-single .single-img{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.curd-form .file-uploader-single .el-upload--picture-card{position:relative;text-align:center;overflow:hidden}.curd-form .file-uploader-single .el-upload--picture-card .el-upload_input{display:block;position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;opacity:0}.curd-form .file-uploader-single .el-upload--picture-card .file-main{text-align:center;line-height:1}.curd-form .file-uploader-single .el-upload--picture-card .file-main>i{margin:42px 0 10px}.curd-form .file-uploader-single .el-upload--picture-card .file-main .title{width:110px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 auto;text-align:center;padding:10px 0}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions{opacity:0;position:absolute;line-height:normal;top:4px;right:6px;background-color:transparent;z-index:1}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button{margin:0;padding:0;font-size:14px;color:#ff6500;height:26px;width:26px;text-align:center}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button .el-icon{font-size:14px}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button:hover{background:#eee}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-icon-download{margin-right:10px}.curd-form .file-uploader-single .el-upload--picture-card .el-progress{position:absolute;top:0;left:0;bottom:0;right:0;transform:none;width:100%;background-color:rgba(0,0,0,.5);opacity:1;z-index:100}.curd-form .file-uploader-single .el-upload--picture-card .el-progress .el-progress-circle{margin:0 auto;padding-top:10px}.curd-form .file-uploader-single .el-upload--picture-card .el-progress .el-progress__text{color:#fff}.curd-form .file-uploader-single:hover .el-upload--picture-card .el-upload-list__item-actions{opacity:1}.curd-form [class*=icon-document-]{width:36px;height:36px;display:inline-block;vertical-align:top;background-size:100% 100%}.curd-form .icon-document-pdf{background-image:url(../icons/document/pdf.svg)}.curd-form .icon-document-csv{background-image:url(../icons/document/csv.svg)}.curd-form .icon-document-xls,.curd-form .icon-document-xlsx{background-image:url(../icons/document/xls.svg)}.curd-form .icon-document-doc,.curd-form .icon-document-docx{background-image:url(../icons/document/doc.svg)}.curd-form .icon-document-txt{background-image:url(../icons/document/txt.svg)}.curd-form .icon-document-zip{background-image:url(../icons/document/zip.svg)}.curd-form .icon-document-rar{background-image:url(../icons/document/rar.svg)}.curd-form .icon-document-image{background-image:url(../icons/document/image.svg)}.curd-form .schema-form-radio.single .el-radio-button+.el-radio-button{margin-left:10px}.curd-form .schema-form-radio.single .el-radio-button .el-radio-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base);padding-left:20px;padding-right:20px}.curd-form .schema-form-radio.single .el-radio-button.is-active .el-radio-button__inner{border-color:var(--el-radio-button-checked-border-color)}.curd-form .schema-form-radio .el-radio__label>span{vertical-align:middle}.curd-form .empty{color:#999}.curd-form .empty .el-icon,.curd-form .empty span{vertical-align:middle}.schema-form-select-check{height:25px;margin-left:20px;margin-top:10px;display:block}.schema-form-select-check :deep(.el-checkbox__input){vertical-align:middle}.table-container .el-table{--el-table-header-bg-color:#dfe2e7;--el-table-header-text-color:#575d6c;--el-table-text-color:#252b3a;--el-table-border-color:#e3e9f1;--el-table-row-hover-bg-color:#edf0f5}.table-container .el-table tbody .el-table__cell{padding:9px 0}.table-container .el-table.el-table--medium tbody .el-table__cell{padding:12px 0}.table-container .el-table.el-table--small tbody .el-table__cell{padding:4px 0}.table-container .el-table.el-table--small .el-button{font-size:12px}.table-container .el-table .el-button{vertical-align:top}.table-container .pagination{margin:15px 0;justify-content:end;font-weight:400}.table-container .table-control{display:flex;justify-content:space-between;padding-bottom:10px;align-items:flex-end}.table-container .table-control .min-control>.el-button{margin-right:10px}.table-container .s-table-filter{margin-bottom:10px;margin-left:-20px;margin-right:-20px;padding:0 20px 5px;border-bottom:10px solid var(--el-bg-color-page)}.table-container .s-table-filter .el-form--inline .el-form-item{margin-right:15px}.table-container .el-button+.dropdown-item{margin-left:10px}.table-container .copy{cursor:pointer;margin-right:3px}.table-container .header-td{display:flex;align-items:center;word-break:break-word}.table-container .header-td.center{justify-content:center}.table-container .header-td.right{justify-content:flex-end}.table-container .filter-dropdown-toggle{display:inline-block;line-height:1;cursor:pointer;position:relative;margin-left:3px}.table-container .filter-dropdown-toggle.active{color:var(--el-color-primary)}.table-container .table-menu{display:inline-block;vertical-align:middle;position:relative}.table-container .table-menu .table-menu-item{color:var(--el-button-text-color);font-size:14px;border-radius:4px;border:1px solid var(--el-button-border-color);padding:0;height:28px;width:28px}.table-container .table-menu .table-menu-item:not(.is-disabled):active,.table-container .table-menu .table-menu-item:not(.is-disabled):focus{border-color:var(--el-button-border-color)}.table-container .table-menu .table-menu-item+.table-menu-item{margin-left:3px}.table-container .table-menu .table-menu-item:hover{background-color:var(--el-fill-color-light);border-color:var(--el-button-border-color)}.table-container .table-menu .current-size{color:var(--el-color-primary)}.table-container .simple-page{padding:20px 0;text-align:right}.table-container .simple-page>span{margin:0 10px}.curd-table-dropdown-menu .el-dropdown-menu__item{padding:0}.curd-table-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--el-fill-color-light)}.curd-table-dropdown-menu .el-dropdown-menu__item .el-button{display:block;padding:5px 16px;flex:1;text-align:left;font-size:12px}.table-main-filter-dropdown{padding:0}.table-main-filter-dropdown .search{position:relative;margin-bottom:5px}.table-main-filter-dropdown .search input{outline:0;border:0;width:100%;padding:5px 10px;background:#f4f4f4}.table-main-filter-dropdown .search .icon-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.table-main-filter-dropdown .search .icon-close1{position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.7}.table-main-filter-dropdown .search .icon-close1:hover{opacity:1;color:#444}.table-main-filter-dropdown .select li{line-height:30px;padding:0 20px;list-style:none;cursor:pointer}.table-main-filter-dropdown .select li:hover{background:#f4f4f4}.table-main-filter-dropdown .select li.active{color:var(--el-color-primary)}.filter-type-popper{width:auto!important;min-width:0!important;padding:0!important;box-shadow:none!important}.table-filter{background:var(--el-bg-color);display:flex;flex-direction:column;position:relative}.table-filter .filter-search-box{min-height:32px;border-width:1px;border-style:solid;border-color:var(--el-border-color);display:flex;min-width:460px;align-items:center;justify-items:center;justify-content:space-between;overflow:hidden;border-radius:18px;transition:all .3s}.table-filter .filter-search-box.is-focus{border-color:var(--el-color-primary)}.table-filter .filter-search-box .filter-action{height:32px;line-height:32px;align-self:flex-end;display:flex;align-items:center;justify-items:center;justify-content:space-between}.table-filter .filter-search-box .filter-action div{cursor:pointer}.table-filter .filter-search-box .filter-action .empty{color:var(--el-color-info);margin-right:15px;padding-left:10px}.table-filter .filter-search-box .filter-action .empty:hover{color:var(--el-color-primary)}.table-filter .filter-search-box .filter-action .search{padding:0 20px;text-align:center;border-radius:18px;position:relative;display:flex}.table-filter .filter-search-box .filter-action .search:before{content:"";display:block;width:1px;height:20px;background:#ddd;position:absolute;left:0;top:50%;transform:translateY(-50%)}.table-filter .filter-search-box .filter-action .search:hover{color:var(--el-color-primary)}.table-filter .filter-external .el-form-item{margin-bottom:10px}.table-filter .filter-tags{height:100%;flex-wrap:wrap;display:flex;flex:1;align-items:center;justify-items:center;margin-bottom:10px}.table-filter .filter-tags .tag-title{margin-right:20px;font-size:12px;color:#aeb2bb;margin-bottom:2px}.table-filter .filter-tags .dropdown-toggle{white-space:nowrap;display:flex;align-items:center;justify-items:center;font-size:12px}.table-filter .filter-tags .tag-list{height:24px;line-height:24px;white-space:nowrap;display:flex;align-items:center;justify-items:center;padding:0 10px;color:var(--el-color-info-dark-2);background:var(--el-color-info-light-9);font-size:12px;border-radius:12px;margin-right:5px;margin-bottom:2px;cursor:pointer}.table-filter .filter-tags .tag-list .action{color:var(--el-color-info-light-5);text-align:center;width:14px;height:14px;line-height:14px;border-radius:50%;margin-left:10px;font-size:14px;cursor:pointer}.table-filter .filter-tags .tag-list .action:hover{color:var(--el-color-primary)}.table-filter .tag-clear{margin-bottom:2px;margin-left:10px}.table-filter-type{position:absolute;box-shadow:var(--el-box-shadow-light);background:var(--el-bg-color);z-index:3060;min-width:150px;max-height:300px;overflow:hidden;top:-99999px;left:0;--el-font-size-base:12px}.table-filter-toggle{padding:0 10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-width:120px;font-size:12px}.table-filter-toggle .current-filter-label{margin-right:20px}.table-filter-List{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);background:var(--el-bg-color);z-index:3060;border-radius:2px;max-height:300px;overflow-y:auto;font-size:12px}.table-filter-List ul{width:100%;margin:0;padding:0}.table-filter-List ul li{width:100%;list-style:none;padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;cursor:pointer}.table-filter-List ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.table-filter-List ul li.active{color:var(--el-color-primary);font-weight:600}.table-filter-tag-popper{max-height:400px;overflow:auto;padding:0!important;width:250px!important}.table-filter-tag-popper .select-list .item{line-height:18px;cursor:pointer;padding:6px 10px;font-size:12px}.table-filter-tag-popper .select-list .item:hover{background-color:var(--el-fill-color-light)}.table-filter-tag-popper .select-list .item.active{color:var(--el-color-primary);font-weight:700}.detail-info{flex:1}.detail-info .detail-info-header{display:flex;justify-content:space-between;align-items:center}.detail-info .title{margin-bottom:10px;border-left:3px solid var(--el-color-primary);padding-left:10px;line-height:1.2}.detail-info+.detail-info{margin-top:30px}.table-detail{margin-left:13px}.table-detail .item-col{line-height:20px;height:100%;box-sizing:border-box;display:flex}.table-detail .item-col .label{padding:4px 0;color:var(--el-text-color-secondary);box-sizing:border-box;vertical-align:middle;float:left}.table-detail .item-col .det{flex:1;padding:4px 10px;box-sizing:border-box;min-height:20px;height:100%;word-break:break-all}.table-detail.table{border-top:1px solid var(--el-border-color);border-left:1px solid var(--el-border-color)}.table-detail.table .el-col{padding:0!important;border-bottom:1px solid var(--el-border-color);border-right:1px solid var(--el-border-color)}.table-detail.table .item-col{background:var(--el-bg-color-page);border:1px solid var(--el-bg-color)}.table-detail.table .item-col .label{padding-left:10px;padding-right:10px;width:100px}.table-detail.table .item-col .det{border-left:1px solid var(--el-border-color);background-color:var(--el-bg-color)}
+@charset "UTF-8";.constant-status{--el-tag-border-opacity:1;--el-tag-bg-opacity:1}.constant-status .el-icon,.constant-status .name{vertical-align:middle;line-height:1}.constant-status .dot{width:5px;height:5px;display:inline-block;vertical-align:middle;border-radius:50%;background:var(--el-tag-text-color);margin-right:5px}.constant-status.dot-status{padding:0}.constant-status.dot-status .name{color:var(--el-text-color-primary)}.constant-status.el-tag--default{padding:0;--el-tag-bg-color:transparent;--el-tag-border-color:transparent;--el-tag-hover-color:var(--el-text-color-primary);--el-tag-text-color:var(--el-text-color-primary)}.constant-status.el-tag--blue{--el-tag-bg-color:rgba(236, 245, 255, var(--el-tag-bg-color));--el-tag-border-color:rgba(217, 236, 255, var(--el-tag-border-color));--el-tag-hover-color:rgba(111, 122, 175, 1);--el-tag-text-color:rgba(111, 122, 175, 1)}.constant-status.el-tag--blue.el-tag--dark{--el-tag-bg-color:rgba(111, 122, 175, 1);--el-tag-border-color:rgba(111, 122, 175, 1);--el-tag-hover-color:rgba(111, 122, 175, 0.8);--el-tag-text-color:#fff}.constant-status.el-tag--blue.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--yellow{--el-tag-bg-color:rgba(255, 251, 230, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(255, 229, 143, var(--el-tag-borer-opacity));--el-tag-hover-color:rgba(212, 136, 6, 1);--el-tag-text-color:rgba(212, 136, 6, 1)}.constant-status.el-tag--yellow.el-tag--dark{--el-tag-bg-color:rgba(212, 136, 6, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(212, 136, 6, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(212, 136, 6, 1);--el-tag-text-color:#fff}.constant-status.el-tag--yellow.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--blue-dark{--el-tag-bg-color:rgba(240, 245, 255, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(173, 198, 255, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(29, 57, 196, 1);--el-tag-text-color:rgba(29, 57, 196, 1)}.constant-status.el-tag--blue-dark.el-tag--dark{--el-tag-bg-color:rgba(29, 57, 196, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(29, 57, 196, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(29, 57, 196, 1);--el-tag-text-color:#fff}.constant-status.el-tag--blue-dark.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--red-purple{--el-tag-bg-color:rgba(251, 243, 248, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(227, 206, 219, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(191, 117, 163, 1);--el-tag-text-color:rgba(191, 117, 163, 1)}.constant-status.el-tag--red-purple.el-tag--dark{--el-tag-bg-color:rgba(191, 117, 163, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(191, 117, 163, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(191, 117, 163, 1);--el-tag-text-color:#fff}.constant-status.el-tag--red-purple.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--blueness{--el-tag-bg-color:rgba(243, 250, 251, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(194, 213, 221, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(99, 150, 177, 1);--el-tag-text-color:rgba(99, 150, 177, 1)}.constant-status.el-tag--blueness.el-tag--dark{--el-tag-bg-color:rgba(99, 150, 177, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(99, 150, 177, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(99, 150, 177, 1);--el-tag-text-color:#fff}.constant-status.el-tag--blueness.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.no-border{border:0!important;background:0 0}.curd-form{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box}.curd-form:not(.el-form--inline) .el-form-item{flex:0 0 100%}.curd-form .form-item{width:100%;display:flex}.curd-form .form-item .tooltip{color:var(--el-button-text-color);margin-left:10px;vertical-align:middle;color:#999}.curd-form .form-item .tooltip:hover{color:var(--color-primary)}.curd-form .el-checkbox-group.single .el-checkbox-button+.el-checkbox-button{margin-left:10px}.curd-form .el-checkbox-group.single .el-checkbox-button .el-checkbox-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base);padding-left:20px;padding-right:20px}.curd-form .el-checkbox-group.single .el-checkbox-button.is-checked .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.curd-form .tooltip{color:var(--el-button-text-color);margin-left:10px;vertical-align:middle}.curd-form .file-uploader-single .single-img{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.curd-form .file-uploader-single .el-upload--picture-card{position:relative;text-align:center;overflow:hidden}.curd-form .file-uploader-single .el-upload--picture-card .el-upload_input{display:block;position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;opacity:0}.curd-form .file-uploader-single .el-upload--picture-card .file-main{text-align:center;line-height:1}.curd-form .file-uploader-single .el-upload--picture-card .file-main>i{margin:42px 0 10px}.curd-form .file-uploader-single .el-upload--picture-card .file-main .title{width:110px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 auto;text-align:center;padding:10px 0}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions{opacity:0;position:absolute;line-height:normal;top:4px;right:6px;background-color:transparent;z-index:1}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button{margin:0;padding:0;font-size:14px;color:#ff6500;height:26px;width:26px;text-align:center}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button .el-icon{font-size:14px}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button:hover{background:#eee}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-icon-download{margin-right:10px}.curd-form .file-uploader-single .el-upload--picture-card .el-progress{position:absolute;top:0;left:0;bottom:0;right:0;transform:none;width:100%;background-color:rgba(0,0,0,.5);opacity:1;z-index:100}.curd-form .file-uploader-single .el-upload--picture-card .el-progress .el-progress-circle{margin:0 auto;padding-top:10px}.curd-form .file-uploader-single .el-upload--picture-card .el-progress .el-progress__text{color:#fff}.curd-form .file-uploader-single:hover .el-upload--picture-card .el-upload-list__item-actions{opacity:1}.curd-form [class*=icon-document-]{width:36px;height:36px;display:inline-block;vertical-align:top;background-size:100% 100%}.curd-form .icon-document-pdf{background-image:url(../icons/document/pdf.svg)}.curd-form .icon-document-csv{background-image:url(../icons/document/csv.svg)}.curd-form .icon-document-xls,.curd-form .icon-document-xlsx{background-image:url(../icons/document/xls.svg)}.curd-form .icon-document-doc,.curd-form .icon-document-docx{background-image:url(../icons/document/doc.svg)}.curd-form .icon-document-txt{background-image:url(../icons/document/txt.svg)}.curd-form .icon-document-zip{background-image:url(../icons/document/zip.svg)}.curd-form .icon-document-rar{background-image:url(../icons/document/rar.svg)}.curd-form .icon-document-image{background-image:url(../icons/document/image.svg)}.curd-form .schema-form-radio.single .el-radio-button+.el-radio-button{margin-left:10px}.curd-form .schema-form-radio.single .el-radio-button .el-radio-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base);padding-left:20px;padding-right:20px}.curd-form .schema-form-radio.single .el-radio-button.is-active .el-radio-button__inner{border-color:var(--el-radio-button-checked-border-color)}.curd-form .schema-form-radio .el-radio__label>span{vertical-align:middle}.curd-form .empty{color:#999}.curd-form .empty .el-icon,.curd-form .empty span{vertical-align:middle}.schema-form-select-check{height:25px;margin-left:20px;margin-top:10px;display:block}.schema-form-select-check :deep(.el-checkbox__input){vertical-align:middle}.table-container .el-table{--el-table-header-bg-color:#dfe2e7;--el-table-header-text-color:#575d6c;--el-table-text-color:#252b3a;--el-table-border-color:#e3e9f1;--el-table-row-hover-bg-color:#edf0f5}.table-container .el-table tbody .el-table__cell{padding:9px 0}.table-container .el-table.el-table--medium tbody .el-table__cell{padding:12px 0}.table-container .el-table.el-table--small tbody .el-table__cell{padding:4px 0}.table-container .el-table.el-table--small .el-button{font-size:12px}.table-container .el-table .el-button{vertical-align:top}.table-container .pagination{margin:15px 0;justify-content:end;font-weight:400}.table-container .table-control{display:flex;justify-content:space-between;padding-bottom:10px;align-items:flex-end}.table-container .table-control .min-control>.el-button{margin-right:10px}.table-container .s-table-filter{margin-bottom:10px;margin-left:-20px;margin-right:-20px;padding:0 20px 5px;border-bottom:10px solid var(--el-bg-color-page)}.table-container .s-table-filter .el-form--inline .el-form-item{margin-right:15px}.table-container .el-button+.dropdown-item{margin-left:10px}.table-container .copy{cursor:pointer;margin-right:3px}.table-container .header-td{display:flex;align-items:center;word-break:break-word}.table-container .header-td.center{justify-content:center}.table-container .header-td.right{justify-content:flex-end}.table-container .filter-dropdown-toggle{display:inline-block;line-height:1;cursor:pointer;position:relative;margin-left:3px}.table-container .filter-dropdown-toggle.active{color:var(--el-color-primary)}.table-container .table-menu{display:inline-block;vertical-align:middle;position:relative}.table-container .table-menu .table-menu-item{color:var(--el-button-text-color);font-size:14px;border-radius:4px;border:1px solid var(--el-button-border-color);padding:0;height:28px;width:28px}.table-container .table-menu .table-menu-item:not(.is-disabled):active,.table-container .table-menu .table-menu-item:not(.is-disabled):focus{border-color:var(--el-button-border-color)}.table-container .table-menu .table-menu-item+.table-menu-item{margin-left:3px}.table-container .table-menu .table-menu-item:hover{background-color:var(--el-fill-color-light);border-color:var(--el-button-border-color)}.table-container .table-menu .current-size{color:var(--el-color-primary)}.table-container .simple-page{padding:20px 0;text-align:right}.table-container .simple-page>span{margin:0 10px}.curd-table-dropdown-menu .el-dropdown-menu__item{padding:0}.curd-table-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--el-fill-color-light)}.curd-table-dropdown-menu .el-dropdown-menu__item .el-button{display:block;padding:5px 16px;flex:1;text-align:left;font-size:12px}.table-main-filter-dropdown{padding:0}.table-main-filter-dropdown .search{position:relative;margin-bottom:5px}.table-main-filter-dropdown .search input{outline:0;border:0;width:100%;padding:5px 10px;background:#f4f4f4}.table-main-filter-dropdown .search .icon-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.table-main-filter-dropdown .search .icon-close1{position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.7}.table-main-filter-dropdown .search .icon-close1:hover{opacity:1;color:#444}.table-main-filter-dropdown .select li{line-height:30px;padding:0 20px;list-style:none;cursor:pointer}.table-main-filter-dropdown .select li:hover{background:#f4f4f4}.table-main-filter-dropdown .select li.active{color:var(--el-color-primary)}.filter-type-popper{width:auto!important;min-width:0!important;padding:0!important;box-shadow:none!important}.table-filter{background:var(--el-bg-color);display:flex;flex-direction:column;position:relative}.table-filter .filter-search-box{min-height:32px;border-width:1px;border-style:solid;border-color:var(--el-border-color);display:flex;min-width:460px;align-items:center;justify-items:center;justify-content:space-between;overflow:hidden;border-radius:18px;transition:all .3s}.table-filter .filter-search-box.is-focus{border-color:var(--el-color-primary)}.table-filter .filter-search-box .filter-action{height:32px;line-height:32px;align-self:flex-end;display:flex;align-items:center;justify-items:center;justify-content:space-between}.table-filter .filter-search-box .filter-action div{cursor:pointer}.table-filter .filter-search-box .filter-action .empty{color:var(--el-color-info);margin-right:15px;padding-left:10px}.table-filter .filter-search-box .filter-action .empty:hover{color:var(--el-color-primary)}.table-filter .filter-search-box .filter-action .search{padding:0 20px;text-align:center;border-radius:18px;position:relative;display:flex}.table-filter .filter-search-box .filter-action .search:before{content:"";display:block;width:1px;height:20px;background:#ddd;position:absolute;left:0;top:50%;transform:translateY(-50%)}.table-filter .filter-search-box .filter-action .search:hover{color:var(--el-color-primary)}.table-filter .filter-external .el-form-item{margin-bottom:10px}.table-filter .filter-tags{height:100%;flex-wrap:wrap;display:flex;flex:1;align-items:center;justify-items:center;margin-bottom:10px}.table-filter .filter-tags .tag-title{margin-right:20px;font-size:12px;color:#aeb2bb;margin-bottom:2px}.table-filter .filter-tags .dropdown-toggle{white-space:nowrap;display:flex;align-items:center;justify-items:center;font-size:12px}.table-filter .filter-tags .tag-list{height:24px;line-height:24px;white-space:nowrap;display:flex;align-items:center;justify-items:center;padding:0 10px;color:var(--el-color-info-dark-2);background:var(--el-color-info-light-9);font-size:12px;border-radius:12px;margin-right:5px;margin-bottom:2px;cursor:pointer}.table-filter .filter-tags .tag-list .action{color:var(--el-color-info-light-5);text-align:center;width:14px;height:14px;line-height:14px;border-radius:50%;margin-left:10px;font-size:14px;cursor:pointer}.table-filter .filter-tags .tag-list .action:hover{color:var(--el-color-primary)}.table-filter .tag-clear{margin-bottom:2px;margin-left:10px}.table-filter-type{box-shadow:var(--el-box-shadow-light);background:var(--el-bg-color);z-index:3060;min-width:150px;max-height:300px;overflow:hidden;--el-font-size-base:12px}.table-filter-type .base-select{--el-font-size-base:12px;height:100%;max-height:300px;display:flex;flex-direction:column}.table-filter-type .base-select .remote-input{width:100%}.table-filter-type .base-select .remote-input .el-input{--el-input-border-radius:0;--el-input-bg-color:var(--el-bg-color-page);--el-input-border:none;--el-input-hover-border-color:transparent;--el-input-focus-border-color:var(--el-border-color)}.table-filter-type .base-select .el-empty__image svg{height:50px}.table-filter-type .base-select .select-spinner{flex:1;position:relative;overflow-y:auto}.table-filter-type .base-select .select-spinner ul{margin:0;padding:0}.table-filter-type .base-select .select-spinner ul li{list-style:none;padding:6px 10px;cursor:pointer;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;font-size:var(--el-font-size-base)}.table-filter-type .base-select .select-spinner ul li.active{color:var(--el-color-primary)}.table-filter-type .base-select .select-spinner ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.table-filter-toggle{padding:0 10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-width:120px;font-size:12px}.table-filter-toggle .current-filter-label{margin-right:20px}.table-filter-List{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);background:var(--el-bg-color);z-index:3060;border-radius:2px;max-height:300px;overflow-y:auto;font-size:12px}.table-filter-List ul{width:100%;margin:0;padding:0}.table-filter-List ul li{width:100%;list-style:none;padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;cursor:pointer}.table-filter-List ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.table-filter-List ul li.active{color:var(--el-color-primary);font-weight:600}.table-filter-tag-popper{max-height:400px;overflow:auto;padding:0!important;width:250px!important}.table-filter-tag-popper .select-list .item{line-height:18px;cursor:pointer;padding:6px 10px;font-size:12px}.table-filter-tag-popper .select-list .item:hover{background-color:var(--el-fill-color-light)}.table-filter-tag-popper .select-list .item.active{color:var(--el-color-primary);font-weight:700}.detail-info{flex:1}.detail-info .detail-info-header{display:flex;justify-content:space-between;align-items:center}.detail-info .title{margin-bottom:10px;border-left:3px solid var(--el-color-primary);padding-left:10px;line-height:1.2}.detail-info+.detail-info{margin-top:30px}.table-detail{margin-left:13px}.table-detail .item-col{line-height:20px;height:100%;box-sizing:border-box;display:flex}.table-detail .item-col .label{padding:4px 0;color:var(--el-text-color-secondary);box-sizing:border-box;vertical-align:middle;float:left}.table-detail .item-col .det{flex:1;padding:4px 10px;box-sizing:border-box;min-height:20px;height:100%;word-break:break-all}.table-detail.table{border-top:1px solid var(--el-border-color);border-left:1px solid var(--el-border-color)}.table-detail.table .el-col{padding:0!important;border-bottom:1px solid var(--el-border-color);border-right:1px solid var(--el-border-color)}.table-detail.table .item-col{background:var(--el-bg-color-page);border:1px solid var(--el-bg-color)}.table-detail.table .item-col .label{padding-left:10px;padding-right:10px;width:100px}.table-detail.table .item-col .det{border-left:1px solid var(--el-border-color);background-color:var(--el-bg-color)}

package/theme-chalk/table-filter.css

@@ -1 +1 @@
-.table-filter{background:var(--el-bg-color);display:flex;flex-direction:column;position:relative}.table-filter .filter-search-box{min-height:32px;border-width:1px;border-style:solid;border-color:var(--el-border-color);display:flex;min-width:460px;align-items:center;justify-items:center;justify-content:space-between;overflow:hidden;border-radius:18px;transition:all .3s}.table-filter .filter-search-box.is-focus{border-color:var(--el-color-primary)}.table-filter .filter-search-box .filter-action{height:32px;line-height:32px;align-self:flex-end;display:flex;align-items:center;justify-items:center;justify-content:space-between}.table-filter .filter-search-box .filter-action div{cursor:pointer}.table-filter .filter-search-box .filter-action .empty{color:var(--el-color-info);margin-right:15px;padding-left:10px}.table-filter .filter-search-box .filter-action .empty:hover{color:var(--el-color-primary)}.table-filter .filter-search-box .filter-action .search{padding:0 20px;text-align:center;border-radius:18px;position:relative;display:flex}.table-filter .filter-search-box .filter-action .search:before{content:"";display:block;width:1px;height:20px;background:#ddd;position:absolute;left:0;top:50%;transform:translateY(-50%)}.table-filter .filter-search-box .filter-action .search:hover{color:var(--el-color-primary)}.table-filter .filter-external .el-form-item{margin-bottom:10px}.table-filter .filter-tags{height:100%;flex-wrap:wrap;display:flex;flex:1;align-items:center;justify-items:center;margin-bottom:10px}.table-filter .filter-tags .tag-title{margin-right:20px;font-size:12px;color:#aeb2bb;margin-bottom:2px}.table-filter .filter-tags .dropdown-toggle{white-space:nowrap;display:flex;align-items:center;justify-items:center;font-size:12px}.table-filter .filter-tags .tag-list{height:24px;line-height:24px;white-space:nowrap;display:flex;align-items:center;justify-items:center;padding:0 10px;color:var(--el-color-info-dark-2);background:var(--el-color-info-light-9);font-size:12px;border-radius:12px;margin-right:5px;margin-bottom:2px;cursor:pointer}.table-filter .filter-tags .tag-list .action{color:var(--el-color-info-light-5);text-align:center;width:14px;height:14px;line-height:14px;border-radius:50%;margin-left:10px;font-size:14px;cursor:pointer}.table-filter .filter-tags .tag-list .action:hover{color:var(--el-color-primary)}.table-filter .tag-clear{margin-bottom:2px;margin-left:10px}.table-filter-type{position:absolute;box-shadow:var(--el-box-shadow-light);background:var(--el-bg-color);z-index:3060;min-width:150px;max-height:300px;overflow:hidden;top:-99999px;left:0;--el-font-size-base:12px}.table-filter-toggle{padding:0 10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-width:120px;font-size:12px}.table-filter-toggle .current-filter-label{margin-right:20px}.table-filter-List{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);background:var(--el-bg-color);z-index:3060;border-radius:2px;max-height:300px;overflow-y:auto;font-size:12px}.table-filter-List ul{width:100%;margin:0;padding:0}.table-filter-List ul li{width:100%;list-style:none;padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;cursor:pointer}.table-filter-List ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.table-filter-List ul li.active{color:var(--el-color-primary);font-weight:600}.table-filter-tag-popper{max-height:400px;overflow:auto;padding:0!important;width:250px!important}.table-filter-tag-popper .select-list .item{line-height:18px;cursor:pointer;padding:6px 10px;font-size:12px}.table-filter-tag-popper .select-list .item:hover{background-color:var(--el-fill-color-light)}.table-filter-tag-popper .select-list .item.active{color:var(--el-color-primary);font-weight:700}
+.table-filter{background:var(--el-bg-color);display:flex;flex-direction:column;position:relative}.table-filter .filter-search-box{min-height:32px;border-width:1px;border-style:solid;border-color:var(--el-border-color);display:flex;min-width:460px;align-items:center;justify-items:center;justify-content:space-between;overflow:hidden;border-radius:18px;transition:all .3s}.table-filter .filter-search-box.is-focus{border-color:var(--el-color-primary)}.table-filter .filter-search-box .filter-action{height:32px;line-height:32px;align-self:flex-end;display:flex;align-items:center;justify-items:center;justify-content:space-between}.table-filter .filter-search-box .filter-action div{cursor:pointer}.table-filter .filter-search-box .filter-action .empty{color:var(--el-color-info);margin-right:15px;padding-left:10px}.table-filter .filter-search-box .filter-action .empty:hover{color:var(--el-color-primary)}.table-filter .filter-search-box .filter-action .search{padding:0 20px;text-align:center;border-radius:18px;position:relative;display:flex}.table-filter .filter-search-box .filter-action .search:before{content:"";display:block;width:1px;height:20px;background:#ddd;position:absolute;left:0;top:50%;transform:translateY(-50%)}.table-filter .filter-search-box .filter-action .search:hover{color:var(--el-color-primary)}.table-filter .filter-external .el-form-item{margin-bottom:10px}.table-filter .filter-tags{height:100%;flex-wrap:wrap;display:flex;flex:1;align-items:center;justify-items:center;margin-bottom:10px}.table-filter .filter-tags .tag-title{margin-right:20px;font-size:12px;color:#aeb2bb;margin-bottom:2px}.table-filter .filter-tags .dropdown-toggle{white-space:nowrap;display:flex;align-items:center;justify-items:center;font-size:12px}.table-filter .filter-tags .tag-list{height:24px;line-height:24px;white-space:nowrap;display:flex;align-items:center;justify-items:center;padding:0 10px;color:var(--el-color-info-dark-2);background:var(--el-color-info-light-9);font-size:12px;border-radius:12px;margin-right:5px;margin-bottom:2px;cursor:pointer}.table-filter .filter-tags .tag-list .action{color:var(--el-color-info-light-5);text-align:center;width:14px;height:14px;line-height:14px;border-radius:50%;margin-left:10px;font-size:14px;cursor:pointer}.table-filter .filter-tags .tag-list .action:hover{color:var(--el-color-primary)}.table-filter .tag-clear{margin-bottom:2px;margin-left:10px}.table-filter-type{box-shadow:var(--el-box-shadow-light);background:var(--el-bg-color);z-index:3060;min-width:150px;max-height:300px;overflow:hidden;--el-font-size-base:12px}.table-filter-type .base-select{--el-font-size-base:12px;height:100%;max-height:300px;display:flex;flex-direction:column}.table-filter-type .base-select .remote-input{width:100%}.table-filter-type .base-select .remote-input .el-input{--el-input-border-radius:0;--el-input-bg-color:var(--el-bg-color-page);--el-input-border:none;--el-input-hover-border-color:transparent;--el-input-focus-border-color:var(--el-border-color)}.table-filter-type .base-select .el-empty__image svg{height:50px}.table-filter-type .base-select .select-spinner{flex:1;position:relative;overflow-y:auto}.table-filter-type .base-select .select-spinner ul{margin:0;padding:0}.table-filter-type .base-select .select-spinner ul li{list-style:none;padding:6px 10px;cursor:pointer;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;font-size:var(--el-font-size-base)}.table-filter-type .base-select .select-spinner ul li.active{color:var(--el-color-primary)}.table-filter-type .base-select .select-spinner ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.table-filter-toggle{padding:0 10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-width:120px;font-size:12px}.table-filter-toggle .current-filter-label{margin-right:20px}.table-filter-List{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);background:var(--el-bg-color);z-index:3060;border-radius:2px;max-height:300px;overflow-y:auto;font-size:12px}.table-filter-List ul{width:100%;margin:0;padding:0}.table-filter-List ul li{width:100%;list-style:none;padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;cursor:pointer}.table-filter-List ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.table-filter-List ul li.active{color:var(--el-color-primary);font-weight:600}.table-filter-tag-popper{max-height:400px;overflow:auto;padding:0!important;width:250px!important}.table-filter-tag-popper .select-list .item{line-height:18px;cursor:pointer;padding:6px 10px;font-size:12px}.table-filter-tag-popper .select-list .item:hover{background-color:var(--el-fill-color-light)}.table-filter-tag-popper .select-list .item.active{color:var(--el-color-primary);font-weight:700}