@farris/ui-vue 1.3.4 → 1.3.6

package/components/property-panel/index.esm.js

@@ -32,8 +32,8 @@ import Tt from "../list-nav/index.esm.js";
 import wt from "../list-view/index.esm.js";
 import kt from "../lookup/index.esm.js";
 import Bt from "../mapping-editor/index.esm.js";
-import St from "../nav/index.esm.js";
-import Pt from "../number-range/index.esm.js";
+import Pt from "../nav/index.esm.js";
+import St from "../number-range/index.esm.js";
 import Et from "../order/index.esm.js";
 import It from "../page-header/index.esm.js";
 import Ot from "../page-footer/index.esm.js";
@@ -159,7 +159,7 @@ function me(e) {
 }
 function te(e, t) {
   const n = me(t);
-  return Object.keys(n).reduce((o, r) => (o[r] && se(o[r]) && se(e[r] || !e[r]) ? Object.assign(o[r], e[r] || {}) : o[r] = e[r], o), n), n;
+  return Object.keys(n).reduce((o, r) => (Object.prototype.hasOwnProperty.call(e, r) && (o[r] && se(o[r]) && se(e[r] || !e[r]) ? Object.assign(o[r], e[r] || {}) : o[r] = e[r]), o), n), n;
 }
 function cn(e, t) {
   return Object.keys(e).filter((o) => e[o] != null).reduce((o, r) => {
@@ -328,16 +328,16 @@ function kn(e, t, n) {
 function Bn(e, t, n) {
   return e.includes("readonly") && t.readonly !== void 0 ? typeof t.readonly == "boolean" ? () => !!t.readonly : ye(t.readonly, n) : () => !1;
 }
-function Sn(e, t) {
+function Pn(e, t) {
   const n = e.$converter || t;
   return typeof n == "string" && n && ne.has(n) ? ne.get(n) || null : n || null;
 }
 function re(e, t, n, o, r, d = "", u = "") {
   return Object.keys(e).map((c) => {
-    const i = F(1), g = c, a = e[c], v = Object.keys(a), s = a.title, b = a.type, B = Tn.get(b) || { type: "input-group", enableClear: !1 }, S = a.editor ? Object.assign({}, B, a.editor) : Object.assign({}, B), M = kn(v, a, t), j = Bn(v, a, t);
-    S.readonly = j();
-    const L = a.type === "cascade" ? re(a.properties, t, n, o, r, d, u) : [], P = !0;
-    let E = Sn(a, u);
+    const i = F(1), g = c, a = e[c], v = Object.keys(a), s = a.title, b = a.type, B = Tn.get(b) || { type: "input-group", enableClear: !1 }, P = a.editor ? Object.assign({}, B, a.editor) : Object.assign({}, B), M = kn(v, a, t), j = Bn(v, a, t);
+    P.readonly = j();
+    const L = a.type === "cascade" ? re(a.properties, t, n, o, r, d, u) : [], S = !0;
+    let E = Pn(a, u);
     const O = N({
       get() {
         if (i.value) {
@@ -351,16 +351,16 @@ function re(e, t, n, o, r, d = "", u = "") {
       set(V) {
         i.value += 1, E && E.convertTo ? (E.convertTo(o, c, V, r, d), E.convertTo(n, c, V, r, d)) : (o[c] = V, n[c] = V);
       }
-    }), { refreshPanelAfterChanged: k } = a, $ = { propertyID: g, propertyName: s, propertyType: b, propertyValue: O, editor: S, visible: M, readonly: j, cascadeConfig: L, hideCascadeTitle: P, refreshPanelAfterChanged: k };
+    }), { refreshPanelAfterChanged: k } = a, $ = { propertyID: g, propertyName: s, propertyType: b, propertyValue: O, editor: P, visible: M, readonly: j, cascadeConfig: L, hideCascadeTitle: S, refreshPanelAfterChanged: k };
     return t[g] = $, $;
   });
 }
-function Pn(e, t, n, o, r = "") {
+function Sn(e, t, n, o, r = "") {
   const d = t.$ref.schema, u = t.$ref.converter, T = n[d], c = T.type, i = ge(T), g = {}, a = oe[c];
   if (a && a.categories) {
     const v = a.categories[e], s = v == null ? void 0 : v.title;
-    u && Object.keys(v.properties).forEach((S) => {
-      v.properties[S].$converter = u;
+    u && Object.keys(v.properties).forEach((P) => {
+      v.properties[P].$converter = u;
     });
     const b = (v == null ? void 0 : v.properties) || {}, B = re(b, g, i, T, o, r);
     return { categoryId: e, categoryName: s, properties: B };
@@ -375,11 +375,11 @@ function K(e, t, n, o, r) {
     return Object.keys(c.categories).map((g) => {
       const a = c.categories[g];
       if (a.$ref) {
-        i.push(Pn(g, a, e, t, o));
+        i.push(Sn(g, a, e, t, o));
         return;
       }
-      const v = a == null ? void 0 : a.title, s = a == null ? void 0 : a.tabId, b = a == null ? void 0 : a.tabName, B = a == null ? void 0 : a.hide, S = a == null ? void 0 : a.hideTitle, M = re(a.properties || {}, T, u, e, t, o, a.$converter), { setPropertyRelates: j } = a;
-      i.push({ categoryId: g, categoryName: v, tabId: s, tabName: b, hide: B, properties: M, hideTitle: S, setPropertyRelates: j });
+      const v = a == null ? void 0 : a.title, s = a == null ? void 0 : a.tabId, b = a == null ? void 0 : a.tabName, B = a == null ? void 0 : a.hide, P = a == null ? void 0 : a.hideTitle, M = re(a.properties || {}, T, u, e, t, o, a.$converter), { setPropertyRelates: j } = a;
+      i.push({ categoryId: g, categoryName: v, tabId: s, tabName: b, hide: B, properties: M, hideTitle: P, setPropertyRelates: j });
     }), i;
   }
   return [];
@@ -438,7 +438,8 @@ const On = /* @__PURE__ */ new Map([
   },
   editor: {
     description: "",
-    type: "obejct"
+    type: "obejct",
+    default: {}
   },
   label: {
     description: "",
@@ -456,7 +457,8 @@ const On = /* @__PURE__ */ new Map([
   }
 }, Rn = [
   "id",
-  "type"
+  "type",
+  "editor"
 ], $n = {
   $schema: Nn,
   $id: Mn,
@@ -714,7 +716,6 @@ const Wn = "https://json-schema.org/draft/2020-12/schema", Hn = "https://farris-
     default: ""
   }
 }, Jn = [
-  "id",
   "type"
 ], Xn = [
   "id",
@@ -933,11 +934,11 @@ function ro(e, t, n, o) {
     inputType: s,
     onBlur: b,
     onFocus: B,
-    onInput: S,
+    onInput: P,
     onClick: M,
     onKeydown: j,
     onKeyup: L,
-    onMousedown: P,
+    onMousedown: S,
     onTextBoxValueChange: E,
     readonly: O,
     placeholder: k,
@@ -964,10 +965,10 @@ function ro(e, t, n, o) {
     onClick: M,
     onChange: E,
     onFocus: B,
-    onInput: S,
+    onInput: P,
     onKeydown: j,
     onKeyup: L,
-    onMousedown: P
+    onMousedown: S
   }, null);
 }
 function ao(e, t) {
@@ -1009,7 +1010,7 @@ function io(e, t, n, o, r) {
   function B(k) {
     t.emit("iconMouseEnter", k);
   }
-  function S(k) {
+  function P(k) {
     t.emit("iconMouseLeave", k);
   }
   function M(k) {
@@ -1022,16 +1023,16 @@ function io(e, t, n, o, r) {
     return l("span", {
       class: "input-group-text",
       onMouseenter: (k) => B(k),
-      onMouseleave: (k) => S(k),
+      onMouseleave: (k) => P(k),
       innerHTML: u.value,
       onClick: (k) => j(k)
     }, null);
   }
-  function P() {
+  function S() {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
   function E() {
-    return c.value ? L : i.value ? P : "";
+    return c.value ? L : i.value ? S : "";
   }
   const O = E();
   return () => l("div", {
@@ -1052,11 +1053,11 @@ const lo = /* @__PURE__ */ W({
     } = c, g = ze(e, t, r), {
       onMouseEnter: a,
       onMouseLeave: v
-    } = g, s = eo(e, t, u, c), b = oo(e, t), B = ro(e, t, s, r), S = io(e, t, c, g, s), M = ao(e, t), j = N(() => e.type === "number");
-    R(() => [e.value], ([P]) => {
-      n.value = P, o.value = P;
-    }), R(() => [e.modelValue], ([P]) => {
-      n.value = P, o.value = P;
+    } = g, s = eo(e, t, u, c), b = oo(e, t), B = ro(e, t, s, r), P = io(e, t, c, g, s), M = ao(e, t), j = N(() => e.type === "number");
+    R(() => [e.value], ([S]) => {
+      n.value = S, o.value = S;
+    }), R(() => [e.modelValue], ([S]) => {
+      n.value = S, o.value = S;
     }), q(() => {
       e.value && (n.value = e.value, o.value = e.value);
     });
@@ -1066,13 +1067,13 @@ const lo = /* @__PURE__ */ W({
       style: T.value,
       onMouseenter: a,
       onMouseleave: v
-    }, [j.value ? b() : l(z, null, [M(), B(), i.value && S()])])]);
+    }, [j.value ? b() : l(z, null, [M(), B(), i.value && P()])])]);
     return () => L();
   }
 }), p = {}, f = {}, m = {}, y = {};
 let ue = !1;
 function so() {
-  ue || (ue = !0, tt.register(p, f, m, y), et.register(p, f, m, y), nt.register(p, f, m, y), ot.register(p, f, m, y), rt.register(p, f, m, y), at.register(p, f, m, y), it.register(p, f, m, y), lt.register(p, f, m, y), st.register(p, f, m, y), ut.register(p, f, m, y), dt.register(p, f, m, y), ct.register(p, f, m, y), pt.register(p, f, m, y), ft.register(p, f, m, y), mt.register(p, f, m, y), gt.register(p, f, m, y), yt.register(p, f, m, y), vt.register(p, f, m, y), bt.register(p, f, m, y), Ct.register(p, f, m, y), Ft.register(p, f, m, y), xt.register(p, f, m, y), wt.register(p, f, m, y), Tt.register(p, f, m, y), kt.register(p, f, m, y), Bt.register(p, f, m, y), St.register(p, f, m, y), Pt.register(p, f, m, y), Ze.register(p, f, m, y), Et.register(p, f, m, y), It.register(p, f, m, y), Ot.register(p, f, m, y), Nt.register(p, f, m, y), Mt.register(p, f, m, y), Vt.register(p, f, m, y), jt.register(p, f, m, y), Lt.register(p, f, m, y), Rt.register(p, f, m, y), $t.register(p, f, m, y), Dt.register(p, f, m, y), on.register(p, f, m), At.register(p, f, m, y), Gt.register(p, f, m, y), Ut.register(p, f, m, y), qt.register(p, f, m, y), Wt.register(p, f, m, y), Ht.register(p, f, m, y), Qt.register(p, f, m, y), _t.register(p, f, m, y), zt.register(p, f, m, y), Zt.register(p, f, m, y), Jt.register(p, f, m, y), Xt.register(p, f, m, y), Kt.register(p, f, m, y), Yt.register(p, f, m, y), en.register(p, f, m, y), tn.register(p, f, m, y), nn.register(p, f, m, y), rn.register(p, f, m, y), ht.register(p, f, m, y), an.register(p, f, m, y));
+  ue || (ue = !0, tt.register(p, f, m, y), et.register(p, f, m, y), nt.register(p, f, m, y), ot.register(p, f, m, y), rt.register(p, f, m, y), at.register(p, f, m, y), it.register(p, f, m, y), lt.register(p, f, m, y), st.register(p, f, m, y), ut.register(p, f, m, y), dt.register(p, f, m, y), ct.register(p, f, m, y), pt.register(p, f, m, y), ft.register(p, f, m, y), mt.register(p, f, m, y), gt.register(p, f, m, y), yt.register(p, f, m, y), vt.register(p, f, m, y), bt.register(p, f, m, y), Ct.register(p, f, m, y), Ft.register(p, f, m, y), xt.register(p, f, m, y), wt.register(p, f, m, y), Tt.register(p, f, m, y), kt.register(p, f, m, y), Bt.register(p, f, m, y), Pt.register(p, f, m, y), St.register(p, f, m, y), Ze.register(p, f, m, y), Et.register(p, f, m, y), It.register(p, f, m, y), Ot.register(p, f, m, y), Nt.register(p, f, m, y), Mt.register(p, f, m, y), Vt.register(p, f, m, y), jt.register(p, f, m, y), Lt.register(p, f, m, y), Rt.register(p, f, m, y), $t.register(p, f, m, y), Dt.register(p, f, m, y), on.register(p, f, m), At.register(p, f, m, y), Gt.register(p, f, m, y), Ut.register(p, f, m, y), qt.register(p, f, m, y), Wt.register(p, f, m, y), Ht.register(p, f, m, y), Qt.register(p, f, m, y), _t.register(p, f, m, y), zt.register(p, f, m, y), Zt.register(p, f, m, y), Jt.register(p, f, m, y), Xt.register(p, f, m, y), Kt.register(p, f, m, y), Yt.register(p, f, m, y), en.register(p, f, m, y), tn.register(p, f, m, y), nn.register(p, f, m, y), rn.register(p, f, m, y), ht.register(p, f, m, y), an.register(p, f, m, y));
 }
 function uo() {
   so();
@@ -1169,20 +1170,20 @@ const co = /* @__PURE__ */ W({
       resolveEditorType: s,
       getChangeFunctionName: b,
       getClearFunctionName: B
-    } = uo(), S = N(() => ({
+    } = uo(), P = N(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
       "q-state-readonly": T.value
     }));
-    function M(P, E) {
-      u.value = E !== void 0 ? E : P, t.emit("update:modelValue", u.value), t.emit("change", u.value);
+    function M(S, E) {
+      u.value = E !== void 0 ? E : S, t.emit("update:modelValue", u.value), t.emit("change", u.value);
     }
     function j() {
       t.emit("update:modelValue", "");
     }
     const L = N(() => {
-      const P = r.value.type || "input-group", E = s(P), O = v(P, r.value), k = b(P), $ = B(r.value.type);
+      const S = r.value.type || "input-group", E = s(S), O = v(S, r.value), k = b(S), $ = B(r.value.type);
       return $ && (O[$] = j), O[k] = M, (O.id == null || O.id === "") && (O.id = n.value), () => l(E, We({
         ref: a
       }, O, {
@@ -1190,8 +1191,8 @@ const co = /* @__PURE__ */ W({
         "onUpdate:modelValue": (V) => u.value = V
       }), t.slots);
     });
-    return R([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([P, E, O, k, $, V, G, Z, J]) => {
-      n.value = P, o.value = E, r.value = O, d.value = k, u.value = $, T.value = V, c.value = G, i.value = Z, g.value = J;
+    return R([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([S, E, O, k, $, V, G, Z, J]) => {
+      n.value = S, o.value = E, r.value = O, d.value = k, u.value = $, T.value = V, c.value = G, i.value = Z, g.value = J;
     }), t.expose({
       editorRef: a
     }), () => g.value && l("div", {
@@ -1201,7 +1202,7 @@ const co = /* @__PURE__ */ W({
     }, [l("div", {
       class: "farris-group-wrap"
     }, [l("div", {
-      class: S.value
+      class: P.value
     }, [i.value && l(Gn, {
       id: `${n.value}-lable`,
       required: c.value,
@@ -1360,8 +1361,8 @@ const co = /* @__PURE__ */ W({
   setup(e, t) {
     const n = F(e.width), o = F(e.isWidePanel), r = F(e.enableSearch), d = F(e.mode), u = F(e.isPersitOpenState), T = F(e.isShowPanel), c = F(), i = F(), g = F(e.showCloseBtn), a = F(e.selectedTabId), v = F(!0), s = F(e.isWhiteTheme);
     let b = [], B = [];
-    const S = F(""), M = F(), j = F(), L = He("SchemaService");
-    let P = [], E = null, O = "";
+    const P = F(""), M = F(), j = F(), L = He("SchemaService");
+    let S = [], E = null, O = "";
     const k = F(), $ = F(0);
     function V() {
       B = [], k.value && k.value.categoryList && Array.isArray(k.value.categoryList) && k.value.categoryList.length > 0 && k.value.categoryList.forEach((C) => {
@@ -1385,7 +1386,7 @@ const co = /* @__PURE__ */ W({
       });
     }
     function J() {
-      return B.filter((C) => C.visible ? !!(C.propertyID && C.propertyID.startsWith(S.value) || C.propertyName && (C.propertyName.startsWith(S.value) || C.propertyName.includes(S.value))) : !1);
+      return B.filter((C) => C.visible ? !!(C.propertyID && C.propertyID.startsWith(P.value) || C.propertyName && (C.propertyName.startsWith(P.value) || C.propertyName.includes(P.value))) : !1);
     }
     function Fe(x, C, h) {
       if (x === 0) {
@@ -1397,11 +1398,11 @@ const co = /* @__PURE__ */ W({
       }
     }
     function ae(x) {
-      P && P.length > 0 && (P.forEach((h) => {
+      S && S.length > 0 && (S.forEach((h) => {
         h.style.cssText = "";
-      }), P = []), S.value = x || S.value;
+      }), S = []), P.value = x || P.value;
       const C = document.querySelector(".panel-body");
-      if (!S.value)
+      if (!P.value)
         M.value && C && (C.scrollTop = 0);
       else if (V(), B && B.length > 0) {
         const h = J();
@@ -1410,7 +1411,7 @@ const co = /* @__PURE__ */ W({
             const Y = I.propertyType === "cascade" ? `.${I.categoryId}-${I.propertyID} div.col-form-label` : `.property-item .${I.categoryId}-${I.propertyID} label.col-form-label`, _ = document.querySelector(Y);
             _ && (Fe(A, C, _), Z(_, {
               color: "#5B89FE"
-            }), P.push(_));
+            }), S.push(_));
           });
         }, 50));
       }
@@ -1434,7 +1435,7 @@ const co = /* @__PURE__ */ W({
       u.value || (v.value = !1), t.emit("closePropertyPanel");
     }
     function X(x) {
-      S.value = "", ae();
+      P.value = "", ae();
     }
     function ke(x) {
       !x.status || x.status === "open" ? x.status = "closed" : x.status = "open";
@@ -1474,14 +1475,14 @@ const co = /* @__PURE__ */ W({
       a.value = (C = k.value) == null ? void 0 : C.tabId;
     }
     R(() => [e.schema, e.isShowPanel], () => {
-      i.value = e.schema, !e.schema || !e.schema.type ? c.value = [] : c.value = K(i.value, L, E, O), Q(), X(S.value), $.value++;
+      i.value = e.schema, !e.schema || !e.schema.type ? c.value = [] : c.value = K(i.value, L, E, O), Q(), X(P.value), $.value++;
     }), q(() => {
       Q();
     });
     function Be(x, C) {
-      (!i.value || C) && (i.value = C || e.schema), c.value = K(i.value, L, E, O, x), Q(), X(S.value);
+      (!i.value || C) && (i.value = C || e.schema), c.value = K(i.value, L, E, O, x), Q(), X(P.value);
     }
-    function Se(x, C) {
+    function Pe(x, C) {
       E = x, O = C;
     }
     function ie() {
@@ -1489,7 +1490,7 @@ const co = /* @__PURE__ */ W({
         H();
       }, 100), n.value = "300px") : n.value = "41px";
     }
-    function Pe() {
+    function Se() {
       if (g.value)
         return l("div", {
           class: "title-actions"
@@ -1523,14 +1524,14 @@ const co = /* @__PURE__ */ W({
           placeholder: "输入属性名称或编号快速定位",
           autocomplete: "off",
           onKeyup: (C) => xe(C),
-          value: S.value
+          value: P.value
         }, null), l("div", {
           class: "input-group-append",
           style: "margin-left: 0px;"
         }, [l("span", {
           class: "input-group-text input-group-clear",
           style: [{
-            display: S.value && S.value.length > 0 ? "" : "none"
+            display: P.value && P.value.length > 0 ? "" : "none"
           }],
           onClick: (C) => X()
         }, [l("i", {
@@ -1607,7 +1608,7 @@ const co = /* @__PURE__ */ W({
       }, null)]);
     }
     function De(x) {
-      k.value = x, a.value = k.value.tabId, S.value = "";
+      k.value = x, a.value = k.value.tabId, P.value = "";
     }
     function Re() {
       return b.map((x) => l("div", {
@@ -1620,13 +1621,13 @@ const co = /* @__PURE__ */ W({
       }, [l("span", null, [x.tabName])]));
     }
     return q(() => {
-      H(S.value);
+      H(P.value);
     }), Qe(() => {
-      u.value && (v.value = T.value), Q(), H(S.value);
+      u.value && (v.value = T.value), Q(), H(P.value);
     }), R(k, () => {
     }), t.expose({
       updatePropertyConfig: Be,
-      updateDesignerItem: Se
+      updateDesignerItem: Pe
     }), () => l(z, null, [l("div", {
       ref: M,
       class: ["property-panel", {
@@ -1642,7 +1643,7 @@ const co = /* @__PURE__ */ W({
       }, {
         only: b.length === 1
       }]
-    }, [Re(), Pe()]), Ie(), Me()]), Le(), Ve()])]);
+    }, [Re(), Se()]), Ie(), Me()]), Le(), Ve()])]);
   }
 });
 class Br {
@@ -1813,7 +1814,7 @@ D(U, "fieldControlTypeMapping", {
 });
 let de = U;
 var mo = /* @__PURE__ */ ((e) => (e.string = "string", e.boolean = "boolean", e.number = "number", e.select = "select", e.boolOrExp = "boolOrExp", e.editableSelect = "editableSelect", e.multiSelect = "multiSelect", e.date = "date", e.datetime = "datetime", e.modal = "modal", e.cascade = "cascade", e.custom = "custom", e.unity = "unity", e.events = "events", e.switch = "switch", e.multiLanguage = "multiLanguage", e))(mo || {});
-const Sr = {
+const Pr = {
   install(e) {
     e.component(ce.name, ce);
   }
@@ -1823,7 +1824,7 @@ export {
   ce as FPropertyPanel,
   mo as PropertyType,
   de as SchemaDOMMapping,
-  Sr as default,
+  Pr as default,
   In as propertyPanelItemProps,
   ln as propertyPanelProps
 };