@dinert/element-plus 1.1.2 → 1.1.3
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/README.md +1 -1
- package/dist/element-plus.umd.js +1 -1
- package/dist/element-plus.umd.js.map +1 -1
- package/es/packages/components/form/src/index.mjs +58 -55
- package/es/packages/components/form/src/index.mjs.map +1 -1
- package/es/packages/components/form/utils/index.mjs +16 -16
- package/es/packages/components/form/utils/index.mjs.map +1 -1
- package/es/packages/components/table/src/index.mjs +58 -57
- package/es/packages/components/table/src/index.mjs.map +1 -1
- package/es/src/components/form/types/index.d.ts +1 -0
- package/es/style.css +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/src/components/form/types/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
1
|
+
import { defineComponent as R, ref as k, toRefs as $, computed as F, createVNode as o, resolveComponent as s, mergeProps as w, Fragment as x, createTextVNode as L, isVNode as U, nextTick as V } from "vue";
|
|
2
|
+
import A from "./input.mjs";
|
|
3
|
+
import D from "./input-number.mjs";
|
|
4
|
+
import T from "./input-autocomplete.mjs";
|
|
5
|
+
import q from "./select.mjs";
|
|
6
6
|
import E from "./select-v2.mjs";
|
|
7
7
|
import M from "./switch.mjs";
|
|
8
8
|
import j from "./date.mjs";
|
|
9
9
|
import B from "./radio.mjs";
|
|
10
10
|
import N from "./tree-select.mjs";
|
|
11
11
|
import O from "./rate.mjs";
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import { customPlaceholder as
|
|
16
|
-
import { getUuid as
|
|
17
|
-
import { ArrowUp as
|
|
12
|
+
import z from "./checkbox.mjs";
|
|
13
|
+
import H from "./cascader.mjs";
|
|
14
|
+
import P from "../../../hooks/useWindowResize.mjs";
|
|
15
|
+
import { customPlaceholder as W, labelMouseEnter as G, getTooltipValue as J, valueMouseEnter as K, formItemSlot as m } from "../utils/index.mjs";
|
|
16
|
+
import { getUuid as Q, dataTransformRod as X } from "../../../utils/tools.mjs";
|
|
17
|
+
import { ArrowUp as Y, ArrowDown as Z } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
|
|
18
18
|
import "../../../assets/scss/dinert-form.scss.mjs";
|
|
19
|
-
function
|
|
20
|
-
return typeof f == "function" || Object.prototype.toString.call(f) === "[object Object]" && !
|
|
19
|
+
function ee(f) {
|
|
20
|
+
return typeof f == "function" || Object.prototype.toString.call(f) === "[object Object]" && !U(f);
|
|
21
21
|
}
|
|
22
|
-
const
|
|
22
|
+
const we = /* @__PURE__ */ R({
|
|
23
23
|
name: "dinert-form",
|
|
24
24
|
props: {
|
|
25
25
|
form: {
|
|
@@ -35,37 +35,37 @@ const ke = /* @__PURE__ */ L({
|
|
|
35
35
|
setup(f, {
|
|
36
36
|
emit: e
|
|
37
37
|
}) {
|
|
38
|
-
const l = k(!0),
|
|
39
|
-
form:
|
|
40
|
-
} =
|
|
38
|
+
const l = k(!0), p = k(!1), c = k(), u = k("form_" + Q()), {
|
|
39
|
+
form: b
|
|
40
|
+
} = $(f), r = F(() => {
|
|
41
41
|
let n = 0;
|
|
42
42
|
const d = [];
|
|
43
|
-
return Object.keys(
|
|
44
|
-
const
|
|
43
|
+
return Object.keys(b.value.formItem).forEach((a) => {
|
|
44
|
+
const i = b.value.formItem[a];
|
|
45
45
|
d.push({
|
|
46
|
-
...
|
|
46
|
+
...i,
|
|
47
47
|
key: a,
|
|
48
|
-
sort: typeof
|
|
48
|
+
sort: typeof i.sort > "u" ? n : i.sort
|
|
49
49
|
}), n += 10;
|
|
50
|
-
}), d.sort((a,
|
|
51
|
-
}),
|
|
50
|
+
}), d.sort((a, i) => a.sort - i.sort), d;
|
|
51
|
+
}), t = () => {
|
|
52
52
|
const n = document.querySelectorAll(`.${u.value} .el-form-left > div`);
|
|
53
|
-
n[0] &&
|
|
53
|
+
n[0] && V(() => {
|
|
54
54
|
const d = n[0].getBoundingClientRect().top, a = n[n.length - 1].getBoundingClientRect().top;
|
|
55
|
-
d !== a ?
|
|
55
|
+
d !== a ? p.value = !0 : (l.value || (l.value = !0), p.value = !1);
|
|
56
56
|
});
|
|
57
57
|
};
|
|
58
|
-
return
|
|
59
|
-
|
|
58
|
+
return P(() => {
|
|
59
|
+
t();
|
|
60
60
|
}, 10, !0), {
|
|
61
|
-
formItemMap:
|
|
61
|
+
formItemMap: r,
|
|
62
62
|
unfold: () => {
|
|
63
63
|
l.value ? l.value = !1 : l.value = !0, e("UnFold", l.value);
|
|
64
64
|
},
|
|
65
65
|
formClass: u,
|
|
66
66
|
formRef: c,
|
|
67
67
|
packUp: l,
|
|
68
|
-
isArrow:
|
|
68
|
+
isArrow: p
|
|
69
69
|
};
|
|
70
70
|
},
|
|
71
71
|
render() {
|
|
@@ -80,18 +80,21 @@ const ke = /* @__PURE__ */ L({
|
|
|
80
80
|
}), {
|
|
81
81
|
default: () => [o(s("el-row"), w(this.form.row, {
|
|
82
82
|
class: "el-form-left"
|
|
83
|
-
}),
|
|
83
|
+
}), ee(f = this.formItemMap.map((e) => {
|
|
84
84
|
const l = {};
|
|
85
|
-
let
|
|
86
|
-
|
|
85
|
+
let p = typeof e.vif == "function" ? e.vif(this.form.model) : e.vif;
|
|
86
|
+
p = p === void 0 ? !0 : p;
|
|
87
87
|
let c = typeof e.show == "function" ? e.show(this.form.model) : e.show;
|
|
88
|
-
if (c = c === void 0 ? !0 : c, c || (l.display = "none"),
|
|
88
|
+
if (c = c === void 0 ? !0 : c, c || (l.display = "none"), p) {
|
|
89
|
+
e.required = e.required || this.form.required;
|
|
89
90
|
let u = e.rules || [];
|
|
90
|
-
|
|
91
|
+
u = e.required ? [{
|
|
91
92
|
required: !0,
|
|
92
93
|
trigger: "blur",
|
|
93
|
-
message:
|
|
94
|
-
}].concat(u) : u, u = e.showLabel || this.form.showLabel ? [] : u
|
|
94
|
+
message: W(e.label, e.type)
|
|
95
|
+
}].concat(u) : u, u = e.showLabel || this.form.showLabel ? [] : u;
|
|
96
|
+
const b = e.showLabel || e.showLabel !== !1 && this.form.showLabel ? !0 : e.tempValueDisabled;
|
|
97
|
+
return o(s("el-col"), w({
|
|
95
98
|
style: l,
|
|
96
99
|
class: [e.type, e.key],
|
|
97
100
|
key: e.key
|
|
@@ -116,21 +119,21 @@ const ke = /* @__PURE__ */ L({
|
|
|
116
119
|
key: e.key,
|
|
117
120
|
content: e.label,
|
|
118
121
|
disabled: e.labelDisabled,
|
|
119
|
-
onLabelMouseEnter: (r) =>
|
|
122
|
+
onLabelMouseEnter: (r) => G(r, e, this)
|
|
120
123
|
}, null),
|
|
121
124
|
default: () => o(s("dinert-tooltip"), {
|
|
122
125
|
key: e.key,
|
|
123
|
-
content: String(
|
|
124
|
-
disabled:
|
|
126
|
+
content: String(J(this.form.model[e.key], e)),
|
|
127
|
+
disabled: b,
|
|
125
128
|
item: e,
|
|
126
|
-
onLabelMouseEnter: (r) =>
|
|
129
|
+
onLabelMouseEnter: (r) => K(r, e, this.form.model[e.key], this)
|
|
127
130
|
}, {
|
|
128
131
|
default: () => {
|
|
129
|
-
var
|
|
132
|
+
var C, n, d, a, i, I;
|
|
130
133
|
const r = {};
|
|
131
|
-
let t = o("span", null, [
|
|
134
|
+
let t = o("span", null, [X(this.form.model[e.key])]);
|
|
132
135
|
if (this.$slots[m(e.key)])
|
|
133
|
-
t = (
|
|
136
|
+
t = (n = (C = this.$slots)[m(e.key)]) == null ? void 0 : n.call(C, {
|
|
134
137
|
...e,
|
|
135
138
|
model: this.form.model
|
|
136
139
|
});
|
|
@@ -138,25 +141,25 @@ const ke = /* @__PURE__ */ L({
|
|
|
138
141
|
if (e.showLabel || this.form.showLabel && [!0, void 0].includes(e.showLabel))
|
|
139
142
|
return t;
|
|
140
143
|
if (["input", "textarea"].includes(e.type)) {
|
|
141
|
-
const g = (
|
|
144
|
+
const g = (a = (d = this.$slots)[m(e.key + "_append")]) == null ? void 0 : a.call(d), S = g && g[0] && g[0].children, v = (I = (i = this.$slots)[m(e.key + "_prepend")]) == null ? void 0 : I.call(i), _ = v && v[0] && v[0].children;
|
|
142
145
|
S && (r.append = () => {
|
|
143
146
|
var h, y;
|
|
144
147
|
return (y = (h = this.$slots)[m(e.key + "_append")]) == null ? void 0 : y.call(h);
|
|
145
148
|
}), _ && (r.prepend = () => {
|
|
146
149
|
var h, y;
|
|
147
150
|
return (y = (h = this.$slots)[m(e.key + "_prepend")]) == null ? void 0 : y.call(h);
|
|
148
|
-
}), t = o(
|
|
151
|
+
}), t = o(A, {
|
|
149
152
|
form: this.form,
|
|
150
153
|
formItem: e
|
|
151
154
|
}, r);
|
|
152
155
|
} else
|
|
153
|
-
["input-number"].includes(e.type) ? t = o(
|
|
156
|
+
["input-number"].includes(e.type) ? t = o(D, {
|
|
154
157
|
form: this.form,
|
|
155
158
|
formItem: e
|
|
156
|
-
}, null) : ["input-autocomplete"].includes(e.type) ? t = o(
|
|
159
|
+
}, null) : ["input-autocomplete"].includes(e.type) ? t = o(T, {
|
|
157
160
|
form: this.form,
|
|
158
161
|
formItem: e
|
|
159
|
-
}, null) : ["select"].includes(e.type) ? t = o(
|
|
162
|
+
}, null) : ["select"].includes(e.type) ? t = o(q, {
|
|
160
163
|
form: this.form,
|
|
161
164
|
formItem: e
|
|
162
165
|
}, null) : ["select-v2"].includes(e.type) ? t = o(E, {
|
|
@@ -177,10 +180,10 @@ const ke = /* @__PURE__ */ L({
|
|
|
177
180
|
}, null) : ["rate"].includes(e.type) ? t = o(O, {
|
|
178
181
|
form: this.form,
|
|
179
182
|
formItem: e
|
|
180
|
-
}, null) : ["checkbox", "checkbox-button"].includes(e.type) ? t = o(
|
|
183
|
+
}, null) : ["checkbox", "checkbox-button"].includes(e.type) ? t = o(z, {
|
|
181
184
|
form: this.form,
|
|
182
185
|
formItem: e
|
|
183
|
-
}, null) : ["cascader"].includes(e.type) && (t = o(
|
|
186
|
+
}, null) : ["cascader"].includes(e.type) && (t = o(H, {
|
|
184
187
|
form: this.form,
|
|
185
188
|
formItem: e
|
|
186
189
|
}, null));
|
|
@@ -219,19 +222,19 @@ const ke = /* @__PURE__ */ L({
|
|
|
219
222
|
onClick: this.unfold
|
|
220
223
|
}, {
|
|
221
224
|
default: () => [o(s("el-icon"), null, {
|
|
222
|
-
default: () => [this.packUp ? o(
|
|
225
|
+
default: () => [this.packUp ? o(Y, null, null) : o(Z, null, null)]
|
|
223
226
|
}), this.packUp ? "收起" : "展开"]
|
|
224
|
-
}), ((l = (e = this.$slots).form_search) == null ? void 0 : l.call(e)) || o(
|
|
227
|
+
}), ((l = (e = this.$slots).form_search) == null ? void 0 : l.call(e)) || o(x, null, [o(s("el-button"), {
|
|
225
228
|
type: "primary",
|
|
226
229
|
onClick: () => this.$emit("SearchFn")
|
|
227
230
|
}, {
|
|
228
|
-
default: () => [
|
|
231
|
+
default: () => [L("搜索")]
|
|
229
232
|
}), o(s("el-button"), {
|
|
230
233
|
type: "primary",
|
|
231
234
|
plain: !0,
|
|
232
235
|
onClick: () => this.$emit("ResetFn")
|
|
233
236
|
}, {
|
|
234
|
-
default: () => [
|
|
237
|
+
default: () => [L("重置")]
|
|
235
238
|
})])];
|
|
236
239
|
}
|
|
237
240
|
})]
|
|
@@ -239,6 +242,6 @@ const ke = /* @__PURE__ */ L({
|
|
|
239
242
|
}
|
|
240
243
|
});
|
|
241
244
|
export {
|
|
242
|
-
|
|
245
|
+
we as default
|
|
243
246
|
};
|
|
244
247
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/form/src/index.tsx"],"sourcesContent":["import {defineComponent, ref, computed, nextTick, toRefs} from 'vue'\nimport CustomInput from './input'\nimport CustomInputNumber from './input-number'\nimport CustomInputAutocomplete from './input-autocomplete'\nimport CustomSelect from './select'\nimport CustomSelectV2 from './select-v2'\nimport CustomSwitch from './switch'\nimport CustomDate from './date'\nimport CustomRadio from './radio'\nimport CustomSelectTree from './tree-select'\nimport CustomRate from './rate'\nimport CustomCheckbox from './checkbox'\nimport CustomCascader from './cascader'\n\nimport useWindowResize from '@packages/hooks/useWindowResize'\nimport {labelMouseEnter, valueMouseEnter, getTooltipValue, formItemSlot, customPlaceholder} from '@packages/components/form/utils'\n\nimport {dataTransformRod, getUuid} from '@packages/utils/tools'\nimport {ElForm} from 'element-plus'\n\nimport {ArrowUp, ArrowDown} from '@element-plus/icons-vue'\n\n\nimport '@packages/assets/scss/dinert-form.scss'\n\nimport type {PropType} from 'vue'\nimport type {RewriteFormProps, CustomFormItemProps} from '@packages/components/form/types'\n\n// 展开还是收起状态\nexport default defineComponent({\n name: 'dinert-form',\n props: {\n form: {\n type: Object as PropType<RewriteFormProps>,\n default: () => ({})\n },\n search: {\n type: Boolean,\n default: true\n }\n },\n emits: ['UnFold', 'SearchFn', 'ResetFn'],\n setup(props, {emit}) {\n\n\n const packUp = ref(true)\n const isArrow = ref(false)\n const formRef = ref<InstanceType<typeof ElForm>>()\n const formClass = ref('form_' + getUuid())\n const {form} = toRefs(props)\n const formItemMap = computed(() => {\n let index = 0\n const result: any = []\n Object.keys(form.value.formItem).forEach(key => {\n const value = form.value.formItem[key] as Partial<CustomFormItemProps>\n result.push({\n ...value,\n key: key,\n sort: typeof value.sort === 'undefined' ? index : value.sort,\n })\n index += 10\n })\n\n result.sort((a: any, b: any) => {\n return a.sort - b.sort\n })\n\n return result\n })\n\n const resizeForm = () => {\n const elFormLeft = document.querySelectorAll(`.${formClass.value} .el-form-left > div`)\n if (elFormLeft[0]) {\n nextTick(() => {\n const firstTop = elFormLeft[0].getBoundingClientRect().top\n const lastTop = elFormLeft[elFormLeft.length - 1].getBoundingClientRect().top\n const isHeight = firstTop !== lastTop\n if (isHeight) {\n isArrow.value = true\n } else {\n if (!packUp.value) {\n packUp.value = true\n }\n isArrow.value = false\n }\n })\n\n }\n }\n\n useWindowResize(() => {\n resizeForm()\n }, 10, true)\n\n\n const unfold = () => {\n if (packUp.value) {\n packUp.value = false\n } else {\n packUp.value = true\n }\n\n emit('UnFold', packUp.value)\n }\n\n\n return {\n formItemMap,\n unfold,\n formClass,\n\n formRef,\n packUp,\n isArrow\n }\n },\n render() {\n return (\n <el-form inline={true}\n {...this.form}\n ref={el => {this.formRef = el}}\n class={[this.formClass, this.packUp ? '' : 'packUp', 'dinert-form']}>\n <el-row {...this.form.row} class=\"el-form-left\">\n {/* eslint-disable-next-line array-callback-return, consistent-return */}\n { this.formItemMap.map((item: CustomFormItemProps) => {\n const style: any = {}\n let vif = typeof item.vif === 'function' ? item.vif(this.form.model) : item.vif\n vif = vif === undefined ? true : vif\n\n let show = typeof item.show === 'function' ? item.show(this.form.model) : item.show\n show = show === undefined ? true : show\n\n if (!show) {\n style.display = 'none'\n }\n if (vif) {\n let rules = item.rules || []\n rules = item.required ? [{required: true, trigger: 'blur', message: customPlaceholder(item.label, item.type)}].concat(rules as any) : rules\n rules = (item.showLabel || this.form.showLabel) ? [] : rules\n\n return (\n <el-col\n style= {style}\n class={[item.type, item.key]}\n key={item.key}\n {\n ...{\n // xl: 3, // ≥1920px\n // lg: 4, // ≥1200px\n // md: 8, // ≥992px\n // sm: 12, // ≥768px\n // xs: 24, // <768px\n ...this.form.colLayout,\n ...item.colLayout\n }\n }\n >\n <el-form-item\n key={item.key}\n prop={item.key}\n class={[item.labelWrap ? 'label-wrap' : '', item.showLabel || this.form.showLabel ? 'show-label' : '']}\n {...{\n ...item,\n rules: rules\n }}\n v-slots={{\n label: () => {\n return (\n <dinert-tooltip\n key={item.key}\n content={item.label}\n disabled={item.labelDisabled}\n onLabelMouseEnter={(e: MouseEvent) => labelMouseEnter(e, item, this)}\n >\n </dinert-tooltip>\n )\n },\n default: () => {\n return (\n <dinert-tooltip\n key={item.key}\n content={String(getTooltipValue(this.form.model[item.key], item))}\n disabled={item.showLabel || this.form.showLabel ? true : item.valueDisabled === undefined ? item.tempValueDisabled : item.valueDisabled}\n item={item}\n onLabelMouseEnter={(e: MouseEvent) => valueMouseEnter(e, item, this.form.model[item.key], this)}\n v-slots={\n {\n default: () => {\n\n\n const slots: any = {}\n\n let componentResult = <span>{dataTransformRod(this.form.model[item.key])}</span>\n\n\n if (this.$slots[formItemSlot(item.key)]) {\n componentResult = (this.$slots[formItemSlot(item.key)]?.({...item, model: this.form.model}))\n } else if (item.showLabel || (this.form.showLabel && [true, undefined].includes(item.showLabel))) {\n return componentResult\n } else if (['input', 'textarea'].includes(item.type)) {\n const appendSlot = this.$slots[formItemSlot(item.key + '_append')]?.()\n const appendSlotValue = appendSlot && appendSlot[0] && appendSlot[0].children\n\n const prependSlot = this.$slots[formItemSlot(item.key + '_prepend')]?.()\n const prependSlotValue = prependSlot && prependSlot[0] && prependSlot[0].children\n if (appendSlotValue) {\n slots.append = () => this.$slots[formItemSlot(item.key + '_append')]?.()\n }\n if (prependSlotValue) {\n slots.prepend = () => this.$slots[formItemSlot(item.key + '_prepend')]?.()\n }\n componentResult = (<CustomInput form={this.form} formItem={item} v-slots={slots}></CustomInput>)\n } else if (['input-number'].includes(item.type)) {\n componentResult = (<CustomInputNumber form={this.form} formItem={item}></CustomInputNumber>)\n } else if (['input-autocomplete'].includes(item.type)) {\n componentResult = (<CustomInputAutocomplete form={this.form} formItem={item}></CustomInputAutocomplete>)\n } else if (['select'].includes(item.type)) {\n componentResult = (<CustomSelect form={this.form} formItem={item}></CustomSelect>)\n } else if (['select-v2'].includes(item.type)) {\n componentResult = (<CustomSelectV2 form={this.form} formItem={item}></CustomSelectV2>)\n } else if (['switch'].includes(item.type)) {\n componentResult = (<CustomSwitch form={this.form} formItem={item}></CustomSwitch>)\n } else if ([\n 'datetime',\n 'date',\n 'dates',\n 'week',\n 'month',\n 'year',\n 'years',\n 'datetimerange',\n 'daterange',\n 'monthrange',\n 'yearrange',\n ].includes(item.type)) {\n componentResult = (<CustomDate form={this.form} formItem={item}></CustomDate>)\n } else if (['radio', 'radio-button'].includes(item.type)) {\n componentResult = (<CustomRadio form={this.form} formItem={item}></CustomRadio>)\n } else if (['tree-select'].includes(item.type)) {\n componentResult = (<CustomSelectTree form={this.form} formItem={item}></CustomSelectTree>)\n } else if (['rate'].includes(item.type)) {\n componentResult = (<CustomRate form={this.form} formItem={item}></CustomRate>)\n } else if (['checkbox', 'checkbox-button'].includes(item.type)) {\n componentResult = (<CustomCheckbox form={this.form} formItem={item}></CustomCheckbox>)\n } else if (['cascader'].includes(item.type)) {\n componentResult = (<CustomCascader form={this.form} formItem={item}></CustomCascader>)\n }\n\n\n return componentResult\n },\n defaultAfter: () => this.$slots[formItemSlot('after_' + item.key)]?.({...item, model: this.form.model}),\n defaultBefore: () => this.$slots[formItemSlot('before_' + item.key)]?.({...item, model: this.form.model}),\n }\n }\n >\n </dinert-tooltip>\n )\n }\n }}\n >\n </el-form-item>\n </el-col>\n )\n }\n\n })\n }\n </el-row>\n {\n this.search\n && <el-row class=\"el-form-right\">\n {this.isArrow\n && <el-button class=\"el-form-right-operation\" text type=\"primary\"\n onClick={this.unfold}\n >\n <el-icon>\n {this.packUp ? <ArrowUp/> : <ArrowDown/>}\n </el-icon>\n {this.packUp ? '收起' : '展开'}\n </el-button>\n }\n {this.$slots.form_search?.()\n || (\n <>\n <el-button type=\"primary\" onClick={() => this.$emit('SearchFn')}>搜索</el-button>\n <el-button type=\"primary\" plain\n onClick={() => this.$emit('ResetFn')}\n >重置</el-button>\n </>\n )\n }\n </el-row>\n }\n </el-form>\n )\n }\n})\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","form","type","default","search","Boolean","emits","setup","emit","packUp","ref","isArrow","formRef","formClass","getUuid","toRefs","formItemMap","computed","index","result","keys","value","formItem","forEach","key","push","sort","a","b","resizeForm","elFormLeft","document","querySelectorAll","nextTick","firstTop","getBoundingClientRect","top","lastTop","length","useWindowResize","unfold","render","_slot","_createVNode","_resolveComponent","_mergeProps","el","row","map","item","style","vif","model","undefined","show","display","rules","required","trigger","message","customPlaceholder","label","concat","showLabel","colLayout","labelWrap","labelDisabled","e","labelMouseEnter","String","getTooltipValue","valueDisabled","tempValueDisabled","valueMouseEnter","slots","componentResult","dataTransformRod","$slots","formItemSlot","_b","_a","includes","appendSlot","_d","_c","appendSlotValue","children","prependSlot","_f","_e","prependSlotValue","append","prepend","CustomInput","CustomInputNumber","CustomInputAutocomplete","CustomSelect","CustomSelectV2","CustomSwitch","CustomDate","CustomRadio","CustomSelectTree","CustomRate","CustomCheckbox","CustomCascader","defaultAfter","defaultBefore","ArrowUp","ArrowDown","form_search","_Fragment","onClick","$emit","_createTextVNode"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/form/src/index.tsx"],"sourcesContent":["import {defineComponent, ref, computed, nextTick, toRefs} from 'vue'\nimport CustomInput from './input'\nimport CustomInputNumber from './input-number'\nimport CustomInputAutocomplete from './input-autocomplete'\nimport CustomSelect from './select'\nimport CustomSelectV2 from './select-v2'\nimport CustomSwitch from './switch'\nimport CustomDate from './date'\nimport CustomRadio from './radio'\nimport CustomSelectTree from './tree-select'\nimport CustomRate from './rate'\nimport CustomCheckbox from './checkbox'\nimport CustomCascader from './cascader'\n\nimport useWindowResize from '@packages/hooks/useWindowResize'\nimport {labelMouseEnter, valueMouseEnter, getTooltipValue, formItemSlot, customPlaceholder} from '@packages/components/form/utils'\n\nimport {dataTransformRod, getUuid} from '@packages/utils/tools'\nimport {ElForm} from 'element-plus'\n\nimport {ArrowUp, ArrowDown} from '@element-plus/icons-vue'\n\n\nimport '@packages/assets/scss/dinert-form.scss'\n\nimport type {PropType} from 'vue'\nimport type {RewriteFormProps, CustomFormItemProps} from '@packages/components/form/types'\n\n// 展开还是收起状态\nexport default defineComponent({\n name: 'dinert-form',\n props: {\n form: {\n type: Object as PropType<RewriteFormProps>,\n default: () => ({})\n },\n search: {\n type: Boolean,\n default: true\n }\n },\n emits: ['UnFold', 'SearchFn', 'ResetFn'],\n setup(props, {emit}) {\n\n\n const packUp = ref(true)\n const isArrow = ref(false)\n const formRef = ref<InstanceType<typeof ElForm>>()\n const formClass = ref('form_' + getUuid())\n const {form} = toRefs(props)\n const formItemMap = computed(() => {\n let index = 0\n const result: any = []\n Object.keys(form.value.formItem).forEach(key => {\n const value = form.value.formItem[key] as Partial<CustomFormItemProps>\n result.push({\n ...value,\n key: key,\n sort: typeof value.sort === 'undefined' ? index : value.sort,\n })\n index += 10\n })\n\n result.sort((a: any, b: any) => {\n return a.sort - b.sort\n })\n\n return result\n })\n\n const resizeForm = () => {\n const elFormLeft = document.querySelectorAll(`.${formClass.value} .el-form-left > div`)\n if (elFormLeft[0]) {\n nextTick(() => {\n const firstTop = elFormLeft[0].getBoundingClientRect().top\n const lastTop = elFormLeft[elFormLeft.length - 1].getBoundingClientRect().top\n const isHeight = firstTop !== lastTop\n if (isHeight) {\n isArrow.value = true\n } else {\n if (!packUp.value) {\n packUp.value = true\n }\n isArrow.value = false\n }\n })\n\n }\n }\n\n useWindowResize(() => {\n resizeForm()\n }, 10, true)\n\n\n const unfold = () => {\n if (packUp.value) {\n packUp.value = false\n } else {\n packUp.value = true\n }\n\n emit('UnFold', packUp.value)\n }\n\n\n return {\n formItemMap,\n unfold,\n formClass,\n\n formRef,\n packUp,\n isArrow\n }\n },\n render() {\n return (\n <el-form inline={true}\n {...this.form}\n ref={el => {this.formRef = el}}\n class={[this.formClass, this.packUp ? '' : 'packUp', 'dinert-form']}>\n <el-row {...this.form.row} class=\"el-form-left\">\n {/* eslint-disable-next-line array-callback-return, consistent-return */}\n { this.formItemMap.map((item: CustomFormItemProps) => {\n const style: any = {}\n let vif = typeof item.vif === 'function' ? item.vif(this.form.model) : item.vif\n vif = vif === undefined ? true : vif\n\n let show = typeof item.show === 'function' ? item.show(this.form.model) : item.show\n show = show === undefined ? true : show\n\n if (!show) {\n style.display = 'none'\n }\n if (vif) {\n item.required = item.required || this.form.required\n let rules = item.rules || []\n rules = item.required ? [{required: true, trigger: 'blur', message: customPlaceholder(item.label, item.type)}].concat(rules as any) : rules\n rules = (item.showLabel || this.form.showLabel) ? [] : rules\n const valDisabled = item.showLabel || (item.showLabel !== false && this.form.showLabel) ? true : item.tempValueDisabled\n\n return (\n <el-col\n style= {style}\n class={[item.type, item.key]}\n key={item.key}\n {\n ...{\n // xl: 3, // ≥1920px\n // lg: 4, // ≥1200px\n // md: 8, // ≥992px\n // sm: 12, // ≥768px\n // xs: 24, // <768px\n ...this.form.colLayout,\n ...item.colLayout\n }\n }\n >\n <el-form-item\n key={item.key}\n prop={item.key}\n class={[item.labelWrap ? 'label-wrap' : '', item.showLabel || this.form.showLabel ? 'show-label' : '']}\n {...{\n ...item,\n rules: rules\n }}\n v-slots={{\n label: () => {\n return (\n <dinert-tooltip\n key={item.key}\n content={item.label}\n disabled={item.labelDisabled}\n onLabelMouseEnter={(e: MouseEvent) => labelMouseEnter(e, item, this)}\n >\n </dinert-tooltip>\n )\n },\n default: () => {\n return (\n <dinert-tooltip\n key={item.key}\n content={String(getTooltipValue(this.form.model[item.key], item))}\n disabled={valDisabled}\n item={item}\n onLabelMouseEnter={(e: MouseEvent) => valueMouseEnter(e, item, this.form.model[item.key], this)}\n v-slots={\n {\n default: () => {\n\n\n const slots: any = {}\n\n let componentResult = <span>{dataTransformRod(this.form.model[item.key])}</span>\n\n\n if (this.$slots[formItemSlot(item.key)]) {\n componentResult = (this.$slots[formItemSlot(item.key)]?.({...item, model: this.form.model}))\n } else if (item.showLabel || (this.form.showLabel && [true, undefined].includes(item.showLabel))) {\n return componentResult\n } else if (['input', 'textarea'].includes(item.type)) {\n const appendSlot = this.$slots[formItemSlot(item.key + '_append')]?.()\n const appendSlotValue = appendSlot && appendSlot[0] && appendSlot[0].children\n\n const prependSlot = this.$slots[formItemSlot(item.key + '_prepend')]?.()\n const prependSlotValue = prependSlot && prependSlot[0] && prependSlot[0].children\n if (appendSlotValue) {\n slots.append = () => this.$slots[formItemSlot(item.key + '_append')]?.()\n }\n if (prependSlotValue) {\n slots.prepend = () => this.$slots[formItemSlot(item.key + '_prepend')]?.()\n }\n componentResult = (<CustomInput form={this.form} formItem={item} v-slots={slots}></CustomInput>)\n } else if (['input-number'].includes(item.type)) {\n componentResult = (<CustomInputNumber form={this.form} formItem={item}></CustomInputNumber>)\n } else if (['input-autocomplete'].includes(item.type)) {\n componentResult = (<CustomInputAutocomplete form={this.form} formItem={item}></CustomInputAutocomplete>)\n } else if (['select'].includes(item.type)) {\n componentResult = (<CustomSelect form={this.form} formItem={item}></CustomSelect>)\n } else if (['select-v2'].includes(item.type)) {\n componentResult = (<CustomSelectV2 form={this.form} formItem={item}></CustomSelectV2>)\n } else if (['switch'].includes(item.type)) {\n componentResult = (<CustomSwitch form={this.form} formItem={item}></CustomSwitch>)\n } else if ([\n 'datetime',\n 'date',\n 'dates',\n 'week',\n 'month',\n 'year',\n 'years',\n 'datetimerange',\n 'daterange',\n 'monthrange',\n 'yearrange',\n ].includes(item.type)) {\n componentResult = (<CustomDate form={this.form} formItem={item}></CustomDate>)\n } else if (['radio', 'radio-button'].includes(item.type)) {\n componentResult = (<CustomRadio form={this.form} formItem={item}></CustomRadio>)\n } else if (['tree-select'].includes(item.type)) {\n componentResult = (<CustomSelectTree form={this.form} formItem={item}></CustomSelectTree>)\n } else if (['rate'].includes(item.type)) {\n componentResult = (<CustomRate form={this.form} formItem={item}></CustomRate>)\n } else if (['checkbox', 'checkbox-button'].includes(item.type)) {\n componentResult = (<CustomCheckbox form={this.form} formItem={item}></CustomCheckbox>)\n } else if (['cascader'].includes(item.type)) {\n componentResult = (<CustomCascader form={this.form} formItem={item}></CustomCascader>)\n }\n\n\n return componentResult\n },\n defaultAfter: () => this.$slots[formItemSlot('after_' + item.key)]?.({...item, model: this.form.model}),\n defaultBefore: () => this.$slots[formItemSlot('before_' + item.key)]?.({...item, model: this.form.model}),\n }\n }\n >\n </dinert-tooltip>\n )\n }\n }}\n >\n </el-form-item>\n </el-col>\n )\n }\n\n })\n }\n </el-row>\n {\n this.search\n && <el-row class=\"el-form-right\">\n {this.isArrow\n && <el-button class=\"el-form-right-operation\" text type=\"primary\"\n onClick={this.unfold}\n >\n <el-icon>\n {this.packUp ? <ArrowUp/> : <ArrowDown/>}\n </el-icon>\n {this.packUp ? '收起' : '展开'}\n </el-button>\n }\n {this.$slots.form_search?.()\n || (\n <>\n <el-button type=\"primary\" onClick={() => this.$emit('SearchFn')}>搜索</el-button>\n <el-button type=\"primary\" plain\n onClick={() => this.$emit('ResetFn')}\n >重置</el-button>\n </>\n )\n }\n </el-row>\n }\n </el-form>\n )\n }\n})\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","form","type","default","search","Boolean","emits","setup","emit","packUp","ref","isArrow","formRef","formClass","getUuid","toRefs","formItemMap","computed","index","result","keys","value","formItem","forEach","key","push","sort","a","b","resizeForm","elFormLeft","document","querySelectorAll","nextTick","firstTop","getBoundingClientRect","top","lastTop","length","useWindowResize","unfold","render","_slot","_createVNode","_resolveComponent","_mergeProps","el","row","map","item","style","vif","model","undefined","show","display","required","rules","trigger","message","customPlaceholder","label","concat","showLabel","valDisabled","tempValueDisabled","colLayout","labelWrap","labelDisabled","e","labelMouseEnter","String","getTooltipValue","valueMouseEnter","slots","componentResult","dataTransformRod","$slots","formItemSlot","_b","_a","includes","appendSlot","_d","_c","appendSlotValue","children","prependSlot","_f","_e","prependSlotValue","append","prepend","CustomInput","CustomInputNumber","CustomInputAutocomplete","CustomSelect","CustomSelectV2","CustomSwitch","CustomDate","CustomRadio","CustomSelectTree","CustomRate","CustomCheckbox","CustomCascader","defaultAfter","defaultBefore","ArrowUp","ArrowDown","form_search","_Fragment","onClick","$emit","_createTextVNode"],"mappings":"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"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
const
|
|
2
|
-
const e = l.target.parentElement.parentElement, s = window.getComputedStyle(e, null),
|
|
3
|
-
l.target.previousElementSibling.offsetWidth >=
|
|
1
|
+
const d = (l, t, o) => {
|
|
2
|
+
const e = l.target.parentElement.parentElement, s = window.getComputedStyle(e, null), n = t.rules ? 12 : t.beforeWidth || 0, r = parseInt(s.getPropertyValue("max-width")) - n - parseInt(s.getPropertyValue("padding-right"));
|
|
3
|
+
l.target.previousElementSibling.offsetWidth >= r ? o.form.formItem[t.key].labelDisabled = !1 : o.form.formItem[t.key].labelDisabled = !0;
|
|
4
4
|
}, u = (l, t, o) => {
|
|
5
5
|
const e = [];
|
|
6
|
-
function s(
|
|
7
|
-
|
|
8
|
-
(Array.isArray(o) && o.includes(
|
|
6
|
+
function s(n) {
|
|
7
|
+
n.forEach((r) => {
|
|
8
|
+
(Array.isArray(o) && o.includes(r[t]) || o === r[t]) && e.push(r), r.children && r.children.length && s(r.children);
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
return s(l), e;
|
|
12
12
|
}, m = (l, t) => {
|
|
13
|
-
var
|
|
13
|
+
var n, r, p, c;
|
|
14
14
|
const o = t.type, e = t.options || {}, s = [];
|
|
15
15
|
if (["input", "input-autocomplete", "input-number"].includes(o))
|
|
16
16
|
return l;
|
|
@@ -22,7 +22,7 @@ const f = (l, t, o) => {
|
|
|
22
22
|
}), s.join(",");
|
|
23
23
|
}
|
|
24
24
|
} else if (["cascader"].includes(o) && e && e.options && e.options.length) {
|
|
25
|
-
(((
|
|
25
|
+
(((n = e.props) == null ? void 0 : n.emitPath) === void 0 || ((r = e.props) == null ? void 0 : r.emitPath) === !0) && (l = l && l[0]);
|
|
26
26
|
const i = u(e.options, ((p = e.props) == null ? void 0 : p.value) || "value", l)[0];
|
|
27
27
|
return i && i[((c = e.props) == null ? void 0 : c.label) || "label"];
|
|
28
28
|
}
|
|
@@ -33,19 +33,19 @@ const f = (l, t, o) => {
|
|
|
33
33
|
e.form.formItem[t.key].tempValueDisabled = !0;
|
|
34
34
|
return;
|
|
35
35
|
}
|
|
36
|
-
let
|
|
37
|
-
if (["input", "input-autocomplete", "cascader", "input-number"].includes(t.type) ?
|
|
38
|
-
const
|
|
39
|
-
|
|
36
|
+
let n = null;
|
|
37
|
+
if (["input", "input-autocomplete", "cascader", "input-number"].includes(t.type) ? n = l.target.parentElement.querySelector(".el-input__inner") : ["select", "tree-select", "select-v2"].includes(t.type) && (n = l.target.parentElement.querySelector(".el-select__selected-item.el-select__placeholder"), n = n || l.target.parentElement.querySelector(".el-select__selection")), n) {
|
|
38
|
+
const r = window.getComputedStyle(n, null), p = n.offsetWidth - parseInt(r.getPropertyValue("padding-right")) - parseInt(r.getPropertyValue("padding-left")), i = l.target.previousElementSibling.offsetWidth;
|
|
39
|
+
console.log(n.offsetWidth, i, "el.offsetWidthel.offsetWidth"), i >= p ? e.form.formItem[t.key].tempValueDisabled = !1 : e.form.formItem[t.key].tempValueDisabled = !0;
|
|
40
40
|
} else
|
|
41
41
|
e.form.formItem[t.key].tempValueDisabled = !1;
|
|
42
|
-
},
|
|
42
|
+
}, g = (l, t = "input", o = "请输入") => (o = t === "select" ? "请选择" : o, o + (l || "")), y = (l, t = "formItem_") => t + (l || "");
|
|
43
43
|
export {
|
|
44
|
-
|
|
44
|
+
g as customPlaceholder,
|
|
45
45
|
u as findTreeNode,
|
|
46
|
-
|
|
46
|
+
y as formItemSlot,
|
|
47
47
|
m as getTooltipValue,
|
|
48
|
-
|
|
48
|
+
d as labelMouseEnter,
|
|
49
49
|
h as valueMouseEnter
|
|
50
50
|
};
|
|
51
51
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/form/utils/index.ts"],"sourcesContent":["\nexport const labelMouseEnter = (e: MouseEvent, item: any, _this: any) => {\n const el = (e.target as any).parentElement.parentElement\n const labelEl = window.getComputedStyle(el, null)\n const isRequried = item.rules ? 12 : item.beforeWidth || 0\n const labelWidth\n = parseInt(labelEl.getPropertyValue('max-width')) - isRequried\n - parseInt(labelEl.getPropertyValue('padding-right'))\n const tooltipWidth = (e.target as any).previousElementSibling.offsetWidth\n if (tooltipWidth >= labelWidth) {\n _this.form.formItem[item.key].labelDisabled = false\n\n } else {\n _this.form.formItem[item.key].labelDisabled = true\n }\n}\n\nexport const findTreeNode = (treeData: any, key: string, value: string) => {\n const result: any[] = []\n function filterResult(treeData: any) {\n treeData.forEach((item: any) => {\n if ((Array.isArray(value) && value.includes(item[key])) || value === item[key]) {\n result.push(item)\n }\n if (item.children && item.children.length) {\n filterResult(item.children)\n }\n })\n }\n filterResult(treeData)\n return result\n}\n\n\nexport const getTooltipValue = (value: any, item: any): any => {\n const type = item.type\n const options = item.options || {}\n const tempArr: string[] = []\n if (['input', 'input-autocomplete', 'input-number'].includes(type)) {\n return value\n } else if (['select', 'tree-select', 'select-v2'].includes(type)) {\n if (options && options.options && options.options.length) {\n let newVal = null\n if (options.valueKey) {\n newVal = value && value[options.valueKey]\n }\n const selectItem = findTreeNode(options.options, options.value === 'object' ? options.valueKey : options.value || 'value', newVal || value)\n selectItem.forEach(item => {\n tempArr.push(item[options.label || 'label'])\n })\n return tempArr.join(',')\n }\n } else if (['cascader'].includes(type)) {\n if (options && options.options && options.options.length) {\n if (options.props?.emitPath === undefined || options.props?.emitPath === true) {\n value = value && value[0]\n }\n\n const selectItem = findTreeNode(options.options, options.props?.value || 'value', value)[0]\n return selectItem && selectItem[options.props?.label || 'label']\n }\n }\n return null\n}\n\nexport const valueMouseEnter = (e: MouseEvent, item: any, value: any, _this) => {\n const showCom = ['input', 'input-autocomplete', 'cascader', 'input-number', 'select', 'tree-select', 'select-v2']\n\n if (!value || item.showLabel || !showCom.includes(item.type)) {\n _this.form.formItem[item.key].tempValueDisabled = true\n\n return\n }\n let el: HTMLElement | null = null\n if (['input', 'input-autocomplete', 'cascader', 'input-number'].includes(item.type)) {\n el = (e.target as any).parentElement.querySelector('.el-input__inner') as HTMLElement\n } else if (['select', 'tree-select', 'select-v2'].includes(item.type)) {\n el = (e.target as any).parentElement.querySelector('.el-select__selected-item.el-select__placeholder') as HTMLElement\n el = el || (e.target as any).parentElement.querySelector('.el-select__selection') as HTMLElement\n }\n\n if (el) {\n const inputEl = window.getComputedStyle(el, null)\n const textWidth\n = el.offsetWidth\n - parseInt(inputEl.getPropertyValue('padding-right'))\n - parseInt(inputEl.getPropertyValue('padding-left'))\n const tooltipEl = (e.target as any).previousElementSibling\n const tooltipWidth = tooltipEl.offsetWidth\n\n if (tooltipWidth >= textWidth) {\n _this.form.formItem[item.key].tempValueDisabled = false\n } else {\n _this.form.formItem[item.key].tempValueDisabled = true\n\n }\n } else {\n _this.form.formItem[item.key].tempValueDisabled = false\n }\n\n}\n\nexport const customPlaceholder = (customName: any, type: string = 'input', name: string = '请输入') => {\n name = type === 'select' ? '请选择' : name\n return name + (customName || '')\n}\n\nexport const formItemSlot = (customName: any, name: string = 'formItem_') => {\n return name + (customName || '')\n}\n"],"names":["labelMouseEnter","e","item","_this","el","labelEl","isRequried","labelWidth","findTreeNode","treeData","key","value","result","filterResult","getTooltipValue","_a","_b","_c","_d","type","options","tempArr","newVal","selectItem","valueMouseEnter","showCom","inputEl","textWidth","customPlaceholder","customName","name","formItemSlot"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/form/utils/index.ts"],"sourcesContent":["\nexport const labelMouseEnter = (e: MouseEvent, item: any, _this: any) => {\n const el = (e.target as any).parentElement.parentElement\n const labelEl = window.getComputedStyle(el, null)\n const isRequried = item.rules ? 12 : item.beforeWidth || 0\n const labelWidth\n = parseInt(labelEl.getPropertyValue('max-width')) - isRequried\n - parseInt(labelEl.getPropertyValue('padding-right'))\n const tooltipWidth = (e.target as any).previousElementSibling.offsetWidth\n if (tooltipWidth >= labelWidth) {\n _this.form.formItem[item.key].labelDisabled = false\n\n } else {\n _this.form.formItem[item.key].labelDisabled = true\n }\n}\n\nexport const findTreeNode = (treeData: any, key: string, value: string) => {\n const result: any[] = []\n function filterResult(treeData: any) {\n treeData.forEach((item: any) => {\n if ((Array.isArray(value) && value.includes(item[key])) || value === item[key]) {\n result.push(item)\n }\n if (item.children && item.children.length) {\n filterResult(item.children)\n }\n })\n }\n filterResult(treeData)\n return result\n}\n\n\nexport const getTooltipValue = (value: any, item: any): any => {\n const type = item.type\n const options = item.options || {}\n const tempArr: string[] = []\n if (['input', 'input-autocomplete', 'input-number'].includes(type)) {\n return value\n } else if (['select', 'tree-select', 'select-v2'].includes(type)) {\n if (options && options.options && options.options.length) {\n let newVal = null\n if (options.valueKey) {\n newVal = value && value[options.valueKey]\n }\n const selectItem = findTreeNode(options.options, options.value === 'object' ? options.valueKey : options.value || 'value', newVal || value)\n selectItem.forEach(item => {\n tempArr.push(item[options.label || 'label'])\n })\n return tempArr.join(',')\n }\n } else if (['cascader'].includes(type)) {\n if (options && options.options && options.options.length) {\n if (options.props?.emitPath === undefined || options.props?.emitPath === true) {\n value = value && value[0]\n }\n\n const selectItem = findTreeNode(options.options, options.props?.value || 'value', value)[0]\n return selectItem && selectItem[options.props?.label || 'label']\n }\n }\n return null\n}\n\nexport const valueMouseEnter = (e: MouseEvent, item: any, value: any, _this) => {\n const showCom = ['input', 'input-autocomplete', 'cascader', 'input-number', 'select', 'tree-select', 'select-v2']\n\n if (!value || item.showLabel || !showCom.includes(item.type)) {\n _this.form.formItem[item.key].tempValueDisabled = true\n\n return\n }\n let el: HTMLElement | null = null\n if (['input', 'input-autocomplete', 'cascader', 'input-number'].includes(item.type)) {\n el = (e.target as any).parentElement.querySelector('.el-input__inner') as HTMLElement\n } else if (['select', 'tree-select', 'select-v2'].includes(item.type)) {\n el = (e.target as any).parentElement.querySelector('.el-select__selected-item.el-select__placeholder') as HTMLElement\n el = el || (e.target as any).parentElement.querySelector('.el-select__selection') as HTMLElement\n }\n\n if (el) {\n const inputEl = window.getComputedStyle(el, null)\n const textWidth\n = el.offsetWidth\n - parseInt(inputEl.getPropertyValue('padding-right'))\n - parseInt(inputEl.getPropertyValue('padding-left'))\n const tooltipEl = (e.target as any).previousElementSibling\n const tooltipWidth = tooltipEl.offsetWidth\n\n console.log(el.offsetWidth, tooltipWidth, 'el.offsetWidthel.offsetWidth')\n\n if (tooltipWidth >= textWidth) {\n _this.form.formItem[item.key].tempValueDisabled = false\n } else {\n _this.form.formItem[item.key].tempValueDisabled = true\n\n }\n } else {\n _this.form.formItem[item.key].tempValueDisabled = false\n }\n\n}\n\nexport const customPlaceholder = (customName: any, type: string = 'input', name: string = '请输入') => {\n name = type === 'select' ? '请选择' : name\n return name + (customName || '')\n}\n\nexport const formItemSlot = (customName: any, name: string = 'formItem_') => {\n return name + (customName || '')\n}\n"],"names":["labelMouseEnter","e","item","_this","el","labelEl","isRequried","labelWidth","findTreeNode","treeData","key","value","result","filterResult","getTooltipValue","_a","_b","_c","_d","type","options","tempArr","newVal","selectItem","valueMouseEnter","showCom","inputEl","textWidth","tooltipWidth","customPlaceholder","customName","name","formItemSlot"],"mappings":"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"}
|