easybill-ui 0.0.4 → 0.0.6

package/components/ConstantStatus/src/ConstantStatus.vue

@@ -1,7 +1,7 @@
 <template>
   <el-tag v-if="current" class="constant-status" :class="{ 'dot-status': current.dot }" v-bind="currentProps">
-    <el-icon v-if="current.icon && !current.dot" :class="current.iconClass" style="margin-right: 5px">
-      <component :is="current.icon" class="icon" :size="14" style="width: 12px; height: 12px" />
+    <el-icon v-if="(current.icon || current.iconClass) && !current.dot" :class="current.iconClass" style="margin-right: 5px">
+      <component v-if="current.icon" :is="current.icon" class="icon" :size="14" style="width: 12px; height: 12px" />
     </el-icon>
     <span v-if="current.dot" class="dot"></span>
     <span class="name">{{ current.label }}</span>
@@ -59,4 +59,4 @@ const currentProps = computed(() => {
   }
   return { ...defaults, ...args }
 })
-</script>
+</script>

package/components/CurdForm/src/components/index.ts

@@ -6,6 +6,7 @@ import SchemaFormSelect from "./schema-form-select.vue"
 import SchemaFormSwitch from "./schema-form-switch.vue"
 import SchemaFormFile from "./schema-form-file.vue"
 import SchemaFormDatePicker from "./schema-form-date-picker.vue"
+import SchemaFormTimePicker from "./schema-form-time-picker.vue"
 import SchemaFormColorPicker from "./schema-form-color-picker.vue"
 import SchemaFormValue from "./schema-form-value.vue"
 import SchemaFormCascader from "./schema-form-cascader.vue"
@@ -22,6 +23,7 @@ const presetMap: PresetMap = {
   "schema-switch": SchemaFormSwitch,
   "schema-file": SchemaFormFile,
   "schema-date-picker": SchemaFormDatePicker,
+  "schema-time-picker": SchemaFormTimePicker,
   "schema-color-picker": SchemaFormColorPicker,
   "schema-value": SchemaFormValue,
   "schema-cascader": SchemaFormCascader,

package/components/CurdForm/src/components/schema-form-time-picker.vue

@@ -0,0 +1,30 @@
+<template>
+  <el-time-picker v-model="model" v-bind="props" :placeholder="(formItem.props && props.placeholder && String(props.placeholder)) || '请选择' + formItem.label" v-on="eventObject"> </el-time-picker>
+</template>
+<script lang="ts">
+import { defineComponent, computed, PropType } from "vue"
+import { ElDatePicker, ModelValueType } from "element-plus"
+import { FormItemProps } from "../types"
+export default defineComponent({
+  name: "SchemaFormDatePicker",
+  components: { ElDatePicker },
+  props: {
+    ...FormItemProps,
+    modelValue: {
+      type: [Array, String] as PropType<ModelValueType>,
+      default: "",
+    }, // 表单项值
+  },
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    const model = computed({
+      get: () => props.modelValue,
+      set: (val) => emit("update:modelValue", val),
+    })
+
+    return {
+      model,
+    }
+  },
+})
+</script>

package/components/CurdTable/src/CurdTable.vue

@@ -118,6 +118,7 @@ import FormDialog from "../../FormDialog"
 import { ElMessageBox, ElMessage, ElLoading, ElNotification, ElTable, dayjs } from "element-plus"
 import { FormItem, FormSchema, Fields } from "../../CurdForm"
 import { useColumnHook } from "./hooks/useColumnHook"
+import { useGlobalConfig } from "../../../utils/hooks/useGlobalConfig"
 
 const props = defineProps({
   // 表格的数据
@@ -197,7 +198,8 @@ watch(
   },
   { deep: true }
 )
-const tableAttrs: Ref<TableAttr> = ref({ size: "default" })
+const globalConfig = useGlobalConfig()
+const tableAttrs: Ref<TableAttr> = ref({ size: globalConfig.value.size || "default" })
 const listQuery = reactive({
   pageIndex: 1,
   pageSize: props.pageOptions?.pageSize || 10,

package/components/CurdTable/src/STableItem.vue

@@ -3,7 +3,7 @@
     <template #header>
       <div class="header-td" :class="[props.schema.align]">
         <slot name="header"></slot>
-        <span v-if="!props.isSlotHeader" class="tit">{{ props.schema.header ? props.schema.header : props.schema.label }}</span>
+        <STableItemHeader v-if="!props.isSlotHeader" :schema-item="props.schema" />
         <STableItemFilter v-if="props.schema.filter && props.schema.filter.inner" ref="tableItemFilterRef" :filter="filterSchema" @change="onChange" />
       </div>
     </template>
@@ -31,6 +31,7 @@
 import { computed, inject, PropType, ref, Ref } from "vue"
 import ConstantStatus from "../../ConstantStatus"
 import STableItemFilter from "./STableItemFilter.vue"
+import STableItemHeader from "./STableItemHeader.vue"
 import { ParamsItem } from "../../TableFilter"
 import { ColumnItem } from "./types"
 import { CopyDocument } from "@element-plus/icons-vue"

package/components/CurdTable/src/STableItemHeader.vue

@@ -0,0 +1,48 @@
+<template>
+  <span class="tit">{{ title }}</span>
+  <STableItemHeaderTooltip :tooltip="tooltip" />
+</template>
+<script lang="ts" setup>
+import { PropType, ref, computed } from "vue"
+import { ColumnItem } from "./types"
+import STableItemHeaderTooltip from "./STableItemHeaderTooltip.vue"
+const props = defineProps({
+  schemaItem: {
+    type: Object as PropType<ColumnItem>,
+    default: "",
+  },
+})
+const tooltip = computed(() => {
+  if (is(props.schemaItem.header, "Object")) {
+    return props.schemaItem.header.tooltip
+  }
+  return ""
+})
+const title = computed(() => {
+  if (!props.schemaItem.header) {
+    return props.schemaItem.label
+  }
+  if (is(props.schemaItem.header, "String")) {
+    return props.schemaItem.header
+  }
+  if (is(props.schemaItem.header, "Object")) {
+    return props.schemaItem.header.title || props.schemaItem.label
+  }
+})
+const getTooltipContent = () => {
+  const tooltip: any = props.tooltip
+  if (!tooltip) {
+    return ""
+  }
+  if (is(tooltip, "Object")) {
+    return tooltip.content
+  }
+  if (is(tooltip, "String")) {
+    return tooltip
+  }
+  return ""
+}
+const is = (val: any, type: string) => {
+  return Object.prototype.toString.call(val) === `[object ${type}]`
+}
+</script>

package/components/CurdTable/src/STableItemHeaderTooltip.vue

@@ -0,0 +1,35 @@
+<template>
+  <el-tooltip v-if="props.tooltip" v-bind="typeof props.tooltip == 'object' ? props.tooltip : {}">
+    <el-button class="tooltip" type="info" link>
+      <el-icon><Warning /></el-icon>
+    </el-button>
+    <template #content>
+      <div v-html="getTooltipContent()"></div>
+    </template>
+  </el-tooltip>
+</template>
+<script lang="ts" setup>
+import { Warning } from "@element-plus/icons-vue"
+const props = defineProps({
+  tooltip: {
+    type: [String, Object],
+    default: "",
+  },
+})
+const getTooltipContent = () => {
+  const tooltip: any = props.tooltip
+  if (!tooltip) {
+    return ""
+  }
+  if (is(tooltip, "Object")) {
+    return tooltip.content
+  }
+  if (is(tooltip, "String")) {
+    return tooltip
+  }
+  return ""
+}
+const is = (val: any, type: string) => {
+  return Object.prototype.toString.call(val) === `[object ${type}]`
+}
+</script>

package/components/CurdTable/src/STableMenu.vue

@@ -24,6 +24,7 @@
 import { computed, ref } from "vue"
 import STableColumnControl from "./STableColumnControl.vue"
 import { Refresh, Search, ScaleToOriginal, Download, Operation } from "@element-plus/icons-vue"
+import { useGlobalConfig } from "../../../utils/hooks/useGlobalConfig"
 const emits = defineEmits(["operation"])
 const props = defineProps({
   filterVisible: {
@@ -31,6 +32,7 @@ const props = defineProps({
     default: true,
   },
 })
+const globalConfig = useGlobalConfig()
 // 控制按钮逻辑
 const controlButtons = computed(() => [
   { label: "刷新", value: "refresh", icon: Refresh },
@@ -56,7 +58,7 @@ const onClick = (item: any) => {
     visible.value = true
   }
 }
-const currentSize = ref("default")
+const currentSize = ref(globalConfig.value.size || "default")
 const handleSizeCommand = (val: any) => {
   currentSize.value = val
   emits("operation", "size", val)

package/components/CurdTable/src/types.ts

@@ -38,10 +38,16 @@ export interface ColumnItemCtx<T> {
   className?: string
   copy?: boolean // 对某一列的单元格的值进行复制
   vHtml?: boolean //当前列是否v-html渲染
+  header?: string | TableColumnHeader
 }
 
 export type ColumnItem<T = any> = Partial<TableColumnCtx<T>> & ColumnItemCtx<T>
 
+export interface TableColumnHeader {
+  title: string
+  tooltip: string | import("element-plus/es/components/tooltip").ElTooltipProps
+}
+
 export interface PropOption {
   operationWidth?: number
   operationBtnTitle?: string

package/components/DetailInfo/src/DetailInfo.vue

@@ -13,10 +13,13 @@
     <div class="table-detail">
       <slot></slot>
     </div>
-    <el-row v-if="!$slots.default" class="table-detail" :class="[props.showType]">
-      <el-col v-for="(item, i) in props.data" :key="i" :span="item.span">
+    <div v-if="!$slots.default" class="table-detail" :class="[props.showType]">
+      <div class="table-detail-col" v-for="(item, i) in props.data" :key="i" :span="item.span" :style="{ flex: '0 0 ' + (100 * (item.span || 24)) / 24 + '%' }">
         <div class="item-col">
-          <div v-if="item.label" class="label" :style="{ width: getLabelWidth(item) }">{{ item.label }}：</div>
+          <div v-if="item.label" class="label" :style="{ width: getLabelWidth(item) }">
+            <span>{{ item.label }}</span>
+            <DetailInfoTooltip :tooltip="item.tooltip" />{{ props.showType == "table" ? "" : "：" }}
+          </div>
           <div class="det">
             <template v-if="item.slot">
               <slot :name="item.slot" :row="item" :data="props.data" :index="i"></slot>
@@ -30,8 +33,8 @@
             </template>
           </div>
         </div>
-      </el-col>
-    </el-row>
+      </div>
+    </div>
   </div>
 </template>
 <script lang="ts">
@@ -43,6 +46,7 @@ export default {
 import { PropType } from "vue"
 import { ConstantStatus } from "../../ConstantStatus/src"
 import { DetailDataItem } from "./types"
+import DetailInfoTooltip from "./DetailInfoTooltip.vue"
 
 const props = defineProps({
   data: {
@@ -65,6 +69,7 @@ const props = defineProps({
 })
 const getLabelWidth = (dataItem: DetailDataItem): string => {
   const labelWidth = typeof dataItem.labelWidth !== "undefined" ? dataItem.labelWidth : props.labelWidth
-  return typeof labelWidth == "string" ? labelWidth + "" : labelWidth + "px"
+  const isNum = typeof labelWidth == "number" || (typeof labelWidth == "string" && /^\d+$/.test(labelWidth))
+  return !isNum ? labelWidth + "" : labelWidth + "px"
 }
 </script>

package/components/DetailInfo/src/DetailInfoTooltip.vue

@@ -0,0 +1,36 @@
+<template>
+  <el-tooltip v-if="props.tooltip" v-bind="typeof props.tooltip == 'object' ? props.tooltip : {}">
+    <el-button class="tooltip" type="primary" link>
+      <el-icon><Warning /></el-icon>
+    </el-button>
+    <template #content>
+      <div v-html="getTooltipContent()"></div>
+    </template>
+  </el-tooltip>
+</template>
+<script lang="ts" setup>
+import { PropType } from "vue"
+import { Warning } from "@element-plus/icons-vue"
+const props = defineProps({
+  tooltip: {
+    type: [String, Object] as PropType<string | import("element-plus/es/components/tooltip").ElTooltipProps>,
+    default: "",
+  },
+})
+const getTooltipContent = () => {
+  const tooltip: any = props.tooltip
+  if (!tooltip) {
+    return ""
+  }
+  if (is(tooltip, "Object")) {
+    return tooltip.content
+  }
+  if (is(tooltip, "String")) {
+    return tooltip
+  }
+  return ""
+}
+const is = (val: any, type: string) => {
+  return Object.prototype.toString.call(val) === `[object ${type}]`
+}
+</script>

package/components/DetailInfo/src/types.ts

@@ -17,4 +17,5 @@ export interface DetailDataItem {
     [key: string]: string
   }
   slot?: string
+  tooltip: string | import("element-plus/es/components/tooltip").ElTooltipProps
 }

package/components/TableFilter/src/TableFilter.vue

@@ -62,7 +62,7 @@ const onChange = (d: any) => {
     }
     // console.log("selectList1", selectList)
     // console.log("listQuery.value1", listQuery.value)
-    emit("search", selectList.value)
+    emit("search", listQuery.value, selectList.value)
     return
   }
   // selectParams.value.forEach((a) => {
@@ -79,10 +79,10 @@ const onChange = (d: any) => {
   // })
   // console.log("selectList", selectList)
   // console.log("listQuery.value", listQuery.value)
-  emit("search", selectList.value)
+  emit("search", listQuery.value, selectList.value)
 }
 const onRemove = () => {
-  emit("search", selectList.value)
+  emit("search", listQuery.value, selectList.value)
 }
 const getTags = () => {
   selectParams.value.forEach((a) => {
@@ -173,7 +173,7 @@ const clear = () => {
     selectList.value.splice(i, 1)
     i--
   }
-  emit("search", selectList.value)
+  emit("search", listQuery.value, selectList.value)
 }
 // 重新调用selectParams
 const refreshSelectParams = () => {

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

@@ -0,0 +1,196 @@
+<template>
+  <el-cascader v-if="visible" v-model="model" class="base-select" popper-class="filter-select-popper" v-bind="paramsItem.props" :options="paramsItem.options" @focus="onFocus" @blur="onBlur" @change="onChange"> </el-cascader>
+</template>
+<script lang="ts" setup>
+import { PropType, ref, Ref, watch, inject } from "vue"
+import * as I from "../../../types"
+import { deepClone } from "../../../../../utils/common"
+
+const emit = defineEmits(["update:modelValue", "change", "search"])
+const props = defineProps({
+  paramsItem: {
+    type: Object as PropType<I.ParamsItem>,
+    default: () => {
+      return {}
+    },
+  },
+  modelValue: {
+    type: [String, Number, Boolean, Array],
+    default: "",
+  },
+  listQuery: {
+    type: Object as PropType<I.ListQuery>,
+    default: () => {
+      return {}
+    },
+  },
+})
+const model: Ref<string | number | boolean | Array<any>> = ref(props.modelValue)
+
+watch(
+  () => props.modelValue,
+  (val) => {
+    model.value = val
+  }
+)
+const paramsItem = ref(deepClone(props.paramsItem))
+const visible = ref(false)
+
+const textModel: Ref<string> = ref("")
+const loading: Ref<boolean> = ref(false)
+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: paramsItem.value.options,
+        paramsItem: paramsItem.value,
+      })
+      .then((res) => {
+        // remoteOptions.value = res
+        paramsItem.value.options = res
+        const paramIem = props.paramsItem
+        paramIem.options = res
+        // getModel()
+      })
+      .finally(() => {
+        loading.value = false
+      })
+  }
+}
+const onChange = () => {
+  const labelArray: string[] = []
+  const find = (list, level) => {
+    for (let i in list) {
+      if (list[i].value == model.value[level]) {
+        labelArray[level] = list[i].label
+        // 找到了，就不需要循环下一个了 ，只需要继续找children
+        if (list[i].children && list[i].children.length) {
+          find(list[i].children, level + 1)
+        }
+        return
+      }
+    }
+  }
+
+  find(paramsItem.value.options, 0)
+  // console.log("labelArray", labelArray)
+  const separator = props.paramsItem.props?.separator || "/"
+  // const row = paramsItem.value.options?.find((a) => a.value == model.value) || { label: "全部", value: "" }
+  paramsItem.value.tagNames = labelArray.join(separator)
+  const p = props.paramsItem
+  p.tagNames = labelArray.join(separator)
+  textModel.value = ""
+  emit("update:modelValue", model.value)
+  emit("change", { prop: paramsItem.value.prop, value: model.value })
+}
+
+const state = inject<Ref<any>>("state") || ref({})
+const onFocus = () => {
+  state.value.isFocus = true
+}
+const onBlur = () => {
+  state.value.isFocus = false
+}
+watch(
+  () => props.paramsItem?.label,
+  () => {
+    visible.value = false
+    setTimeout(() => {
+      paramsItem.value = deepClone(props.paramsItem)
+      visible.value = true
+      // getModel()
+      getList()
+    })
+  },
+  {
+    immediate: true,
+  }
+)
+// 用于解决分配云商账号后继续追加账号后，selectListOpt不及时更新的问题
+watch(
+  () => props.paramsItem?.options,
+  (newVal, oldValue) => {
+    setTimeout(() => {
+      if (newVal) {
+        paramsItem.value.options = deepClone(newVal)
+      }
+    })
+  },
+  {
+    deep: true,
+  }
+)
+</script>
+<style lang="scss" scoped>
+.base-select {
+  --el-font-size-base: 12px;
+  height: 100%;
+  max-height: 300px;
+  display: flex;
+  flex-direction: column;
+
+  :deep(.el-input) {
+    .el-input__wrapper {
+      box-shadow: none !important;
+    }
+  }
+
+  .remote-input {
+    width: 100%;
+
+    :deep(.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);
+    }
+  }
+
+  :deep(.el-empty__image svg) {
+    height: 50px;
+  }
+
+  .select-spinner {
+    flex: 1;
+    position: relative;
+    overflow-y: auto;
+
+    ul {
+      li {
+        list-style: none;
+        padding: 6px 10px;
+        cursor: pointer;
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        font-size: var(--el-font-size-base);
+
+        &.active {
+          color: var(--el-color-primary);
+        }
+
+        &:hover {
+          background: var(--el-color-primary-light-9);
+          color: var(--el-color-primary);
+        }
+      }
+    }
+  }
+}
+</style>
+<style lang="scss">
+.filter-select-popper {
+  .el-select-dropdown__item {
+    font-size: 12px;
+    height: auto;
+    line-height: 18px;
+    padding: 5px 10px;
+  }
+}
+</style>

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

@@ -114,65 +114,7 @@ watch(
   }
 )
 </script>
-<style lang="scss" scoped>
-.base-select {
-  --el-font-size-base: 12px;
-  height: 100%;
-  max-height: 300px;
-  display: flex;
-  flex-direction: column;
-
-  :deep(.el-input) {
-    .el-input__wrapper {
-      box-shadow: none !important;
-    }
-  }
-
-  .remote-input {
-    width: 100%;
-
-    :deep(.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);
-    }
-  }
-
-  :deep(.el-empty__image svg) {
-    height: 50px;
-  }
-
-  .select-spinner {
-    flex: 1;
-    position: relative;
-    overflow-y: auto;
-
-    ul {
-      li {
-        list-style: none;
-        padding: 6px 10px;
-        cursor: pointer;
-        width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        font-size: var(--el-font-size-base);
-
-        &.active {
-          color: var(--el-color-primary);
-        }
-
-        &:hover {
-          background: var(--el-color-primary-light-9);
-          color: var(--el-color-primary);
-        }
-      }
-    }
-  }
-}
-</style>
+<style lang="scss" scoped></style>
 <style lang="scss">
 .filter-select-popper {
   .el-select-dropdown__item {

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

@@ -1,7 +1,7 @@
 <template>
   <div class="base-select" @click.stop>
     <div v-if="paramsItem.props?.filterable" class="remote-input" @click.stop>
-      <el-input ref="selectInputRef" v-model="textModel" v-trim placeholder="输入搜索名称" clearable @input="onInput">
+      <el-input ref="selectInputRef" v-model="textModel" placeholder="输入搜索名称" clearable @input="onInput">
         <template #prefix>
           <el-icon class="el-input__icon"><Search /></el-icon>
         </template>
@@ -32,7 +32,7 @@ const props = defineProps({
     },
   },
   modelValue: {
-    type: [String, Number, Boolean],
+    type: [String, Number, Boolean, Array],
     default: "",
   },
   listQuery: {
@@ -42,7 +42,7 @@ const props = defineProps({
     },
   },
 })
-const model: Ref<string | number | boolean> = ref(props.modelValue)
+const model: Ref<string | number | boolean | Array<any>> = ref(props.modelValue)
 
 watch(
   () => props.modelValue,

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

@@ -2,10 +2,12 @@ import BaseSelect from "./BaseSelect.vue"
 import BaseCheckbox from "./BaseCheckbox.vue"
 import BaseTime from "./BaseTime.vue"
 import BaseInput from "./BaseInput.vue"
+import BaseCascader from "./BaseCascader.vue"
 
 export default {
   select: BaseSelect,
   checkbox: BaseCheckbox,
   time: BaseTime,
   input: BaseInput,
+  cascader: BaseCascader,
 }

package/index.ts

@@ -14,4 +14,6 @@ export * from "./components/FormDialog/src/types"
 export * from "./components/CurdForm/src/types"
 export * from "./components/CurdTable/src/types"
 export * from "./components/TableFilter/types"
+export * from "./utils/hooks/useGlobalConfig"
+
 export default makeInstaller([...Components])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easybill-ui",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "A component library for easybill",
   "author": "tuchongyang <779311998@qq.com>",
   "private": false,
@@ -14,5 +14,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d9989f5e47b4e985cfe57ea2be59cb110791dd8e"
+  "gitHead": "739f3f9104b4c5b0fab93c04f903a78edef3d3c0"
 }

package/theme-chalk/detail-info.css

@@ -1 +1 @@
-.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)}
+.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{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box;margin-left:13px}.table-detail .table-detail-col{box-sizing:border-box}.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;display:flex;align-items:center}.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 .table-detail-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/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 .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)}
+@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 .filter-item .base-select{--el-font-size-base:12px;height:100%;max-height:300px;display:flex;flex-direction:column}.table-filter .filter-item .base-select .el-input .el-input__wrapper{box-shadow:none!important}.table-filter .filter-item .base-select .remote-input{width:100%}.table-filter .filter-item .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 .filter-item .base-select .el-empty__image svg{height:50px}.table-filter .filter-item .base-select .select-spinner{flex:1;position:relative;overflow-y:auto}.table-filter .filter-item .base-select .select-spinner ul li{list-style:none;padding:6px 10px;cursor:pointer;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--el-font-size-base)}.table-filter .filter-item .base-select .select-spinner ul li.active{color:var(--el-color-primary)}.table-filter .filter-item .base-select .select-spinner ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.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{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box;margin-left:13px}.table-detail .table-detail-col{box-sizing:border-box}.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;display:flex;align-items:center}.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 .table-detail-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{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}
+.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 .filter-item .base-select{--el-font-size-base:12px;height:100%;max-height:300px;display:flex;flex-direction:column}.table-filter .filter-item .base-select .el-input .el-input__wrapper{box-shadow:none!important}.table-filter .filter-item .base-select .remote-input{width:100%}.table-filter .filter-item .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 .filter-item .base-select .el-empty__image svg{height:50px}.table-filter .filter-item .base-select .select-spinner{flex:1;position:relative;overflow-y:auto}.table-filter .filter-item .base-select .select-spinner ul li{list-style:none;padding:6px 10px;cursor:pointer;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--el-font-size-base)}.table-filter .filter-item .base-select .select-spinner ul li.active{color:var(--el-color-primary)}.table-filter .filter-item .base-select .select-spinner ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.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}

package/utils/hooks/useGlobalConfig.ts

@@ -1,14 +1,16 @@
-import { ref, App, unref } from "vue"
-const globalConfig = ref()
+import { ref, App, unref, Ref } from "vue"
+const globalConfig: Ref<GlobalConfig> = ref({} as GlobalConfig)
 export function useGlobalConfig() {
   return globalConfig
 }
 export const provideGlobalConfig = (config: any, app?: App, global = false) => {
   const oldConfig = useGlobalConfig()
-  const cfg = unref(config)
+  const cfg = (config && unref(config)) || {}
   if (!oldConfig?.value) return cfg
 
-  return mergeConfig(oldConfig.value, cfg)
+  const a = mergeConfig(oldConfig.value, cfg)
+  globalConfig.value = a
+  return
 }
 const mergeConfig = (a: any, b: any): any => {
   const keys = [...new Set([...Object.keys(a), ...Object.keys(b)])]
@@ -18,3 +20,7 @@ const mergeConfig = (a: any, b: any): any => {
   }
   return obj
 }
+
+export interface GlobalConfig {
+  size: "default" | "small" | "medium"
+}