@farris/ui-vue 1.2.4 → 1.2.5

package/components/response-layout-editor/index.esm.js

@@ -1,7 +1,7 @@
 var qe = Object.defineProperty;
 var Ue = (e, t, n) => t in e ? qe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Q = (e, t, n) => Ue(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as q, ref as l, watch as j, computed as R, onMounted as J, createVNode as i, nextTick as ce, toRefs as Xe, onBeforeMount as fe, createTextVNode as G, Fragment as ie, withModifiers as ae, inject as ge, provide as Ye, onUnmounted as be, Teleport as Je, shallowRef as Qe, createApp as Ze, render as se, h as _e, cloneVNode as Ke, mergeProps as we, reactive as Z } from "vue";
+import { defineComponent as q, ref as l, watch as O, computed as R, onMounted as J, createVNode as i, nextTick as ce, toRefs as Xe, onBeforeMount as fe, createTextVNode as G, Fragment as ie, withModifiers as ae, inject as ge, provide as Ye, onUnmounted as be, Teleport as Je, shallowRef as Qe, createApp as Ze, render as se, h as _e, cloneVNode as Ke, mergeProps as we, reactive as Z } from "vue";
 import { cloneDeep as U } from "lodash-es";
 import et from "@farris/ui-vue/components/list-view";
 import tt from "@farris/ui-vue/components/button-edit";
@@ -601,7 +601,7 @@ const Et = /* @__PURE__ */ q({
   emits: ["mounted", "active"],
   setup(e, t) {
     const n = l(), a = l(e.isActive);
-    j(() => e.isActive, (d) => {
+    O(() => e.isActive, (d) => {
       a.value = d;
     });
     const o = R(() => ({
@@ -613,7 +613,7 @@ const Et = /* @__PURE__ */ q({
       t.emit("mounted", n, e.value);
     });
     function u(d) {
-      t.emit("active", d, {
+      e.disabled || t.emit("active", d, {
         name: e.name,
         value: e.value
       });
@@ -663,15 +663,15 @@ const Et = /* @__PURE__ */ q({
       const m = n.value.findIndex((E) => E.value === g);
       m > -1 && k(n.value[m], !1);
     }
-    j(() => e.modelValue, (g) => {
+    O(() => e.modelValue, (g) => {
       u.value = g, L(u.value);
-    }), j(() => e.items, async (g) => {
+    }), O(() => e.items, async (g) => {
       const m = g.filter((E) => E.show);
       y(m), n.value = m, await ce(), L(u.value), h.value = Array.from(w.values()).reduce((E, A) => (E += A.value.clientWidth, E), 0);
     }), J(async () => {
       L(u.value), await ce(), d.value = "0.1s ease-out all", h.value = Array.from(w.values()).reduce((g, m) => (g += m.value.clientWidth, g), 0);
     });
-    function O(g, m) {
+    function j(g, m) {
       k(m, !0);
     }
     function W(g, m) {
@@ -691,7 +691,7 @@ const Et = /* @__PURE__ */ q({
         disabled: g.disabled,
         key: g.value,
         onMounted: W,
-        onActive: O
+        onActive: j
       }, null);
     }
     return () => i("span", {
@@ -851,8 +851,10 @@ const jt = /* @__PURE__ */ q({
     function B() {
       n.value || (p.value = !p.value, t.emit("update:modelValue", p.value));
     }
-    return j(p, (w, S) => {
+    return O(p, (w, S) => {
       w !== S && t.emit("modelValueChanged", w);
+    }), O(() => e.modelValue, (w, S) => {
+      w !== S && (p.value = w);
     }), () => i("span", {
       tabindex: "0",
       role: "button",
@@ -903,7 +905,7 @@ const jt = /* @__PURE__ */ q({
     function v() {
       t.emit("switchInStandardModeChanged", d.value);
     }
-    j(d, () => {
+    O(d, () => {
     }), fe(() => {
       a.value.mode === "standard" ? (d.value = !0, v()) : d.value = !1;
     });
@@ -957,7 +959,7 @@ const jt = /* @__PURE__ */ q({
   emits: [],
   setup(e, t) {
     const n = l(e.item), a = l(e.currentScreenResolution), o = R(() => `col-${n.value[`columnIn${a.value}`]}`);
-    return j([() => e.item, () => e.currentScreenResolution], ([u, d], [f, v]) => {
+    return O([() => e.item, () => e.currentScreenResolution], ([u, d], [f, v]) => {
       u !== f && (n.value = u), d !== v && (a.value = d);
     }), () => i("div", {
       class: o.value
@@ -974,9 +976,9 @@ const jt = /* @__PURE__ */ q({
   emits: ["update:twoDimensionalArray"],
   setup(e, t) {
     const n = l(e.currentScreenResolution), a = l(e.switchInStandardMode), o = l(e.currentArea), u = l(e.twoDimensionalArray), d = l([]);
-    j([() => e.currentArea, () => e.switchInStandardMode, () => e.currentScreenResolution], ([s, c, h], [b, B, w]) => {
+    O([() => e.currentArea, () => e.switchInStandardMode, () => e.currentScreenResolution], ([s, c, h], [b, B, w]) => {
       s !== b && (o.value = s), c !== B && (a.value = c), h !== w && (n.value = h);
-    }), j(() => e.twoDimensionalArray, () => {
+    }), O(() => e.twoDimensionalArray, () => {
       u.value = e.twoDimensionalArray, f();
     }), J(() => {
       f();
@@ -1405,7 +1407,7 @@ const nn = {
   emits: ["selectionChange"],
   setup(e, t) {
     const n = l(e.dataSource), a = l([]), o = l(e.separator), u = l(e.width), d = l(e.maxHeight), f = l(String(e.selectedValues).split(o.value));
-    j(e.dataSource, () => {
+    O(e.dataSource, () => {
       n.value = e.dataSource;
     });
     const v = R(() => e.enableSearch ? "SearchBar" : "ContentHeader"), r = R(() => {
@@ -1415,7 +1417,7 @@ const nn = {
     function p(s) {
       a.value = s.map((c) => Object.assign({}, c)), f.value = s.map((c) => c[e.idField]), t.emit("selectionChange", a.value);
     }
-    return j([() => e.selectedValues], ([s]) => {
+    return O([() => e.selectedValues], ([s]) => {
       f.value = s.split(o.value);
     }), () => i("div", {
       class: "f-combo-list-container pl-3",
@@ -1463,9 +1465,9 @@ function ln(e) {
     const { url: s, method: c = "GET", headers: h = {}, body: b = null } = e.remote, B = c.toLowerCase() == "get" ? { method: c, headers: h } : { method: c, headers: h, body: b };
     let w = !1;
     fetch(s, B).then((S) => {
-      var L, O;
+      var L, j;
       if (S.status === 200)
-        return w = !!((O = (L = S.headers) == null ? void 0 : L.get("content-type")) != null && O.includes("application/json")), w ? S.text() : S.json();
+        return w = !!((j = (L = S.headers) == null ? void 0 : L.get("content-type")) != null && j.includes("application/json")), w ? S.text() : S.json();
       throw new Error(S.statusText);
     }).then((S) => {
       a.value = w ? JSON.parse(S) : S;
@@ -1473,14 +1475,14 @@ function ln(e) {
       console.error(S);
     });
   }
-  return e.remote && p(), j(() => e.data, () => {
+  return e.remote && p(), O(() => e.data, () => {
     a.value = e.data;
-  }), j([a], ([s]) => {
+  }), O([a], ([s]) => {
     if (e.modelValue) {
       const c = s.find((h) => h[e.valueField] === e.modelValue);
       c && (t.value = c[e.textField]);
     }
-  }), j(() => e.modelValue, (s) => {
+  }), O(() => e.modelValue, (s) => {
     n.value = s, d(s);
   }), d(e.modelValue), { dataSource: a, displayText: t, editable: o, modelValue: n, getItemsByDisplayText: f, getItemsByValue: u, getSelectedItemsByDisplayText: r };
 }
@@ -1515,12 +1517,12 @@ const on = /* @__PURE__ */ q({
     function L() {
       return v.value;
     }
-    function O(W) {
+    function j(W) {
       t.emit("input", W);
     }
     return t.expose({
       getDisplayText: L
-    }), j([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([W, y, T, g, m]) => {
+    }), O([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([W, y, T, g, m]) => {
       a.value = W, r.value = y, o.value = T, u.value = g, d.value = m;
     }), () => i(tt, {
       ref: n,
@@ -1544,7 +1546,7 @@ const on = /* @__PURE__ */ q({
       onClear: S,
       onClick: w,
       onChange: k,
-      onInput: O,
+      onInput: j,
       beforeOpen: e.beforeOpen
     }, {
       default: () => [i(an, {
@@ -1712,7 +1714,7 @@ const Mn = /* @__PURE__ */ q({
     function o(u) {
       return `${u.text}${e.suffixValue}`;
     }
-    return j(() => e.enumData, (u, d) => {
+    return O(() => e.enumData, (u, d) => {
       u !== d && (n.value = e.enumData);
     }), () => i("div", {
       class: "f-radio-button"
@@ -1873,7 +1875,7 @@ const zn = /* @__PURE__ */ q({
     const n = l(e.size), a = l(e.enableHalf), o = l(e.enableClear), u = l(e.disabled), d = l(e.pointSystem), f = l(e.lightColor), v = l(e.darkColor), r = l(e.iconClass), p = l(e.numOfStar), s = l(e.toolTipDisabled), c = l(e.toolTipContents), h = l(e.enableScore), b = l(e.enableSatisfaction);
     let B;
     const w = l(0), S = l(0), k = l(0), L = l(e.modelValue);
-    let O = 1, W, y, T;
+    let j = 1, W, y, T;
     const g = 4;
     J(() => {
     });
@@ -1887,7 +1889,7 @@ const zn = /* @__PURE__ */ q({
     }
     function E() {
       let x;
-      a.value ? x = Math.ceil(L.value / O) : x = L.value, S.value = (B * L.value + Math.floor(L.value) * g) / O, W = c.value[x - 1];
+      a.value ? x = Math.ceil(L.value / j) : x = L.value, S.value = (B * L.value + Math.floor(L.value) * g) / j, W = c.value[x - 1];
     }
     function A() {
       switch (n.value) {
@@ -1904,7 +1906,7 @@ const zn = /* @__PURE__ */ q({
           B = 24;
           break;
       }
-      m(), p.value && (O = d.value / p.value), L.value && E();
+      m(), p.value && (j = d.value / p.value), L.value && E();
     }
     A();
     function H(x) {
@@ -1917,7 +1919,7 @@ const zn = /* @__PURE__ */ q({
       if (x.movementX || x.movementY) {
         if (u.value)
           return;
-        b.value && (W = c.value[$ - 1]), x.offsetX < B / 2 && a.value === !0 ? (w.value = B * $ - B / 2 + g * ($ - 1), k.value = O * $ - O / 2) : (w.value = B * $ + g * ($ - 1), k.value = O * $);
+        b.value && (W = c.value[$ - 1]), x.offsetX < B / 2 && a.value === !0 ? (w.value = B * $ - B / 2 + g * ($ - 1), k.value = j * $ - j / 2) : (w.value = B * $ + g * ($ - 1), k.value = j * $);
       }
       if (N === !0) {
         if (X())
@@ -1938,7 +1940,7 @@ const zn = /* @__PURE__ */ q({
     function I() {
       w.value = 0;
     }
-    return j(() => e.modelValue, (x) => {
+    return O(() => e.modelValue, (x) => {
       L.value = x, E();
     }), () => i("div", {
       class: "farris-star-rating",
@@ -2046,7 +2048,7 @@ const zn = /* @__PURE__ */ q({
         onSelectedValue: () => k(p.value)
       }, null);
     }
-    function O() {
+    function j() {
       const m = [];
       d.value = n == null ? void 0 : n[a.value];
       const E = o.value[`displayWidthIn${a.value}`];
@@ -2059,7 +2061,7 @@ const zn = /* @__PURE__ */ q({
       }), m;
     }
     function W() {
-      const m = O();
+      const m = j();
       return i(Mn, {
         enumData: m,
         suffixValue: "列",
@@ -2109,7 +2111,7 @@ const zn = /* @__PURE__ */ q({
         class: "f-layout-editor-column-width-editor-label"
       }, [(m = o == null ? void 0 : o.value) == null ? void 0 : m.label]), T()]);
     }
-    return j(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([m, E, A], [H, X, D]) => {
+    return O(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([m, E, A], [H, X, D]) => {
       A !== D && (a.value = A, d.value = n[a.value], w()), E !== X && (u.value = E), u.value === !1 && w(), m !== H && (o.value = m);
     }), J(() => {
       w();
@@ -2160,7 +2162,7 @@ const zn = /* @__PURE__ */ q({
         D.push(z), c.value = z[z.length - 1].componentRow;
       }), y(D);
     }
-    function O() {
+    function j() {
       k();
       let D = [];
       return c.value = 0, s.value.forEach((F) => {
@@ -2225,7 +2227,7 @@ const zn = /* @__PURE__ */ q({
       });
     }
     function A() {
-      o.value = U(O()), t.emit("originalDataChanged", o.value);
+      o.value = U(j()), t.emit("originalDataChanged", o.value);
     }
     function H(D) {
       for (let F = 0; F < D.length; F++)
@@ -2238,20 +2240,20 @@ const zn = /* @__PURE__ */ q({
     const X = qt(b, () => {
       L(), A(), E();
     });
-    return Ye("ResponseLayoutEditorDraggableComposition", X), j(() => e.currentArea, (D, F) => {
+    return Ye("ResponseLayoutEditorDraggableComposition", X), O(() => e.currentArea, (D, F) => {
       D !== F && (r.value = e.currentArea, E());
-    }), j(r, (D, F) => {
+    }), O(r, (D, F) => {
       D !== F && E();
-    }), j(() => e.currentGroup, (D, F) => {
+    }), O(() => e.currentGroup, (D, F) => {
       D !== F && (f.value = e.currentGroup);
-    }), j(() => e.currentScreenResolution, (D, F) => {
+    }), O(() => e.currentScreenResolution, (D, F) => {
       D !== F && (n.value = e.currentScreenResolution, A(), k(), r.value[0] && (b.value = U(s.value[Number(r.value[0].id) - 1])));
-    }), j(() => e.switchInStandardMode, (D, F) => {
+    }), O(() => e.switchInStandardMode, (D, F) => {
       D !== F && (a.value = e.switchInStandardMode, o.value = U(u.value));
-    }), j(d, (D, F) => {
+    }), O(d, (D, F) => {
       D !== F && A();
     }), fe(() => {
-      B(), O(), E();
+      B(), j(), E();
     }), () => i("div", {
       class: "f-layout-editor-field-list f-utils-fill-flex-column"
     }, [a.value ? (
@@ -2275,9 +2277,9 @@ const zn = /* @__PURE__ */ q({
       id: "1",
       label: "区域1"
     }]), r = l([]), p = l(), s = l(e.width), c = l(e.height);
-    j(() => e.initialState, (m) => {
+    O(() => e.initialState, (m) => {
       n.value = m;
-    }), j([() => e.currentArea, () => e.switchInStandardMode], ([m, E], [A, H]) => {
+    }), O([() => e.currentArea, () => e.switchInStandardMode], ([m, E], [A, H]) => {
       m !== A && (v.value = m), E !== H && (f.value = E);
     });
     function h(m) {
@@ -2301,7 +2303,7 @@ const zn = /* @__PURE__ */ q({
     function L() {
       t.emit("close");
     }
-    function O() {
+    function j() {
       t.emit("submit", a.value);
     }
     function W() {
@@ -2368,7 +2370,7 @@ const zn = /* @__PURE__ */ q({
       class: "f-layout-editor-text-cancel"
     }, [G("取消")])]), i("div", {
       class: "f-layout-editor-sure-btn",
-      onClick: O
+      onClick: j
     }, [i("span", {
       class: "f-layout-editor-text-sure"
     }, [G("确认")])])])])]);
@@ -2642,7 +2644,7 @@ function ua(e, t) {
     const C = e.minHeight ? e.minHeight : 1, I = e.minWidth ? e.minWidth : 1;
     f.value && v.value && r.value && u.value && (f.value.height < C && (f.value.height = C, r.value.n && d.value && (v.value.y = d.value.y + (u.value.height - C))), f.value.width < I && (f.value.width = I, r.value.w && d.value && (v.value.x = d.value.x + (u.value.width - I))), e.maxHeight && f.value.height > e.maxHeight && (f.value.height = e.maxHeight, d.value && r.value.n && (v.value.y = d.value.y + (u.value.height - e.maxHeight))), e.maxWidth && f.value.width > e.maxWidth && (f.value.width = e.maxWidth, r.value.w && d.value && (v.value.x = d.value.x + (u.value.width - e.maxWidth))));
   }
-  function O() {
+  function j() {
     if (a.value) {
       const C = s.value;
       if (v.value && f.value && r.value && u.value) {
@@ -2656,7 +2658,7 @@ function ua(e, t) {
       return;
     C.subtract(o.value);
     const I = C.x, x = C.y;
-    r.value.n ? (v.value.y = d.value.y + x, f.value.height = u.value.height - x) : r.value.s && (f.value.height = u.value.height + x), r.value.e ? f.value.width = u.value.width + I : r.value.w && (f.value.width = u.value.width - I, v.value.x = d.value.x + I), O(), L(), k();
+    r.value.n ? (v.value.y = d.value.y + x, f.value.height = u.value.height - x) : r.value.s && (f.value.height = u.value.height + x), r.value.e ? f.value.width = u.value.width + I : r.value.w && (f.value.width = u.value.width - I, v.value.x = d.value.x + I), j(), L(), k();
   }
   function y(C) {
     if (!p.value)
@@ -2844,14 +2846,14 @@ function sa(e, t) {
     }
     r.value.reset();
   }
-  function O(y) {
+  function j(y) {
     if (y instanceof MouseEvent && y.button === 2)
       return;
     const T = y.target || y.srcElement;
     u.value !== void 0 && T && !c(T, u.value) || a.value !== !1 && (y.stopPropagation(), y.preventDefault(), v.value = P.fromEvent(y, n.value), L(), k());
   }
   function W(y, T, g) {
-    y && a.value && T && (u.value = y, n.value = T, d.value = g, y.classList.add("ng-draggable"), y.addEventListener("mousedown", O));
+    y && a.value && T && (u.value = y, n.value = T, d.value = g, y.classList.add("ng-draggable"), y.addEventListener("mousedown", j));
   }
   return {
     registerDraggle: W,
@@ -2871,7 +2873,7 @@ const Be = /* @__PURE__ */ q({
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc"],
   setup(e, t) {
     const n = l(e.width || 300), a = l(e.height || 200), o = l(e.modelValue), u = l(""), d = l(e.class), f = l(e.fitContent), v = l(e.showHeader), r = l(""), p = l(e.showCloseButton), s = l(e.showMaxButton), c = l(!1), h = l(""), b = l(""), B = l(""), w = l(e.showButtons), S = l(e.title), k = l(e.reiszeable), L = l(e.containment || null);
-    function O(M, V) {
+    function j(M, V) {
       o.value = !1, t.emit("update:modelValue", !1), V != null && t.emit(V ? "accept" : "cancel"), t.emit("closed", M);
     }
     const W = [{
@@ -2879,14 +2881,14 @@ const Be = /* @__PURE__ */ q({
       text: "取消",
       class: "btn btn-light",
       handle: (M) => {
-        O(M, !1);
+        j(M, !1);
       }
     }, {
       name: "accept",
       text: "确定",
       class: "btn btn-primary",
       handle: (M) => {
-        O(M, !0);
+        j(M, !0);
       }
     }], y = l(e.buttons && e.buttons.length ? e.buttons : W), T = R(() => !!r.value), g = R(() => !!w.value && !!y.value), m = l(), E = l(), A = l(!1), {
       renderResizeBar: H,
@@ -2899,15 +2901,15 @@ const Be = /* @__PURE__ */ q({
     } = ua(e), {
       registerDraggle: x
     } = sa(e);
-    j(() => e.title, (M, V) => {
+    O(() => e.title, (M, V) => {
       M !== V && (S.value = M);
-    }), j(() => e.modelValue, (M, V) => {
+    }), O(() => e.modelValue, (M, V) => {
       M !== V && (o.value = M);
-    }), j(() => e.showHeader, (M, V) => {
+    }), O(() => e.showHeader, (M, V) => {
       M !== V && (v.value = M);
-    }), j(() => e.showButtons, (M, V) => {
+    }), O(() => e.showButtons, (M, V) => {
       M !== V && (w.value = M);
-    }), j(() => z.value, (M, V) => {
+    }), O(() => z.value, (M, V) => {
       const te = M || {}, ne = V || {};
       JSON.stringify(te) !== JSON.stringify(ne) && t.emit("resize", {
         newSize: M,
@@ -2983,7 +2985,7 @@ const Be = /* @__PURE__ */ q({
     }), t.expose({
       modalElementRef: E,
       updateModalOptions: Ne,
-      close: O
+      close: j
     });
     function Pe() {
       return i("ul", null, [c.value && i("li", {
@@ -2998,7 +3000,7 @@ const Be = /* @__PURE__ */ q({
         class: We.value
       }, null)]), p.value && i("li", {
         class: "f-btn-icon f-bare",
-        onClick: (M) => O(M, !1),
+        onClick: (M) => j(M, !1),
         style: "pointer-events: auto;"
       }, [i("span", {
         class: "f-icon modal_close"
@@ -3246,7 +3248,7 @@ function da(e, t, n) {
   }
   function L(y) {
   }
-  function O(...y) {
+  function j(...y) {
   }
   return d.value = {
     canMove: f(),
@@ -3263,7 +3265,7 @@ function da(e, t, n) {
     getBelongedComponentInstance: s,
     getDraggableDesignItemElement: c,
     getDraggingDisplayText: b,
-    getPropConfig: O,
+    getPropConfig: j,
     getDragScopeElement: B,
     onAcceptMovedChildElement: w,
     onAcceptNewChildElement: k,
@@ -3701,7 +3703,7 @@ const re = /* @__PURE__ */ q({
   emits: ["change"],
   setup(e, t) {
     const n = l(e.modelValue), a = l(e.width), o = l(e.height);
-    j(() => e.modelValue, (v) => {
+    O(() => e.modelValue, (v) => {
       n.value = v;
     });
     function u(v, r) {