@farris/ui-vue 1.7.3 → 1.7.5

package/components/verify-detail/index.esm.js

@@ -1,8 +1,116 @@
-var A = Object.defineProperty;
-var E = (t, i, s) => i in t ? A(t, i, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[i] = s;
-var d = (t, i, s) => E(t, typeof i != "symbol" ? i + "" : i, s);
-import { defineComponent as F, ref as m, watch as g, computed as u, createVNode as l, onBeforeMount as j, createApp as B, onUnmounted as O } from "vue";
-const M = {
+var I = Object.defineProperty;
+var P = (i, n, l) => n in i ? I(i, n, { enumerable: !0, configurable: !0, writable: !0, value: l }) : i[n] = l;
+var $ = (i, n, l) => P(i, typeof n != "symbol" ? n + "" : n, l);
+import { defineComponent as N, ref as y, watch as M, computed as m, createVNode as t, onBeforeMount as O, createApp as _, onUnmounted as U, inject as z, onMounted as G } from "vue";
+import { resolveAppearance as J, createPropsResolver as K } from "../dynamic-resolver/index.esm.js";
+import { useDesignerComponent as Q } from "../designer-canvas/index.esm.js";
+const W = /* @__PURE__ */ new Map([
+  ["appearance", J]
+]);
+function X(i, n, l) {
+  return n;
+}
+const Y = "https://json-schema.org/draft/2020-12/schema", Z = "https://farris-design.gitee.io/verify-detail.schema.json", ee = "verify-detail", te = "A Farris Component", ie = "object", se = {
+  id: {
+    description: "The unique identifier for verify-detail",
+    type: "string"
+  },
+  type: {
+    description: "The type string of verify-detail",
+    type: "string",
+    default: "verify-detail"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, ne = [
+  "id",
+  "type"
+], le = {
+  $schema: Y,
+  $id: Z,
+  title: ee,
+  description: te,
+  type: ie,
+  properties: se,
+  required: ne
+}, ae = "verify-detail", oe = "A Farris Component", re = "object", ce = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, fe = {
+  title: ae,
+  description: oe,
+  type: re,
+  categories: ce
+}, F = {
   /** 表单验证默认显示的分组信息 */
   showType: { type: String, default: "" },
   /** 是否默认显示验证信息列表 */
@@ -16,74 +124,74 @@ const M = {
   maxHeight: { type: Number, default: 200 },
   /** 验证信息条目点击事件回调 */
   onValidatorClick: { type: Function }
-}, r = /* @__PURE__ */ F({
+}, E = K(F, le, W, X, fe), T = /* @__PURE__ */ N({
   name: "FVerifyDetail",
-  props: M,
+  props: F,
   emits: ["validatorClick", "listshow"],
-  setup(t, i) {
-    let s = [];
-    const a = m(t.showList);
-    g(() => t.showList, () => {
-      a.value = t.showList;
+  setup(i, n) {
+    let l = [];
+    const o = y(i.showList);
+    M(() => i.showList, () => {
+      o.value = i.showList;
     });
-    const c = m(t.verifyType);
-    g(() => t.verifyType, () => {
-      c.value = t.verifyType;
+    const c = y(i.verifyType);
+    M(() => i.verifyType, () => {
+      c.value = i.verifyType;
     });
-    function w() {
-      a.value = !a.value, i.emit("listshow", a.value);
+    function h() {
+      o.value = !o.value, n.emit("listshow", o.value);
     }
-    function v(e) {
-      var n;
-      !e && c.value && c.value.length > 0 && (e = c.value[0].type), (n = c.value) == null || n.forEach((o) => {
-        o.active = o.type === e;
+    function g(e) {
+      var a;
+      !e && c.value && c.value.length > 0 && (e = c.value[0].type), (a = c.value) == null || a.forEach((f) => {
+        f.active = f.type === e;
       });
     }
-    function y(e) {
-      e = e || s[0].type, s.forEach((n) => {
-        n.show = n.type === e;
+    function u(e) {
+      e = e || l[0].type, l.forEach((a) => {
+        a.show = a.type === e;
       });
     }
-    function L(e) {
-      e.length <= 0 || (v(e.type), y(e.type));
+    function w(e) {
+      e.length <= 0 || (g(e.type), u(e.type));
     }
-    function p() {
-      a.value = !1, i.emit("listshow", !1);
+    function k() {
+      o.value = !1, n.emit("listshow", !1);
     }
-    function H(e) {
-      var n;
-      (n = t.onValidatorClick) == null || n.call(t, e);
+    function b(e) {
+      var a;
+      (a = i.onValidatorClick) == null || a.call(i, e);
     }
-    function T(e) {
-      return l("li", {
+    function D(e) {
+      return t("li", {
         class: "f-verify-list",
-        onClick: () => H(e)
-      }, [l("span", {
+        onClick: () => b(e)
+      }, [t("span", {
         class: ["f-icon f-icon-close-outline list-icon list-error", {
           "list-warning": e.type === "warn"
         }]
-      }, null), l("div", {
+      }, null), t("div", {
         class: "list-con"
-      }, [l("div", {
+      }, [t("div", {
         class: "list-title",
         title: e.title
-      }, [e.title]), l("div", {
+      }, [e.title]), t("div", {
         class: "list-msg",
         title: e.msg
       }, [e.msg])])]);
     }
-    function k() {
-      return s.map((e) => l("ul", {
+    function L() {
+      return l.map((e) => t("ul", {
         class: ["f-verify-list-content", {
           active: e.show
         }]
-      }, [e.list && e.list.map((n) => T(n))]));
+      }, [e.list && e.list.map((a) => D(a))]));
     }
-    const h = u(() => {
+    const C = m(() => {
       var e;
-      return ((e = t.verifyList) == null ? void 0 : e.length) > 0;
+      return ((e = i.verifyList) == null ? void 0 : e.length) > 0;
     });
-    function x(e) {
+    function j(e) {
       return {
         btn: !0,
         "verify-title-btn": !0,
@@ -91,99 +199,244 @@ const M = {
         disabled: e.length <= 0
       };
     }
-    const V = u(() => {
+    const x = m(() => {
       var e;
-      return (e = c.value) == null ? void 0 : e.map((n) => l("button", {
-        class: x(n),
-        onClick: () => L(n)
-      }, [n.title, l("span", null, [n.length])]));
-    }), b = u(() => {
+      return (e = c.value) == null ? void 0 : e.map((a) => t("button", {
+        class: j(a),
+        onClick: () => w(a)
+      }, [a.title, t("span", null, [a.length])]));
+    }), H = m(() => {
       var e;
-      return l("div", {
+      return t("div", {
         class: "f-verify-nums",
-        onClick: w
-      }, [l("span", {
+        onClick: h
+      }, [t("span", {
         class: "nums-icon f-icon f-icon-warning"
-      }, null), l("span", {
+      }, null), t("span", {
         class: "nums-count"
-      }, [(e = t.verifyList) == null ? void 0 : e.length])]);
+      }, [(e = i.verifyList) == null ? void 0 : e.length])]);
     });
-    function D() {
-      var n;
+    function S() {
+      var a;
       const e = [];
-      c.value && ((n = c.value) != null && n.length) && (c.value.map((o) => {
-        const f = {
-          list: o.type === "all" ? t.verifyList : [],
+      c.value && ((a = c.value) != null && a.length) && (c.value.map((f) => {
+        const v = {
+          list: f.type === "all" ? i.verifyList : [],
           show: !1,
-          type: o.type
+          type: f.type
         };
-        e.push(f);
-      }), e.map((o, f) => {
-        const S = t.verifyList.filter((N) => N.type === o.type);
-        e[f].list = f !== 0 ? S : e[f].list;
-      }), c.value.map((o, f) => {
-        o.length = e[f].list.length;
-      })), s = e;
-    }
-    return j(() => {
-      D(), y(t.showType), v(t.showType);
-    }), () => l("div", {
-      class: h.value ? `f-verify-detail ${t.customClass}` : ""
-    }, [h.value ? l("div", {
+        e.push(v);
+      }), e.map((f, v) => {
+        const V = i.verifyList.filter((A) => A.type === f.type);
+        e[v].list = v !== 0 ? V : e[v].list;
+      }), c.value.map((f, v) => {
+        f.length = e[v].list.length;
+      })), l = e;
+    }
+    return O(() => {
+      S(), u(i.showType), g(i.showType);
+    }), () => t("div", {
+      class: C.value ? `f-verify-detail ${i.customClass}` : ""
+    }, [C.value ? t("div", {
       class: "f-verify-detail-content"
-    }, [b.value, l("div", {
+    }, [H.value, t("div", {
       class: "f-verify-form-main",
-      hidden: !a.value
-    }, [l("div", {
+      hidden: !o.value
+    }, [t("div", {
       class: "f-verify-form-content"
-    }, [l("div", {
+    }, [t("div", {
       class: "f-verify-form-content-arrow"
-    }, null), l("div", {
+    }, null), t("div", {
       class: "f-verify-form-content-list"
-    }, [l("div", {
+    }, [t("div", {
       class: "f-verify-forms-title"
-    }, [l("div", {
+    }, [t("div", {
       class: "btn-group"
-    }, [V.value]), l("div", {
+    }, [x.value]), t("div", {
       class: "f-verify-close",
-      onClick: p
-    }, [l("span", {
+      onClick: k
+    }, [t("span", {
       class: "f-icon f-icon-close"
-    }, null)])]), l("div", {
+    }, null)])]), t("div", {
       class: "f-verify-forms-list",
       style: {
-        maxHeight: t.maxHeight + "px"
+        maxHeight: i.maxHeight + "px"
       }
-    }, [k()])])])])]) : null]);
+    }, [L()])])])])]) : null]);
   }
 });
-function P(t, i, s) {
-  B({
+function ue(i, n, l) {
+  _({
     setup() {
-      return O(() => {
-        i && i();
-      }), () => l(r, t, null);
+      return U(() => {
+        n && n();
+      }), () => t(T, i, null);
     }
-  }).mount(s);
+  }).mount(l);
 }
-class C {
-  static show(i, s) {
+class R {
+  static show(n, l) {
     this.clear();
-    let a = 0;
-    this.verifyContainer = document.createElement("div"), s && s.offsetHeight > 0 ? (a = s.offsetHeight - 120, s.appendChild(this.verifyContainer)) : (a = document.documentElement.clientHeight - 120, document.body.appendChild(this.verifyContainer)), i.maxHeight = i.maxHeight ? i.maxHeight : a, P(i, this.clear, this.verifyContainer);
+    let o = 0;
+    this.verifyContainer = document.createElement("div"), l && l.offsetHeight > 0 ? (o = l.offsetHeight - 120, l.appendChild(this.verifyContainer)) : (o = document.documentElement.clientHeight - 120, document.body.appendChild(this.verifyContainer)), n.maxHeight = n.maxHeight ? n.maxHeight : o, ue(n, this.clear, this.verifyContainer);
   }
   static clear() {
-    let i = this.verifyContainer;
-    i && (i.parentNode && i.parentNode.removeChild(i), i = null);
+    let n = this.verifyContainer;
+    n && (n.parentNode && n.parentNode.removeChild(n), n = null);
   }
 }
-d(C, "verifyContainer", null);
-r.install = (t) => {
-  t.component(r.name, r), t.provide("FVerifyDetailService", C);
+$(R, "verifyContainer", null);
+const ve = /* @__PURE__ */ N({
+  name: "FVerifyDetailDesign",
+  props: F,
+  emits: ["validatorClick", "listshow"],
+  setup(i, n) {
+    let l = [];
+    const o = y(i.showList), c = y(i.maxHeight), h = y(i.verifyList), g = y(i.showType), u = y(i.verifyType), w = y(), k = z("design-item-context"), b = Q(w, k);
+    G(() => {
+      w.value.componentInstance = b;
+    }), n.expose(b.value);
+    function D() {
+      o.value = !o.value, n.emit("listshow", o.value);
+    }
+    function L(s) {
+      var r;
+      (r = u.value) == null || r.forEach((d) => {
+        d.active = d.type === s;
+      });
+    }
+    function C(s) {
+      l.forEach((r) => {
+        r.show = r.type === s;
+      });
+    }
+    function j(s) {
+      s.length <= 0 || (L(s.type), C(s.type));
+    }
+    function x() {
+      o.value = !1, n.emit("listshow", !1);
+    }
+    function H(s) {
+      n.emit("validatorClick", s);
+    }
+    function S(s) {
+      return t("li", {
+        class: "f-verify-list",
+        onClick: () => H(s)
+      }, [t("span", {
+        class: ["f-icon f-icon-close-outline list-icon list-error", {
+          "list-warning": s.type === "warn"
+        }]
+      }, null), t("div", {
+        class: "list-con"
+      }, [t("p", {
+        class: "list-title",
+        title: s.title
+      }, [s.title]), t("p", {
+        class: "list-msg",
+        title: s.msg
+      }, [s.msg])])]);
+    }
+    function e() {
+      return l.map((s) => t("ul", {
+        class: ["f-verify-list-content", {
+          active: s.show
+        }]
+      }, [s.list && s.list.map((r) => S(r))]));
+    }
+    const a = m(() => {
+      var s;
+      return ((s = h.value) == null ? void 0 : s.length) > 0;
+    });
+    function f(s) {
+      return {
+        "btn btn-secondary": !0,
+        active: s.active,
+        disabled: s.length <= 0
+      };
+    }
+    const v = m(() => {
+      var s;
+      return (s = u.value) == null ? void 0 : s.map((r) => t("button", {
+        class: f(r),
+        onClick: () => j(r)
+      }, [r.title, t("span", null, [r.length])]));
+    }), V = m(() => {
+      var s;
+      return t("div", {
+        class: "f-verify-nums",
+        onClick: D
+      }, [t("span", {
+        class: "nums-icon f-icon f-icon-warning"
+      }, null), t("span", {
+        class: "nums-count"
+      }, [(s = h.value) == null ? void 0 : s.length])]);
+    });
+    function A() {
+      var r;
+      const s = [];
+      u.value && ((r = u.value) != null && r.length) && (u.value.map((d) => {
+        const p = {
+          list: d.type === "all" ? h.value : [],
+          show: !1,
+          type: d.type
+        };
+        s.push(p);
+      }), s.map((d, p) => {
+        const B = h.value.filter((q) => q.type === d.type);
+        s[p].list = p !== 0 ? B : s[p].list;
+      }), u.value.map((d, p) => {
+        d.length = s[p].list.length;
+      })), l = s;
+    }
+    return O(() => {
+      A(), C(g.value), L(g.value);
+    }), () => t("div", {
+      ref: w
+    }, [a.value ? t("div", {
+      class: "f-verify-detail"
+    }, [t("div", {
+      class: "f-verify-detail-content"
+    }, [V.value, t("div", {
+      class: "f-verify-form-main",
+      hidden: !o.value
+    }, [t("div", {
+      class: "f-verify-form-content"
+    }, [t("div", {
+      class: "f-verify-form-content-arrow"
+    }, null), t("div", {
+      class: "f-verify-form-content-list"
+    }, [t("div", {
+      class: "f-verify-forms-title"
+    }, [t("div", {
+      class: "btn-group"
+    }, [v.value]), t("div", {
+      class: "f-verify-close",
+      onClick: x
+    }, [t("span", {
+      class: "f-icon f-icon-close"
+    }, null)])]), t("div", {
+      class: "f-verify-forms-list",
+      style: {
+        maxHeight: c.value + "px"
+      }
+    }, [e()])])])])])]) : null]);
+  }
+}), me = {
+  install(i) {
+    i.component(T.name, T), i.provide("FVerifyDetailService", R);
+  },
+  register(i, n, l, o) {
+    i["verify-detail"] = T, n["verify-detail"] = E;
+  },
+  registerDesigner(i, n, l) {
+    i["verify-detail"] = ve, n["verify-detail"] = E;
+  }
 };
 export {
-  r as FVerifyDetail,
-  C as FVerifyDetailService,
-  r as default,
-  M as verifyDetailProps
+  T as FVerifyDetail,
+  R as FVerifyDetailService,
+  me as default,
+  E as propsResolver,
+  F as verifyDetailProps
 };

package/components/verify-detail/index.umd.cjs

@@ -1 +1 @@
-(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l["verify-detail"]={},l.Vue))})(this,function(l,e){"use strict";var x=Object.defineProperty;var F=(l,e,f)=>e in l?x(l,e,{enumerable:!0,configurable:!0,writable:!0,value:f}):l[e]=f;var V=(l,e,f)=>F(l,typeof e!="symbol"?e+"":e,f);const f={showType:{type:String,default:""},showList:{type:Boolean,default:!1},verifyList:{type:Array,default:[]},verifyType:{type:Array,default:[]},customClass:{type:String,default:""},maxHeight:{type:Number,default:200},onValidatorClick:{type:Function}},y=e.defineComponent({name:"FVerifyDetail",props:f,emits:["validatorClick","listshow"],setup(i,a){let s=[];const o=e.ref(i.showList);e.watch(()=>i.showList,()=>{o.value=i.showList});const c=e.ref(i.verifyType);e.watch(()=>i.verifyType,()=>{c.value=i.verifyType});function N(){o.value=!o.value,a.emit("listshow",o.value)}function h(t){var n;!t&&c.value&&c.value.length>0&&(t=c.value[0].type),(n=c.value)==null||n.forEach(r=>{r.active=r.type===t})}function v(t){t=t||s[0].type,s.forEach(n=>{n.show=n.type===t})}function w(t){t.length<=0||(h(t.type),v(t.type))}function C(){o.value=!1,a.emit("listshow",!1)}function p(t){var n;(n=i.onValidatorClick)==null||n.call(i,t)}function L(t){return e.createVNode("li",{class:"f-verify-list",onClick:()=>p(t)},[e.createVNode("span",{class:["f-icon f-icon-close-outline list-icon list-error",{"list-warning":t.type==="warn"}]},null),e.createVNode("div",{class:"list-con"},[e.createVNode("div",{class:"list-title",title:t.title},[t.title]),e.createVNode("div",{class:"list-msg",title:t.msg},[t.msg])])])}function T(){return s.map(t=>e.createVNode("ul",{class:["f-verify-list-content",{active:t.show}]},[t.list&&t.list.map(n=>L(n))]))}const m=e.computed(()=>{var t;return((t=i.verifyList)==null?void 0:t.length)>0});function H(t){return{btn:!0,"verify-title-btn":!0,"f-state-selected":t.active,disabled:t.length<=0}}const b=e.computed(()=>{var t;return(t=c.value)==null?void 0:t.map(n=>e.createVNode("button",{class:H(n),onClick:()=>w(n)},[n.title,e.createVNode("span",null,[n.length])]))}),k=e.computed(()=>{var t;return e.createVNode("div",{class:"f-verify-nums",onClick:N},[e.createVNode("span",{class:"nums-icon f-icon f-icon-warning"},null),e.createVNode("span",{class:"nums-count"},[(t=i.verifyList)==null?void 0:t.length])])});function D(){var n;const t=[];c.value&&((n=c.value)!=null&&n.length)&&(c.value.map(r=>{const d={list:r.type==="all"?i.verifyList:[],show:!1,type:r.type};t.push(d)}),t.map((r,d)=>{const S=i.verifyList.filter(j=>j.type===r.type);t[d].list=d!==0?S:t[d].list}),c.value.map((r,d)=>{r.length=t[d].list.length})),s=t}return e.onBeforeMount(()=>{D(),v(i.showType),h(i.showType)}),()=>e.createVNode("div",{class:m.value?`f-verify-detail ${i.customClass}`:""},[m.value?e.createVNode("div",{class:"f-verify-detail-content"},[k.value,e.createVNode("div",{class:"f-verify-form-main",hidden:!o.value},[e.createVNode("div",{class:"f-verify-form-content"},[e.createVNode("div",{class:"f-verify-form-content-arrow"},null),e.createVNode("div",{class:"f-verify-form-content-list"},[e.createVNode("div",{class:"f-verify-forms-title"},[e.createVNode("div",{class:"btn-group"},[b.value]),e.createVNode("div",{class:"f-verify-close",onClick:C},[e.createVNode("span",{class:"f-icon f-icon-close"},null)])]),e.createVNode("div",{class:"f-verify-forms-list",style:{maxHeight:i.maxHeight+"px"}},[T()])])])])]):null])}});function g(i,a,s){e.createApp({setup(){return e.onUnmounted(()=>{a&&a()}),()=>e.createVNode(y,i,null)}}).mount(s)}class u{static show(a,s){this.clear();let o=0;this.verifyContainer=document.createElement("div"),s&&s.offsetHeight>0?(o=s.offsetHeight-120,s.appendChild(this.verifyContainer)):(o=document.documentElement.clientHeight-120,document.body.appendChild(this.verifyContainer)),a.maxHeight=a.maxHeight?a.maxHeight:o,g(a,this.clear,this.verifyContainer)}static clear(){let a=this.verifyContainer;a&&(a.parentNode&&a.parentNode.removeChild(a),a=null)}}V(u,"verifyContainer",null),y.install=i=>{i.component(y.name,y),i.provide("FVerifyDetailService",u)},l.FVerifyDetail=y,l.FVerifyDetailService=u,l.default=y,l.verifyDetailProps=f,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a["verify-detail"]={},a.Vue,a.dynamicResolver,a.designerCanvas))})(this,function(a,e,h,A){"use strict";var G=Object.defineProperty;var J=(a,e,h)=>e in a?G(a,e,{enumerable:!0,configurable:!0,writable:!0,value:h}):a[e]=h;var q=(a,e,h)=>J(a,typeof e!="symbol"?e+"":e,h);const O=new Map([["appearance",h.resolveAppearance]]);function R(n,s,o){return s}const B={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/verify-detail.schema.json",title:"verify-detail",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for verify-detail",type:"string"},type:{description:"The type string of verify-detail",type:"string",default:"verify-detail"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},E={title:"verify-detail",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},C={showType:{type:String,default:""},showList:{type:Boolean,default:!1},verifyList:{type:Array,default:[]},verifyType:{type:Array,default:[]},customClass:{type:String,default:""},maxHeight:{type:Number,default:200},onValidatorClick:{type:Function}},T=h.createPropsResolver(C,B,O,R,E),g=e.defineComponent({name:"FVerifyDetail",props:C,emits:["validatorClick","listshow"],setup(n,s){let o=[];const r=e.ref(n.showList);e.watch(()=>n.showList,()=>{r.value=n.showList});const f=e.ref(n.verifyType);e.watch(()=>n.verifyType,()=>{f.value=n.verifyType});function m(){r.value=!r.value,s.emit("listshow",r.value)}function V(t){var l;!t&&f.value&&f.value.length>0&&(t=f.value[0].type),(l=f.value)==null||l.forEach(d=>{d.active=d.type===t})}function y(t){t=t||o[0].type,o.forEach(l=>{l.show=l.type===t})}function N(t){t.length<=0||(V(t.type),y(t.type))}function D(){r.value=!1,s.emit("listshow",!1)}function b(t){var l;(l=n.onValidatorClick)==null||l.call(n,t)}function k(t){return e.createVNode("li",{class:"f-verify-list",onClick:()=>b(t)},[e.createVNode("span",{class:["f-icon f-icon-close-outline list-icon list-error",{"list-warning":t.type==="warn"}]},null),e.createVNode("div",{class:"list-con"},[e.createVNode("div",{class:"list-title",title:t.title},[t.title]),e.createVNode("div",{class:"list-msg",title:t.msg},[t.msg])])])}function L(){return o.map(t=>e.createVNode("ul",{class:["f-verify-list-content",{active:t.show}]},[t.list&&t.list.map(l=>k(l))]))}const w=e.computed(()=>{var t;return((t=n.verifyList)==null?void 0:t.length)>0});function x(t){return{btn:!0,"verify-title-btn":!0,"f-state-selected":t.active,disabled:t.length<=0}}const H=e.computed(()=>{var t;return(t=f.value)==null?void 0:t.map(l=>e.createVNode("button",{class:x(l),onClick:()=>N(l)},[l.title,e.createVNode("span",null,[l.length])]))}),$=e.computed(()=>{var t;return e.createVNode("div",{class:"f-verify-nums",onClick:m},[e.createVNode("span",{class:"nums-icon f-icon f-icon-warning"},null),e.createVNode("span",{class:"nums-count"},[(t=n.verifyList)==null?void 0:t.length])])});function S(){var l;const t=[];f.value&&((l=f.value)!=null&&l.length)&&(f.value.map(d=>{const p={list:d.type==="all"?n.verifyList:[],show:!1,type:d.type};t.push(p)}),t.map((d,p)=>{const M=n.verifyList.filter(F=>F.type===d.type);t[p].list=p!==0?M:t[p].list}),f.value.map((d,p)=>{d.length=t[p].list.length})),o=t}return e.onBeforeMount(()=>{S(),y(n.showType),V(n.showType)}),()=>e.createVNode("div",{class:w.value?`f-verify-detail ${n.customClass}`:""},[w.value?e.createVNode("div",{class:"f-verify-detail-content"},[$.value,e.createVNode("div",{class:"f-verify-form-main",hidden:!r.value},[e.createVNode("div",{class:"f-verify-form-content"},[e.createVNode("div",{class:"f-verify-form-content-arrow"},null),e.createVNode("div",{class:"f-verify-form-content-list"},[e.createVNode("div",{class:"f-verify-forms-title"},[e.createVNode("div",{class:"btn-group"},[H.value]),e.createVNode("div",{class:"f-verify-close",onClick:D},[e.createVNode("span",{class:"f-icon f-icon-close"},null)])]),e.createVNode("div",{class:"f-verify-forms-list",style:{maxHeight:n.maxHeight+"px"}},[L()])])])])]):null])}});function P(n,s,o){e.createApp({setup(){return e.onUnmounted(()=>{s&&s()}),()=>e.createVNode(g,n,null)}}).mount(o)}class j{static show(s,o){this.clear();let r=0;this.verifyContainer=document.createElement("div"),o&&o.offsetHeight>0?(r=o.offsetHeight-120,o.appendChild(this.verifyContainer)):(r=document.documentElement.clientHeight-120,document.body.appendChild(this.verifyContainer)),s.maxHeight=s.maxHeight?s.maxHeight:r,P(s,this.clear,this.verifyContainer)}static clear(){let s=this.verifyContainer;s&&(s.parentNode&&s.parentNode.removeChild(s),s=null)}}q(j,"verifyContainer",null);const _=e.defineComponent({name:"FVerifyDetailDesign",props:C,emits:["validatorClick","listshow"],setup(n,s){let o=[];const r=e.ref(n.showList),f=e.ref(n.maxHeight),m=e.ref(n.verifyList),V=e.ref(n.showType),y=e.ref(n.verifyType),N=e.ref(),D=e.inject("design-item-context"),b=A.useDesignerComponent(N,D);e.onMounted(()=>{N.value.componentInstance=b}),s.expose(b.value);function k(){r.value=!r.value,s.emit("listshow",r.value)}function L(i){var c;(c=y.value)==null||c.forEach(u=>{u.active=u.type===i})}function w(i){o.forEach(c=>{c.show=c.type===i})}function x(i){i.length<=0||(L(i.type),w(i.type))}function H(){r.value=!1,s.emit("listshow",!1)}function $(i){s.emit("validatorClick",i)}function S(i){return e.createVNode("li",{class:"f-verify-list",onClick:()=>$(i)},[e.createVNode("span",{class:["f-icon f-icon-close-outline list-icon list-error",{"list-warning":i.type==="warn"}]},null),e.createVNode("div",{class:"list-con"},[e.createVNode("p",{class:"list-title",title:i.title},[i.title]),e.createVNode("p",{class:"list-msg",title:i.msg},[i.msg])])])}function t(){return o.map(i=>e.createVNode("ul",{class:["f-verify-list-content",{active:i.show}]},[i.list&&i.list.map(c=>S(c))]))}const l=e.computed(()=>{var i;return((i=m.value)==null?void 0:i.length)>0});function d(i){return{"btn btn-secondary":!0,active:i.active,disabled:i.length<=0}}const p=e.computed(()=>{var i;return(i=y.value)==null?void 0:i.map(c=>e.createVNode("button",{class:d(c),onClick:()=>x(c)},[c.title,e.createVNode("span",null,[c.length])]))}),M=e.computed(()=>{var i;return e.createVNode("div",{class:"f-verify-nums",onClick:k},[e.createVNode("span",{class:"nums-icon f-icon f-icon-warning"},null),e.createVNode("span",{class:"nums-count"},[(i=m.value)==null?void 0:i.length])])});function F(){var c;const i=[];y.value&&((c=y.value)!=null&&c.length)&&(y.value.map(u=>{const v={list:u.type==="all"?m.value:[],show:!1,type:u.type};i.push(v)}),i.map((u,v)=>{const U=m.value.filter(z=>z.type===u.type);i[v].list=v!==0?U:i[v].list}),y.value.map((u,v)=>{u.length=i[v].list.length})),o=i}return e.onBeforeMount(()=>{F(),w(V.value),L(V.value)}),()=>e.createVNode("div",{ref:N},[l.value?e.createVNode("div",{class:"f-verify-detail"},[e.createVNode("div",{class:"f-verify-detail-content"},[M.value,e.createVNode("div",{class:"f-verify-form-main",hidden:!r.value},[e.createVNode("div",{class:"f-verify-form-content"},[e.createVNode("div",{class:"f-verify-form-content-arrow"},null),e.createVNode("div",{class:"f-verify-form-content-list"},[e.createVNode("div",{class:"f-verify-forms-title"},[e.createVNode("div",{class:"btn-group"},[p.value]),e.createVNode("div",{class:"f-verify-close",onClick:H},[e.createVNode("span",{class:"f-icon f-icon-close"},null)])]),e.createVNode("div",{class:"f-verify-forms-list",style:{maxHeight:f.value+"px"}},[t()])])])])])]):null])}}),I={install(n){n.component(g.name,g),n.provide("FVerifyDetailService",j)},register(n,s,o,r){n["verify-detail"]=g,s["verify-detail"]=T},registerDesigner(n,s,o){n["verify-detail"]=_,s["verify-detail"]=T}};a.FVerifyDetail=g,a.FVerifyDetailService=j,a.default=I,a.propsResolver=T,a.verifyDetailProps=C,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});