@farris/ui-vue 1.8.3 → 1.8.4

package/designer/radio-group/index.esm.js

@@ -16,10 +16,10 @@ import Wt from "../../components/tags/index.esm.js";
 import { useInputExpand as qt } from "../../components/common/index.esm.js/text-box/use-input-expand";
 import jt from "../../components/popover/index.esm.js";
 import Gt from "../../components/drawer/index.esm.js";
-import Dt from "../../components/data-grid/index.esm.js";
-import { FNotifyService as Kt } from "../../components/notify/index.esm.js";
+import Kt from "../../components/data-grid/index.esm.js";
+import { FNotifyService as Xt } from "../../components/notify/index.esm.js";
 import "bignumber.js";
-const Xt = {
+const _t = {
   ...kt,
   /**
    * 组件标识
@@ -70,7 +70,7 @@ const Xt = {
    */
   valueField: { type: String, default: "value" }
 };
-function _t(n, t, e) {
+function Dt(n, t, e) {
   const o = T(() => !n.disabled), i = T(() => n.data || n.enumData || n.options || []);
   function l(s) {
     return s[n.valueField];
@@ -1522,6 +1522,20 @@ class nn extends tn {
   constructor(t, e) {
     super(t, e);
   }
+  /**
+   * 交互面板增加 changeValue（设计器字段名为 onChangeValue，对应运行时 emit('changeValue')）
+   */
+  getEventPropertyConfig(t, e = "card", o, i) {
+    const l = this.formRule ? [] : [{ label: "onChangeValue", name: "值变化事件" }];
+    return super.getEventPropertyConfig(
+      t,
+      e,
+      [...l, ...o || []],
+      (a, r, s) => {
+        t.editor && (t.editor.onChangeValue = t.onChangeValue), i == null || i(a, r, s);
+      }
+    );
+  }
   getEditorProperties(t) {
     const e = this;
     return e.getComponentConfig(t, { type: "radio-group" }, {
@@ -1616,14 +1630,14 @@ function on(n, t) {
 }
 const pe = /* @__PURE__ */ Q({
   name: "FRadioGroupDesign",
-  props: Xt,
+  props: _t,
   emits: ["changeValue", "update:modelValue"],
   setup(n, t) {
     const e = v(n.modelValue), {
       enumData: o,
       getValue: i,
       getText: l
-    } = _t(n, t, e), a = T(() => ({
+    } = Dt(n, t, e), a = T(() => ({
       "farris-checkradio-hor": n.direction === "horizontal",
       "farris-checkradio-ver": n.direction === "vertical"
     })), r = v(), s = fe("designer-host-service"), d = fe("design-item-context"), c = on(d, s), u = Ut(r, d, c);
@@ -2286,7 +2300,7 @@ function mn(n, t) {
       }
     }, f.value = !1, M.value = !0);
   }
-  function D() {
+  function K() {
     var x, I;
     if (document.body.click(), m.value) {
       const O = {
@@ -2304,7 +2318,7 @@ function mn(n, t) {
       }, f.value = n.draggable, M.value = !1;
     }
   }
-  function _() {
+  function D() {
     if (e.value) {
       const x = ne.getCurrent(e.value);
       if (x) {
@@ -2316,25 +2330,25 @@ function mn(n, t) {
       }
     }
   }
-  function K() {
+  function X() {
     const x = () => {
-      M.value ? A(!1) : _(), document.body.click();
+      M.value ? A(!1) : D(), document.body.click();
     };
     return window.addEventListener("resize", x), () => {
       window.removeEventListener("resize", x);
     };
   }
-  const X = K();
+  const _ = X();
   return {
     renderResizeBar: R,
     boundingElement: o,
     resizedEventParam: y,
     maximize: A,
-    restore: D,
+    restore: K,
     allowDrag: f,
     isMaximized: M,
-    unWindowResizeHandle: X,
-    moveToCenter: _
+    unWindowResizeHandle: _,
+    moveToCenter: D
   };
 }
 function pn(n, t, e) {
@@ -2489,10 +2503,10 @@ const se = /* @__PURE__ */ Q({
         $(g, !0);
       }
     }], w = v(n.buttons && n.buttons.length ? n.buttons : b), B = T(() => !!d.value), L = T(() => !!M.value && !!w.value), k = v(), R = v(), A = v(n.maximized || !1), {
-      renderResizeBar: D,
-      maximize: _,
-      restore: K,
-      boundingElement: X,
+      renderResizeBar: K,
+      maximize: D,
+      restore: X,
+      boundingElement: _,
       resizedEventParam: x,
       allowDrag: I,
       unWindowResizeHandle: O,
@@ -2507,7 +2521,7 @@ const se = /* @__PURE__ */ Q({
       g !== P && (F.value = g);
     }), G(() => n.modelValue, (g, P) => {
       g !== P && (i.value = g, i.value && n.draggable && ie(() => {
-        R.value && !E.value && (E.value = R.value.parentElement, X.value = E.value, j(k.value, R.value, X.value), z());
+        R.value && !E.value && (E.value = R.value.parentElement, _.value = E.value, j(k.value, R.value, _.value), z());
       }), g || (E.value && (E.value = null), H())), i.value ? N.value = Fe() : (A.value = !1, I.value = n.draggable);
     }), G(() => n.showHeader, (g, P) => {
       g !== P && (s.value = g);
@@ -2598,10 +2612,10 @@ const se = /* @__PURE__ */ Q({
     });
     function ge(g) {
       if (g == null || g.stopPropagation(), A.value) {
-        A.value = !1, K();
+        A.value = !1, X();
         return;
       }
-      _(), A.value = !0;
+      D(), A.value = !0;
     }
     async function mt(g, P) {
       g.handle ? await g.handle(P, g) && t.emit("closed", P) : t.emit("buttonClick", {
@@ -2616,7 +2630,7 @@ const se = /* @__PURE__ */ Q({
     Pt(() => {
       N.value = Fe();
     }), J(() => {
-      R.value && !E.value && (E.value = R.value.parentElement, X.value = E.value, j(k.value, R.value, X.value)), ue.value && document.body.classList.add("modal-open"), ve = hn(n, t), ye = gn(n, t);
+      R.value && !E.value && (E.value = R.value.parentElement, _.value = E.value, j(k.value, R.value, _.value)), ue.value && document.body.classList.add("modal-open"), ve = hn(n, t), ye = gn(n, t);
     }), he(() => {
       O && O(), ve && ve.remove(), ye && ye.remove();
     }), t.expose({
@@ -2740,7 +2754,7 @@ const se = /* @__PURE__ */ Q({
         width: "100%",
         frameborder: "0",
         src: m.value
-      }, null)]), Ct()]), !r.value && R.value && !A.value && D(R.value)]);
+      }, null)]), Ct()]), !r.value && R.value && !A.value && K(R.value)]);
     }
     function Et(g) {
       return g || "body";
@@ -2949,7 +2963,7 @@ se.install = (n) => {
   const t = new yn(n);
   n.provide(Ge, t), n.provide("FModalService", t);
 };
-function De(n, t) {
+function Ke(n, t) {
   function e() {
     const o = n.beforeOpen || n.beforeClickButton || null;
     let i = Promise.resolve(!0);
@@ -2967,7 +2981,7 @@ function bn(n, t, e, o, i) {
   const l = v(n.buttonBehavior), a = v(n.popupOnInput), r = T(() => ({
     "input-group-append": !0,
     "append-force-show": n.showButtonWhenDisabled && (n.readonly || n.disable)
-  })), { judgeCanOpen: s } = De(n, i), d = T(() => n.showButtonWhenDisabled || (!n.editable || !n.readonly) && !n.disable), c = fe(Ge, null), u = v();
+  })), { judgeCanOpen: s } = Ke(n, i), d = T(() => n.showButtonWhenDisabled || (!n.editable || !n.readonly) && !n.disable), c = fe(Ge, null), u = v();
   async function y(f) {
     if (await s() && d.value) {
       const M = !!t.slots.default;
@@ -3109,7 +3123,7 @@ function wn(n, t, e, o, i) {
 }
 const te = "FarrisVue_PopoverInstancesKey";
 function xn(n, t, e, o) {
-  const i = v(), l = v(!1), { judgeCanOpen: a } = De(n, o);
+  const i = v(), l = v(!1), { judgeCanOpen: a } = Ke(n, o);
   G(() => i.value, (h, m) => {
     window[te] = window[te] || /* @__PURE__ */ new WeakMap(), h ? window[te].set(e.value, h) : window[te].delete(e.value);
   });
@@ -3398,8 +3412,8 @@ const kn = /* @__PURE__ */ Q({
     });
     const {
       renderButtonGroup: A,
-      buttonHandleElement: D
-    } = In(n, t, c, F), _ = Fn(n, t, l), K = v(a.value), X = {
+      buttonHandleElement: K
+    } = In(n, t, c, F), D = Fn(n, t, l), X = v(a.value), _ = {
       displayText: u,
       commitValue: m,
       elementRef: e,
@@ -3409,7 +3423,7 @@ const kn = /* @__PURE__ */ Q({
       shouldPopupContent: a,
       togglePopup: d,
       openDialog: () => {
-        D.value && n.buttonBehavior === "Modal" && D.value.click(), t.slots.content && We(() => {
+        K.value && n.buttonBehavior === "Modal" && K.value.click(), t.slots.content && We(() => {
           c.onClickButton(null);
         }, n.buttonBehavior === "Modal" ? 0 : 200)();
       },
@@ -3422,7 +3436,7 @@ const kn = /* @__PURE__ */ Q({
         return (x = e.value) == null ? void 0 : x.querySelector("input");
       },
       forceClosePopup: () => {
-        K.value = !1, N.value = !0, a.value = !1;
+        X.value = !1, N.value = !0, a.value = !1;
       },
       clear: () => {
         M(""), u.value = "";
@@ -3432,27 +3446,27 @@ const kn = /* @__PURE__ */ Q({
       }
     };
     return J(() => {
-      e.value.componentInstance = X, window.onresize = () => {
+      e.value.componentInstance = _, window.onresize = () => {
         document.body.click();
       };
     }), zt(() => {
       var x;
       window.onresize = null, (x = window[te]) == null || x.delete(e.value);
-    }), t.expose(X), G(() => a.value, async (x, I) => {
+    }), t.expose(_), G(() => a.value, async (x, I) => {
       if (N.value) {
-        K.value = x, N.value = !1;
+        X.value = x, N.value = !1;
         return;
       }
       if (!x && n.beforeClosePopup && typeof n.beforeClosePopup == "function") {
         try {
           const O = await n.beforeClosePopup();
-          K.value = !O, (!O || n.readonly) && (a.value = !0);
+          X.value = !O, (!O || n.readonly) && (a.value = !0);
         } catch (O) {
-          console.error("Error in beforeClosePopup:", O), K.value = I, a.value = I;
+          console.error("Error in beforeClosePopup:", O), X.value = I, a.value = I;
         }
         return;
       }
-      K.value = x;
+      X.value = x;
     }), () => {
       var x, I;
       return p(Z, null, [p("div", Me(t.attrs, {
@@ -3466,17 +3480,17 @@ const kn = /* @__PURE__ */ Q({
         style: b.value,
         onMouseenter: E,
         onMouseleave: V
-      }, [(I = (x = t.slots).precontent) == null ? void 0 : I.call(x), t.slots.content ? t.slots.content() : R(), t.slots.content ? null : w.value && A()])]), K.value && _()]);
+      }, [(I = (x = t.slots).precontent) == null ? void 0 : I.call(x), t.slots.content ? t.slots.content() : R(), t.slots.content ? null : w.value && A()])]), X.value && D()]);
     };
   }
 });
-function Ke(n, t, e) {
+function Xe(n, t, e) {
   return t;
 }
-function Xe(n, t, e) {
+function _e(n, t, e) {
   return t;
 }
-const _e = /* @__PURE__ */ new Map([
+const De = /* @__PURE__ */ new Map([
   ["appearance", Tt]
 ]), Ye = /* @__PURE__ */ new Map([]), Bn = "https://json-schema.org/draft/2020-12/schema", Tn = "https://farris-design.gitee.io/radio-group.schema.json", Sn = "item-collection-editor", Pn = "A Farris Input Component", Vn = "object", Rn = {
   id: {
@@ -3631,12 +3645,12 @@ const _e = /* @__PURE__ */ new Map([
    */
   modalHeight: { type: Number, default: 600 }
 };
-Ne(Ie, Je, Ye, Xe);
+Ne(Ie, Je, Ye, _e);
 const Nn = Ae(
   Ie,
   Je,
   Ye,
-  Xe
+  _e
 ), An = {
   /**
   * 必填的列
@@ -3680,7 +3694,7 @@ const Nn = Ae(
     let e = "";
     const {
       guid: o
-    } = xe(), i = new Kt(), l = v(n.valueField), a = v(n.nameField), r = {
+    } = xe(), i = new Xt(), l = v(n.valueField), a = v(n.nameField), r = {
       editMode: "cell"
     }, s = {
       fitColumns: !0
@@ -3717,27 +3731,27 @@ const Nn = Ae(
       const B = n.requiredFields || [], L = "不允许为空。";
       for (const R of b)
         for (const A of Object.keys(R)) {
-          const D = c.find((_) => _.field === A);
-          if (D && D.editor && (D.editor.type === "checkbox" || D.editor.type === "switch")) {
+          const K = c.find((D) => D.field === A);
+          if (K && K.editor && (K.editor.type === "checkbox" || K.editor.type === "switch")) {
             if (B.includes(A) && (R[A] === null || R[A] === void 0))
               return i.warning({
                 position: "top-center",
-                message: D.title + L
+                message: K.title + L
               }), !1;
           } else if (B.includes(A) && (R[A] === void 0 || R[A] === "" || R[A] === null))
             return i.warning({
               position: "top-center",
-              message: D.title + L
+              message: K.title + L
             }), !1;
         }
       const k = n.uniqueFields || [];
       for (const R of k) {
-        const A = b.map((K) => K[R]), D = new Set(A), _ = Array.from(D);
-        if (A.length !== _.length) {
-          const K = c.find((X) => X.field === R);
+        const A = b.map((X) => X[R]), K = new Set(A), D = Array.from(K);
+        if (A.length !== D.length) {
+          const X = c.find((_) => _.field === R);
           return i.warning({
             position: "top-center",
-            message: K.title + w
+            message: X.title + w
           }), !1;
         }
       }
@@ -3828,7 +3842,7 @@ const Nn = Ae(
     }, [Y("删除")])]), p("div", {
       class: "f-utils-fill border",
       style: "margin:0 8px;border-radius:12px;"
-    }, [p(Dt, {
+    }, [p(Kt, {
       ref: d,
       showBorder: !0,
       idField: "hId",
@@ -4178,7 +4192,7 @@ ce.install = (n) => {
   const t = new Gn();
   n.provide(Qe, t), n.provide("FNotifyService", t);
 };
-const Dn = /* @__PURE__ */ Q({
+const Kn = /* @__PURE__ */ Q({
   name: "FItemCollectionEditor",
   props: Ie,
   components: {},
@@ -4314,7 +4328,7 @@ const Dn = /* @__PURE__ */ Q({
       }, null)])]
     });
   }
-}), Kn = "https://json-schema.org/draft/2020-12/schema", Xn = "https://farris-design.gitee.io/radio-group.schema.json", _n = "radio-group", Yn = "A Farris Input Component", Jn = "object", Zn = {
+}), Xn = "https://json-schema.org/draft/2020-12/schema", _n = "https://farris-design.gitee.io/radio-group.schema.json", Dn = "radio-group", Yn = "A Farris Input Component", Jn = "object", Zn = {
   id: {
     description: "The unique identifier for a radio-group",
     type: "string"
@@ -4396,7 +4410,11 @@ const Dn = /* @__PURE__ */ Q({
     default: "horizontal"
   },
   onChange: {
-    description: "值变化事件",
+    description: "值变化事件（兼容旧配置，对应 emit change）",
+    type: "string"
+  },
+  onChangeValue: {
+    description: "值变化事件（对应 emit changeValue）",
     type: "string"
   }
 }, Qn = [
@@ -4407,22 +4425,22 @@ const Dn = /* @__PURE__ */ Q({
   "binding",
   "visible"
 ], et = {
-  $schema: Kn,
-  $id: Xn,
-  title: _n,
+  $schema: Xn,
+  $id: _n,
+  title: Dn,
   description: Yn,
   type: Jn,
   properties: Zn,
   required: Qn,
   ignore: ei
-}, Ci = Ne(ze, et, _e, Ke), tt = Ae(
+}, Ci = Ne(ze, et, De, Xe), tt = Ae(
   ze,
   et,
-  _e,
-  Ke
+  De,
+  Xe
 );
 pe.register = (n, t, e, o, i) => {
-  n["radio-group"] = St, t["radio-group"] = tt(i), n["item-collection-editor"] = Dn, t["item-collection-editor"] = Nn(i);
+  n["radio-group"] = St, t["radio-group"] = tt(i), n["item-collection-editor"] = Kn, t["item-collection-editor"] = Nn(i);
 };
 pe.registerDesigner = (n, t, e, o) => {
   n["radio-group"] = pe, t["radio-group"] = tt(o);