easybill-ui 0.0.7 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/CurdForm/src/CurdForm.vue +42 -27
- package/components/CurdForm/src/types.ts +2 -13
- package/components/DetailInfo/src/DetailInfo.vue +7 -3
- package/components/DetailInfo/src/types.ts +3 -4
- package/package.json +2 -2
- package/theme-chalk/constant-status.css +1 -1
- package/theme-chalk/curd-form.css +1 -1
- package/theme-chalk/curd-table.css +1 -1
- package/theme-chalk/detail-info.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/utils/vue/make-installer.ts +2 -2
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-form ref="schemaFormRef" :model="
|
|
2
|
+
<el-form ref="schemaFormRef" :model="formModel" :rules="rules" v-bind="{ ...$attrs, ...getFormProps }" class="curd-form" :style="getFormStyle()" @submit.prevent>
|
|
3
3
|
<template v-for="formItem in schemaItems" :key="formItem.prop">
|
|
4
4
|
<el-form-item v-if="!$slots[formItem.type + 'Item']" :label="formItem.label" :prop="formItem.prop" :label-width="formItem.labelWidth" :style="getFormItemStyle(formItem)" v-bind="getFormItemProps(formItem)">
|
|
5
|
-
<slot :name="formItem.prop" :form-item="formItem" :form-model="
|
|
6
|
-
<FormItem v-if="!(formItem.prop && $slots[formItem.prop])" :form-item="formItem" :form-model="
|
|
5
|
+
<slot :name="formItem.prop" :form-item="formItem" :form-model="formModel"></slot>
|
|
6
|
+
<FormItem v-if="!(formItem.prop && $slots[formItem.prop])" :form-item="formItem" :form-model="formModel" @change="onChange">
|
|
7
7
|
<template #prefix>
|
|
8
|
-
<slot :name="formItem.prop + 'Prefix'" :form-item="formItem" :form-model="
|
|
8
|
+
<slot :name="formItem.prop + 'Prefix'" :form-item="formItem" :form-model="formModel"></slot>
|
|
9
9
|
</template>
|
|
10
10
|
<template #suffix>
|
|
11
|
-
<slot :name="formItem.prop + 'Suffix'" :form-item="formItem" :form-model="
|
|
11
|
+
<slot :name="formItem.prop + 'Suffix'" :form-item="formItem" :form-model="formModel"></slot>
|
|
12
12
|
</template>
|
|
13
13
|
</FormItem>
|
|
14
|
-
<slot :name="formItem.prop + 'Bottom'" :form-item="formItem" :form-model="
|
|
14
|
+
<slot :name="formItem.prop + 'Bottom'" :form-item="formItem" :form-model="formModel"></slot>
|
|
15
15
|
</el-form-item>
|
|
16
|
-
<slot :name="formItem.prop + 'Item'" :form-item="formItem" :form-model="
|
|
16
|
+
<slot :name="formItem.prop + 'Item'" :form-item="formItem" :form-model="formModel"></slot>
|
|
17
17
|
</template>
|
|
18
18
|
<template v-if="$slots['operate-button']">
|
|
19
19
|
<el-form-item style="max-width: 100%">
|
|
@@ -59,18 +59,18 @@ export default defineComponent({
|
|
|
59
59
|
const schemaFormRef = ref()
|
|
60
60
|
const sFormSchema: Ref<FormSchema> = ref(props.formSchema)
|
|
61
61
|
|
|
62
|
-
const
|
|
62
|
+
const formModel = reactive<Fields>(props.modelValue || {})
|
|
63
63
|
watch(
|
|
64
64
|
() => props.modelValue,
|
|
65
65
|
() => {
|
|
66
|
-
for (let i in
|
|
67
|
-
delete
|
|
66
|
+
for (let i in formModel) {
|
|
67
|
+
delete formModel[i]
|
|
68
68
|
}
|
|
69
|
-
Object.assign(
|
|
69
|
+
Object.assign(formModel, props.modelValue)
|
|
70
70
|
}
|
|
71
71
|
)
|
|
72
72
|
watch(
|
|
73
|
-
() =>
|
|
73
|
+
() => formModel,
|
|
74
74
|
(val) => {
|
|
75
75
|
emit("update:modelValue", val)
|
|
76
76
|
}
|
|
@@ -83,23 +83,23 @@ export default defineComponent({
|
|
|
83
83
|
return previousValue
|
|
84
84
|
}, {})
|
|
85
85
|
|
|
86
|
-
Object.assign(
|
|
86
|
+
Object.assign(formModel, schemaValues)
|
|
87
87
|
// 如果有默认值，则覆盖
|
|
88
|
-
props.fields && Object.assign(
|
|
89
|
-
Object.assign(
|
|
90
|
-
// props.modelValue && Object.assign(
|
|
88
|
+
props.fields && Object.assign(formModel, props.fields)
|
|
89
|
+
Object.assign(formModel, props.modelValue)
|
|
90
|
+
// props.modelValue && Object.assign(formModel, props.modelValue)
|
|
91
91
|
const instance = getCurrentInstance()
|
|
92
92
|
// 异步设置默认数据
|
|
93
93
|
sFormSchema.value.formItem.forEach(async (item) => {
|
|
94
94
|
// 异步选项
|
|
95
95
|
if (item.asyncOptions && (isFunction(item.asyncOptions) || isAsyncFunction(item.asyncOptions))) {
|
|
96
96
|
item.loading = true
|
|
97
|
-
item.options = await item.asyncOptions(
|
|
98
|
-
item.eventObject?.optionLoaded && item.eventObject?.optionLoaded(
|
|
97
|
+
item.options = await item.asyncOptions(formModel, item).finally(() => (item.loading = false))
|
|
98
|
+
item.eventObject?.optionLoaded && item.eventObject?.optionLoaded(formModel, item, instance?.proxy)
|
|
99
99
|
} else if (item.prop && item.asyncValue && (isFunction(item.asyncValue) || isAsyncFunction(item.asyncValue))) {
|
|
100
100
|
// 异步默认值
|
|
101
101
|
item.loading = true
|
|
102
|
-
|
|
102
|
+
formModel[item.prop] = await item.asyncValue(formModel, item).finally(() => (item.loading = false))
|
|
103
103
|
}
|
|
104
104
|
})
|
|
105
105
|
|
|
@@ -109,13 +109,13 @@ export default defineComponent({
|
|
|
109
109
|
return true
|
|
110
110
|
}
|
|
111
111
|
if (item.hidden instanceof Function) {
|
|
112
|
-
return !item.hidden(
|
|
112
|
+
return !item.hidden(formModel)
|
|
113
113
|
}
|
|
114
114
|
return !item.hidden
|
|
115
115
|
})
|
|
116
116
|
})
|
|
117
117
|
// 生成表单验证规则
|
|
118
|
-
const
|
|
118
|
+
const rules = computed(() => {
|
|
119
119
|
return sFormSchema.value.rules
|
|
120
120
|
})
|
|
121
121
|
|
|
@@ -130,10 +130,10 @@ export default defineComponent({
|
|
|
130
130
|
cur.loading = true
|
|
131
131
|
cur.options =
|
|
132
132
|
(await cur
|
|
133
|
-
.asyncOptions(
|
|
133
|
+
.asyncOptions(formModel, cur)
|
|
134
134
|
.catch((err) => console.error("loadOptionError", err))
|
|
135
135
|
.finally(() => (cur.loading = false))) || []
|
|
136
|
-
cur.eventObject?.optionLoaded && cur.eventObject?.optionLoaded(
|
|
136
|
+
cur.eventObject?.optionLoaded && cur.eventObject?.optionLoaded(formModel, cur, instance?.proxy)
|
|
137
137
|
}
|
|
138
138
|
return cur
|
|
139
139
|
}
|
|
@@ -141,25 +141,40 @@ export default defineComponent({
|
|
|
141
141
|
emit("change", formModel, formItem)
|
|
142
142
|
}
|
|
143
143
|
const getFormItemStyle = (formItem: FormItemType) => {
|
|
144
|
-
|
|
144
|
+
const gutter = props.formSchema.gutter || 0
|
|
145
|
+
return { maxWidth: formItem.span && (100 * formItem.span) / 24 + "%", flex: typeof attrs.inline == "undefined" ? "0 0 " + (100 * (formItem.span || 24)) / 24 + "%" : "", padding: "0 " + gutter + "px" }
|
|
145
146
|
}
|
|
146
147
|
const getFormItemProps = (formItem: FormItemType) => {
|
|
147
148
|
if (formItem.formItemProps) {
|
|
148
149
|
if (formItem.formItemProps instanceof Function) {
|
|
149
|
-
return formItem.formItemProps(
|
|
150
|
+
return formItem.formItemProps(formModel, formItem)
|
|
150
151
|
}
|
|
151
152
|
const { ...attrs } = formItem.formItemProps
|
|
152
153
|
return attrs
|
|
153
154
|
}
|
|
154
155
|
return {}
|
|
155
156
|
}
|
|
157
|
+
const getFormStyle = () => {
|
|
158
|
+
const gutter = props.formSchema.gutter
|
|
159
|
+
if (gutter) {
|
|
160
|
+
const guPx = +parseFloat(String(gutter))
|
|
161
|
+
return { marginLeft: -guPx + "px", marginRight: -guPx + "px" }
|
|
162
|
+
}
|
|
163
|
+
return {}
|
|
164
|
+
}
|
|
165
|
+
const getFormProps = computed(() => {
|
|
166
|
+
const { formItem, rules, ...args } = props.formSchema
|
|
167
|
+
return { ...args }
|
|
168
|
+
})
|
|
156
169
|
|
|
157
170
|
return {
|
|
158
|
-
|
|
171
|
+
formModel,
|
|
159
172
|
schemaFormRef,
|
|
160
|
-
|
|
173
|
+
rules,
|
|
161
174
|
schemaItems,
|
|
162
175
|
sFormSchema,
|
|
176
|
+
getFormStyle,
|
|
177
|
+
getFormProps,
|
|
163
178
|
getFormItemStyle,
|
|
164
179
|
getFormItemProps,
|
|
165
180
|
validate,
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { FormRules, FormItemRule } from "element-plus"
|
|
1
|
+
import { FormRules, FormItemRule, FormProps } from "element-plus"
|
|
2
2
|
import { PropType } from "vue"
|
|
3
3
|
import { OptionItem } from "../../ConstantStatus"
|
|
4
4
|
import { defineComponent } from "vue"
|
|
5
|
-
export interface FormSchema {
|
|
5
|
+
export interface FormSchema extends FormProps {
|
|
6
6
|
formItem: Array<FormItem>
|
|
7
|
-
labelWidth?: string | number
|
|
8
7
|
rules?: FormRules
|
|
9
8
|
}
|
|
10
9
|
export interface FormItem {
|
|
@@ -25,16 +24,6 @@ export interface FormItem {
|
|
|
25
24
|
span?: number
|
|
26
25
|
disabled?: boolean
|
|
27
26
|
tooltip?: string
|
|
28
|
-
/** File组件需要的配置 */
|
|
29
|
-
action?: string
|
|
30
|
-
headers?: {
|
|
31
|
-
[key: string]: string
|
|
32
|
-
}
|
|
33
|
-
url?: string
|
|
34
|
-
getUrl?: (formModel: Fields, formItem: FormItem) => string
|
|
35
|
-
fileType?: string
|
|
36
|
-
maxsize?: number
|
|
37
|
-
beforeUpload?: (isJpgOrPng: boolean, isLt2M: number) => void
|
|
38
27
|
}
|
|
39
28
|
type typeEmun = "input" | "select" | "radio" | "checkbox" | "input-number" | "switch" | "file" | "date-picker" | "time-picker" | "color-picker" | "value"
|
|
40
29
|
// type FormItemProps = FormItemPropObject | ((formModel: Fields, formItem: FormItem) => void)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="detail-info">
|
|
2
|
+
<div class="detail-info" :class="[props.showType, $attrs.shadow]">
|
|
3
3
|
<div class="detail-info-header">
|
|
4
4
|
<div class="header-left">
|
|
5
5
|
<div v-if="props.title && !$slots.title" class="title">{{ props.title }}</div>
|
|
@@ -10,13 +10,13 @@
|
|
|
10
10
|
</div>
|
|
11
11
|
</div>
|
|
12
12
|
|
|
13
|
-
<div class="table-detail">
|
|
13
|
+
<div v-if="$slots.default" class="table-detail">
|
|
14
14
|
<slot></slot>
|
|
15
15
|
</div>
|
|
16
16
|
<div v-if="!$slots.default" class="table-detail" :class="[props.showType]">
|
|
17
17
|
<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 + '%' }">
|
|
18
18
|
<div class="item-col">
|
|
19
|
-
<div v-if="item.label" class="label" :style="{ width: getLabelWidth(item) }">
|
|
19
|
+
<div v-if="item.label" class="label" :style="{ width: getLabelWidth(item), justifyContent: props.labelPosition || item.labelPosition }">
|
|
20
20
|
<span>{{ item.label }}</span>
|
|
21
21
|
<DetailInfoTooltip :tooltip="item.tooltip" />{{ props.showType == "table" ? "" : "：" }}
|
|
22
22
|
</div>
|
|
@@ -66,6 +66,10 @@ const props = defineProps({
|
|
|
66
66
|
type: [Number, String],
|
|
67
67
|
default: "",
|
|
68
68
|
},
|
|
69
|
+
labelPosition: {
|
|
70
|
+
type: String,
|
|
71
|
+
default: "left",
|
|
72
|
+
},
|
|
69
73
|
})
|
|
70
74
|
const getLabelWidth = (dataItem: DetailDataItem): string => {
|
|
71
75
|
const labelWidth = typeof dataItem.labelWidth !== "undefined" ? dataItem.labelWidth : props.labelWidth
|
|
@@ -13,9 +13,8 @@ export interface DetailDataItem {
|
|
|
13
13
|
/** type为image时，会把value当做image的url来显示图片 */
|
|
14
14
|
type?: string
|
|
15
15
|
labelWidth?: number
|
|
16
|
-
props?:
|
|
17
|
-
[key: string]: string
|
|
18
|
-
}
|
|
16
|
+
props?: Record<string, string>
|
|
19
17
|
slot?: string
|
|
20
|
-
tooltip
|
|
18
|
+
tooltip?: string | import("element-plus/es/components/tooltip").ElTooltipProps
|
|
19
|
+
labelPosition?: "left" | "right" | "center"
|
|
21
20
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "easybill-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.9",
|
|
4
4
|
"description": "A component library for easybill",
|
|
5
5
|
"author": "tuchongyang <779311998@qq.com>",
|
|
6
6
|
"private": false,
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
"publishConfig": {
|
|
15
15
|
"access": "public"
|
|
16
16
|
},
|
|
17
|
-
"gitHead": "
|
|
17
|
+
"gitHead": "eaa8f39438710e4961959937bfe4ef237a997524"
|
|
18
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.constant-status{--el-tag-border-opacity:1;--el-tag-bg-opacity:1}.constant-status .el-icon,.constant-status .name{vertical-align:
|
|
1
|
+
.constant-status{--el-tag-border-opacity:1;--el-tag-bg-opacity:1}.constant-status .el-tag__content{display:flex;align-items:center;line-height:1}.constant-status .el-icon,.constant-status .name{vertical-align:top;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.el-tag--plain{padding:0}.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.curd-form{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box;align-items:flex-start}.curd-form:not(.el-form--inline) .el-form-item{flex:0 0 100
|
|
1
|
+
.curd-form{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box;align-items:flex-start}.curd-form:not(.el-form--inline) .el-form-item{flex:0 0 100%;box-sizing:border-box}.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}.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.table-container .
|
|
1
|
+
.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.detail-info{flex:1}.detail-info .detail-info-header{display:flex;justify-content:space-between;align-items:center}.detail-info .title{
|
|
1
|
+
.detail-info{flex:1}.detail-info .detail-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.detail-info .title{border-left:3px solid var(--el-color-primary);padding-left:10px;line-height:1.2}.detail-info+.detail-info{margin-top:30px}.detail-info.card{background:var(--el-bg-color);border-radius:0;opacity:1;border:1px solid var(--el-border-color)}.detail-info.card[shadow]{box-shadow:0 0 10px 1px rgba(0,0,0,.1)}.detail-info.card .detail-info-header{height:50px;border-bottom:1px solid var(--el-border-color);margin:0;padding:0 20px}.detail-info.card .detail-info-header .title{border-left:0;padding:0}.detail-info.card .table-detail{padding:10px 20px 20px 20px;margin:0}.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-fill-color-light);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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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;align-items:flex-start}.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}.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 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)}
|
|
1
|
+
.constant-status{--el-tag-border-opacity:1;--el-tag-bg-opacity:1}.constant-status .el-tag__content{display:flex;align-items:center;line-height:1}.constant-status .el-icon,.constant-status .name{vertical-align:top;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.el-tag--plain{padding:0}.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;align-items:flex-start}.curd-form:not(.el-form--inline) .el-form-item{flex:0 0 100%;box-sizing:border-box}.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}.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 .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;margin-bottom:10px}.detail-info .title{border-left:3px solid var(--el-color-primary);padding-left:10px;line-height:1.2}.detail-info+.detail-info{margin-top:30px}.detail-info.card{background:var(--el-bg-color);border-radius:0;opacity:1;border:1px solid var(--el-border-color)}.detail-info.card[shadow]{box-shadow:0 0 10px 1px rgba(0,0,0,.1)}.detail-info.card .detail-info-header{height:50px;border-bottom:1px solid var(--el-border-color);margin:0;padding:0 20px}.detail-info.card .detail-info-header .title{border-left:0;padding:0}.detail-info.card .table-detail{padding:10px 20px 20px 20px;margin:0}.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-fill-color-light);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)}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { App, Plugin } from "vue"
|
|
2
|
-
import { provideGlobalConfig } from "../hooks/useGlobalConfig"
|
|
2
|
+
import { provideGlobalConfig, GlobalConfig } from "../hooks/useGlobalConfig"
|
|
3
3
|
const INSTALLED_KEY = Symbol("INSTALLED_KEY")
|
|
4
4
|
|
|
5
5
|
export const makeInstaller = (components: Plugin[] = []) => {
|
|
6
|
-
const install = (app: any, options
|
|
6
|
+
const install = (app: any, options?: GlobalConfig) => {
|
|
7
7
|
if (app[INSTALLED_KEY]) return
|
|
8
8
|
provideGlobalConfig(options)
|
|
9
9
|
app[INSTALLED_KEY] = true
|