@dinert/element-plus 1.1.27 → 1.1.28

package/es/packages/components/form/utils/index.mjs

@@ -1,8 +1,8 @@
-import { isSlotsValue as f } from "../../../utils/tools.mjs";
-const h = (t, l, o) => {
+import { isSlotsValue as h } from "../../../utils/tools.mjs";
+const g = (t, l, o) => {
   const e = t.target.parentElement.parentElement, s = window.getComputedStyle(e, null), r = l.rules ? 12 : l.beforeWidth || 0, n = parseInt(s.getPropertyValue("max-width")) - r - parseInt(s.getPropertyValue("padding-right"));
   t.target.previousElementSibling.offsetWidth >= n ? o.form.formItem[l.key].labelDisabled = !1 : o.form.formItem[l.key].labelDisabled = !0;
-}, p = (t, l, o) => {
+}, d = (t, l, o) => {
   const e = [];
   function s(r) {
     r.forEach((n) => {
@@ -11,25 +11,27 @@ const h = (t, l, o) => {
   }
   return s(t), e;
 }, y = (t, l) => {
-  var r, n, i, c;
+  var r, n, p, a;
   const o = l.type, e = l.options || {}, s = [];
   if (["input", "input-autocomplete", "input-number"].includes(o))
     return t;
   if (["select", "tree-select", "select-v2"].includes(o)) {
     if (e && e.options && e.options.length) {
-      let a = null;
-      return e.valueKey && (a = t && t[e.valueKey]), p(e.options, e.value === "object" ? e.valueKey : e.value || "value", a || t).forEach((u) => {
-        s.push(u[e.label || "label"]);
-      }), s.join(",");
+      let i = null, c = ["select-v2"].includes(o) ? e.props && e.props.value : e.value;
+      c = c || "value";
+      let u = ["select-v2"].includes(o) ? e.props && e.props.label : e.label;
+      return u = u || "label", e.valueKey && (i = t && t[e.valueKey]), d(e.options, e.value === "object" ? e.valueKey : c, i || t).forEach((f) => {
+        s.push(f[u]);
+      }), s && s.length ? s.join(",") : t;
     }
   } else if (["cascader"].includes(o) && e && e.options && e.options.length) {
     (((r = e.props) == null ? void 0 : r.emitPath) === void 0 || ((n = e.props) == null ? void 0 : n.emitPath) === !0) && (t = t && t[0]);
-    const a = p(e.options, ((i = e.props) == null ? void 0 : i.value) || "value", t)[0];
-    return a && a[((c = e.props) == null ? void 0 : c.label) || "label"];
+    const i = d(e.options, ((p = e.props) == null ? void 0 : p.value) || "value", t)[0];
+    return i && i[((a = e.props) == null ? void 0 : a.label) || "label"];
   }
   return null;
-}, b = (t, l) => {
-  var r, n, i, c;
+}, I = (t, l) => {
+  var r, n, p, a;
   const o = l.type, e = l.options || {}, s = [];
   if ([
     "input",
@@ -51,18 +53,20 @@ const h = (t, l, o) => {
     return t;
   if (["select", "tree-select", "select-v2", "radio", "radio-button", "checkbox", "checkbox-button"].includes(o)) {
     if (e && e.options && e.options.length) {
-      let a = null;
-      return e.valueKey && (a = t && t[e.valueKey]), p(e.options, e.value === "object" ? e.valueKey : e.value || "value", a || t).forEach((u) => {
-        s.push(u[e.label || "label"]);
-      }), s.join(",");
+      let i = null, c = ["select-v2"].includes(o) ? e.props && e.props.value : e.value;
+      c = c || "value";
+      let u = ["select-v2"].includes(o) ? e.props && e.props.label : e.label;
+      return u = u || "label", e.valueKey && (i = t && t[e.valueKey]), d(e.options, e.value === "object" ? e.valueKey : c, i || t).forEach((f) => {
+        s.push(f[u]);
+      }), s && s.length ? s.join(",") : t;
     }
   } else if (["cascader"].includes(o) && e && e.options && e.options.length) {
     (((r = e.props) == null ? void 0 : r.emitPath) === void 0 || ((n = e.props) == null ? void 0 : n.emitPath) === !0) && (t = t && t[0]);
-    const a = p(e.options, ((i = e.props) == null ? void 0 : i.value) || "value", t)[0];
-    return a && a[((c = e.props) == null ? void 0 : c.label) || "label"];
+    const i = d(e.options, ((p = e.props) == null ? void 0 : p.value) || "value", t)[0];
+    return i && i[((a = e.props) == null ? void 0 : a.label) || "label"];
   }
   return null;
-}, g = (t, l, o, e) => {
+}, E = (t, l, o, e) => {
   const s = ["input", "input-autocomplete", "cascader", "input-number", "select", "tree-select", "select-v2"];
   if (!o || l.showLabel || !s.includes(l.type)) {
     e.form.formItem[l.key].tempValueDisabled = !0;
@@ -70,11 +74,11 @@ const h = (t, l, o) => {
   }
   let r = null;
   if (["input", "input-autocomplete", "cascader", "input-number"].includes(l.type) ? r = t.target.parentElement.querySelector(".el-input__inner") : ["select", "tree-select", "select-v2"].includes(l.type) && (r = t.target.parentElement.querySelector(".el-select__selected-item.el-select__placeholder"), r = r || t.target.parentElement.querySelector(".el-select__selection")), r) {
-    const n = window.getComputedStyle(r, null), i = r.offsetWidth - parseInt(n.getPropertyValue("padding-right")) - parseInt(n.getPropertyValue("padding-left"));
-    t.target.previousElementSibling.offsetWidth >= i ? e.form.formItem[l.key].tempValueDisabled = !1 : e.form.formItem[l.key].tempValueDisabled = !0;
+    const n = window.getComputedStyle(r, null), p = r.offsetWidth - parseInt(n.getPropertyValue("padding-right")) - parseInt(n.getPropertyValue("padding-left"));
+    t.target.previousElementSibling.offsetWidth >= p ? e.form.formItem[l.key].tempValueDisabled = !1 : e.form.formItem[l.key].tempValueDisabled = !0;
   } else
     e.form.formItem[l.key].tempValueDisabled = !1;
-}, I = (t, l = "input", o = "请输入") => (o = [
+}, V = (t, l = "input", o = "请输入") => (o = [
   "select",
   "tree-select",
   "cascader",
@@ -90,24 +94,24 @@ const h = (t, l, o) => {
   "year",
   "years",
   "time-picker"
-].includes(l) ? "请选择" : o, o + (t || "")), E = (t, l = "formItem_") => l + (t || ""), V = (t = [], l, o, e) => {
+].includes(l) ? "请选择" : o, o + (t || "")), v = (t, l = "formItem_") => l + (t || ""), w = (t = [], l, o, e) => {
   var s, r;
   for (const n in l.$slots) {
-    const i = n.split("formItem_").join("").split("_")[1];
-    let c = null;
-    if (!i)
+    const p = n.split("formItem_").join("").split("_")[1];
+    let a = null;
+    if (!p)
       return;
-    t.includes(i) && (c = (r = (s = l.$slots)[n]) == null ? void 0 : r.call(s, e), f(c) && (o[i] = () => c));
+    t.includes(p) && (a = (r = (s = l.$slots)[n]) == null ? void 0 : r.call(s, e), h(a) && (o[p] = () => a));
   }
 };
 export {
-  I as customPlaceholder,
-  p as findTreeNode,
-  E as formItemSlot,
-  b as getSpanValue,
+  V as customPlaceholder,
+  d as findTreeNode,
+  v as formItemSlot,
+  I as getSpanValue,
   y as getTooltipValue,
-  h as labelMouseEnter,
-  V as renderSlot,
-  g as valueMouseEnter
+  g as labelMouseEnter,
+  w as renderSlot,
+  E as valueMouseEnter
 };
 //# sourceMappingURL=index.mjs.map

package/es/packages/components/form/utils/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/form/utils/index.ts"],"sourcesContent":["import {isSlotsValue} from '@packages/utils/tools'\n\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 (item) {\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        })\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 getSpanValue = (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', 'textarea', 'datetime',\n        'date',\n        'dates',\n        'week',\n        'month',\n        'year',\n        'years',\n        'datetimerange',\n        'daterange',\n        'monthrange',\n        'yearrange',].includes(type)) {\n        return value\n    } else if (['select', 'tree-select', 'select-v2', 'radio', 'radio-button', 'checkbox', 'checkbox-button'].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 = ['select', 'tree-select', 'cascader', 'select-v2', 'datetime',\n        'datetimerange', 'date', 'daterange', 'dates', 'week', 'month', 'monthrange', 'year', 'years', 'time-picker'].includes(type) ? '请选择' : name\n    return name + ((customName) || '')\n}\n\nexport const formItemSlot = (customName: any, name: string = 'formItem_') => {\n    return name + (customName || '')\n}\n\n\nexport const renderSlot = (arr: string[] = [], _this: any, slots, item: any): any => {\n    for (const prop in _this.$slots) {\n        const slotName = prop.split('formItem_').join('').split('_')[1]\n        let slotFn: any = null\n        if (!slotName) {\n            return\n        }\n        if (arr.includes(slotName)) {\n            slotFn = _this.$slots[prop]?.(item)\n            // eslint-disable-next-line consistent-return\n            isSlotsValue(slotFn) && (slots[slotName] = () => slotFn)\n        }\n    }\n}\n"],"names":["labelMouseEnter","e","item","_this","el","labelEl","isRequried","labelWidth","findTreeNode","treeData","key","value","result","filterResult","getTooltipValue","type","options","tempArr","newVal","_a","_b","selectItem","_c","_d","getSpanValue","valueMouseEnter","showCom","inputEl","textWidth","customPlaceholder","customName","name","formItemSlot","renderSlot","arr","slots","prop","slotName","slotFn","isSlotsValue"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/form/utils/index.ts"],"sourcesContent":["import {isSlotsValue} from '@packages/utils/tools'\n\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 (item) {\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        })\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\n            let optValue = ['select-v2'].includes(type) ? options.props && options.props.value : options.value\n            optValue = optValue || 'value'\n            let optLabel = ['select-v2'].includes(type) ? options.props && options.props.label : options.label\n            optLabel = optLabel || 'label'\n\n            if (options.valueKey) {\n                newVal = value && value[options.valueKey]\n            }\n            const selectItem = findTreeNode(options.options, options.value === 'object' ? options.valueKey : optValue, newVal || value)\n            selectItem.forEach(item => {\n                tempArr.push(item[optLabel])\n            })\n            if (tempArr && tempArr.length) {\n                return tempArr.join(',')\n            }\n            return value\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 getSpanValue = (value: any, item: any): any => {\n    const type = item.type\n    const options = item.options || {}\n    const tempArr: string[] = []\n\n\n    if (['input', 'input-autocomplete', 'input-number', 'textarea', 'datetime',\n        'date',\n        'dates',\n        'week',\n        'month',\n        'year',\n        'years',\n        'datetimerange',\n        'daterange',\n        'monthrange',\n        'yearrange',].includes(type)) {\n        return value\n    } else if (['select', 'tree-select', 'select-v2', 'radio', 'radio-button', 'checkbox', 'checkbox-button'].includes(type)) {\n        if (options && options.options && options.options.length) {\n            let newVal = null\n            let optValue = ['select-v2'].includes(type) ? options.props && options.props.value : options.value\n            optValue = optValue || 'value'\n            let optLabel = ['select-v2'].includes(type) ? options.props && options.props.label : options.label\n            optLabel = optLabel || 'label'\n\n            if (options.valueKey) {\n                newVal = value && value[options.valueKey]\n            }\n            const selectItem = findTreeNode(options.options, options.value === 'object' ? options.valueKey : optValue, newVal || value)\n            selectItem.forEach(item => {\n                tempArr.push(item[optLabel])\n            })\n            if (tempArr && tempArr.length) {\n                return tempArr.join(',')\n            }\n            return value\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 = ['select', 'tree-select', 'cascader', 'select-v2', 'datetime',\n        'datetimerange', 'date', 'daterange', 'dates', 'week', 'month', 'monthrange', 'year', 'years', 'time-picker'].includes(type) ? '请选择' : name\n    return name + ((customName) || '')\n}\n\nexport const formItemSlot = (customName: any, name: string = 'formItem_') => {\n    return name + (customName || '')\n}\n\n\nexport const renderSlot = (arr: string[] = [], _this: any, slots, item: any): any => {\n    for (const prop in _this.$slots) {\n        const slotName = prop.split('formItem_').join('').split('_')[1]\n        let slotFn: any = null\n        if (!slotName) {\n            return\n        }\n        if (arr.includes(slotName)) {\n            slotFn = _this.$slots[prop]?.(item)\n            // eslint-disable-next-line consistent-return\n            isSlotsValue(slotFn) && (slots[slotName] = () => slotFn)\n        }\n    }\n}\n"],"names":["labelMouseEnter","e","item","_this","el","labelEl","isRequried","labelWidth","findTreeNode","treeData","key","value","result","filterResult","getTooltipValue","type","options","tempArr","newVal","optValue","optLabel","_a","_b","selectItem","_c","_d","getSpanValue","valueMouseEnter","showCom","inputEl","textWidth","customPlaceholder","customName","name","formItemSlot","renderSlot","arr","slots","prop","slotName","slotFn","isSlotsValue"],"mappings":"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"}

package/es/src/components/form/types/index.d.ts

@@ -42,7 +42,7 @@ export interface CustomFormItemProps<D = any, O = any[], N extends keyof Rewrite
     label: string | ((model: D) => string);
     sort?: number;
     options?: RewriteFormItemPropsMap<O>[N];
-    showLabel?: boolean;
+    showLabel?: boolean | ((model: D) => boolean);
     labelDisabled?: boolean;
     labelWrap?: boolean;
     valueDisabled?: boolean;
@@ -63,7 +63,7 @@ export interface RewriteFormProps<D = any, FI = any> extends Omit<Partial<FormPr
     formItem: Partial<FormItemMap<D, FI>>;
     colLayout?: RewriteColProps;
     row?: RewriteRowProps;
-    showLabel?: boolean;
+    showLabel?: boolean | ((model: D) => boolean);
     required?: boolean;
     key?: any;
     packUp?: boolean;

package/es/style.css

@@ -1 +1 @@
-.tree-item{width:100%}.tree-item .el-tooltip__trigger{display:block;overflow:hidden;width:100%;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-popover-classify{overflow-y:auto;margin:0;padding:0;list-style:none}.el-popover-classify li{margin:0;padding:0;list-style:none}.el-popover-classify li:first-child{border-bottom:1px solid var(--el-fill-color);line-height:32px}.el-popover-classify>.el-tree>.el-tree-node>.el-tree-node__content>.el-tree-node__expand-icon.is-leaf{display:none}.el-popover-classify .el-tree-node__children{overflow:unset}.dinert-table{display:flex;padding:20px;height:100%;border-radius:var(--el-bg-radius);background-color:var(--el-bg-color);flex-direction:column;box-sizing:border-box}.dinert-table .dinert-table-header{display:flex;justify-content:space-between;margin-bottom:12px;text-align:right}.dinert-table .dinert-table-header .el-popover-classify li .el-checkbox{width:100%;line-height:24px;height:24px}.dinert-table .dinert-table-header .dinert-table-header-left{text-align:left}.dinert-table .dinert-table-body{flex:1;height:0}.dinert-table .dinert-table-body .el-table .el-popper{max-width:50%}.dinert-table .dinert-table-body .el-table .el-table__header .el-table__cell.setting .setting-icon{display:inline-block}.dinert-table .dinert-table-body .el-table .el-table__header .el-table__cell .cell{color:var(--zp-color-secondary-text-title)}.dinert-table .dinert-table-body .el-table .el-table__header .el-table__cell .cell .setting-icon{vertical-align:-1px;margin-left:4px;cursor:pointer}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper td{color:var(--zp-color-secondary-text-title)}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper td .cell.el-tooltip>.cell-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper td .cell.el-tooltip>.cell-item .cell-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .el-dropdown{vertical-align:-2px}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell{display:flex;justify-content:center;align-items:center}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-button{margin-right:8px;margin-left:0}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-button:focus-visible{outline:none}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-svg-icon{font-size:14px;color:var(--el-color-primary);cursor:pointer;flex:1}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-svg-icon.delete{color:var(--el-color-danger)}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .svg-icon{width:16px;height:16px;vertical-align:-2px;flex:1;color:var(--el-color-primary);cursor:pointer;fill:var(--el-color-primary)}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .svg-icon.f-14{width:14px;height:14px}.dinert-table .dinert-table-footer{display:flex;margin-top:16px}.dinert-table .dinert-table-footer .el-pagination{display:flex;flex-wrap:wrap}.dinert-table-page{display:flex;flex-direction:column;box-sizing:border-box}.dinert-table-page.text-wrap .el-table__header .cell{white-space:pre-wrap}.dinert-table-page.text-wrap .el-table__body .el-table__row td>.cell,.dinert-table-page.text-wrap .el-table__body .el-table__row td>.cell>.cell-item,.dinert-table-page.text-wrap .el-table__body .el-table__row td .cell.el-tooltip>.cell-item{white-space:pre-wrap}.dinert-table-page.text-wrap .el-table__body .el-table__row .el-button>span{text-align:left}.dinert-table-page.text-wrap .el-table__body .el-table__row span{white-space:pre-wrap;line-height:23px}.dinert-table-page.header-center .el-table__header .el-table__cell{text-align:center}.dinert-table-page.near .el-form-left{flex:unset}.dinert-table-page.near .el-form-left .el-col{margin-right:16px;width:auto;max-width:unset;flex:unset}.dinert-table-page.near .dinert-table-footer .el-pagination{margin-left:auto}.dinert-table-page.maxWidthAuto .el-form .el-form-item .el-form-item__label{max-width:unset}.dinert-table-page .el-form.dinert-form{padding:20px 20px 0;max-height:300px}.dinert-table-page .dinert-table{padding-top:0;height:0;flex:1}.dinert-form.el-form{display:flex;overflow:hidden;padding:0;min-height:50px;border-radius:4px;background-color:var(--el-bg-color);transition:all .3s cubic-bezier(.645,.045,.355,1);box-sizing:content-box}.dinert-form.el-form.near.packUp{max-height:50px}.dinert-form.el-form.near .el-form-left .el-col{display:flex;align-items:center;margin-right:10px;width:auto;max-width:unset;flex:unset}.dinert-form.el-form.near .el-form-right.isArrow{width:230px;flex:0 0 230px}.dinert-form.el-form.dialog .el-form-left{flex:1}.dinert-form.el-form.dialog .el-form-left .el-col .label-text>div{width:100%}.dinert-form.el-form.dialog .el-form-left .el-col.slider .label-text{overflow:unset}.dinert-form.el-form.dialog .el-form-left .el-col.slider .label-text .el-slider{padding-left:12px}.dinert-form.el-form.dialog .el-form-left .el-col.slider .label-text .el-slider .el-input-number{width:auto}.dinert-form.el-form .el-form-left .el-col .label-text .el-radio.is-bordered,.dinert-form.el-form .el-form-left .el-col .label-text .el-checkbox.is-bordered{margin-right:16px}.dinert-form.el-form .el-form-left .el-col .label-text .el-date-editor{width:210px}.dinert-form.el-form .el-form-left .el-col .label-text .el-date-editor--daterange{width:260px}.dinert-form.el-form .el-form-left .el-col .label-text>.el-input{width:210px}.dinert-form.el-form .el-form-left .el-col .label-text>.el-select{width:210px}.dinert-form.el-form .el-form-left .el-col .label-text .el-date-editor--datetimerange{width:400px}.dinert-form.el-form .el-form-right{display:flex;margin-left:24px}.dinert-form.el-form .el-form-right .el-form-right-operation{padding:0}.dinert-form.el-form .el-form-right .el-form-right-operation.el-button.is-text{padding-right:0;background-color:unset}.dinert-form.el-form div.el-form-item{position:relative;display:flex;margin-right:0;margin-bottom:18px;width:100%}.dinert-form.el-form div.el-form-item.show-label .label-text{overflow:unset;text-overflow:unset;white-space:unset}.dinert-form.el-form div.el-form-item.label-wrap .el-form-item__label{height:auto}.dinert-form.el-form div.el-form-item.label-wrap .el-form-item__label .label-text{display:inline;text-align:left;white-space:normal}.dinert-form.el-form .el-form-item__content{flex:1;margin-left:0}.dinert-form.el-form .el-form-item__content .el-tooltip__trigger:not(.el-slider__button){width:100%}.dinert-form.el-form .el-form-item__content .el-input-number{width:100%}.dinert-form.el-form .el-form-item__content .el-input-number .el-input__inner{text-align:center}.dinert-form.el-form .el-form-item__content .el-textarea .el-textarea__inner{height:80px}.dinert-form.el-form .el-form-item__content .el-date-editor,.dinert-form.el-form .el-form-item__content .el-date-editor .el-input__wrapper{width:100%;box-sizing:border-box}.dinert-form.el-form .el-form-item__content .el-input__inner{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dinert-form.el-form .el-form-item__content .el-form-item__label{overflow:hidden;width:80px;max-width:80px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dinert-form.el-form .el-form-item__content .el-form-item__label .el-tooltip,.dinert-form.el-form .el-form-item__content .el-form-item__label .el-tooltip .label-text{display:inline}.dinert-tooltip.el-tooltip__trigger{display:block;height:100%}.dinert-tooltip.el-tooltip__trigger .text-tooltip{position:absolute;left:-999999999999px}.dinert-tooltip.el-tooltip__trigger .label-text{display:block;overflow:hidden;width:100%;height:100%;text-overflow:ellipsis;white-space:nowrap}.el-overlay.autoHeight .el-dialog{height:80%}.el-overlay.notPadding .el-dialog__body{padding:0}.el-overlay .el-dialog{top:10%;display:flex;min-width:310px;max-height:80%;border-radius:4px;flex-direction:column;--el-dialog-margin-top: 0;--el-dialog-padding-primary: 0}.el-overlay .el-dialog.is-fullscreen{top:unset;max-height:unset}.el-overlay .el-dialog__headerbtn{right:0;width:40px;height:100%;color:var(--el-color-info)}.el-overlay .el-dialog .full{position:absolute;top:-1.5px;right:34px;display:flex;justify-content:center;align-items:center;width:40px;height:100%;font-size:var(--el-message-close-size, 16px);border:none;color:var(--el-color-info);background:transparent;outline:none;cursor:pointer}.el-overlay .el-dialog .full:hover .icon{fill:var(--el-color-primary);color:var(--el-color-primary)}.el-overlay .el-dialog .full .icon{overflow:hidden;width:14px;height:14px;vertical-align:-.15em;fill:var(--el-color-info)}.el-overlay .el-dialog__header{position:relative;margin-right:0;padding:16px 24px;height:54px;box-sizing:border-box}.el-overlay .el-dialog__body{display:flex;overflow-y:auto;padding:24px;flex-direction:column;flex:1;word-wrap:break-word}.el-overlay .el-dialog__body>.el-form{overflow:unset}.el-overlay .el-dialog__footer{display:flex;justify-content:center;align-items:center;clear:both;padding:12px 24px 16px}.el-overlay .el-dialog__footer .el-button{margin:0}.el-overlay .el-dialog__footer .el-button+.el-button{margin-left:12px}
+.tree-item{width:100%}.tree-item .el-tooltip__trigger{display:block;overflow:hidden;width:100%;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-popover-classify{overflow-y:auto;margin:0;padding:0;list-style:none}.el-popover-classify li{margin:0;padding:0;list-style:none}.el-popover-classify li:first-child{border-bottom:1px solid var(--el-fill-color);line-height:32px}.el-popover-classify>.el-tree>.el-tree-node>.el-tree-node__content>.el-tree-node__expand-icon.is-leaf{display:none}.el-popover-classify .el-tree-node__children{overflow:unset}.dinert-table{display:flex;padding:20px;height:100%;border-radius:var(--el-bg-radius);background-color:var(--el-bg-color);flex-direction:column;box-sizing:border-box}.dinert-table .dinert-table-header{display:flex;justify-content:space-between;margin-bottom:12px;text-align:right}.dinert-table .dinert-table-header .el-popover-classify li .el-checkbox{width:100%;line-height:24px;height:24px}.dinert-table .dinert-table-header .dinert-table-header-left{text-align:left}.dinert-table .dinert-table-body{flex:1;height:0}.dinert-table .dinert-table-body .el-table .el-popper{max-width:50%}.dinert-table .dinert-table-body .el-table .el-table__header .el-table__cell.setting .setting-icon{display:inline-block}.dinert-table .dinert-table-body .el-table .el-table__header .el-table__cell .cell{color:var(--zp-color-secondary-text-title)}.dinert-table .dinert-table-body .el-table .el-table__header .el-table__cell .cell .setting-icon{vertical-align:-1px;margin-left:4px;cursor:pointer}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper td{color:var(--zp-color-secondary-text-title)}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper td .cell.el-tooltip>.cell-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper td .cell.el-tooltip>.cell-item .cell-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .el-dropdown{vertical-align:-2px}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell{display:flex;justify-content:center;align-items:center}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-button{margin-right:8px;margin-left:0}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-button:focus-visible{outline:none}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-svg-icon{font-size:14px;color:var(--el-color-primary);cursor:pointer;flex:1}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-svg-icon.delete{color:var(--el-color-danger)}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .svg-icon{width:16px;height:16px;vertical-align:-2px;flex:1;color:var(--el-color-primary);cursor:pointer;fill:var(--el-color-primary)}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .svg-icon.f-14{width:14px;height:14px}.dinert-table .dinert-table-footer{display:flex;margin-top:16px}.dinert-table .dinert-table-footer .el-pagination{display:flex;flex-wrap:wrap}.dinert-table-page{display:flex;flex-direction:column;box-sizing:border-box}.dinert-table-page.text-wrap .el-table__header .cell{white-space:pre-wrap}.dinert-table-page.text-wrap .el-table__body .el-table__row td>.cell,.dinert-table-page.text-wrap .el-table__body .el-table__row td>.cell>.cell-item,.dinert-table-page.text-wrap .el-table__body .el-table__row td .cell.el-tooltip>.cell-item{white-space:pre-wrap}.dinert-table-page.text-wrap .el-table__body .el-table__row .el-button>span{text-align:left}.dinert-table-page.text-wrap .el-table__body .el-table__row span{white-space:pre-wrap;line-height:23px}.dinert-table-page.header-center .el-table__header .el-table__cell{text-align:center}.dinert-table-page.near .el-form-left{flex:unset}.dinert-table-page.near .el-form-left .el-col{margin-right:16px;width:auto;max-width:unset;flex:unset}.dinert-table-page.near .dinert-table-footer .el-pagination{margin-left:auto}.dinert-table-page.maxWidthAuto .el-form .el-form-item .el-form-item__label{max-width:unset}.dinert-table-page .el-form.dinert-form{padding:20px 20px 0;max-height:300px}.dinert-table-page .dinert-table{padding-top:0;height:0;flex:1}.el-overlay.autoHeight .el-dialog{height:80%}.el-overlay.notPadding .el-dialog__body{padding:0}.el-overlay .el-dialog{top:10%;display:flex;min-width:310px;max-height:80%;border-radius:4px;flex-direction:column;--el-dialog-margin-top: 0;--el-dialog-padding-primary: 0}.el-overlay .el-dialog.is-fullscreen{top:unset;max-height:unset}.el-overlay .el-dialog__headerbtn{right:0;width:40px;height:100%;color:var(--el-color-info)}.el-overlay .el-dialog .full{position:absolute;top:-1.5px;right:34px;display:flex;justify-content:center;align-items:center;width:40px;height:100%;font-size:var(--el-message-close-size, 16px);border:none;color:var(--el-color-info);background:transparent;outline:none;cursor:pointer}.el-overlay .el-dialog .full:hover .icon{fill:var(--el-color-primary);color:var(--el-color-primary)}.el-overlay .el-dialog .full .icon{overflow:hidden;width:14px;height:14px;vertical-align:-.15em;fill:var(--el-color-info)}.el-overlay .el-dialog__header{position:relative;margin-right:0;padding:16px 24px;height:54px;box-sizing:border-box}.el-overlay .el-dialog__body{display:flex;overflow-y:auto;padding:24px;flex-direction:column;flex:1;word-wrap:break-word}.el-overlay .el-dialog__body>.el-form{overflow:unset}.el-overlay .el-dialog__footer{display:flex;justify-content:center;align-items:center;clear:both;padding:12px 24px 16px}.el-overlay .el-dialog__footer .el-button{margin:0}.el-overlay .el-dialog__footer .el-button+.el-button{margin-left:12px}.dinert-form.el-form{display:flex;overflow:hidden;padding:0;min-height:50px;border-radius:4px;background-color:var(--el-bg-color);transition:all .3s cubic-bezier(.645,.045,.355,1);box-sizing:content-box}.dinert-form.el-form.near.packUp{max-height:50px}.dinert-form.el-form.near .el-form-left .el-col{display:flex;align-items:center;margin-right:10px;width:auto;max-width:unset;flex:unset}.dinert-form.el-form.near .el-form-right.isArrow{width:230px;flex:0 0 230px}.dinert-form.el-form.dialog .el-form-left{flex:1}.dinert-form.el-form.dialog .el-form-left .el-col .label-text>div{width:100%}.dinert-form.el-form.dialog .el-form-left .el-col.slider .label-text{overflow:unset}.dinert-form.el-form.dialog .el-form-left .el-col.slider .label-text .el-slider{padding-left:12px}.dinert-form.el-form.dialog .el-form-left .el-col.slider .label-text .el-slider .el-input-number{width:auto}.dinert-form.el-form .el-form-left .el-col .label-text .el-radio.is-bordered,.dinert-form.el-form .el-form-left .el-col .label-text .el-checkbox.is-bordered{margin-right:16px}.dinert-form.el-form .el-form-left .el-col .label-text .el-date-editor{width:210px}.dinert-form.el-form .el-form-left .el-col .label-text .el-date-editor--daterange{width:260px}.dinert-form.el-form .el-form-left .el-col .label-text>.el-input{width:210px}.dinert-form.el-form .el-form-left .el-col .label-text>.el-select{width:210px}.dinert-form.el-form .el-form-left .el-col .label-text .el-date-editor--datetimerange{width:400px}.dinert-form.el-form .el-form-right{display:flex;margin-left:24px}.dinert-form.el-form .el-form-right .el-form-right-operation{padding:0}.dinert-form.el-form .el-form-right .el-form-right-operation.el-button.is-text{padding-right:0;background-color:unset}.dinert-form.el-form div.el-form-item{position:relative;display:flex;margin-right:0;margin-bottom:18px;width:100%}.dinert-form.el-form div.el-form-item.show-label .label-text{overflow:unset;text-overflow:unset;white-space:unset}.dinert-form.el-form div.el-form-item.label-wrap .el-form-item__label{height:auto}.dinert-form.el-form div.el-form-item.label-wrap .el-form-item__label .label-text{display:inline;text-align:left;white-space:normal}.dinert-form.el-form .el-form-item__content{flex:1;margin-left:0}.dinert-form.el-form .el-form-item__content .el-tooltip__trigger:not(.el-slider__button){width:100%}.dinert-form.el-form .el-form-item__content .el-input-number{width:100%}.dinert-form.el-form .el-form-item__content .el-input-number .el-input__inner{text-align:center}.dinert-form.el-form .el-form-item__content .el-textarea .el-textarea__inner{height:80px}.dinert-form.el-form .el-form-item__content .el-date-editor,.dinert-form.el-form .el-form-item__content .el-date-editor .el-input__wrapper{width:100%;box-sizing:border-box}.dinert-form.el-form .el-form-item__content .el-input__inner{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dinert-form.el-form .el-form-item__content .el-form-item__label{overflow:hidden;width:80px;max-width:80px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dinert-form.el-form .el-form-item__content .el-form-item__label .el-tooltip,.dinert-form.el-form .el-form-item__content .el-form-item__label .el-tooltip .label-text{display:inline}.dinert-tooltip.el-tooltip__trigger{display:block;height:100%}.dinert-tooltip.el-tooltip__trigger .text-tooltip{position:absolute;left:-999999999999px}.dinert-tooltip.el-tooltip__trigger .label-text{display:block;overflow:hidden;width:100%;height:100%;text-overflow:ellipsis;white-space:nowrap}