@cldemo/ui-kit 1.1.0 → 1.1.2

package/buildLibs/modules/xEditable.js

@@ -1,772 +1 @@
-import { defineComponent as Fe, useAttrs as He, useSlots as $e, useTemplateRef as _, reactive as me, ref as fe, computed as S, onMounted as Je, nextTick as D, onUnmounted as Ae, watch as de, openBlock as c, createBlock as v, unref as je, withCtx as R, createElementVNode as J, createVNode as A, createElementBlock as E, renderSlot as pe, mergeProps as k, Fragment as P, normalizeStyle as te, toDisplayString as be, createCommentVNode as Re, normalizeClass as K } from "vue";
-import { c as ie } from "./shared/log-BbLqiWNM.js";
-import { C as l } from "./shared/base-fr2I80sU.js";
-import { C as z } from "./shared/index-B477PjJ3.js";
-import { R as le } from "./shared/resize-CyrJxi6F.js";
-import { a as Ke } from "./shared/language-pMmux6Js.js";
-import { _ as ge } from "./shared/Index.vue_vue_type_script_setup_true_lang-DB10zsLZ.js";
-import { _ as Xe } from "./shared/Index.vue_vue_type_script_setup_true_lang-DpEMLNQd.js";
-import { _ as qe } from "./shared/Index.vue_vue_type_script_setup_true_lang-DWJ1bJbw.js";
-import { _ as Ge } from "./shared/Popup.vue_vue_type_script_setup_true_lang-YVBgERG9.js";
-import { _ as Qe } from "./shared/Index.vue_vue_type_script_setup_true_lang-CQ-_RRa-.js";
-import { _ as We } from "./shared/Index.vue_vue_type_script_setup_true_lang-D0oA7-eQ.js";
-import { _ as Ye } from "./shared/Validate.vue_vue_type_script_setup_true_lang-FZ6qiA6w.js";
-import { _ as Ze } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
-import { _ as et } from "./shared/Index.vue_vue_type_script_setup_true_lang-CVSATrNA.js";
-import { _ as ve } from "./shared/Index.vue_vue_type_script_setup_true_lang-DG98f73r.js";
-import { _ as tt } from "./shared/Index.vue_vue_type_script_setup_true_lang-D0s2DEcR.js";
-import { _ as it } from "./shared/Index.vue_vue_type_script_setup_true_lang-DBo8NT25.js";
-import { _ as lt } from "./shared/Index.vue_vue_type_script_setup_true_lang-Ohuu4j9n.js";
-import { _ as st } from "./shared/Index.vue_vue_type_script_setup_true_lang-D0_5BgAN.js";
-import { _ as at } from "./shared/Index.vue_vue_type_script_setup_true_lang-GSyMXu17.js";
-import { _ as nt } from "./shared/Index.vue_vue_type_script_setup_true_lang-dwaD7E4N.js";
-import { _ as rt } from "./shared/Index.vue_vue_type_script_setup_true_lang-Axa69KHA.js";
-function ut(o, U) {
-  switch (o) {
-    case "select":
-      return l.isBoolean(U) ? U : !1;
-    case "radio":
-      return !1;
-    case "checkbox":
-    case "selectTag":
-      return !0;
-    case "inputTag":
-      return l.isBoolean(U) ? U : !1;
-    default:
-      return !1;
-  }
-}
-function ye(o, U) {
-  if (o !== !0) return "";
-  let N = "int";
-  if (l.isNumber(U)) {
-    const n = Number.parseInt(String(U), 10);
-    if (n > 0)
-      switch (n.toString()) {
-        case "2":
-          N = "float2";
-          break;
-        case "3":
-          N = "float3";
-          break;
-        default:
-          N = "float";
-      }
-  }
-  return N;
-}
-const ot = { class: "xeditable-body" }, ct = { class: "xeditable-form" }, mt = {
-  key: 1,
-  class: "xeditable-element"
-}, ft = ["id"], dt = {
-  key: 0,
-  class: "xeditable-errmsg"
-}, Mt = /* @__PURE__ */ Fe({
-  name: "ClXEditable",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 唯一标识
-    value: [String, Number],
-    // desc: 显示值
-    className: {
-      type: String,
-      default: ""
-      // desc: 自定义CSS类名
-    },
-    classNameLabel: {
-      type: String,
-      default: ""
-      // desc: 标签自定义CSS类名
-    },
-    type: {
-      type: String,
-      required: !0,
-      validator: (o) => [
-        "input",
-        "inputNumber",
-        "select",
-        "selectCascade",
-        "textarea",
-        "radio",
-        "checkbox",
-        "selectTag",
-        "inputTag",
-        "dateTime",
-        "slider",
-        "customHtml"
-      ].indexOf(o) !== -1
-      // desc: 编辑控件类型 | enum: input, inputNumber, select, selectCascade, textarea, radio, checkbox, selectTag, inputTag, dateTime, slider, customHtml
-    },
-    label: String,
-    // desc: 标签文本
-    subUnitOptions: {
-      type: Object,
-      default: () => ({})
-      // desc: 子控件配置项
-    },
-    subUnitList: {
-      type: Array,
-      default: () => []
-      // desc: 选项列表
-    },
-    isUseOnSubmitCheck: {
-      type: Boolean,
-      default: !1
-      // desc: 是否使用外部提交结果校验
-    },
-    appendContainer: {
-      type: String,
-      default: ""
-      // desc: 弹层挂载容器
-    },
-    isCheckValidate: {
-      type: Boolean,
-      default: !1
-      // desc: 是否启用表单校验
-    },
-    validateRules: {
-      type: Array,
-      default: () => [{ r: "required" }]
-      // desc: 校验规则
-    },
-    isUseEllipsis: {
-      type: Boolean,
-      default: !1
-      // desc: 是否使用省略号
-    },
-    classNameEllipsis: {
-      type: String,
-      default: ""
-      // desc: 省略号组件自定义CSS类名
-    },
-    isAutoTooltip: {
-      type: Boolean,
-      default: !0
-      // desc: 是否自动提示
-    },
-    clickEditPoint: {
-      type: String,
-      default: "value",
-      validator: (o) => ["value", "icon"].indexOf(o) !== -1
-      // desc: 点击编辑点 | enum: value, icon
-    },
-    isShowEditValue: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示编辑值
-    },
-    isShowEditIcon: {
-      type: Boolean,
-      default: !1
-      // desc: 是否显示编辑图标
-    },
-    editIcon: {
-      type: String,
-      // （注释保留 clIcon-edit 字面量，供核心库提取脚本扫描收录）
-      default: "edit"
-      // desc: 自定义编辑图标名（内置图标库，透传 cl-icon-font 的 name，自动加 clIcon- 前缀）
-    },
-    isSubmitCleanValue: {
-      type: Boolean,
-      default: !1
-      // desc: 提交后是否清空值
-    },
-    submitCallback: Function,
-    // desc: 提交回调函数（支持返回 Promise）
-    checkValidateCallback: Function
-    // desc: 校验回调函数
-  },
-  emits: ["onSubmit", "onChangeOpen"],
-  setup(o, { expose: U, emit: N }) {
-    const n = o, se = N, j = He(), he = $e(), { optPageLanguage: X, getPageLanguage: Ee } = Ke();
-    Ee("xEditable");
-    const p = _("refElDropdownLayer"), w = _("refElForm"), d = _("refElFormEdit"), L = _("refElSubmit"), q = _("refElCustom"), G = _("refElContent"), Q = _("refElErrMsg"), ke = n.id, a = me({
-      keyIndex: `xeditable-${l.getRandom(8)}`,
-      showText: "",
-      subUnitValue: "",
-      subUnitValueType: "",
-      showMsg: "",
-      isShowEmpty: !1,
-      isBtnOperateCenter: !1
-    }), r = fe({}), V = fe([]), x = me({
-      status: 0,
-      // 1:初始，2:过渡中 0:结束
-      startColor: "#FFFF80",
-      endColor: "var(--cl-transparent, rgba(0, 0, 0, 0))"
-    }), i = {
-      lastValue: "",
-      runStep: "",
-      isSubmitting: !1,
-      submitValueDataSnapshot: null,
-      isPendingHlight: !1,
-      pendingValue: null,
-      pendingOpt: null,
-      hlightTimer: null,
-      hlightTimer1: null,
-      hlightTimer2: null,
-      resizeEventCustomHtml: null,
-      resizeEventErrMsg: null,
-      resizeEventContent: null
-    }, ae = S(() => {
-      const { type: t } = n;
-      return t === "input" || t === "inputNumber" || t === "select";
-    }), W = S(() => !l.isUndefined(he.iconLabel)), Ce = S(() => {
-      let t = { "panel-x-editable": !0 };
-      return t = l.getJsonMerge(t, z.getClassNameJson(n.className)), l.getStringByJson(t, " ");
-    }), Te = S(() => {
-      const t = ["xeditable-value"];
-      return a.isShowEmpty && t.push("xeditable-empty"), (n.isShowEditIcon || W.value) && t.push("xeditable-edit-icon"), t.join(" ");
-    }), Se = S(() => {
-      const t = ["xeditable-value-label"], { clickEditPoint: e } = n;
-      return e === "value" || a.isShowEmpty ? t.push("dropdownLayer-arrow-anchorPoint") : t.push("xeditable-click-invalid"), t.join(" ");
-    }), Ue = S(() => {
-      const t = ["xeditable-value-editIcon", "dropdownLayer-arrow-anchorPoint"];
-      return W.value && t.push("xeditable-value-editIcon-slot"), t.join(" ");
-    }), Ve = S(() => {
-      const t = ["xeditable-ellipsis"];
-      return t.push(n.classNameEllipsis), x.status === 2 && t.push("xeditable-value-hlight"), t.join(" ");
-    }), xe = S(() => {
-      const t = ["xeditable-dropdown"];
-      return t.push(`xeditable-dropdown-${n.type}`), t.join(" ");
-    }), we = S(() => {
-      const t = {};
-      return a.isBtnOperateCenter && (t["text-align"] = "center"), t;
-    }), ne = S(() => {
-      const t = {};
-      switch (x.status) {
-        case 1:
-          t["background-color"] = x.startColor;
-          break;
-        case 2:
-          t["background-color"] = x.endColor;
-          break;
-      }
-      return t;
-    }), Oe = (t) => {
-      const e = z.getElementData(j);
-      se("onSubmit", t, e);
-    }, Ie = (t) => {
-      D(() => {
-        const e = z.getElementData(j);
-        se("onChangeOpen", t, e);
-      });
-    }, M = () => {
-      p.value && p.value.setOpen(!1), L.value && L.value.loadStop();
-    }, Y = (t) => {
-      a.showMsg = l.isEmpty(t) ? "" : t, D(() => {
-        p.value && p.value.calculationPosition();
-      });
-    }, re = () => ut(n.type, r.value.multiple), ue = () => {
-      const t = l.getJsonClone(n.subUnitOptions);
-      switch (n.type) {
-        case "input": {
-          let e = { isClean: !0 };
-          e = l.getJsonMerge(e, t);
-          const s = l.isBoolean(e.isNumber) ? e.isNumber : !1;
-          a.subUnitValueType = ye(s, e.decimal), r.value = e;
-          break;
-        }
-        case "inputNumber": {
-          let e = { isNumber: !0, isClean: !0 };
-          e = l.getJsonMerge(e, t);
-          const s = ye(!0, e.decimal) || "int";
-          a.subUnitValueType = s, r.value = e;
-          break;
-        }
-        case "select": {
-          let e = {
-            multiple: !1,
-            placeholder: X.value.common.pleaseSelect
-          };
-          e = l.getJsonMerge(e, t), r.value = e;
-          break;
-        }
-        case "selectCascade": {
-          let e = {};
-          e = l.getJsonMerge(e, t), r.value = e, a.isBtnOperateCenter = !0;
-          break;
-        }
-        case "textarea": {
-          let e = { isClean: !0 };
-          e = l.getJsonMerge(e, t), r.value = e, a.isBtnOperateCenter = !0;
-          break;
-        }
-        case "radio": {
-          let e = { isInline: !0, name: `${a.keyIndex}-radio` };
-          e = l.getJsonMerge(e, t), r.value = e, a.isBtnOperateCenter = e.isInline;
-          break;
-        }
-        case "checkbox": {
-          let e = { isInline: !1, name: `${a.keyIndex}-checkbox` };
-          e = l.getJsonMerge(e, t), r.value = e, a.isBtnOperateCenter = e.isInline;
-          break;
-        }
-        case "selectTag": {
-          let e = { type: "radio" };
-          e = l.getJsonMerge(e, t), r.value = e, a.isBtnOperateCenter = !0;
-          break;
-        }
-        case "inputTag": {
-          let e = { multiple: !0, isAutofill: !0 };
-          e = l.getJsonMerge(e, t), r.value = e, a.isBtnOperateCenter = !0;
-          break;
-        }
-        case "dateTime": {
-          let e = { isDropdown: !1 };
-          e = l.getJsonMerge(e, t), r.value = e, a.isBtnOperateCenter = !0;
-          break;
-        }
-        case "slider": {
-          let e = {};
-          e = l.getJsonMerge(e, t), r.value = e, a.isBtnOperateCenter = !0;
-          break;
-        }
-        case "customHtml": {
-          a.isBtnOperateCenter = !0;
-          break;
-        }
-      }
-    }, F = (t, e) => {
-      let s = !1, u = !1;
-      e && (l.isUndefined(e.label) || (s = !0), l.isUndefined(e.list) || (u = !0));
-      let f = "", b = "", m = "";
-      switch (l.isString(t) ? m = t : l.isNumber(t) && l.isFinite(t) && t !== void 0 && (m = t.toString()), n.type) {
-        case "input":
-        case "inputNumber":
-        case "textarea": {
-          if (!s && m && !l.isEmpty(m))
-            if ((n.type === "inputNumber" || n.type === "input" && l.isBoolean(r.value.isNumber) && r.value.isNumber) && l.isNumber(m)) {
-              const C = a.subUnitValueType === "float" ? r.value.decimal : "";
-              f = l.getValueByFormat(m, a.subUnitValueType, {
-                decimalNum: C
-              });
-            } else
-              f = m;
-          b = m;
-          break;
-        }
-        case "selectCascade": {
-          if (!s) {
-            const T = u ? e.list : V.value, C = l.isNonEmptyString(r.value.parentKey) ? r.value.parentKey : "parentId", I = l.isNonEmptyString(r.value.topParentValue) ? r.value.topParentValue : "0";
-            if (m && !l.isEmpty(m)) {
-              const H = {};
-              l.isArray(T) && T.forEach((h) => {
-                !l.isUndefined(h) && !l.isUndefined(h.id) && (H[h.id.toString()] = h);
-              });
-              const B = [], $ = {};
-              let g = m.toString();
-              for (; !l.isEmpty(g) && !l.isExistJsonKey($, g) && l.isExistJsonKey(H, g); ) {
-                $[g] = !0;
-                const h = H[g];
-                l.isEmpty(h.name) ? (l.isNumber(h.name) || l.isString(h.name)) && B.push(h.name.toString()) : B.push(h.name), g = h[C] !== void 0 && h[C] !== null ? h[C].toString() : "", g === I && (g = "");
-              }
-              B.reverse(), f = B.join(" → ");
-            }
-          }
-          b = m;
-          break;
-        }
-        case "select":
-        case "radio":
-        case "checkbox":
-        case "selectTag":
-        case "inputTag": {
-          const T = u ? e.list : l.isArray(r.value.list) ? r.value.list : V.value;
-          if (!s && m && !l.isEmpty(m))
-            if (n.type === "inputTag")
-              f = m;
-            else {
-              const C = re(), I = [], H = C ? m.split(",") : [m.toString()], B = l.isArray(T) ? T.filter(
-                (g) => !l.isUndefined(g) && !l.isUndefined(g.id)
-              ) : T, $ = l.getJsonByList(B);
-              H.forEach((g) => {
-                l.isExistJsonKey($, g) && I.push($[g].name);
-              }), f = I.join(",");
-            }
-          b = m;
-          break;
-        }
-        case "dateTime": {
-          s || (f = m), b = m;
-          break;
-        }
-        case "slider": {
-          s || (f = m), b = m;
-          break;
-        }
-      }
-      n.isSubmitCleanValue && (b = "", w.value && w.value.reset()), a.showText = s ? e.label.toString() : f, a.subUnitValue = b, a.isShowEmpty = l.isEmpty(a.showText), i.lastValue = a.subUnitValue, u && (V.value = e.list);
-    }, _e = () => {
-      i.hlightTimer && (clearTimeout(i.hlightTimer), i.hlightTimer = null), i.hlightTimer1 && clearTimeout(i.hlightTimer1), i.hlightTimer2 && clearTimeout(i.hlightTimer2), x.status = 1, D(() => {
-        i.hlightTimer1 = setTimeout(() => {
-          x.status = 2;
-        }, 10), i.hlightTimer2 = setTimeout(() => {
-          x.status = 0;
-        }, 1500);
-      });
-    }, oe = () => {
-      i.isPendingHlight = !1, i.pendingOpt !== null && F(i.pendingValue, i.pendingOpt || {}), i.pendingValue = null, i.pendingOpt = null, _e();
-    }, O = (t) => {
-      if (l.isBoolean(t) ? t = { success: t } : (l.isUndefined(t) || !l.isObject(t)) && (t = { success: !1 }), t.success) {
-        Y(""), w.value && w.value.reset();
-        let e = null;
-        i.submitValueDataSnapshot ? e = i.submitValueDataSnapshot : d.value && (e = d.value.getValueData()), l.isUndefined(e) && (e = {});
-        let s = "";
-        const u = {}, f = l.isEmpty(t.data) ? {} : t.data, b = l.isUndefined(f.label), m = !b && (l.isString(f.label) || l.isNumber(f.label));
-        switch (u.label = m ? f.label : null, n.type) {
-          case "input":
-          case "inputNumber":
-          case "textarea":
-          case "dateTime":
-          case "slider":
-            s = e.value;
-            break;
-          case "selectCascade": {
-            b && (u.label = e.show || e.value || ""), s = e.value ? e.value.toString() : "", l.isArray(f.list) && (u.list = f.list);
-            break;
-          }
-          case "select":
-          case "radio":
-          case "checkbox":
-          case "selectTag":
-          case "inputTag": {
-            if (re() && l.isArray(e)) {
-              const T = [], C = [];
-              e.forEach((I) => {
-                T.push(I.id), C.push(I.name);
-              }), b && (u.label = C.join(",")), s = n.type === "inputTag" ? C.join(",") : T.join(",");
-            } else
-              b && (u.label = e.name || ""), s = n.type === "inputTag" ? e.name || "" : e.id ? e.id.toString() : "";
-            l.isArray(f.list) && (u.list = f.list);
-            break;
-          }
-        }
-        i.runStep !== "updateProps" ? (i.pendingValue = s, i.pendingOpt = u, i.isPendingHlight = !0, M()) : (F(s, u), M()), i.hlightTimer && clearTimeout(i.hlightTimer), i.hlightTimer = setTimeout(() => {
-          i.hlightTimer = null, i.isPendingHlight && (i.isPendingHlight = !1, oe());
-        }, 400);
-      } else
-        Y(t.msg), D(() => {
-          L.value && L.value.loadStop();
-        });
-      i.isSubmitting = !1;
-    }, Ne = () => {
-      ue(), F(n.value, { label: n.label, list: n.subUnitList });
-    }, Be = async () => {
-      let t = !1;
-      if (n.isCheckValidate && w.value) {
-        try {
-          t = await w.value.validate() === !0;
-        } catch (e) {
-          t = !1, ie.warn("ClXEditable", "表单校验执行异常", e);
-        }
-        if (n.checkValidateCallback && l.isFunction(n.checkValidateCallback)) {
-          const e = z.getElementData(j), s = ee();
-          let u = !0;
-          try {
-            u = await n.checkValidateCallback(s, e);
-          } catch (f) {
-            u = !1, ie.warn("ClXEditable", "checkValidateCallback 执行异常", f);
-          }
-          u = l.isBoolean(u) ? u : !0, u || (t = !1);
-        }
-      } else
-        t = !0;
-      return t;
-    }, Z = () => {
-      let t = !1;
-      return n.submitCallback && l.isFunction(n.submitCallback) && (t = !0), t;
-    }, ee = () => {
-      let t = "";
-      return n.type !== "customHtml" && (t = d.value ? d.value.getValue() : ""), t;
-    }, ce = () => {
-      if (Z()) {
-        const t = ee(), e = z.getElementData(j), s = n.submitCallback ? n.submitCallback(t, e) : void 0;
-        if (s && l.isFunction(s.then))
-          s.then((u) => {
-            O(l.isBoolean(u) ? { success: u } : u);
-          }).catch(() => {
-            O({ success: !1, msg: X.value.submitCallback });
-          });
-        else {
-          let u = {};
-          l.isUndefined(s) ? u = { success: !0 } : l.isBoolean(s) ? u = { success: s } : l.isObject(s) && l.isBoolean(s.success) ? u = s : u = { success: !1, msg: X.value.submitCallback }, O(u);
-        }
-      }
-    };
-    Je(() => {
-      D(() => {
-        Ne();
-      });
-    }), Ae(() => {
-      i.hlightTimer && clearTimeout(i.hlightTimer), i.hlightTimer1 && clearTimeout(i.hlightTimer1), i.hlightTimer2 && clearTimeout(i.hlightTimer2), i.resizeEventCustomHtml && (i.resizeEventCustomHtml.destroy(), i.resizeEventCustomHtml = null), i.resizeEventErrMsg && (i.resizeEventErrMsg.destroy(), i.resizeEventErrMsg = null), i.resizeEventContent && (i.resizeEventContent.destroy(), i.resizeEventContent = null);
-    }), de(
-      [() => n.value, () => n.label, () => n.subUnitList],
-      ([t, e, s], [u, f, b]) => {
-        (t !== u || e !== f || s !== b) && (t !== u && (i.runStep = "updateProps"), F(t, { label: e, list: s }));
-      }
-    ), de(
-      () => n.subUnitOptions,
-      () => {
-        ue(), F(a.subUnitValue, { label: n.label, list: n.subUnitList });
-      }
-    );
-    const De = () => {
-      i.isSubmitting || (i.isSubmitting = !0, d.value && (i.submitValueDataSnapshot = d.value.getValueData()), Be().then((t) => {
-        if (t)
-          if (n.type === "customHtml")
-            i.runStep = "first", Z() ? ce() : (ie.warn("ClXEditable", "customHtml 类型必须配置 submitCallback 才能提交"), i.isSubmitting = !1, M());
-          else {
-            const e = ee(), s = l.isEmpty(e);
-            String(e) !== i.lastValue || s && a.showText.length > 0 ? (i.runStep = "first", Z() ? ce() : (n.isUseOnSubmitCheck || O({ success: !0 }), Oe(e))) : (i.isSubmitting = !1, M());
-          }
-        else
-          O({ success: !1 });
-      }).catch(() => {
-        O({ success: !1 });
-      }));
-    }, Pe = () => {
-      M();
-    }, y = () => {
-      p.value && (p.value.checkIsShowOpen() || p.value.initCompleteOpen());
-    }, ze = () => {
-      i.isPendingHlight && (i.isPendingHlight = !1, i.hlightTimer && (clearTimeout(i.hlightTimer), i.hlightTimer = null), i.hlightTimer = setTimeout(() => {
-        i.hlightTimer = null, oe();
-      }, 150));
-    }, Le = (t) => {
-      t ? (i.lastValue = a.subUnitValue, Y(""), D(() => {
-        p.value && p.value.checkIsShowOpen() && (n.type === "customHtml" ? (y(), q.value && (i.resizeEventCustomHtml && i.resizeEventCustomHtml.destroy(), i.resizeEventCustomHtml = new le({
-          element: q.value,
-          callback: () => {
-            p.value && p.value.calculationPosition();
-          }
-        }))) : (G.value && (i.resizeEventContent && i.resizeEventContent.destroy(), i.resizeEventContent = new le({
-          element: G.value,
-          callback: () => {
-            p.value && p.value.calculationPosition();
-          }
-        })), Q.value && (i.resizeEventErrMsg && i.resizeEventErrMsg.destroy(), i.resizeEventErrMsg = new le({
-          element: Q.value,
-          callback: () => {
-            p.value && p.value.calculationPosition();
-          }
-        }))));
-      })) : (i.isPendingHlight || (a.subUnitValue = i.lastValue), i.resizeEventCustomHtml && (i.resizeEventCustomHtml.destroy(), i.resizeEventCustomHtml = null), i.resizeEventErrMsg && (i.resizeEventErrMsg.destroy(), i.resizeEventErrMsg = null), i.resizeEventContent && (i.resizeEventContent.destroy(), i.resizeEventContent = null)), Ie(t);
-    }, Me = (t) => {
-      const e = z.getParent(
-        t.target,
-        ".xeditable-click-invalid",
-        t.currentTarget,
-        !1
-      );
-      l.isUndefined(e) || (t.preventDefault(), t.stopPropagation());
-    };
-    return U({
-      setOnSubmitResult: (t) => {
-        n.isUseOnSubmitCheck && l.isUndefined(n.submitCallback) && i.isSubmitting && O(t);
-      }
-    }), (t, e) => (c(), v(Ge, {
-      ref_key: "refElDropdownLayer",
-      ref: p,
-      id: je(ke),
-      classParent: Ce.value,
-      classText: o.classNameLabel,
-      classDropDown: xe.value,
-      dropdownArrowPos: "center",
-      dropDownPos: "up",
-      isUseDropdownArrow: !0,
-      isCloseDestroy: !0,
-      isInitDelayComplete: !0,
-      appendContainer: o.appendContainer,
-      onOnChangeOpen: Le,
-      onOnAfterLeave: ze,
-      transitionEnter: "animated fadeIn",
-      transitionLeave: "animated fadeOut"
-    }, {
-      label: R(() => [
-        J("div", {
-          class: K(Te.value)
-        }, [
-          o.isShowEditValue ? (c(), E("div", {
-            key: 0,
-            class: K(Se.value),
-            onClick: e[0] || (e[0] = (s) => Me(s))
-          }, [
-            o.isUseEllipsis && a.showText.length > 0 ? (c(), v(Qe, {
-              key: 0,
-              className: Ve.value,
-              isUseTooltipAuto: o.isAutoTooltip,
-              text: a.showText,
-              style: te(ne.value)
-            }, null, 8, ["className", "isUseTooltipAuto", "text", "style"])) : (c(), E("span", {
-              key: 1,
-              class: K({ "xeditable-value-hlight": x.status === 2 }),
-              style: te(ne.value)
-            }, be(a.showText), 7))
-          ], 2)) : (c(), E(P, { key: 1 }, [], 64)),
-          o.isShowEditIcon || W.value ? (c(), E("div", {
-            key: 2,
-            class: K(Ue.value)
-          }, [
-            pe(t.$slots, "iconLabel", {}, () => [
-              A(Ze, { name: o.editIcon }, null, 8, ["name"])
-            ])
-          ], 2)) : (c(), E(P, { key: 3 }, [], 64))
-        ], 2)
-      ]),
-      dropdown: R(() => [
-        J("div", {
-          ref_key: "refElContent",
-          ref: G,
-          class: "xeditable-content"
-        }, [
-          J("div", ot, [
-            J("div", ct, [
-              A(We, {
-                ref_key: "refElForm",
-                ref: w,
-                isScrollToErr: !1
-              }, {
-                default: R(() => [
-                  o.type === "customHtml" ? (c(), E("div", {
-                    key: 0,
-                    ref_key: "refElCustom",
-                    ref: q,
-                    class: "xeditable-custom"
-                  }, [
-                    pe(t.$slots, "customForm")
-                  ], 512)) : (c(), E("div", mt, [
-                    A(Ye, {
-                      isCheck: o.isCheckValidate,
-                      checkValue: a.subUnitValue,
-                      rules: o.validateRules,
-                      msgElementId: ae.value ? `#${a.keyIndex}_errmsg` : ""
-                    }, {
-                      default: R(() => [
-                        o.type === "inputNumber" ? (c(), v(ve, k({
-                          key: 0,
-                          ref_key: "refElFormEdit",
-                          ref: d,
-                          value: a.subUnitValue,
-                          "onUpdate:value": e[1] || (e[1] = (s) => a.subUnitValue = s)
-                        }, r.value, { onOnInit: y }), null, 16, ["value"])) : o.type === "input" && r.value.isNumber ? (c(), v(ve, k({
-                          key: 1,
-                          ref_key: "refElFormEdit",
-                          ref: d,
-                          value: a.subUnitValue,
-                          "onUpdate:value": e[2] || (e[2] = (s) => a.subUnitValue = s)
-                        }, r.value, { onOnInit: y }), null, 16, ["value"])) : o.type === "input" ? (c(), v(et, k({
-                          key: 2,
-                          ref_key: "refElFormEdit",
-                          ref: d,
-                          value: a.subUnitValue,
-                          "onUpdate:value": e[3] || (e[3] = (s) => a.subUnitValue = s)
-                        }, r.value, { onOnInit: y }), null, 16, ["value"])) : o.type === "textarea" ? (c(), v(it, k({
-                          key: 3,
-                          ref_key: "refElFormEdit",
-                          ref: d,
-                          value: a.subUnitValue,
-                          "onUpdate:value": e[4] || (e[4] = (s) => a.subUnitValue = s)
-                        }, r.value, { onOnInit: y }), null, 16, ["value"])) : o.type === "select" ? (c(), v(st, k({
-                          key: 4,
-                          ref_key: "refElFormEdit",
-                          ref: d,
-                          value: a.subUnitValue,
-                          "onUpdate:value": e[5] || (e[5] = (s) => a.subUnitValue = s),
-                          list: V.value
-                        }, r.value, { onOnInit: y }), null, 16, ["value", "list"])) : o.type === "selectCascade" ? (c(), v(at, k({
-                          key: 5,
-                          ref_key: "refElFormEdit",
-                          ref: d,
-                          value: a.subUnitValue,
-                          "onUpdate:value": e[6] || (e[6] = (s) => a.subUnitValue = s),
-                          list: V.value
-                        }, r.value, { onOnInit: y }), null, 16, ["value", "list"])) : o.type === "radio" ? (c(), v(lt, k({
-                          key: 6,
-                          ref_key: "refElFormEdit",
-                          ref: d,
-                          value: a.subUnitValue,
-                          "onUpdate:value": e[7] || (e[7] = (s) => a.subUnitValue = s),
-                          list: V.value
-                        }, r.value, { onOnInit: y }), null, 16, ["value", "list"])) : o.type === "checkbox" ? (c(), v(Xe, k({
-                          key: 7,
-                          ref_key: "refElFormEdit",
-                          ref: d,
-                          value: a.subUnitValue,
-                          "onUpdate:value": e[8] || (e[8] = (s) => a.subUnitValue = s),
-                          list: V.value
-                        }, r.value, { onOnInit: y }), null, 16, ["value", "list"])) : o.type === "selectTag" ? (c(), v(nt, k({
-                          key: 8,
-                          ref_key: "refElFormEdit",
-                          ref: d,
-                          value: a.subUnitValue,
-                          "onUpdate:value": e[9] || (e[9] = (s) => a.subUnitValue = s),
-                          list: V.value
-                        }, r.value, { onOnInit: y }), null, 16, ["value", "list"])) : o.type === "inputTag" ? (c(), v(tt, k({
-                          key: 9,
-                          ref_key: "refElFormEdit",
-                          ref: d,
-                          value: a.subUnitValue,
-                          "onUpdate:value": e[10] || (e[10] = (s) => a.subUnitValue = s),
-                          list: V.value
-                        }, r.value, { onOnInit: y }), null, 16, ["value", "list"])) : o.type === "dateTime" ? (c(), v(qe, k({
-                          key: 10,
-                          ref_key: "refElFormEdit",
-                          ref: d,
-                          value: a.subUnitValue,
-                          "onUpdate:value": e[11] || (e[11] = (s) => a.subUnitValue = s)
-                        }, r.value, { onOnInit: y }), null, 16, ["value"])) : o.type === "slider" ? (c(), v(rt, k({
-                          key: 11,
-                          ref_key: "refElFormEdit",
-                          ref: d,
-                          value: a.subUnitValue,
-                          "onUpdate:value": e[12] || (e[12] = (s) => a.subUnitValue = s)
-                        }, r.value, { onOnInit: y }), null, 16, ["value"])) : (c(), E(P, { key: 12 }, [], 64))
-                      ]),
-                      _: 1
-                    }, 8, ["isCheck", "checkValue", "rules", "msgElementId"])
-                  ]))
-                ]),
-                _: 3
-              }, 512)
-            ]),
-            J("div", {
-              class: "xeditable-operate",
-              style: te(we.value)
-            }, [
-              A(ge, {
-                ref_key: "refElSubmit",
-                ref: L,
-                iconName: "check",
-                isShowLoad: !0,
-                loadPos: "zoom-out",
-                loadTheme: "rotaryLine",
-                onOnClick: De
-              }, null, 512),
-              A(ge, {
-                iconName: "close",
-                color: "grayLight",
-                onOnClick: Pe
-              })
-            ], 4)
-          ]),
-          ae.value ? (c(), E(P, { key: 0 }, [
-            o.isCheckValidate ? (c(), E("div", {
-              key: 0,
-              ref_key: "refElErrMsg",
-              ref: Q,
-              id: `${a.keyIndex}_errmsg`,
-              class: "xeditable-errmsg"
-            }, null, 8, ft)) : (c(), E(P, { key: 1 }, [
-              a.showMsg.length > 0 ? (c(), E("div", dt, be(a.showMsg), 1)) : (c(), E(P, { key: 1 }, [], 64))
-            ], 64))
-          ], 64)) : Re("", !0)
-        ], 512)
-      ]),
-      _: 3
-    }, 8, ["id", "classParent", "classText", "classDropDown", "appendContainer"]));
-  }
-});
-export {
-  Mt as default
-};
+export { default } from '../utils/Web/ClXEditable.js';