@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2

package/components/number-range/index.esm.js

@@ -1,19 +1,19 @@
-var ie = Object.defineProperty;
-var ne = (o, n, e) => n in o ? ie(o, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[n] = e;
-var y = (o, n, e) => ne(o, typeof n != "symbol" ? n + "" : n, e);
-import { computed as M, ref as N, createVNode as E, defineComponent as _, onMounted as H, watch as G, createTextVNode as J, nextTick as re, inject as D } from "vue";
-import { resolveAppearance as se, createPropsResolver as oe } from "../dynamic-resolver/index.esm.js";
+var ne = Object.defineProperty;
+var re = (o, n, e) => n in o ? ne(o, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[n] = e;
+var y = (o, n, e) => re(o, typeof n != "symbol" ? n + "" : n, e);
+import { computed as M, ref as N, createVNode as E, defineComponent as H, onMounted as J, watch as G, createTextVNode as Q, nextTick as se, inject as K } from "vue";
+import { resolveAppearance as oe, createPropsResolver as le } from "../dynamic-resolver/index.esm.js";
 import I from "bignumber.js";
-import { useNumberLocales as le } from "../number-spinner/index.esm.js";
-import { DgControl as p, canvasChanged as R, refreshCanvas as ae, useDesignerComponent as de } from "../designer-canvas/index.esm.js";
-import { cloneDeep as ue } from "lodash-es";
-import { FormSchemaEntityField$Type as K, FormSchemaEntityFieldType$Type as ce, withInstall as pe } from "../common/index.esm.js";
-function ge(o, n, e) {
+import { useNumberLocales as ae } from "../number-spinner/index.esm.js";
+import { DgControl as p, canvasChanged as R, refreshCanvas as de, useDesignerComponent as ue } from "../designer-canvas/index.esm.js";
+import { cloneDeep as ce } from "lodash-es";
+import { FormSchemaEntityField$Type as Z, FormSchemaEntityFieldType$Type as pe, withInstall as ge } from "../common/index.esm.js";
+function me(o, n, e) {
   return n;
 }
-const me = /* @__PURE__ */ new Map([
-  ["appearance", se]
-]), fe = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-design.gitee.io/number-range.schema.json", ye = "number-range", be = "A Farris Component", ve = "object", Ce = {
+const fe = /* @__PURE__ */ new Map([
+  ["appearance", oe]
+]), he = "https://json-schema.org/draft/2020-12/schema", ye = "https://farris-design.gitee.io/number-range.schema.json", be = "number-range", ve = "A Farris Component", Ce = "object", we = {
   id: {
     description: "The unique identifier for a number-range",
     type: "string"
@@ -119,16 +119,16 @@ const me = /* @__PURE__ */ new Map([
     ],
     default: "left"
   }
-}, we = [
+}, xe = [
   "type"
-], xe = {
-  $schema: fe,
-  $id: he,
-  title: ye,
-  description: be,
-  type: ve,
-  properties: Ce,
-  required: we
+], Ve = {
+  $schema: he,
+  $id: ye,
+  title: be,
+  description: ve,
+  type: Ce,
+  properties: we,
+  required: xe
 }, W = {
   /**
    * 组件标识
@@ -241,8 +241,8 @@ const me = /* @__PURE__ */ new Map([
    * 是否使用千分值
    */
   useThousands: { type: Boolean, default: !0 }
-}, Q = oe(W, xe, me, ge);
-function Y(o, n) {
+}, Y = le(W, Ve, fe, me);
+function ee(o, n) {
   const e = M(() => Number(o.precision) || 0);
   function t(l) {
     return l.toFixed(e.value);
@@ -251,34 +251,34 @@ function Y(o, n) {
     return isNaN(l) || l === null || l === void 0 || l === "";
   }
   function r(l) {
-    const d = i(o.max) ? null : new I(String(o.max), 10), u = i(o.min) ? null : new I(String(o.min), 10);
-    return d && l.gt(d) ? d : u && l.lt(u) ? u : l;
+    const u = i(o.max) ? null : new I(String(o.max), 10), d = i(o.min) ? null : new I(String(o.min), 10);
+    return u && l.gt(u) ? u : d && l.lt(d) ? d : l;
   }
-  function s(l, d, u, a) {
-    const g = new I(l, 10), f = i(u && u.value) ? null : new I(String(u.value), 10), m = i(d && d.value) ? null : new I(String(d.value), 10);
+  function s(l, u, d, a) {
+    const g = new I(l, 10), f = i(d && d.value) ? null : new I(String(d.value), 10), m = i(u && u.value) ? null : new I(String(u.value), 10);
     let h;
     return a ? h = f && g.gt(f) ? f : g : h = m && g.lt(m) ? m : g, h.toString();
   }
-  function c(l, d = !0) {
+  function c(l, u = !0) {
     if (o.parser)
       return isNaN(Number(l)) ? o.parser(l) : l;
-    let u = new I(l, 10);
-    if (d && (u = r(u)), u.isNaN()) {
+    let d = new I(l, 10);
+    if (u && (d = r(d)), d.isNaN()) {
       if (o.nullable)
         return null;
       const g = new I("" + o.min, 10), f = new I("" + o.max, 10);
       if (!g.isNaN())
-        u = g;
+        d = g;
       else if (!f.isNaN())
-        u = f;
+        d = f;
       else
         return 0;
     }
-    return t(u);
+    return t(d);
   }
   return { getRealValue: c, isEmpty: i, precision: e, getValidNumberObject: r, getValidNumberInRange: s };
 }
-function ee(o, n, e) {
+function te(o, n, e) {
   const t = M(() => ({
     prefix: o.prefix,
     suffix: o.suffix,
@@ -286,21 +286,21 @@ function ee(o, n, e) {
     groupSeparator: o.useThousands ? o.groupSeparator : "",
     groupSize: o.groupSize
   })), { getValidNumberObject: i, precision: r } = e;
-  function s(d) {
-    return d = d == null || d === "" ? "" : String(d), d = d.replace(new RegExp(o.prefix, "g"), "").replace(new RegExp(o.suffix, "g"), "").replace(/,/g, ""), o.groupSeparator && o.groupSeparator !== "," && (d = d.replace(new RegExp(`\\${o.groupSeparator}`, "g"), "")), o.decimalSeparator && o.decimalSeparator !== "." && (d = d.replace(new RegExp(`\\${o.decimalSeparator}`, "g"), ".")), d;
+  function s(u) {
+    return u = u == null || u === "" ? "" : String(u), u = u.replace(new RegExp(o.prefix, "g"), "").replace(new RegExp(o.suffix, "g"), "").replace(/,/g, ""), o.groupSeparator && o.groupSeparator !== "," && (u = u.replace(new RegExp(`\\${o.groupSeparator}`, "g"), "")), o.decimalSeparator && o.decimalSeparator !== "." && (u = u.replace(new RegExp(`\\${o.decimalSeparator}`, "g"), ".")), u;
   }
-  function c(d, u) {
-    return o.precision !== null && o.precision !== void 0 ? d.toFormat(r.value, u) : d.toFormat(u);
+  function c(u, d) {
+    return o.precision !== null && o.precision !== void 0 ? u.toFormat(r.value, d) : u.toFormat(d);
   }
-  function l(d, u = !0) {
-    const a = s(d), g = new I(a, 10);
+  function l(u, d = !0) {
+    const a = s(u), g = new I(a, 10);
     let f = g;
-    return u && (f = i(g)), f.valueOf() === "0" && !o.showZero || f.isNaN() ? "" : o.formatter ? o.formatter(f.toNumber()) : c(f, t.value);
+    return d && (f = i(g)), f.valueOf() === "0" && !o.showZero || f.isNaN() ? "" : o.formatter ? o.formatter(f.toNumber()) : c(f, t.value);
   }
   return { cleanFormat: s, format: l };
 }
-function A(o, n, e, t, i, r, s, c, l, d) {
-  const { format: u } = i, { getRealValue: a, getValidNumberInRange: g } = r;
+function A(o, n, e, t, i, r, s, c, l, u) {
+  const { format: d } = i, { getRealValue: a, getValidNumberInRange: g } = r;
   function f() {
     const v = new I(t.value || 0);
     return !((o.max || o.max === 0) && !new I(o.max).isNaN() && v.gte(new I(o.max)) && (t.value || t.value === 0));
@@ -315,9 +315,9 @@ function A(o, n, e, t, i, r, s, c, l, d) {
     const k = v === "up" ? f : m, F = v === "up" ? "plus" : "minus";
     if (k()) {
       let P = new I(t.value || 0)[F](Number(o.step)).toFixed();
-      P = g(P, c, l, d);
+      P = g(P, c, l, u);
       const T = a(P);
-      e.value = u(P), t.value !== T && (t.value = T, s(t.value));
+      e.value = d(P), t.value !== T && (t.value = T, s(t.value));
     }
   }
   function b() {
@@ -334,7 +334,7 @@ function A(o, n, e, t, i, r, s, c, l, d) {
   }
   return { canDownward: m, canUpward: f, downward: C, onClickDownButton: V, onClickUpButton: w, upward: b };
 }
-function O(o, n, e, t, i, r, s, c, l, d, u) {
+function O(o, n, e, t, i, r, s, c, l, u, d) {
   const { cleanFormat: a, format: g } = i, { getRealValue: f, isEmpty: m, getValidNumberInRange: h } = r, { downward: b, upward: C } = s, w = M(() => e.value), V = N(!1);
   function v(x) {
     var z;
@@ -344,7 +344,7 @@ function O(o, n, e, t, i, r, s, c, l, d, u) {
     let P = (z = x.target) == null ? void 0 : z.value;
     o.nullable || (P = P || 0);
     let T = a(P);
-    T = h(T, l, d, u);
+    T = h(T, l, u, d);
     const U = f(T);
     e.value = g(T), t.value !== U && (t.value = U, c(t.value)), n.emit("blur", { event: x, formatted: e.value, value: t.value });
   }
@@ -364,14 +364,14 @@ function O(o, n, e, t, i, r, s, c, l, d, u) {
   }
   return { textBoxValue: w, onBlurTextBox: v, onFocusTextBox: k, onInput: F, onKeyDown: S, isTextBoxFocused: V };
 }
-function Z(o, n, e, t, i) {
+function X(o, n, e, t, i) {
   const {
     onBlurTextBox: r,
     onFocusTextBox: s,
     onInput: c,
     onKeyDown: l,
-    textBoxValue: d
-  } = e, u = M(() => o.disabled || o.readonly || !o.editable ? "" : t ? i.range.begin : i.range.end), a = M(() => ({
+    textBoxValue: u
+  } = e, d = M(() => o.disabled || o.readonly || !o.editable ? "" : t ? i.range.begin : i.range.end), a = M(() => ({
     "form-control": !0,
     "sub-input": !0
   })), g = M(() => ({
@@ -384,10 +384,10 @@ function Z(o, n, e, t, i) {
     class: a.value,
     style: g.value,
     type: "text",
-    value: d.value,
+    value: u.value,
     disabled: o.disabled,
     readonly: o.readonly || !o.editable,
-    placeholder: u.value,
+    placeholder: d.value,
     onBlur: r,
     onChange: f,
     onFocus: s,
@@ -410,10 +410,10 @@ function q(o, n, e) {
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), d = M(() => ({
+  })), u = M(() => ({
     cursor: i() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), u = M(() => ({
+  })), d = M(() => ({
     cursor: t() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
@@ -421,35 +421,35 @@ function q(o, n, e) {
     class: c.value
   }, [E("button", {
     class: l.value,
-    style: d.value,
+    style: u.value,
     onClick: s,
     disabled: !i()
   }, [E("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
   }, null)]), E("button", {
     class: l.value,
-    style: u.value,
+    style: d.value,
     onClick: r,
     disabled: !t()
   }, [E("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-const $ = /* @__PURE__ */ _({
+const $ = /* @__PURE__ */ H({
   name: "FNumberRange",
   props: W,
   emits: ["valueChange", "blur", "focus", "click", "input", "beginValueChange", "endValueChange"],
   setup(o, n) {
-    const e = N(o.beginValue), t = N(""), i = N(o.endValue), r = N(""), s = Y(o), c = ee(o, n, s), l = le(o), d = (F) => {
+    const e = N(o.beginValue), t = N(""), i = N(o.endValue), r = N(""), s = ee(o), c = te(o, n, s), l = ae(o), u = (F) => {
       n.emit("beginValueChange", F);
-    }, u = A(o, n, t, e, c, s, d, e, i, !0), a = O(o, n, t, e, c, s, u, d, e, i, !0), g = q(o, n, u), f = Z(o, n, a, !0, l), m = (F) => {
+    }, d = A(o, n, t, e, c, s, u, e, i, !0), a = O(o, n, t, e, c, s, d, u, e, i, !0), g = q(o, n, d), f = X(o, n, a, !0, l), m = (F) => {
       n.emit("endValueChange", F);
-    }, h = A(o, n, r, i, c, s, m, e, i, !1), b = O(o, n, r, i, c, s, h, m, e, i, !1), C = q(o, n, h), w = Z(o, n, b, !1, l), {
+    }, h = A(o, n, r, i, c, s, m, e, i, !1), b = O(o, n, r, i, c, s, h, m, e, i, !1), C = q(o, n, h), w = X(o, n, b, !1, l), {
       getRealValue: V
     } = s, {
       format: v
     } = c, k = M(() => !o.disabled && !o.readonly && o.showButton);
-    return H(() => {
+    return J(() => {
       const F = V(o.beginValue, !1), S = V(o.endValue, !1);
       t.value = v(F, !1), r.value = v(S, !1);
     }), G(() => [o.beginValue], ([F]) => {
@@ -472,19 +472,19 @@ const $ = /* @__PURE__ */ _({
       class: "sub-input-group"
     }, [f(), k.value && g()]), E("span", {
       class: "spliter"
-    }, [J("~")]), E("div", {
+    }, [Q("~")]), E("div", {
       class: "sub-input-group"
     }, [w(), k.value && C()])])]);
   }
 });
-function X(o, n, e, t) {
+function _(o, n, e, t) {
   const {
     onBlurTextBox: i,
     onFocusTextBox: r,
     onInput: s,
     onKeyDown: c,
     textBoxValue: l
-  } = e, d = M(() => t ? o.beginPlaceholder : o.endPlaceholder), u = M(() => ({
+  } = e, u = M(() => t ? o.beginPlaceholder : o.endPlaceholder), d = M(() => ({
     "form-control": !0,
     "sub-input": !0
   })), a = M(() => ({
@@ -494,13 +494,13 @@ function X(o, n, e, t) {
     f.stopPropagation();
   }
   return () => E("input", {
-    class: u.value,
+    class: d.value,
     style: a.value,
     type: "text",
     value: l.value,
     disabled: o.disabled,
     readonly: o.readonly || !o.editable,
-    placeholder: d.value,
+    placeholder: u.value,
     onBlur: i,
     onChange: g,
     onFocus: r,
@@ -508,25 +508,25 @@ function X(o, n, e, t) {
     onKeydown: c
   }, null);
 }
-function Ve(o) {
+function Fe(o) {
   const { formSchemaUtils: n, formStateMachineUtils: e } = o;
-  function t(l, d = "") {
+  function t(l, u = "") {
     return {
-      path: d + l.code,
+      path: u + l.code,
       field: l.id,
       fullPath: l.code
     };
   }
-  function i(l, d = "") {
-    const u = n.getViewModelById(l);
-    return u ? u.states.map((a) => t(a, d)) : [];
+  function i(l, u = "") {
+    const d = n.getViewModelById(l);
+    return d ? d.states.map((a) => t(a, u)) : [];
   }
   function r(l) {
-    const d = n.getRootViewModelId(), u = i(l);
-    if (l === d)
-      return u;
-    const a = i(d, "root-component.");
-    return [...u, ...a];
+    const u = n.getRootViewModelId(), d = i(l);
+    if (l === u)
+      return d;
+    const a = i(u, "root-component.");
+    return [...d, ...a];
   }
   function s(l) {
     return l.binding && l.binding.path || l.id || "";
@@ -536,7 +536,7 @@ function Ve(o) {
   }
   return { getVariables: r, getControlName: s, getStateMachines: c };
 }
-class te {
+class ie {
   constructor(n) {
     y(this, "sessionVariables", [
       {
@@ -592,10 +592,10 @@ class te {
       convertTo: (t, i, r, s, c) => {
         var l;
         if (i === "dataPicking" && (r != null && r.target)) {
-          const d = `${r.target}_dataPicking`;
+          const u = `${r.target}_dataPicking`;
           ((l = r.rules) == null ? void 0 : l.some(
-            (a) => a.id === d && a.value
-          )) ? t.dictPickingExpressionId = d : delete t.dictPickingExpressionId;
+            (a) => a.id === u && a.value
+          )) ? t.dictPickingExpressionId = u : delete t.dictPickingExpressionId;
         }
         s.updateExpression(r);
       }
@@ -655,10 +655,10 @@ class te {
   buildChildEntityTreeData(n = null, e) {
     const t = [];
     return n == null || n.forEach((i) => {
-      var l, d;
+      var l, u;
       const r = this.createTreeNode(i, e);
       r.type = "entity";
-      const s = this.buildEntityFieldsTreeData((l = i.type) == null ? void 0 : l.fields, [...e, i.label]), c = this.buildChildEntityTreeData((d = i.type) == null ? void 0 : d.entities, [...e, i.label]);
+      const s = this.buildEntityFieldsTreeData((l = i.type) == null ? void 0 : l.fields, [...e, i.label]), c = this.buildChildEntityTreeData((u = i.type) == null ? void 0 : u.entities, [...e, i.label]);
       c != null && c.length && (s == null || s.push(...c)), t.push({
         data: r,
         children: s || [],
@@ -721,19 +721,19 @@ class te {
   }
   updateExpression(n, e, t, i) {
     const r = e === "Field" ? n.binding.field : n.id, s = this.buildRule(r, t, i, n.type === "form-group" ? n.id : "");
-    let l = this.getExpressionData().find((u) => u.targetType === e && u.target === r);
-    const d = (u) => u.value.trim() === "";
+    let l = this.getExpressionData().find((d) => d.targetType === e && d.target === r);
+    const u = (d) => d.value.trim() === "";
     if (l) {
-      const u = l.rules.find((a) => a.id === s.id);
-      if (u)
-        d(s) ? l.rules = l.rules.filter((a) => a.id !== s.id) : (Object.assign(u, s), i === "validate" && n.type === "form-group" && (u.elementId = n.id));
+      const d = l.rules.find((a) => a.id === s.id);
+      if (d)
+        u(s) ? l.rules = l.rules.filter((a) => a.id !== s.id) : (Object.assign(d, s), i === "validate" && n.type === "form-group" && (d.elementId = n.id));
       else {
-        if (d(s))
+        if (u(s))
           return null;
         l.rules = l.rules || [], l.rules.push(s);
       }
     } else {
-      if (d(s))
+      if (u(s))
         return null;
       l = {
         target: `${r}`,
@@ -745,10 +745,10 @@ class te {
   }
   getExpressionEditorOptions(n, e, t, i) {
     return t.reduce((r, s) => {
-      var l, d;
+      var l, u;
       const c = e === "Field" ? (l = n == null ? void 0 : n.binding) == null ? void 0 : l.field : n.id;
       return r[s] = {
-        hide: e === "Field" ? !!((d = n == null ? void 0 : n.binding) != null && d.field) : !1,
+        hide: e === "Field" ? !!((u = n == null ? void 0 : n.binding) != null && u.field) : !1,
         description: "",
         title: this.expressionNames[s],
         type: "string",
@@ -761,10 +761,10 @@ class te {
           showMessage: s === "validate" || s === "dataPicking" || s === "required",
           showMessageType: s === "dataPicking",
           beforeOpen: () => this.onBeforeOpenExpression(n, s, e),
-          onSubmitModal: (u) => {
-            const a = this.updateExpression(n, e, u, s);
+          onSubmitModal: (d) => {
+            const a = this.updateExpression(n, e, d, s);
             if (i) {
-              const g = this.buildRule(c, u, s);
+              const g = this.buildRule(c, d, s);
               i(g);
             }
             return a;
@@ -803,7 +803,7 @@ class te {
     };
   }
 }
-class Fe {
+class Ee {
   constructor(n, e) {
     y(this, "componentId");
     y(this, "viewModelId");
@@ -920,7 +920,7 @@ class Fe {
    * @returns 
    */
   getPropertyEditorParams(n, e = [], t = "visible", i = {}, r = {}, s = "") {
-    const { getVariables: c, getControlName: l, getStateMachines: d } = Ve(this.designerHostService), u = this.getRealTargetType(n), a = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], g = {
+    const { getVariables: c, getControlName: l, getStateMachines: u } = Fe(this.designerHostService), d = this.getRealTargetType(n), a = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], g = {
       type: "property-editor",
       propertyTypes: a
     };
@@ -933,10 +933,10 @@ class Fe {
           }, i);
           break;
         case "Expression":
-          g.expressionConfig = this.getExpressionOptions(n, u, s || t);
+          g.expressionConfig = this.getExpressionOptions(n, d, s || t);
           break;
         case "StateMachine":
-          g.stateMachines = d();
+          g.stateMachines = u();
           break;
         case "Variable":
           Object.assign(g, {
@@ -982,7 +982,7 @@ class Fe {
     return {
       ...r,
       properties: { ...s },
-      setPropertyRelates(l, d) {
+      setPropertyRelates(l, u) {
         if (l) {
           switch (l.propertyID) {
             case "disabled":
@@ -991,7 +991,7 @@ class Fe {
               c.afterMutilEditorChanged(n, l);
               break;
           }
-          i && i(l, d);
+          i && i(l, u);
         }
       }
     };
@@ -1014,8 +1014,8 @@ class Fe {
     const t = e && e.parent && e.parent.schema;
     if (!t)
       return;
-    const i = t.contents.findIndex((s) => s.id === n), r = ue(t.contents[i]);
-    t.contents.splice(i, 1), t.contents.splice(i, 0, r), ae();
+    const i = t.contents.findIndex((s) => s.id === n), r = ce(t.contents[i]);
+    t.contents.splice(i, 1), t.contents.splice(i, 0, r), de();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -1045,16 +1045,16 @@ class Fe {
     const e = n.propertyValue;
     if (!((e && e.type) === "Expression" && e.expressionInfo))
       return;
-    const { expressionId: r, expressionInfo: s } = e, { targetId: c, targetType: l, expressionType: d, value: u, message: a } = s, g = this.formSchemaUtils.getModule();
+    const { expressionId: r, expressionInfo: s } = e, { targetId: c, targetType: l, expressionType: u, value: d, message: a } = s, g = this.formSchemaUtils.getModule();
     g.expressions = g.expressions || [];
     const { expressions: f } = g;
     let m = f.find((b) => b.target === c);
     m || (m = { target: c, rules: [], targetType: l }, f.push(m));
-    const h = m.rules.find((b) => b.type === d);
+    const h = m.rules.find((b) => b.type === u);
     if (h)
-      h.value = u, h.message = a;
+      h.value = d, h.message = a;
     else {
-      const b = { id: r, type: d, value: u, message: a };
+      const b = { id: r, type: u, value: d, message: a };
       m.rules.push(b);
     }
     delete e.expressionInfo;
@@ -1069,11 +1069,11 @@ class Fe {
     const t = n.propertyValue;
     if (t && t.type === "Expression")
       return;
-    const r = n.propertyID, s = this.formSchemaUtils.getExpressions(), c = e.binding ? e.binding.field : e.id, l = s.find((d) => d.target === c);
-    !l || !l.rules || (l.rules = l.rules.filter((d) => d.type !== r));
+    const r = n.propertyID, s = this.formSchemaUtils.getExpressions(), c = e.binding ? e.binding.field : e.id, l = s.find((u) => u.target === c);
+    !l || !l.rules || (l.rules = l.rules.filter((u) => u.type !== r));
   }
   getExpressionOptions(n, e, t) {
-    return new te(this.formSchemaUtils).getExpressionOptions(n, e, t);
+    return new ie(this.formSchemaUtils).getExpressionOptions(n, e, t);
   }
   getRealTargetType(n) {
     return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(n.type) > -1 ? "Button" : n.binding && n.binding.field ? "Field" : "Container";
@@ -1186,7 +1186,7 @@ y(B, "fieldControlTypeMapping", {
 });
 let j = B;
 var L = /* @__PURE__ */ ((o) => (o.Form = "Form", o.Variable = "Variable", o))(L || {});
-class Ee {
+class D {
   constructor() {
     /** 控件标题 */
     y(this, "label", "");
@@ -1220,8 +1220,8 @@ function Ie(o) {
   let n, e;
   const t = /* @__PURE__ */ new Map();
   let i = [];
-  function r(u, a) {
-    const f = u.split(" ").filter((w) => w.startsWith("col-"));
+  function r(d, a) {
+    const f = ((d == null ? void 0 : d.split(" ")) || []).filter((w) => w.startsWith("col-"));
     if (f.length === 0) {
       a.isSupportedClass = !1;
       return;
@@ -1229,31 +1229,38 @@ function Ie(o) {
     let m = f.find((w) => /^col-([1-9]|10|11|12)$/.test(w)), h = f.find((w) => /^col-md-([1-9]|10|11|12)$/.test(w)), b = f.find((w) => /^col-xl-([1-9]|10|11|12)$/.test(w)), C = f.find((w) => /^col-el-([1-9]|10|11|12)$/.test(w));
     m = m || "col-12", a.columnInSM = parseInt(m.replace("col-", ""), 10), a.displayWidthInSM = a.columnInSM / 12, a.displayWidthInSM !== 1 && (a.isSupportedClass = !1), h = h || "col-md-" + a.columnInSM, a.columnInMD = parseInt(h.replace("col-md-", ""), 10), a.displayWidthInMD = a.columnInMD / 6, [1, 2].includes(a.displayWidthInMD) || (a.isSupportedClass = !1), b = b || "col-xl-" + a.columnInMD, a.columnInLG = parseInt(b.replace("col-xl-", ""), 10), a.displayWidthInLG = a.columnInLG / 3, [1, 2, 3, 4].includes(a.displayWidthInLG) || (a.isSupportedClass = !1), C = C || "col-el-" + a.columnInLG, a.columnInEL = parseInt(C.replace("col-el-", ""), 10), a.displayWidthInEL = a.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(a.displayWidthInEL) || (a.isSupportedClass = !1);
   }
-  function s(u, a, g, f = !1) {
+  function s(d, a, g, f = !1) {
     let m = !1;
-    u.contents.forEach((h) => {
+    if (!d.contents || d.contents.length === 0) {
+      const h = new D();
+      r(d.layout, h), a.push(h);
+      return;
+    }
+    d.contents.forEach((h) => {
       if (h.type === "fieldset") {
         g += 1, s(h, a, g, !0), m = !0;
         return;
       }
+      if (h.type === "dynamic-form")
+        return;
       m && (g += 1, m = !1);
-      const b = h.appearance && h.appearance.class, C = new Ee();
-      b ? r(b, C) : C.isSupportedClass = !1, C.label = h.label || h.id, C.id = h.id, C.group = g, f && (C.fieldSetId = u.id), e === h.id && (n = g), t.set(h.id, h), a.push(C);
+      const b = h.appearance && h.appearance.class, C = new D();
+      b ? r(b, C) : C.isSupportedClass = !1, C.label = h.label || h.id, C.id = h.id, C.group = g, f && (C.fieldSetId = d.id), e === h.id && (n = g), t.set(h.id, h), a.push(C);
     });
   }
-  function c(u) {
-    const a = o.getComponentById(u);
+  function c(d) {
+    const a = o.getComponentById(d);
     if (!a || !a.componentType || !a.componentType.startsWith("form"))
       return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
     const g = o.selectNode(a, (f) => f.type === p["response-form"].type);
     return !g || !g.contents || g.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: g };
   }
-  function l(u, a) {
-    a = a || u.id;
+  function l(d, a) {
+    a = a || d.id;
     const { result: g, message: f, formNode: m } = c(a);
     if (!g)
       return { result: g, message: f };
-    e = u.id, i = [], t.clear();
+    e = d.id, i = [], t.clear();
     const h = m.contents[0].type === p.fieldset.type ? 0 : 1;
     s(m, i, h);
     const b = i.find((w) => !w.isSupportedClass);
@@ -1265,13 +1272,13 @@ function Ie(o) {
       importData: i
     };
   }
-  function d(u, a) {
+  function u(d, a) {
     a = a;
     const { result: g, formNode: f } = c(a);
     if (!g)
       return "";
     const m = [];
-    return u.forEach((h) => {
+    return d.forEach((h) => {
       var w;
       const b = t.get(h.id), C = b.appearance && b.appearance.class;
       if (C) {
@@ -1288,11 +1295,11 @@ function Ie(o) {
   return {
     checkCanFindFormNode: c,
     checkCanOpenLayoutEditor: l,
-    changeFormControlsByResponseLayoutConfig: d,
+    changeFormControlsByResponseLayoutConfig: u,
     getResonseFormLayoutConfig: s
   };
 }
-class Se extends Fe {
+class Se extends Ee {
   constructor(e, t) {
     super(e, t);
     y(this, "responseLayoutEditorFunction");
@@ -1316,7 +1323,7 @@ class Se extends Fe {
     return this.propertyConfig.categories = {}, this.getCommonPropertyConfig(e, t, "Grid"), this.getGridFieldEdtiorProperties ? this.propertyConfig.categories.editor = this.getGridFieldEdtiorProperties(e) : this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig.categories.expressons = this.getExpressionConfig(e, "Field"), this.propertyConfig.categories;
   }
   getBasicProperties(e, t, i = "Card") {
-    var d;
+    var u;
     const r = this;
     this.setDesignViewModelField(e);
     const { canChangeControlType: s, editorTypeList: c } = this.getAvailableEditorType(e), l = {
@@ -1357,7 +1364,7 @@ class Se extends Fe {
           editor: {
             data: [{ id: "visible", name: "显示" }, { id: "reserve-space", name: "占位" }, { id: "none", name: "不显示" }]
           },
-          defaultValue: ((d = e.editor) == null ? void 0 : d.type) === "image" ? "none" : "visible"
+          defaultValue: ((u = e.editor) == null ? void 0 : u.type) === "image" ? "none" : "visible"
         },
         binding: {
           description: "绑定的表单字段",
@@ -1378,19 +1385,19 @@ class Se extends Fe {
           readonly: this.formSchemaUtils.designerMode === "PC_RTC" && !e.isRtcControl
         }
       },
-      setPropertyRelates(u, a, g) {
-        if (u)
-          switch (u && u.propertyID) {
+      setPropertyRelates(d, a, g) {
+        if (d)
+          switch (d && d.propertyID) {
             case "type": {
-              r.changeControlType(e, u, t);
+              r.changeControlType(e, d, t);
               break;
             }
             case "label": {
-              u.needRefreshControlTree = !0;
+              d.needRefreshControlTree = !0;
               break;
             }
             case "binding": {
-              r.changeBindingField(e, u, g);
+              r.changeBindingField(e, d, g);
               break;
             }
           }
@@ -1408,7 +1415,7 @@ class Se extends Fe {
     if (e.binding.type === "Variable") {
       if (this.bindingVarible = this.formSchemaUtils.getVariableById(e.binding.field), !this.bindingVarible)
         return !1;
-    } else if (!this.designViewModelField || this.designViewModelField.$type !== K.SimpleField)
+    } else if (!this.designViewModelField || this.designViewModelField.$type !== Z.SimpleField)
       return !1;
     return !0;
   }
@@ -1427,7 +1434,7 @@ class Se extends Fe {
         }]
       };
     let i = [];
-    return this.designViewModelField && this.designViewModelField.$type === K.SimpleField ? i = j.getEditorTypesByMDataType(this.designViewModelField.type.name, this.designViewModelField.multiLanguage) : this.bindingVarible && (i = j.getEditorTypesByMDataType(this.bindingVarible.type, !!((s = this.designViewModelField) != null && s.multiLanguage))), { canChangeControlType: t, editorTypeList: i };
+    return this.designViewModelField && this.designViewModelField.$type === Z.SimpleField ? i = j.getEditorTypesByMDataType(this.designViewModelField.type.name, this.designViewModelField.multiLanguage) : this.bindingVarible && (i = j.getEditorTypesByMDataType(this.bindingVarible.type, !!((s = this.designViewModelField) != null && s.multiLanguage))), { canChangeControlType: t, editorTypeList: i };
   }
   changeBindingField(e, t, i) {
     t.needRefreshEntityTree = !0;
@@ -1500,28 +1507,28 @@ class Se extends Fe {
     const r = t.propertyValue, s = i && i.parent && i.parent.schema;
     if (!s)
       return;
-    const c = s.contents.findIndex((u) => u.id === e.id);
+    const c = s.contents.findIndex((d) => d.id === e.id);
     if (c === -1)
       return;
     const l = s.contents[c];
-    let d;
+    let u;
     if (this.designViewModelField) {
       const g = this.formSchemaUtils.getViewModelById(this.viewModelId).fields.find((m) => m.id === this.designViewModelField.id).fieldSchema || {};
-      g.editor || (g.editor = {}), g.editor.$type = r, this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, g, !1), d = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, r);
+      g.editor || (g.editor = {}), g.editor.$type = r, this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, g, !1), u = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, r);
     }
-    d || (d = this.controlCreatorUtils.createFormGroupWithoutField(r)), Object.assign(d, {
+    u || (u = this.controlCreatorUtils.createFormGroupWithoutField(r)), Object.assign(u, {
       id: l.id,
       appearance: l.appearance,
       size: l.size,
       label: l.label,
       binding: l.binding
-    }), Object.prototype.hasOwnProperty.call(l, "visible") && Object.assign(d, { visible: l.visible }), l.editor && ["readonly", "required", "placeholder"].map((u) => {
-      Object.prototype.hasOwnProperty.call(l.editor, u) && (d.editor[u] = l.editor[u]);
-    }), i != null && i.updateContextSchema ? i.updateContextSchema(d) : (i.schema = Object.assign(l, d), Object.assign(e, d)), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (u) => u.classList.remove("dgComponentSelected")
+    }), Object.prototype.hasOwnProperty.call(l, "visible") && Object.assign(u, { visible: l.visible }), l.editor && ["readonly", "required", "placeholder"].map((d) => {
+      Object.prototype.hasOwnProperty.call(l.editor, d) && (u.editor[d] = l.editor[d]);
+    }), i != null && i.updateContextSchema ? i.updateContextSchema(u) : (i.schema = Object.assign(l, u), Object.assign(e, u)), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (d) => d.classList.remove("dgComponentSelected")
     ), Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
-      (u) => u.classList.remove("dgComponentFocused")
-    ), R.value++, re(() => {
+      (d) => d.classList.remove("dgComponentFocused")
+    ), R.value++, se(() => {
       this.getFormDesignerInstance().reloadPropertyPanel();
     });
   }
@@ -1533,7 +1540,7 @@ class Se extends Fe {
       type: "input-group",
       $converter: "/converter/property-editor.converter",
       parentPropertyID: "editor"
-    }, t), c = (g = e.binding) != null && g.field ? [] : ["Const", "Variable", "StateMachine"], l = this.getPropertyEditorParams(e, c, "readonly"), d = this.getPropertyEditorParams(e, c, "required"), u = {
+    }, t), c = (g = e.binding) != null && g.field ? [] : ["Const", "Variable", "StateMachine"], l = this.getPropertyEditorParams(e, c, "readonly"), u = this.getPropertyEditorParams(e, c, "required"), d = {
       readonly: {
         description: "",
         title: "只读",
@@ -1543,7 +1550,7 @@ class Se extends Fe {
         description: "",
         title: "必填",
         type: "boolean",
-        editor: d,
+        editor: u,
         visible: !!((f = e.binding) != null && f.field)
       },
       placeholder: {
@@ -1553,11 +1560,11 @@ class Se extends Fe {
       }
     };
     for (const m in i)
-      u[m] = Object.assign(u[m] || {}, i[m]);
+      d[m] = Object.assign(d[m] || {}, i[m]);
     const a = this;
     return {
       ...s,
-      properties: { ...u },
+      properties: { ...d },
       setPropertyRelates(m, h) {
         if (m) {
           switch (m.propertyID) {
@@ -1579,16 +1586,16 @@ class Se extends Fe {
   */
   updateUnifiedLayoutAfterControlChanged(e, t, i) {
     const r = e.split(" ");
-    let s = r.find((a) => /^col-([1-9]|10|11|12)$/.test(a)), c = r.find((a) => /^col-md-([1-9]|10|11|12)$/.test(a)), l = r.find((a) => /^col-xl-([1-9]|10|11|12)$/.test(a)), d = r.find((a) => /^col-el-([1-9]|10|11|12)$/.test(a));
-    s = s || "col-12", c = c || "col-md-" + s.replace("col-", ""), l = l || "col-xl-" + c.replace("col-md-", ""), d = d || "col-el-" + l.replace("col-xl-", "");
-    const u = {
+    let s = r.find((a) => /^col-([1-9]|10|11|12)$/.test(a)), c = r.find((a) => /^col-md-([1-9]|10|11|12)$/.test(a)), l = r.find((a) => /^col-xl-([1-9]|10|11|12)$/.test(a)), u = r.find((a) => /^col-el-([1-9]|10|11|12)$/.test(a));
+    s = s || "col-12", c = c || "col-md-" + s.replace("col-", ""), l = l || "col-xl-" + c.replace("col-md-", ""), u = u || "col-el-" + l.replace("col-xl-", "");
+    const d = {
       id: t,
       columnInSM: parseInt(s.replace("col-", ""), 10),
       columnInMD: parseInt(c.replace("col-md-", ""), 10),
       columnInLG: parseInt(l.replace("col-xl-", ""), 10),
-      columnInEL: parseInt(d.replace("col-el-", ""), 10)
+      columnInEL: parseInt(u.replace("col-el-", ""), 10)
     };
-    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, u);
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, d);
   }
   /**
    * 修改控件布局配置后更新Form统一布局配置
@@ -1604,9 +1611,9 @@ class Se extends Fe {
       const m = r.find((h) => h.id === t.id);
       Object.assign(m || {}, t);
     }
-    const s = r.map((m) => m.columnInSM), c = r.map((m) => m.columnInMD), l = r.map((m) => m.columnInLG), d = r.map((m) => m.columnInEL), u = this.checkIsUniqueColumn(s) ? s[0] : null, a = this.checkIsUniqueColumn(c) ? c[0] : null, g = this.checkIsUniqueColumn(l) ? l[0] : null, f = this.checkIsUniqueColumn(d) ? d[0] : null;
+    const s = r.map((m) => m.columnInSM), c = r.map((m) => m.columnInMD), l = r.map((m) => m.columnInLG), u = r.map((m) => m.columnInEL), d = this.checkIsUniqueColumn(s) ? s[0] : null, a = this.checkIsUniqueColumn(c) ? c[0] : null, g = this.checkIsUniqueColumn(l) ? l[0] : null, f = this.checkIsUniqueColumn(u) ? u[0] : null;
     Object.assign(i.unifiedLayout, {
-      uniqueColClassInSM: u,
+      uniqueColClassInSM: d,
       uniqueColClassInMD: a,
       uniqueColClassInLG: g,
       uniqueColClassInEL: f
@@ -1650,7 +1657,7 @@ class Se extends Fe {
   * @param propertyData 下拉框控件属性值
   */
   checkEnumDataReadonly(e) {
-    return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === ce.EnumType);
+    return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === pe.EnumType);
   }
   /**
   * 将字段值变化前事件、变化后事件追加到交互面板
@@ -1706,7 +1713,7 @@ class Se extends Fe {
     };
   }
   getExpressionConfig(e, t, i = ["compute", "dependency", "validate"], r) {
-    return new te(this.formSchemaUtils).getExpressionConfig(
+    return new ie(this.formSchemaUtils).getExpressionConfig(
       e,
       t,
       i,
@@ -1759,22 +1766,22 @@ function ke(o, n) {
   }
   return { getPropsConfig: t };
 }
-const Pe = /* @__PURE__ */ _({
+const Pe = /* @__PURE__ */ H({
   name: "FNumberRangeDesign",
   props: W,
   emits: ["valueChange", "blur", "focus", "click", "input", "beginValueChange", "endValueChange"],
   setup(o, n) {
-    const e = N(o.beginValue), t = N(""), i = N(o.endValue), r = N(""), s = Y(o), c = ee(o, n, s), l = (x) => {
+    const e = N(o.beginValue), t = N(""), i = N(o.endValue), r = N(""), s = ee(o), c = te(o, n, s), l = (x) => {
       n.emit("beginValueChange", x);
-    }, d = N(), u = D("designer-host-service"), a = D("design-item-context"), g = ke(a, u), f = de(d, a, g);
-    H(() => {
-      d.value.componentInstance = f;
+    }, u = N(), d = K("designer-host-service"), a = K("design-item-context"), g = ke(a, d), f = ue(u, a, g);
+    J(() => {
+      u.value.componentInstance = f;
     }), n.expose(f.value);
-    const m = A(o, n, t, e, c, s, l, e, i, !0), h = O(o, n, t, e, c, s, m, l, e, i, !0), b = q(o, n, m), C = X(o, n, h, !0), w = (x) => {
+    const m = A(o, n, t, e, c, s, l, e, i, !0), h = O(o, n, t, e, c, s, m, l, e, i, !0), b = q(o, n, m), C = _(o, n, h, !0), w = (x) => {
       n.emit("endValueChange", x);
-    }, V = A(o, n, r, i, c, s, w, e, i, !1), v = O(o, n, r, i, c, s, V, w, e, i, !1), k = q(o, n, V), F = X(o, n, v, !1), S = M(() => o.showButton);
+    }, V = A(o, n, r, i, c, s, w, e, i, !1), v = O(o, n, r, i, c, s, V, w, e, i, !1), k = q(o, n, V), F = _(o, n, v, !1), S = M(() => o.showButton);
     return () => E("div", {
-      ref: d,
+      ref: u,
       class: "input-group  number-range f-cmp-number-spinner"
     }, [E("div", {
       class: "form-control input-container"
@@ -1782,21 +1789,21 @@ const Pe = /* @__PURE__ */ _({
       class: "sub-input-group"
     }, [C(), S.value && b()]), E("span", {
       class: "spliter"
-    }, [J("~")]), E("div", {
+    }, [Q("~")]), E("div", {
       class: "sub-input-group"
     }, [F(), S.value && k()])])]);
   }
 });
 $.register = (o, n, e, t) => {
-  o["number-range"] = $, n["number-range"] = Q;
+  o["number-range"] = $, n["number-range"] = Y;
 };
 $.registerDesigner = (o, n, e) => {
-  o["number-range"] = Pe, n["number-range"] = Q;
+  o["number-range"] = Pe, n["number-range"] = Y;
 };
-const qe = pe($);
+const qe = ge($);
 export {
   $ as FNumberRange,
   qe as default,
   W as numberRangeProps,
-  Q as propsResolver
+  Y as propsResolver
 };