@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

package/components/filter-bar/index.esm.js

@@ -1,58 +1,58 @@
-var $e = Object.defineProperty;
-var Re = (i, t, e) => t in i ? $e(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var S = (i, t, e) => Re(i, typeof t != "symbol" ? t + "" : t, e);
-import { ref as w, computed as R, createVNode as b, defineComponent as Q, inject as _, onMounted as K, mergeProps as je, createTextVNode as z, Fragment as te, Teleport as qe, nextTick as ie, provide as ce, watch as ue, onUnmounted as fe } from "vue";
-import { resolveAppearance as We, getSchemaByType as se, createPropsResolver as ze } from "../dynamic-resolver/index.esm.js";
-import { DgControl as g, canvasChanged as Z, refreshCanvas as Ge, useDesignerComponent as De } from "../designer-canvas/index.esm.js";
-import { useGuid as le, getMaxZIndex as Qe, getCustomStyle as pe, FormSchemaEntityField$Type as ae, FormSchemaEntityFieldType$Type as _e } from "../common/index.esm.js";
-import { useConditionValue as He, useConditionUtils as ne } from "../condition/index.esm.js";
-import { useCondition as Xe, useSolutionUtils as me } from "../query-solution/index.esm.js";
-import { FNotifyService as Ze } from "../notify/index.esm.js";
-import { LocaleService as ge } from "../locale/index.esm.js";
-import { cloneDeep as H, isPlainObject as de } from "lodash-es";
-import { FDynamicFormGroup as Je, useTypeResolver as ve } from "../dynamic-form/index.esm.js";
-import { radioGroupProps as Ye } from "../radio-group/index.esm.js";
-import { useDataSource as Ke, FComboListContainer as et } from "../combo-list/index.esm.js";
-import { DgControl as tt } from "../designer-canvas/index.esm.js/";
-const he = /* @__PURE__ */ new Map([
-  ["appearance", We]
+var We = Object.defineProperty;
+var qe = (t, i, e) => i in t ? We(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e;
+var E = (t, i, e) => qe(t, typeof i != "symbol" ? i + "" : i, e);
+import { ref as F, computed as W, createVNode as y, defineComponent as Q, inject as X, onMounted as ee, mergeProps as je, createTextVNode as j, Fragment as ie, Teleport as ze, nextTick as ne, provide as me, watch as ge, onUnmounted as ve } from "vue";
+import { resolveAppearance as Ge, getSchemaByType as ae, createPropsResolver as De } from "../dynamic-resolver/index.esm.js";
+import { DgControl as v, canvasChanged as J, refreshCanvas as He, useDesignerComponent as Qe } from "../designer-canvas/index.esm.js";
+import { useGuid as de, getMaxZIndex as _e, getCustomClass as Xe, getCustomStyle as he, FormSchemaEntityField$Type as ce, FormSchemaEntityFieldType$Type as Ze } from "../common/index.esm.js";
+import { useConditionValue as Je, useConditionUtils as re, FConditionFields as ue, FConditionFieldsDesign as fe } from "../condition/index.esm.js";
+import { useCondition as Ye, useSolutionUtils as ye } from "../query-solution/index.esm.js";
+import { FNotifyService as Ke } from "../notify/index.esm.js";
+import { LocaleService as oe } from "../locale/index.esm.js";
+import { cloneDeep as Z, isPlainObject as pe } from "lodash-es";
+import { FDynamicFormGroup as et, useTypeResolver as be } from "../dynamic-form/index.esm.js";
+import { radioGroupProps as tt } from "../radio-group/index.esm.js";
+import { useDataSource as it, FComboListContainer as nt } from "../combo-list/index.esm.js";
+import { DgControl as rt } from "../designer-canvas/index.esm.js/";
+const Ce = /* @__PURE__ */ new Map([
+  ["appearance", Ge]
 ]);
-function it(i, t) {
-  const e = t == null ? void 0 : t.formSchemaUtils, n = i.parentComponentInstance, r = "54bddc89-5f7e-4b91-9c45-80dd6606cfe9";
-  function s() {
-    const c = se(g["content-container"].type), u = se(g["filter-bar"].type);
-    if (!c || !u)
+function ot(t, i) {
+  const e = i == null ? void 0 : i.formSchemaUtils, n = t.parentComponentInstance, r = "54bddc89-5f7e-4b91-9c45-80dd6606cfe9";
+  function l() {
+    const u = ae(v["content-container"].type), f = ae(v["filter-bar"].type);
+    if (!u || !f)
       return;
     const o = Math.random().toString(36).substr(2, 4);
-    Object.assign(c, {
+    Object.assign(u, {
       id: "filter-container-" + o,
       appearance: {
         class: "f-filter-container"
       },
-      contents: [u]
-    }), Object.assign(u, {
+      contents: [f]
+    }), Object.assign(f, {
       id: "filter-" + o,
       fields: []
     });
-    const d = n.belongedComponentId, v = e.getViewModelIdByComponentId(d), f = e.getViewModelById(v);
-    return f != null && f.states && (f.states.find((p) => p.code === "originalFilterConditionList") || f.states.push(
+    const c = n.belongedComponentId, g = e.getViewModelIdByComponentId(c), d = e.getViewModelById(g);
+    return d != null && d.states && (d.states.find((p) => p.code === "originalFilterConditionList") || d.states.push(
       {
-        id: le().guid(),
+        id: de().guid(),
         category: "locale",
         code: "originalFilterConditionList",
         name: "筛选条过滤条件",
         type: "String"
       }
-    )), { filterBar: u, filterBarContainer: c };
+    )), { filterBar: f, filterBarContainer: u };
   }
-  function l() {
-    const c = e.getViewModelIdByComponentId(n.belongedComponentId), u = e.getViewModelById(c);
+  function s() {
+    const u = e.getViewModelIdByComponentId(n.belongedComponentId), f = e.getViewModelById(u);
     let o;
-    if (u && u.commands) {
-      if (o = u.commands.find((d) => d.handlerName === "Filter" && d.cmpId === r), !o)
+    if (f && f.commands) {
+      if (o = f.commands.find((c) => c.handlerName === "Filter" && c.cmpId === r), !o)
         o = {
-          id: le().guid(),
-          code: `${u.id.replace(/-/g, "").replace("component", "").replace("viewmodel", "")}Filter1`,
+          id: de().guid(),
+          code: `${f.id.replace(/-/g, "").replace("component", "").replace("viewmodel", "")}Filter1`,
           name: "过滤并加载数据1",
           params: [
             {
@@ -70,48 +70,48 @@ function it(i, t) {
           ],
           handlerName: "Filter",
           cmpId: r
-        }, u.commands.push(o);
+        }, f.commands.push(o);
       else if (o.params && o.params.length) {
-        const d = o.params.find((v) => v.name === "filter");
-        d && (d.value = `{UISTATE~/#{${n.belongedComponentId}}/originalFilterConditionList}`);
+        const c = o.params.find((g) => g.name === "filter");
+        c && (c.value = `{UISTATE~/#{${n.belongedComponentId}}/originalFilterConditionList}`);
       }
     }
     return { filterInGridViewModel: o };
   }
-  function m(c) {
-    const u = e.getCommands();
-    if (!u)
+  function m(u) {
+    const f = e.getCommands();
+    if (!f)
       return;
-    let o = u.find((d) => d.id === r);
+    let o = f.find((c) => c.id === r);
     o || (o = {
       id: r,
       path: "igix/Web/WebCmp/bo-webcmp/metadata/webcmd/data-commands",
       name: "LoadCommands.webcmd",
       refedHandlers: []
-    }, e.getCommands().push(o)), c && !o.refedHandlers.find((d) => d.host === c.id) && o.refedHandlers.push(
+    }, e.getCommands().push(o)), u && !o.refedHandlers.find((c) => c.host === u.id) && o.refedHandlers.push(
       {
-        host: c.id,
+        host: u.id,
         handler: "Filter"
       }
     );
   }
   function a() {
-    const { filterBar: c, filterBarContainer: u } = s(), { filterInGridViewModel: o } = l();
-    c && o && (c.onQuery = o.code), m(o);
-    const d = t == null ? void 0 : t.useFormCommand;
-    return d && d.checkCommands(), u;
+    const { filterBar: u, filterBarContainer: f } = l(), { filterInGridViewModel: o } = s();
+    u && o && (u.onQuery = o.code), m(o);
+    const c = i == null ? void 0 : i.useFormCommand;
+    return c && c.checkCommands(), f;
   }
   return { createFilterBar: a };
 }
-function be(i, t, e, n) {
+function Fe(t, i, e, n) {
   if (e.parentComponentInstance && n) {
-    const l = it(e, n).createFilterBar();
-    if (l)
-      return l;
+    const s = ot(e, n).createFilterBar();
+    if (s)
+      return s;
   }
-  return t;
+  return i;
 }
-const nt = "https://json-schema.org/draft/2020-12/schema", rt = "https://farris-design.gitee.io/filter-bar.schema.json", ot = "filter-bar", st = "A Farris Component", lt = "object", at = {
+const lt = "https://json-schema.org/draft/2020-12/schema", st = "https://farris-design.gitee.io/filter-bar.schema.json", at = "filter-bar", dt = "A Farris Component", ct = "object", ut = {
   id: {
     description: "The unique identifier for filter-bar",
     type: "string"
@@ -154,22 +154,55 @@ const nt = "https://json-schema.org/draft/2020-12/schema", rt = "https://farris-
   resetText: {
     description: "",
     type: "string"
+  },
+  filterText: {
+    description: "",
+    type: "string"
+  },
+  filterType: {
+    description: "",
+    type: "string",
+    default: "light"
+  },
+  tileShowType: {
+    description: "",
+    type: "string",
+    default: "multiline"
+  },
+  liveSearch: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  allInOneAlign: {
+    description: "",
+    type: "string",
+    default: "left"
+  },
+  lineLabelWidth: {
+    description: "",
+    type: "string",
+    default: "fixed"
+  },
+  itemClass: {
+    description: "",
+    type: "string"
   }
-}, dt = [
+}, ft = [
   "id",
   "type"
-], ct = {
+], pt = {
   onQuery: "查询事件"
-}, ye = {
-  $schema: nt,
-  $id: rt,
-  title: ot,
-  description: st,
-  type: lt,
-  properties: at,
-  required: dt,
-  events: ct
-}, re = {
+}, we = {
+  $schema: lt,
+  $id: st,
+  title: at,
+  description: dt,
+  type: ct,
+  properties: ut,
+  required: ft,
+  events: pt
+}, le = {
   /** 指定已设的筛选条件列表 */
   defaultValues: {
     type: Array,
@@ -185,134 +218,165 @@ const nt = "https://json-schema.org/draft/2020-12/schema", rt = "https://farris-
   disabled: { type: Boolean, default: !1 },
   /** 清空值文字 */
   resetText: { type: String, default: "清空筛选" },
+  /** 筛选按钮文本 */
+  filterText: { type: String, default: "筛选" },
   customClass: { type: String, default: "" },
-  customStyle: { type: String, default: "" }
-}, ut = ze(re, ye, he, be);
-function ee() {
-  const { getLocaleValue: i } = ge;
+  customStyle: { type: String, default: "" },
+  //  筛选类型：轻量 | 平铺
+  filterType: { type: String, default: "light" },
+  // 平铺筛选的展示方式：单行展示、多行展示、所有在一行（会出现滚动条）
+  tileShowType: { type: String, default: "multiline" },
+  // 是否即时搜索
+  liveSearch: { type: Boolean, default: !0 },
+  // 是否左对齐--all-in-one时才生效
+  allInOneAlign: { type: String, default: "left" },
+  // 行展示方式下，标签是否自动宽度自动
+  lineLabelWidth: { type: String, default: "fixed" },
+  // 项的样式
+  itemClass: { type: String, default: "" }
+}, mt = De(le, we, Ce, Fe);
+function te() {
+  const { getLocaleValue: t } = oe;
   return {
-    confirm: i("filterBar.confirm"),
-    cancel: i("filterBar.cancel"),
-    advancedFilter: i("filterBar.advancedFilter"),
-    clearAll: i("filterBar.clearAll"),
-    expand: i("filterBar.expand"),
-    fold: i("filterBar.fold"),
-    require: i("filterBar.require")
+    confirm: t("filterBar.confirm"),
+    cancel: t("filterBar.cancel"),
+    advancedFilter: t("filterBar.advancedFilter"),
+    clearAll: t("filterBar.clearAll"),
+    expand: t("filterBar.expand"),
+    fold: t("filterBar.fold"),
+    require: t("filterBar.require")
   };
 }
-function ft(i) {
-  return ge.getRealPropertyValue(i, "清空筛选", "filterBar.reset");
+function gt(t) {
+  return oe.getRealPropertyValue(t, "清空筛选", "filterBar.reset");
+}
+function vt(t) {
+  return oe.getRealPropertyValue(t, "筛选", "filterBar.filter");
 }
-function pt(i, t, e, n) {
-  const r = w([]), s = w([]), l = w([]), m = w("");
-  w(i.mode);
-  const a = /* @__PURE__ */ new Map(), { createConditionValue: c } = He(), { convertToControls: u } = ne("filter-bar"), o = Xe(i, t), { getFilterConditions: d } = o, { fieldToCondition: v, judgeLoadNewValue: f } = me(), p = new Ze(), h = ee();
-  let y = "[]";
-  function C(I) {
-    return !i.disabled && !I.value.isEmpty();
-  }
-  function V(I) {
-    s.value = u(I), s.value.reduce((P, A) => (P.set(A.labelCode, A), P), a);
-  }
-  function B(I) {
-    const P = Array.isArray(I) ? I : [];
-    l.value = s.value.map((A) => {
-      const E = P.find((x) => x.id === A.id);
-      if (E) {
-        const x = v(A, E.value);
-        return f(x, A) && x.value.clear(), x;
+function ht(t, i, e, n) {
+  const r = F([]), l = F([]), s = F([]), m = F("");
+  F(t.mode);
+  const a = /* @__PURE__ */ new Map(), { createConditionValue: u } = Je(), { convertToControls: f } = re("filter-bar"), o = Ye(t, i), { getFilterConditions: c } = o, { fieldToCondition: g, judgeLoadNewValue: d } = ye(), p = new Ke(), h = te();
+  let b = "[]";
+  function w(x) {
+    return !t.disabled && !x.value.isEmpty();
+  }
+  function O(x) {
+    l.value = f(x), l.value.reduce((P, C) => (P.set(C.labelCode, C), P), a);
+  }
+  function L(x) {
+    const P = Array.isArray(x) ? x : [];
+    s.value = l.value.map((C) => {
+      const B = P.find((S) => S.id === C.id);
+      if (B) {
+        const S = g(C, B.value);
+        return d(S, C) && S.value.clear(), S;
       }
-      return v(A);
+      return g(C);
     });
   }
-  function T(I) {
-    l.value = l.value.filter((P) => P.id !== I.id), r.value = r.value.filter((P) => P.fieldCode !== I.fieldCode), s.value = s.value.filter((P) => P.id !== I.id), t.emit("remove", I.fieldCode);
+  function T(x) {
+    s.value = s.value.filter((P) => P.id !== x.id), r.value = r.value.filter((P) => P.fieldCode !== x.fieldCode), l.value = l.value.filter((P) => P.id !== x.id), i.emit("remove", x.fieldCode);
   }
-  function k() {
-    var I;
-    i.disabled ? e.value = !1 : e.value = ((I = l.value) == null ? void 0 : I.findIndex((P) => {
-      var A;
-      return P.value && !((A = P.value) != null && A.isEmpty());
+  function V() {
+    var x;
+    t.disabled ? e.value = !1 : t.filterType === "tile" ? e.value = !0 : e.value = ((x = s.value) == null ? void 0 : x.findIndex((P) => {
+      var C;
+      return P.value && !((C = P.value) != null && C.isEmpty());
     })) > -1;
   }
-  function U(I, P = []) {
-    const A = JSON.stringify(I || []);
-    A !== y && (t.emit("conditionChange", I), y = A, P.length === 0 && t.emit("query", I));
-  }
-  function N() {
-    var E;
-    k();
-    const I = [];
-    (l.value || []).map((x) => {
-      x.required && (!x.value || x.value.isEmpty()) && I.push(x.fieldName || "");
-    });
-    const P = (E = l.value) == null ? void 0 : E.filter((x) => {
-      var $;
-      return x.value && !(($ = x.value) != null && $.isEmpty());
+  function A() {
+    var P;
+    const x = (P = s.value) == null ? void 0 : P.filter((C) => {
+      var B;
+      return C.value && !((B = C.value) != null && B.isEmpty());
     });
-    if (P.length && I.length > 0) {
-      p.warning({ message: h.require.replace("[fields]", I.join(",")), position: "top-center" });
+    return c(x, l.value);
+  }
+  function R(x = !0) {
+    const P = A(), C = JSON.stringify(P || []);
+    C !== b && (x && i.emit("conditionChange", P), b = C);
+  }
+  function k() {
+    console.log("====================进入查询方法==================================");
+    const x = [];
+    if ((s.value || []).map((P) => {
+      P.required && (!P.value || P.value.isEmpty()) && x.push(P.fieldName || "");
+    }), x.length > 0) {
+      p.warning({ message: h.require.replace("[fields]", x.join(",")), position: "top-center" });
       return;
     }
-    const A = d(P, s.value);
-    U(A, I);
+    i.emit("query", A());
   }
-  function M(I, P, A = !0) {
-    V(I), B(P), A && N();
+  function I(x, P, C = !0) {
+    O(x), L(P), V(), C && (R(), k());
   }
-  function F(I) {
-    I.value.clear(), r.value = r.value.filter((P) => P.fieldCode !== I.fieldCode), t.emit("clear", I.fieldCode), N();
+  function $(x) {
+    x.value.clear(), r.value = r.value.filter((P) => P.fieldCode !== x.fieldCode), i.emit("clear", x.fieldCode), V(), R(), t.liveSearch && k();
   }
-  function j() {
-    l.value.forEach((I) => I.value.clear());
+  function N() {
+    s.value.forEach((x) => x.value.clear());
   }
-  function O() {
-    l.value.forEach((I) => {
-      I.value.clear();
-    }), t.emit("reset"), N(), n.resizeFilerBar();
+  function U() {
+    s.value.forEach((x) => {
+      x.value.clear();
+    }), i.emit("reset"), V(), R(), t.liveSearch && k(), n.resizeFilerBar();
   }
   return {
-    clearAll: j,
-    clearFilterItem: F,
+    clearAll: N,
+    clearFilterItem: $,
     currentFilterId: m,
-    filterFields: s,
-    filterItems: l,
+    filterFields: l,
+    filterItems: s,
     fieldMap: a,
-    loadFilterItems: M,
+    loadFilterItems: I,
     removeFilterItem: T,
-    reset: O,
-    shouldShowClearButtonInFilterItem: C,
-    handleQuery: N
+    reset: U,
+    shouldShowClearButtonInFilterItem: w,
+    handleQuery: k,
+    updateResetButtonState: V,
+    handleConditionChange: R
   };
 }
-function mt(i, t, e, n) {
-  const r = w([]), s = ee(), l = w(s.advancedFilter), m = w(ft(i.resetText)), a = w(!1), {
-    clearAll: c,
-    reset: u,
+function yt(t, i, e, n) {
+  const r = F([]), l = te(), s = F(l.advancedFilter), m = F(gt(t.resetText)), a = F(!1), {
+    clearAll: u,
+    reset: f,
     filterItems: o
   } = e;
-  function d() {
+  function c() {
     r.value = o.value.filter((h) => h.isExtend);
   }
-  d();
-  const v = R(() => r.value && r.value.length > 0);
-  function f(h) {
+  c();
+  const g = W(() => r.value && r.value.length > 0);
+  function d(h) {
     a.value = !0;
   }
   function p(h) {
-    i.mode === "display-only" ? c() : u();
+    t.mode === "display-only" ? u() : f();
   }
-  return () => b("div", {
-    class: "f-filter-toolbars"
-  }, [v.value && b("button", {
+  return () => y("div", {
+    class: "f-filter-toolbars",
+    style: "flex-shrink:0;"
+  }, [t.filterType === "light" && g.value && y("button", {
     class: "btn btn-link",
-    onClick: (h) => f()
-  }, [l.value]), n.value && b("button", {
+    onClick: (h) => d()
+  }, [s.value]), t.filterType === "light" && n.value && y("button", {
     class: "btn btn-link",
     onClick: (h) => p()
-  }, [m.value])]);
+  }, [m.value]), t.filterType === "tile" && g.value && y("button", {
+    class: "btn btn-secondary filter-search-btn-reset",
+    onClick: (h) => d()
+  }, [y("span", {
+    class: "f-icon f-icon-filtrate"
+  }, null)]), t.filterType === "tile" && !t.liveSearch && y("button", {
+    class: "btn btn-secondary filter-search-btn-reset",
+    onClick: (h) => p()
+  }, [y("span", {
+    class: "f-icon f-icon-remove"
+  }, null)])]);
 }
-const gt = {
+const bt = {
   filterItem: { type: Object, default: null },
   position: { type: Object, default: null },
   /**
@@ -321,457 +385,507 @@ const gt = {
   reference: {
     type: Object
   }
-}, vt = Object.assign({}, Ye), ht = /* @__PURE__ */ Q({
+}, Ct = Object.assign({}, tt), Ft = /* @__PURE__ */ Q({
   name: "FFilterRadioGroup",
-  props: vt,
+  props: Ct,
   emits: ["update:modelValue", "change"],
-  setup(i, t) {
-    const e = w(), {
+  setup(t, i) {
+    const e = F(), {
       dataSource: n,
       displayText: r,
-      modelValue: s
-    } = Ke(i);
-    function l(m) {
-      r.value = m.map((c) => c[i.textField]).join(i.separator);
+      modelValue: l
+    } = it(t);
+    function s(m) {
+      r.value = m.map((u) => u[t.textField]).join(t.separator);
       let a = "";
-      m.length === 1 ? a = m[0][i.valueField] : a = m.map((c) => c[i.valueField]).join(i.separator), s.value !== a && (s.value = a, t.emit("update:modelValue", s.value), t.emit("change", s.value));
+      m.length === 1 ? a = m[0][t.valueField] : a = m.map((u) => u[t.valueField]).join(t.separator), l.value !== a && (l.value = a, i.emit("update:modelValue", l.value), i.emit("change", l.value));
     }
-    return () => b(et, {
+    return () => y(nt, {
       style: "margin: -2px -15px;padding: 0;",
       ref: e,
-      idField: i.valueField,
-      valueField: i.valueField,
-      textField: i.textField,
-      titleField: i.titleField,
+      idField: t.valueField,
+      valueField: t.valueField,
+      textField: t.textField,
+      titleField: t.titleField,
       dataSource: n.value,
-      selectedValues: s.value,
+      selectedValues: l.value,
       multiSelect: !1,
       enableSearch: !1,
       onSelectionChange: (m) => {
-        l(m);
+        s(m);
       }
     }, null);
   }
-}), bt = /* @__PURE__ */ Q({
+}), wt = /* @__PURE__ */ Q({
   name: "FFilterBarItemCondition",
-  props: gt,
+  props: bt,
   emits: ["cancel", "confirm", "clearFilter"],
-  setup(i, t) {
-    const e = w(H(i.filterItem)), n = w(), r = ee(), s = w("0px"), l = w("0px"), m = w("0px"), a = w("auto"), c = R(() => ({
+  setup(t, i) {
+    const e = F(Z(t.filterItem)), n = F(), r = te(), l = F("0px"), s = F("0px"), m = F("0px"), a = F("auto"), u = W(() => ({
       left: a.value === "auto" ? "26px" : "auto",
       right: a.value
-    })), u = R(() => ({
-      left: s.value,
-      top: l.value
-    })), o = R(() => ({
+    })), f = W(() => ({
+      left: l.value,
+      top: s.value
+    })), o = W(() => ({
       width: m.value === "0px" ? null : m.value,
       maxWidth: m.value === "0px" ? null : m.value
-    })), d = w(), {
-      useFilterItemsComposition: v,
-      resolveEditorProps: f
-    } = _("useFilterItemsComposition"), {
+    })), c = F(), {
+      useFilterItemsComposition: g,
+      resolveEditorProps: d
+    } = X("useFilterItemsComposition"), {
       fieldMap: p
-    } = v, {
+    } = g, {
       renderFieldConditionEditor: h,
-      conditionChangeHandler: y
-    } = ne("filter-bar"), C = w("");
-    let V = !1, B = {};
-    const T = w(!0);
-    function k() {
-      var q, X;
-      if (!i.reference || !d.value)
+      conditionChangeHandler: b
+    } = re("filter-bar"), w = F("");
+    let O = !1, L = {};
+    const T = F(!0);
+    function V() {
+      var q, G;
+      if (!t.reference || !c.value)
         return;
-      const E = (q = i.reference) == null ? void 0 : q.getBoundingClientRect();
-      let x = (X = d.value) == null ? void 0 : X.getBoundingClientRect().width;
-      const $ = document.body.clientWidth - E.x - 30, L = document.body.clientWidth - E.y - 30;
-      x > $ && x > L && (x = Math.max($, L)), E.left > document.body.clientWidth - x - 20 ? (s.value = E.left + E.width - x + "px", l.value = E.top + E.height + "px", a.value = "26px") : (s.value = E.left + "px", l.value = E.top + E.height + "px", a.value = "auto"), m.value = x + "px";
+      const C = (q = t.reference) == null ? void 0 : q.getBoundingClientRect();
+      let B = (G = c.value) == null ? void 0 : G.getBoundingClientRect().width;
+      const S = document.body.clientWidth - C.x - 30, M = document.body.clientWidth - C.y - 30;
+      B > S && B > M && (B = Math.max(S, M)), C.left > document.body.clientWidth - B - 20 ? (l.value = C.left + C.width - B + "px", s.value = C.top + C.height + "px", a.value = "26px") : (l.value = C.left + "px", s.value = C.top + C.height + "px", a.value = "auto"), m.value = B + "px";
     }
-    function U(E, x, $, L) {
-      V = !0, B = {
-        value: x,
-        editor: $,
-        option: L
+    function A(C, B, S, M) {
+      O = !0, L = {
+        value: B,
+        editor: S,
+        option: M
       };
     }
-    function N() {
+    function R() {
       if (!n.value)
         return !1;
-      const E = n.value.parentElement, x = Array.from(E.children);
-      return x ? !!x.find((L) => !L || !L.classList ? !1 : L.classList.contains("popover") && L.style.visibility === "visible") : !1;
+      const C = n.value.parentElement, B = Array.from(C.children);
+      return B ? !!B.find((M) => !M || !M.classList ? !1 : M.classList.contains("popover") && M.style.visibility === "visible") : !1;
     }
-    function M(E, x, $, L) {
-      y(E, x, $, L), t.emit("confirm", e.value);
+    function k(C, B, S, M) {
+      b(C, B, S, M), i.emit("confirm", e.value);
     }
-    function F() {
+    function I() {
       const {
-        id: E,
-        editor: x,
-        needEmitChange: $
-      } = h(p, e.value, U);
-      if (C.value = "filter-panel--" + x.type, x.type === "radio-group") {
-        const L = f(x.type, x);
-        return T.value = !1, b(ht, je(L, {
+        id: C,
+        editor: B,
+        needEmitChange: S
+      } = h(p, e.value, A);
+      if (w.value = "filter-panel--" + B.type, B.type === "radio-group") {
+        const M = d(B.type, B);
+        return T.value = !1, y(Ft, je(M, {
           modelValue: e.value.value.value,
           "onUpdate:modelValue": (q) => e.value.value.value = q,
           onChange: (q) => {
-            M(e.value, q, x);
+            k(e.value, q, B);
           }
         }), {
-          default: () => [z(" ")]
+          default: () => [j(" ")]
         });
       }
-      return b(Je, {
+      return y(et, {
         showLabelType: "force-none",
-        id: E,
-        key: E,
-        editor: x,
+        id: C,
+        key: C,
+        editor: B,
         modelValue: e.value.value.value,
-        "onUpdate:modelValue": (L) => e.value.value.value = L,
-        onChange: (L, q) => {
-          $ && U(e.value, L, x, q);
+        "onUpdate:modelValue": (M) => e.value.value.value = M,
+        onChange: (M, q) => {
+          S && A(e.value, M, B, q);
         }
       }, null);
     }
-    K(() => {
-      k();
+    ee(() => {
+      V();
     });
-    function j(E) {
-      const x = C.value.replace("filter-panel--", "");
-      ["input", "radio-group", "switch"].findIndex(($) => $ === x) > -1 ? t.emit("cancel") : N() || t.emit("cancel");
+    function $(C) {
+      const B = w.value.replace("filter-panel--", "");
+      ["input", "radio-group", "switch"].findIndex((S) => S === B) > -1 ? i.emit("cancel") : R() || i.emit("cancel");
     }
-    function O(E) {
-      E.stopPropagation(), V && y(e.value, B.value, B.editor, B.option), t.emit("confirm", e.value);
+    function N(C) {
+      C.stopPropagation(), O && b(e.value, L.value, L.editor, L.option), i.emit("confirm", e.value);
     }
-    function I(E) {
-      e.value.value.clear(), E.stopPropagation(), t.emit("confirm", e.value);
+    function U(C) {
+      e.value.value.clear(), C.stopPropagation(), i.emit("confirm", e.value);
     }
-    function P() {
-      const E = Qe();
+    function x() {
+      const C = _e();
       return {
-        zIndex: Math.max(E, 1050)
+        zIndex: Math.max(C, 1050)
       };
     }
-    const A = P();
-    return () => b("div", {
+    const P = x();
+    return () => y("div", {
       class: "f-filter-panel-wrapper can-close",
       ref: n,
-      onClick: j,
+      onClick: $,
       style: {
-        zIndex: A
+        zIndex: P
       }
-    }, [b("div", {
-      class: "f-filter-panel " + C.value,
-      ref: d,
-      style: u.value
-    }, [b("div", {
+    }, [y("div", {
+      class: "f-filter-panel " + w.value,
+      ref: c,
+      style: f.value
+    }, [y("div", {
       class: "f-filter-panel-inner",
       style: o.value,
-      onClick: (E) => E.stopPropagation()
-    }, [b("div", {
+      onClick: (C) => C.stopPropagation()
+    }, [y("div", {
       class: "f-filter-panel-arrow",
-      style: c.value
-    }, null), F(), T.value && b("div", {
+      style: u.value
+    }, null), I(), T.value && y("div", {
       class: "f-filter-panel-footer"
-    }, [b("div", {
+    }, [y("div", {
       class: "filter-panel-clear"
-    }, [b("button", {
+    }, [y("button", {
       class: "btn btn-link",
-      onClick: I,
+      onClick: U,
       style: "padding-left:0;"
-    }, [r.clearAll])]), b("div", {
+    }, [r.clearAll])]), y("div", {
       class: "filter-panel-btns"
-    }, [b("button", {
+    }, [y("button", {
       class: "btn btn-secondary can-close",
-      onClick: j
-    }, [r.cancel]), b("button", {
+      onClick: $
+    }, [r.cancel]), y("button", {
       class: "filter-panel-submit btn btn-primary",
-      onClick: O
+      onClick: N
     }, [r.confirm])])])])])]);
   }
-}), Ce = {
+}), xe = {
   filterItem: { type: Object, default: null },
-  disabled: { type: Boolean, default: !1 }
-}, yt = /* @__PURE__ */ Q({
+  disabled: { type: Boolean, default: !1 },
+  customClass: { type: String, default: "" }
+}, xt = /* @__PURE__ */ Q({
   name: "FFilterBarItem",
-  props: Ce,
+  props: xe,
   emits: ["confirm"],
-  setup(i, t) {
-    const e = w(i.filterItem), {
+  setup(t, i) {
+    const e = F(t.filterItem), {
       useFilterItemsComposition: n
-    } = _("useFilterItemsComposition"), {
+    } = X("useFilterItemsComposition"), {
       clearFilterItem: r,
-      currentFilterId: s,
-      removeFilterItem: l,
+      currentFilterId: l,
+      removeFilterItem: s,
       shouldShowClearButtonInFilterItem: m
-    } = n, a = w(!1), c = w(!1), u = w(), o = w(""), d = w(), v = function() {
-      return {
+    } = n, a = F(!1), u = F(!1), f = F(), o = F(""), c = F(), g = function() {
+      const T = {
         "f-filter-item": !0,
-        "f-state-disabled": i.disabled,
+        "f-state-disabled": t.disabled,
         "f-filter-item-actived": !e.value.value.isEmpty(),
         // 'f-filter-item-last': index === filterItems.value.length - 1,
-        "f-filter-item-edit": e.value.id === s.value || a.value
+        "f-filter-item-edit": e.value.id === l.value || a.value
       };
+      return Xe(T, t.customClass);
     };
-    R(() => !i.disabled && i.mode === "editable");
-    function f(T) {
-      i.disabled || (i.mode === "display-only" ? l(e.value) : r(e.value));
+    W(() => !t.disabled && t.mode === "editable");
+    function d(T) {
+      t.disabled || (t.mode === "display-only" ? s(e.value) : r(e.value));
     }
     function p(T) {
-      i.disabled || (a.value = !0);
+      t.disabled || (a.value = !0);
     }
     function h() {
       a.value = !1;
     }
-    function y() {
-      d.value && d.value.scrollWidth > d.value.clientWidth ? o.value = d.value.innerHTML : o.value = "";
+    function b() {
+      c.value && c.value.scrollWidth > c.value.clientWidth ? o.value = c.value.innerHTML : o.value = "";
     }
-    function C(T) {
-      a.value = !1, e.value.value = T.value, t.emit("confirm", T), ie(() => {
-        y();
+    function w(T) {
+      a.value = !1, e.value.value = T.value, i.emit("confirm", T), ne(() => {
+        b();
       });
     }
-    function V() {
-      c.value = i.disabled ? !1 : m(e.value);
+    function O() {
+      u.value = t.disabled ? !1 : m(e.value);
     }
-    function B() {
-      c.value = !1;
+    function L() {
+      u.value = !1;
     }
-    return K(() => {
-      y();
-    }), () => b("div", {
+    return ee(() => {
+      b();
+    }), () => y("div", {
       key: e.value.id,
       id: e.value.id,
-      class: v(),
-      onMouseenter: () => V(),
-      onMouseleave: () => B()
-    }, [b("div", {
+      class: g(),
+      onMouseenter: () => O(),
+      onMouseleave: () => L()
+    }, [y("div", {
       class: "f-filter-item-inner",
-      ref: u,
+      ref: f,
       onClick: (T) => p()
-    }, [e.value.required && b("span", {
+    }, [e.value.required && y("span", {
       class: "f-filter-item-required text-danger"
-    }, [z("*")]), b("span", {
+    }, [j("*")]), y("span", {
       class: "f-filter-item-text"
-    }, [e.value.fieldName]), !e.value.value.isEmpty() && b(te, null, [b("span", {
+    }, [e.value.fieldName]), !e.value.value.isEmpty() && y(ie, null, [y("span", {
       class: "f-filter-item-tip"
-    }, [z(":")]), b("span", {
+    }, [j(":")]), y("span", {
       class: "f-filter-item-content",
-      ref: d,
+      ref: c,
       title: o.value
-    }, [e.value.value.getDisplayText()])]), !i.disabled && b("span", {
+    }, [e.value.value.getDisplayText()])]), !t.disabled && y("span", {
       class: "f-filter-item-arrow f-icon f-icon-arrow-chevron-down"
-    }, null)]), c.value && b("span", {
+    }, null)]), u.value && y("span", {
       class: "mr-3 f-filter-item-clear",
-      onClick: (T) => f()
-    }, [b("span", {
+      onClick: (T) => d()
+    }, [y("span", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), a.value && b(qe, {
+    }, null)]), a.value && y(ze, {
       to: "body"
     }, {
-      default: () => [b(bt, {
+      default: () => [y(wt, {
         filterItem: e.value,
-        reference: u.value,
-        onConfirm: C,
+        reference: f.value,
+        onConfirm: w,
         onCancel: h
       }, null)]
     })]);
   }
 });
-function Fe(i, t) {
-  const e = w(null), n = 15;
+function Ie(t, i) {
+  const e = F(null), n = 15;
   let r = 0;
-  function s(a = -1, c = -1) {
-    var f;
-    if (!i.value)
+  function l(a = -1, u = -1) {
+    var d;
+    if (!t.value)
       return;
-    const u = (f = i.value) == null ? void 0 : f.querySelector(".f-filter-list");
-    if (!u)
+    const f = (d = t.value) == null ? void 0 : d.querySelector(".f-filter-list");
+    if (!f)
       return;
-    const o = u.children;
-    if (!o || o.length === 0 || (a < 0 && (a = i.value.clientWidth), r = c < 0 ? r : c, Math.abs(a - r) < n))
+    const o = f.children;
+    if (!o || o.length === 0 || (a < 0 && (a = t.value.clientWidth), r = u < 0 ? r : u, Math.abs(a - r) < n))
       return;
     Array.from(o).forEach((p) => {
       p.style.display = "flex";
-    }), t.value = u.clientWidth < u.scrollWidth;
-    let d = !1, v = 0;
+    }), i.value = f.clientWidth < f.scrollWidth;
+    let c = !1, g = 0;
     for (let p = 0; p < o.length; p++) {
-      const h = o[p], y = Math.ceil(h.offsetWidth + (parseFloat(getComputedStyle(h).marginRight) || 0) + parseFloat(getComputedStyle(h).marginLeft));
-      !d && v + y <= a ? v += y : (h.style.display = "none", d = !0);
+      const h = o[p], b = Math.ceil(h.offsetWidth + (parseFloat(getComputedStyle(h).marginRight) || 0) + parseFloat(getComputedStyle(h).marginLeft));
+      !c && g + b <= a ? g += b : (h.style.display = "none", c = !0);
     }
     r = a;
   }
-  function l() {
-    var c, u;
-    if (!i.value)
+  function s() {
+    var u, f;
+    if (!t.value)
       return;
-    (c = e.value) == null || c.unobserve(i.value);
-    const a = ((u = i.value.querySelector(".f-filter-list")) == null ? void 0 : u.children) || [];
+    (u = e.value) == null || u.unobserve(t.value);
+    const a = ((f = t.value.querySelector(".f-filter-list")) == null ? void 0 : f.children) || [];
     Array.from(a).forEach((o) => {
       o.style.display = "flex";
     }), r = 0;
   }
   function m() {
-    if (!i.value)
+    if (!t.value)
       return;
-    const a = new ResizeObserver((c) => {
-      const u = c[0].contentRect.width;
-      s(u);
+    const a = new ResizeObserver((u) => {
+      const f = u[0].contentRect.width;
+      l(f);
     });
-    return a.observe(i.value), e.value = a, a;
+    return a.observe(t.value), e.value = a, a;
   }
   return {
     setupWidthObserver: m,
-    cancelWidthObserver: l,
-    handleVisibleChildren: s
+    cancelWidthObserver: s,
+    handleVisibleChildren: l
   };
 }
-const D = /* @__PURE__ */ Q({
+const H = /* @__PURE__ */ Q({
   name: "FFilterBar",
-  props: re,
+  props: le,
   emits: ["clear", "remove", "reset", "conditionChange", "change", "query"],
-  setup(i, t) {
-    const e = w(!1), n = w(!1), r = w(null), s = w(!1), l = w(0), m = Fe(r, n), {
-      cancelWidthObserver: a,
-      setupWidthObserver: c,
-      handleVisibleChildren: u
-    } = m, o = {
+  setup(t, i) {
+    const e = F(!1), n = F(!1), r = F(null), l = F(!1), s = F(vt(t.filterText)), m = F(0), a = Ie(r, n), {
+      cancelWidthObserver: u,
+      setupWidthObserver: f,
+      handleVisibleChildren: o
+    } = a, c = {
       resizeFilerBar: () => {
-        e.value || ie(() => {
-          u(-1, 0);
+        e.value || ne(() => {
+          o(-1, 0);
         });
       }
-    }, d = pt(i, t, s, o), {
-      filterFields: v,
-      filterItems: f,
-      loadFilterItems: p,
-      handleQuery: h
-    } = d, {
-      resolveEditorProps: y
-    } = ve();
-    ce("useFilterItemsComposition", {
-      useFilterItemsComposition: d,
-      resolveEditorProps: y
+    }, g = ht(t, i, l, c), {
+      filterFields: d,
+      filterItems: p,
+      loadFilterItems: h,
+      handleQuery: b,
+      updateResetButtonState: w,
+      handleConditionChange: O
+    } = g, {
+      resolveEditorProps: L
+    } = be();
+    me("useFilterItemsComposition", {
+      useFilterItemsComposition: g,
+      resolveEditorProps: L
     });
-    const C = ee(), V = R(() => {
-      const O = {
-        display: v.value && v.value.length ? "" : "none"
+    const T = te(), V = W(() => {
+      const S = {
+        display: t.filterType === "tile" || d.value && d.value.length ? "" : "none"
       };
-      return pe(O, i == null ? void 0 : i.customStyle);
-    });
-    p(i.fields, i.defaultValues, !!(i.defaultValues && i.defaultValues.length > 0)), ue([() => i.defaultValues, () => i.fields], ([O, I]) => {
-      p(I, O), l.value++, o.resizeFilerBar();
-    }), K(() => {
-      c();
-    }), fe(() => {
-      a();
+      return he(S, t == null ? void 0 : t.customStyle);
+    }), A = F();
+    h(t.fields, t.defaultValues, !!(t.defaultValues && t.defaultValues.length > 0)), ge([() => t.defaultValues, () => t.fields], ([S, M]) => {
+      h(M, S), m.value++, c.resizeFilerBar();
+    }), ee(() => {
+      if (f(), t.filterType === "tile" && t.tileShowType === "all-in-one") {
+        const S = A.value.querySelector(".condition-div");
+        S.scrollWidth > S.clientWidth && (A.value.className = A.value.className + " all-in-one--item-fill");
+      }
+    }), ve(() => {
+      u();
     });
-    const B = R(() => ({
+    const R = W(() => ({
       "f-filter-list": !0,
       "f-filter-list-extend": e.value
       // 'f-utils-overflow-hidden': true
-    })), T = R(() => ({
+    })), k = W(() => ({
       "extend-btn-arrow": !0,
       "f-icon": !0,
       "f-icon-arrow-chevron-up": e.value,
       "f-icon-arrow-chevron-down": !e.value
-    })), k = R(() => !e.value && n.value);
-    function U() {
-      e.value = !e.value, e.value ? a() : c();
+    })), I = W(() => !e.value && n.value);
+    function $() {
+      e.value = !e.value, e.value ? u() : f();
     }
-    const N = mt(i, t, d, s);
-    function M(O) {
-      t.emit("change", O), h(), o.resizeFilerBar();
+    const N = yt(t, i, g, l);
+    function U(S, M = !0) {
+      i.emit("change", S), M && w(), O(), t.liveSearch && b(), M && c.resizeFilerBar();
     }
-    function F() {
-      return b("div", {
-        class: B.value,
-        key: i.id + "-main-" + l.value
-      }, [f.value.map((O, I) => !O.isExtend && b(yt, {
-        filterItem: O,
-        onConfirm: M,
-        disabled: i.disabled || O.disabled
+    function x() {
+      return y("div", {
+        class: R.value,
+        key: t.id + "-main-" + m.value
+      }, [p.value.map((S, M) => !S.isExtend && y(xt, {
+        filterItem: S,
+        onConfirm: U,
+        disabled: t.disabled || S.disabled
       }, null)), e.value && N()]);
     }
-    function j() {
-      return k.value && b("div", {
+    function P() {
+      return I.value && y("div", {
         class: "f-filter-list-ellipsis",
-        onClick: (O) => U()
-      }, [z("...")]);
+        onClick: (S) => $()
+      }, [j("...")]);
+    }
+    function C() {
+      O(), b();
+    }
+    function B() {
+      let S = "", M;
+      t.tileShowType !== "all-in-one" && (S = t.lineLabelWidth === "auto" ? " filter-item-wrap" : "", M = t.tileShowType === "single" ? "col-12" + S : S ? "col-12 col-md-6 col-xl-3 col-el-2" + S : void 0);
+      const q = t.tileShowType === "multiline";
+      return y("div", {
+        class: "f-list-filter d-flex list-filter--" + t.tileShowType + t.customClass,
+        style: V.value
+      }, [t.tileShowType !== "all-in-one" && y("div", {
+        class: "flex-fill"
+      }, [y(ue, {
+        fields: d.value,
+        conditions: p.value,
+        itemClass: M,
+        autoResponse: q,
+        onValueChange: (G, _) => U(_)
+      }, null), j(" ")]), t.tileShowType === "all-in-one" && y("div", {
+        class: "filter-inputs-main-basis-wrapper" + t.customClass,
+        ref: A,
+        style: V.value
+      }, [y(ue, {
+        style: "flex-wrap:nowrap!important;overflow-x:auto;",
+        fields: d.value,
+        customClass: t.allInOneAlign === "right" ? "justify-content-end" : "",
+        conditions: p.value,
+        itemClass: "filter-input-list filter-item-wrap",
+        autoResponse: !1,
+        onValueChange: (G, _) => U(_)
+      }, null)]), !t.liveSearch && y("div", {
+        class: "filter-search-btn filter-search-btn--filter",
+        onClick: C
+      }, [y("button", {
+        class: "btn btn-primary"
+      }, [s.value])]), N()]);
     }
-    return () => b("div", {
-      class: "f-filter-wrapper " + i.customClass,
+    return () => t.filterType === "light" ? y("div", {
+      class: "f-filter-wrapper " + t.customClass,
       style: V.value
-    }, [b("div", {
+    }, [y("div", {
       class: "f-filter-wrapper-inner f-utils-fill"
-    }, [b("div", {
+    }, [y("div", {
       class: "f-filter-main f-utils-fill"
-    }, [b("div", {
+    }, [y("div", {
       class: "f-filter-list-wrapper flex-fill",
       ref: r
-    }, [F()]), j(), !e.value && N()]), n.value && b("div", {
+    }, [x()]), P(), !e.value && N()]), !t.liveSearch && y("div", {
+      class: "filter-search-btn filter-search-btn--filter",
+      style: "margin:0 8px 0 0;",
+      onClick: C
+    }, [y("button", {
+      class: "btn btn-primary"
+    }, [s.value])]), n.value && y("div", {
       class: "f-filter-extend-btn"
-    }, [b("button", {
+    }, [y("button", {
       class: "btn btn-link",
-      onClick: U
-    }, [b("span", {
+      onClick: $
+    }, [y("span", {
       class: "extend-btn-text"
-    }, [e.value ? C.fold : C.expand]), b("span", {
-      class: T.value
-    }, null)])])])]);
+    }, [e.value ? T.fold : T.expand]), y("span", {
+      class: k.value
+    }, null)])])])]) : B();
   }
 });
-function Ct(i, t) {
-  w([]);
-  const e = w([]), n = w([]), r = w("");
-  w(!1), w(i.mode);
-  const s = /* @__PURE__ */ new Map(), { convertToControls: l } = ne("filter-bar"), { fieldToCondition: m } = me();
-  function a(d) {
-    return !d.value.isEmpty();
+function It(t, i) {
+  F([]);
+  const e = F([]), n = F([]), r = F("");
+  F(!1), F(t.mode);
+  const l = /* @__PURE__ */ new Map(), { convertToControls: s } = re("filter-bar"), { fieldToCondition: m } = ye();
+  function a(c) {
+    return !c.value.isEmpty();
   }
-  function c(d) {
-    e.value = H(d), e.value.reduce((v, f) => (v.set(f.labelCode, f), v), s);
+  function u(c) {
+    e.value = Z(c), e.value.reduce((g, d) => (g.set(d.labelCode, d), g), l);
   }
-  function u(d) {
-    n.value = e.value.map((v) => m(v));
+  function f(c) {
+    n.value = e.value.map((g) => m(g));
   }
-  function o(d, v) {
-    c(d), u();
+  function o(c, g) {
+    u(c), f();
   }
-  return o(i.fields), {
+  return o(t.fields), {
     currentFilterId: r,
     filterFields: e,
     filterItems: n,
-    fieldMap: s,
+    fieldMap: l,
     loadFilterItems: o,
     shouldShowClearButtonInFilterItem: a
   };
 }
-function Ft(i, t, e) {
-  const n = w([]), r = w("更多筛选"), {
-    filterItems: s
+function St(t, i, e) {
+  const n = F([]), r = F("更多筛选"), {
+    filterItems: l
   } = e;
-  function l() {
-    n.value = s.value.filter((a) => a.isExtend);
+  function s() {
+    n.value = l.value.filter((a) => a.isExtend);
   }
-  l();
-  const m = R(() => n.value && n.value.length > 0);
-  return () => b("div", {
+  s();
+  const m = W(() => n.value && n.value.length > 0);
+  return () => y("div", {
     class: "f-filter-toolbars"
-  }, [m.value && b("button", {
+  }, [m.value && y("button", {
     class: "btn btn-link"
   }, [r.value])]);
 }
-const wt = /* @__PURE__ */ Q({
+const Tt = /* @__PURE__ */ Q({
   name: "FFilterBarItemDesign",
-  props: Ce,
+  props: xe,
   emits: ["confirm"],
-  setup(i, t) {
-    const e = w(i.filterItem), {
+  setup(t, i) {
+    const e = F(t.filterItem), {
       useFilterItemsComposition: n
-    } = _("useFilterItemsComposition"), {
+    } = X("useFilterItemsComposition"), {
       currentFilterId: r,
-      shouldShowClearButtonInFilterItem: s
-    } = n, l = w(i.disabled), m = function() {
+      shouldShowClearButtonInFilterItem: l
+    } = n, s = F(t.disabled), m = function() {
       return {
         "f-filter-item": !0,
         "f-filter-item-actived": !e.value.value.isEmpty(),
@@ -779,60 +893,60 @@ const wt = /* @__PURE__ */ Q({
         "f-filter-item-edit": e.value.id === r.value
       };
     };
-    return () => b("div", {
+    return () => y("div", {
       key: e.value.id,
       id: e.value.id,
       class: m()
-    }, [b("div", {
+    }, [y("div", {
       class: "f-filter-item-inner"
-    }, [e.value.required && b("span", {
+    }, [e.value.required && y("span", {
       class: "f-filter-item-required text-danger"
-    }, [z("*")]), b("span", {
+    }, [j("*")]), y("span", {
       class: "f-filter-item-text"
-    }, [e.value.fieldName]), e.value.value.getDisplayText() && b(te, null, [b("span", {
+    }, [e.value.fieldName]), e.value.value.getDisplayText() && y(ie, null, [y("span", {
       class: "f-filter-item-tip"
-    }, [z(":")]), b("span", {
+    }, [j(":")]), y("span", {
       class: "f-filter-item-content"
-    }, [e.value.value.getDisplayText()])]), !l.value && b("span", {
+    }, [e.value.value.getDisplayText()])]), !s.value && y("span", {
       class: "f-filter-item-arrow f-icon f-icon-arrow-chevron-down"
-    }, null)]), s(e.value) && b("span", {
+    }, null)]), l(e.value) && y("span", {
       class: "mr-3 f-filter-item-clear"
-    }, [b("span", {
+    }, [y("span", {
       class: "f-icon f-icon-close-circle"
     }, null)])]);
   }
 });
-function It(i) {
-  const { formSchemaUtils: t, formStateMachineUtils: e } = i;
-  function n(a, c = "") {
+function Et(t) {
+  const { formSchemaUtils: i, formStateMachineUtils: e } = t;
+  function n(a, u = "") {
     return {
-      path: c + a.code,
+      path: u + a.code,
       field: a.id,
       fullPath: a.code
     };
   }
-  function r(a, c = "") {
-    const u = t.getViewModelById(a);
-    return u ? u.states.map((o) => n(o, c)) : [];
-  }
-  function s(a) {
-    const c = t.getRootViewModelId(), u = r(a);
-    if (a === c)
-      return u;
-    const o = r(c, "root-component.");
-    return [...u, ...o];
+  function r(a, u = "") {
+    const f = i.getViewModelById(a);
+    return f ? f.states.map((o) => n(o, u)) : [];
   }
   function l(a) {
+    const u = i.getRootViewModelId(), f = r(a);
+    if (a === u)
+      return f;
+    const o = r(u, "root-component.");
+    return [...f, ...o];
+  }
+  function s(a) {
     return a.binding && a.binding.path || a.id || "";
   }
   function m() {
     return e && e.getRenderStates() || [];
   }
-  return { getVariables: s, getControlName: l, getStateMachines: m };
+  return { getVariables: l, getControlName: s, getStateMachines: m };
 }
-class we {
-  constructor(t) {
-    S(this, "sessionVariables", [
+class Se {
+  constructor(i) {
+    E(this, "sessionVariables", [
       {
         key: "CurrentSysOrgName",
         name: "当前组织Name",
@@ -869,7 +983,7 @@ class we {
         description: "当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"
       }
     ]);
-    S(this, "expressionNames", {
+    E(this, "expressionNames", {
       compute: "计算表达式",
       dependency: "依赖表达式",
       validate: "验证表达式",
@@ -878,94 +992,94 @@ class we {
       readonly: "只读表达式",
       required: "必填表达式"
     });
-    S(this, "getExpressionConverter", (t, e) => ({
-      convertFrom: (n, r, s, l) => {
-        const m = s.getExpressionRuleValue(t, e || r);
+    E(this, "getExpressionConverter", (i, e) => ({
+      convertFrom: (n, r, l, s) => {
+        const m = l.getExpressionRuleValue(i, e || r);
         return m && m.value || "";
       },
-      convertTo: (n, r, s, l, m) => {
+      convertTo: (n, r, l, s, m) => {
         var a;
-        if (r === "dataPicking" && (s != null && s.target)) {
-          const c = `${s.target}_dataPicking`;
-          ((a = s.rules) == null ? void 0 : a.some(
-            (o) => o.id === c && o.value
-          )) ? n.dictPickingExpressionId = c : delete n.dictPickingExpressionId;
+        if (r === "dataPicking" && (l != null && l.target)) {
+          const u = `${l.target}_dataPicking`;
+          ((a = l.rules) == null ? void 0 : a.some(
+            (o) => o.id === u && o.value
+          )) ? n.dictPickingExpressionId = u : delete n.dictPickingExpressionId;
         }
-        l.updateExpression(s);
+        s.updateExpression(l);
       }
     }));
-    this.formSchemaService = t;
+    this.formSchemaService = i;
   }
-  getExpressionRule(t, e) {
+  getExpressionRule(i, e) {
     const n = this.formSchemaService.getExpressions();
     if (!n)
       return "";
-    const r = n.find((l) => l.target === t);
+    const r = n.find((s) => s.target === i);
     if (!r)
       return "";
-    const s = r.rules.find((l) => l.type === e);
-    return s || "";
+    const l = r.rules.find((s) => s.type === e);
+    return l || "";
   }
   // 获取上下文表单变量
   getContextFormVariables() {
-    const { module: t } = this.formSchemaService.getFormSchema();
-    if (!t.viewmodels || t.viewmodels.length === 0)
+    const { module: i } = this.formSchemaService.getFormSchema();
+    if (!i.viewmodels || i.viewmodels.length === 0)
       return [];
     const e = this.formSchemaService.getRootViewModelId(), n = this.formSchemaService.getViewModelById(e);
     if (!n || !n.states || n.states.length === 0)
       return [];
     const r = [];
-    return n.states.filter((s) => s.category === "remote").forEach((s) => {
+    return n.states.filter((l) => l.category === "remote").forEach((l) => {
       r.push({
-        key: s.code,
-        name: s.name,
-        description: s.name,
-        category: s.category
+        key: l.code,
+        name: l.name,
+        description: l.name,
+        category: l.category
       });
     }), r;
   }
-  createTreeNode(t, e, n = "label") {
+  createTreeNode(i, e, n = "label") {
     return {
-      id: t.id,
-      name: t.name,
-      bindingPath: t[n],
+      id: i.id,
+      name: i.name,
+      bindingPath: i[n],
       parents: e,
       type: "field"
     };
   }
-  buildEntityFieldsTreeData(t = null, e) {
+  buildEntityFieldsTreeData(i = null, e) {
     const n = [];
-    return t == null || t.forEach((r) => {
+    return i == null || i.forEach((r) => {
       var m;
-      const s = this.createTreeNode(r, e);
-      let l = [];
-      (m = r.type) != null && m.fields && (l = this.buildEntityFieldsTreeData(r.type.fields, [...e, r.label])), n.push({
-        data: s,
-        children: l,
+      const l = this.createTreeNode(r, e);
+      let s = [];
+      (m = r.type) != null && m.fields && (s = this.buildEntityFieldsTreeData(r.type.fields, [...e, r.label])), n.push({
+        data: l,
+        children: s,
         expanded: !0
       });
     }), n;
   }
-  buildChildEntityTreeData(t = null, e) {
+  buildChildEntityTreeData(i = null, e) {
     const n = [];
-    return t == null || t.forEach((r) => {
-      var a, c;
-      const s = this.createTreeNode(r, e);
-      s.type = "entity";
-      const l = this.buildEntityFieldsTreeData((a = r.type) == null ? void 0 : a.fields, [...e, r.label]), m = this.buildChildEntityTreeData((c = r.type) == null ? void 0 : c.entities, [...e, r.label]);
-      m != null && m.length && (l == null || l.push(...m)), n.push({
-        data: s,
-        children: l || [],
+    return i == null || i.forEach((r) => {
+      var a, u;
+      const l = this.createTreeNode(r, e);
+      l.type = "entity";
+      const s = this.buildEntityFieldsTreeData((a = r.type) == null ? void 0 : a.fields, [...e, r.label]), m = this.buildChildEntityTreeData((u = r.type) == null ? void 0 : u.entities, [...e, r.label]);
+      m != null && m.length && (s == null || s.push(...m)), n.push({
+        data: l,
+        children: s || [],
         // 空值回退
         expanded: !0
       });
     }), n;
   }
   getEntitiesTreeData() {
-    const t = this.formSchemaService.getSchemaEntities();
-    if (!(t != null && t.length))
+    const i = this.formSchemaService.getSchemaEntities();
+    if (!(i != null && i.length))
       return [];
-    const e = t[0];
+    const e = i[0];
     if (!(e != null && e.type))
       return [];
     const n = this.buildEntityFieldsTreeData(e.type.fields, [e.code]), r = this.buildChildEntityTreeData(e.type.entities, [e.code]);
@@ -994,150 +1108,150 @@ class we {
       }
     };
   }
-  onBeforeOpenExpression(t, e, n) {
-    const r = n === "Field" ? t.binding.field : t.id, s = this.getExpressionRule(r, e), l = this.getEntitiesAndVariables(), m = {
-      message: ["validate", "required", "dataPicking"].includes(e) && s ? s.message : "",
-      ...l
+  onBeforeOpenExpression(i, e, n) {
+    const r = n === "Field" ? i.binding.field : i.id, l = this.getExpressionRule(r, e), s = this.getEntitiesAndVariables(), m = {
+      message: ["validate", "required", "dataPicking"].includes(e) && l ? l.message : "",
+      ...s
     };
-    return s.messageType != null && (m.messageType = s.messageType), m;
+    return l.messageType != null && (m.messageType = l.messageType), m;
   }
-  buildRule(t, e, n, r) {
-    const { expression: s, message: l, messageType: m } = e, a = {
-      id: `${t}_${n}`,
+  buildRule(i, e, n, r) {
+    const { expression: l, message: s, messageType: m } = e, a = {
+      id: `${i}_${n}`,
       type: n,
-      value: s
+      value: l
     };
-    return (n === "validate" || n === "dataPicking" || n === "required") && (a.message = l), n === "dataPicking" && (a.messageType = m), n === "validate" && r && (a.elementId = r), a;
+    return (n === "validate" || n === "dataPicking" || n === "required") && (a.message = s), n === "dataPicking" && (a.messageType = m), n === "validate" && r && (a.elementId = r), a;
   }
   getExpressionData() {
-    const { expressions: t } = this.formSchemaService.getFormSchema().module;
-    return t || [];
+    const { expressions: i } = this.formSchemaService.getFormSchema().module;
+    return i || [];
   }
-  updateExpression(t, e, n, r) {
-    const s = e === "Field" ? t.binding.field : t.id, l = this.buildRule(s, n, r, t.type === "form-group" ? t.id : "");
-    let a = this.getExpressionData().find((u) => u.targetType === e && u.target === s);
-    const c = (u) => u.value.trim() === "";
+  updateExpression(i, e, n, r) {
+    const l = e === "Field" ? i.binding.field : i.id, s = this.buildRule(l, n, r, i.type === "form-group" ? i.id : "");
+    let a = this.getExpressionData().find((f) => f.targetType === e && f.target === l);
+    const u = (f) => f.value.trim() === "";
     if (a) {
-      const u = a.rules.find((o) => o.id === l.id);
-      if (u)
-        c(l) ? a.rules = a.rules.filter((o) => o.id !== l.id) : (Object.assign(u, l), r === "validate" && t.type === "form-group" && (u.elementId = t.id));
+      const f = a.rules.find((o) => o.id === s.id);
+      if (f)
+        u(s) ? a.rules = a.rules.filter((o) => o.id !== s.id) : (Object.assign(f, s), r === "validate" && i.type === "form-group" && (f.elementId = i.id));
       else {
-        if (c(l))
+        if (u(s))
           return null;
-        a.rules = a.rules || [], a.rules.push(l);
+        a.rules = a.rules || [], a.rules.push(s);
       }
     } else {
-      if (c(l))
+      if (u(s))
         return null;
       a = {
-        target: `${s}`,
-        rules: [l],
+        target: `${l}`,
+        rules: [s],
         targetType: e
       };
     }
     return a;
   }
-  getExpressionEditorOptions(t, e, n, r) {
-    return n.reduce((s, l) => {
-      var a, c;
-      const m = e === "Field" ? (a = t == null ? void 0 : t.binding) == null ? void 0 : a.field : t.id;
-      return s[l] = {
-        hide: e === "Field" ? !!((c = t == null ? void 0 : t.binding) != null && c.field) : !1,
+  getExpressionEditorOptions(i, e, n, r) {
+    return n.reduce((l, s) => {
+      var a, u;
+      const m = e === "Field" ? (a = i == null ? void 0 : i.binding) == null ? void 0 : a.field : i.id;
+      return l[s] = {
+        hide: e === "Field" ? !!((u = i == null ? void 0 : i.binding) != null && u.field) : !1,
         description: "",
-        title: this.expressionNames[l],
+        title: this.expressionNames[s],
         type: "string",
         $converter: this.getExpressionConverter(m),
         refreshPanelAfterChanged: !0,
         editor: {
           type: "expression-editor",
           singleExpand: !1,
-          dialogTitle: `${this.expressionNames[l]}编辑器`,
-          showMessage: l === "validate" || l === "dataPicking" || l === "required",
-          showMessageType: l === "dataPicking",
-          beforeOpen: () => this.onBeforeOpenExpression(t, l, e),
-          onSubmitModal: (u) => {
-            const o = this.updateExpression(t, e, u, l);
+          dialogTitle: `${this.expressionNames[s]}编辑器`,
+          showMessage: s === "validate" || s === "dataPicking" || s === "required",
+          showMessageType: s === "dataPicking",
+          beforeOpen: () => this.onBeforeOpenExpression(i, s, e),
+          onSubmitModal: (f) => {
+            const o = this.updateExpression(i, e, f, s);
             if (r) {
-              const d = this.buildRule(m, u, l);
-              r(d);
+              const c = this.buildRule(m, f, s);
+              r(c);
             }
             return o;
           }
         }
-      }, s;
+      }, l;
     }, {});
   }
-  getExpressionInfo(t, e, n) {
-    const r = e === "Field" ? t.binding.field : t.id, s = this.getExpressionRule(r, n), l = {
-      value: s && s.value,
+  getExpressionInfo(i, e, n) {
+    const r = e === "Field" ? i.binding.field : i.id, l = this.getExpressionRule(r, n), s = {
+      value: l && l.value,
       targetId: r,
       targetType: e,
       expressionType: n
     };
-    return s && s.message && (l.message = s.message), l;
+    return l && l.message && (s.message = l.message), s;
   }
-  getExpressionConfig(t, e, n = ["compute", "dependency", "validate"], r) {
+  getExpressionConfig(i, e, n = ["compute", "dependency", "validate"], r) {
     return {
       description: "表达式",
       title: "表达式",
-      hide: !t.binding,
+      hide: !i.binding,
       properties: {
-        ...this.getExpressionEditorOptions(t, e, n, r)
+        ...this.getExpressionEditorOptions(i, e, n, r)
       }
     };
   }
-  getExpressionOptions(t, e, n) {
-    const r = this.getExpressionInfo(t, e, n);
+  getExpressionOptions(i, e, n) {
+    const r = this.getExpressionInfo(i, e, n);
     return {
       dialogTitle: `${this.expressionNames[n]}编辑器`,
       singleExpand: !1,
       showMessage: n === "required",
-      beforeOpen: () => this.onBeforeOpenExpression(t, n, e),
+      beforeOpen: () => this.onBeforeOpenExpression(i, n, e),
       expressionInfo: r
     };
   }
 }
-class xt {
-  constructor(t, e) {
-    S(this, "componentId");
-    S(this, "viewModelId");
-    S(this, "eventsEditorUtils");
-    S(this, "formSchemaUtils");
-    S(this, "formMetadataConverter");
-    S(this, "designViewModelUtils");
-    S(this, "designViewModelField");
-    S(this, "controlCreatorUtils");
-    S(this, "designerHostService");
-    S(this, "designerContext");
-    S(this, "schemaService", null);
-    S(this, "metadataService", null);
-    S(this, "propertyConfig", {
+class Mt {
+  constructor(i, e) {
+    E(this, "componentId");
+    E(this, "viewModelId");
+    E(this, "eventsEditorUtils");
+    E(this, "formSchemaUtils");
+    E(this, "formMetadataConverter");
+    E(this, "designViewModelUtils");
+    E(this, "designViewModelField");
+    E(this, "controlCreatorUtils");
+    E(this, "designerHostService");
+    E(this, "designerContext");
+    E(this, "schemaService", null);
+    E(this, "metadataService", null);
+    E(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
     var n;
-    this.componentId = t, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((n = this.formSchemaUtils) == null ? void 0 : n.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = e.designViewModelUtils, this.controlCreatorUtils = e.controlCreatorUtils, this.metadataService = e.metadataService, this.schemaService = e.schemaService, this.designerContext = e.designerContext;
+    this.componentId = i, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((n = this.formSchemaUtils) == null ? void 0 : n.getViewModelIdByComponentId(i)) || "", this.designViewModelUtils = e.designViewModelUtils, this.controlCreatorUtils = e.controlCreatorUtils, this.metadataService = e.metadataService, this.schemaService = e.schemaService, this.designerContext = e.designerContext;
   }
   getFormDesignerInstance() {
-    var t, e;
-    return (e = (t = this.designerContext) == null ? void 0 : t.instances) == null ? void 0 : e.formDesigner.value;
+    var i, e;
+    return (e = (i = this.designerContext) == null ? void 0 : i.instances) == null ? void 0 : e.formDesigner.value;
   }
   getTableInfo() {
-    var t;
-    return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
+    var i;
+    return (i = this.schemaService) == null ? void 0 : i.getTableInfoByViewModelId(this.viewModelId);
   }
-  setDesignViewModelField(t) {
+  setDesignViewModelField(i) {
     var n;
-    const e = t.binding && t.binding.type === "Form" && t.binding.field;
+    const e = i.binding && i.binding.type === "Form" && i.binding.field;
     if (e) {
       if (!this.designViewModelField) {
         const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = r.fields.find((s) => s.id === e);
+        this.designViewModelField = r.fields.find((l) => l.id === e);
       }
-      t.updateOn = (n = this.designViewModelField) == null ? void 0 : n.updateOn;
+      i.updateOn = (n = this.designViewModelField) == null ? void 0 : n.updateOn;
     }
   }
-  getBasicPropConfig(t) {
+  getBasicPropConfig(i) {
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -1158,17 +1272,17 @@ class xt {
             valueField: "value",
             idField: "value",
             editable: !1,
-            data: [{ value: t.type, name: g[t.type] && g[t.type].name }]
+            data: [{ value: i.type, name: v[i.type] && v[i.type].name }]
           }
         }
       }
     };
   }
-  getAppearanceConfig(t = null, e = {}, n) {
+  getAppearanceConfig(i = null, e = {}, n) {
     const r = {
       title: "外观",
       description: "Appearance"
-    }, s = {
+    }, l = {
       class: {
         title: "class样式",
         type: "string",
@@ -1184,21 +1298,21 @@ class xt {
         parentPropertyID: "appearance"
       }
     };
-    for (const l in e)
-      s[l] = Object.assign(s[l] || {}, e[l]);
+    for (const s in e)
+      l[s] = Object.assign(l[s] || {}, e[s]);
     return {
       ...r,
-      properties: { ...s },
-      setPropertyRelates(l, m) {
-        if (l) {
-          switch (l && l.propertyID) {
+      properties: { ...l },
+      setPropertyRelates(s, m) {
+        if (s) {
+          switch (s && s.propertyID) {
             case "class":
             case "style": {
-              Z.value++;
+              J.value++;
               break;
             }
           }
-          n && n(l, t, m);
+          n && n(s, i, m);
         }
       }
     };
@@ -1213,49 +1327,49 @@ class xt {
    * @param expressionType 指定表达式类型，存在属性和表达式类型不一致的情况
    * @returns 
    */
-  getPropertyEditorParams(t, e = [], n = "visible", r = {}, s = {}, l = "") {
-    const { getVariables: m, getControlName: a, getStateMachines: c } = It(this.designerHostService), u = this.getRealTargetType(t), o = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], d = {
+  getPropertyEditorParams(i, e = [], n = "visible", r = {}, l = {}, s = "") {
+    const { getVariables: m, getControlName: a, getStateMachines: u } = Et(this.designerHostService), f = this.getRealTargetType(i), o = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], c = {
       type: "property-editor",
       propertyTypes: o
     };
-    return o.map((v) => {
-      switch (v) {
+    return o.map((g) => {
+      switch (g) {
         case "Const":
-          Object.assign(d, {
+          Object.assign(c, {
             constType: "enum",
             constEnums: [{ id: !0, name: "是" }, { id: !1, name: "否" }]
           }, r);
           break;
         case "Expression":
-          d.expressionConfig = this.getExpressionOptions(t, u, l || n);
+          c.expressionConfig = this.getExpressionOptions(i, f, s || n);
           break;
         case "StateMachine":
-          d.stateMachines = c();
+          c.stateMachines = u();
           break;
         case "Variable":
-          Object.assign(d, {
-            controlName: a(t),
+          Object.assign(c, {
+            controlName: a(i),
             newVariablePrefix: "is",
             newVariableType: "Boolean",
             variables: m(this.viewModelId),
             parentComponentId: this.componentId === "root-component" ? "" : "root-component",
-            onBeforeOpenVariables: (f) => {
-              f.value = m(this.viewModelId);
+            onBeforeOpenVariables: (d) => {
+              d.value = m(this.viewModelId);
             }
-          }, s), this.designerContext.designerMode === "PC_RTC" && (d.newVariablePrefix = "ext_" + d.newVariablePrefix);
+          }, l), this.designerContext.designerMode === "PC_RTC" && (c.newVariablePrefix = "ext_" + c.newVariablePrefix);
           break;
       }
-    }), d;
+    }), c;
   }
-  getVisibleProperty(t, e = "") {
-    var s;
+  getVisibleProperty(i, e = "") {
+    var l;
     let n = ["Const", "Variable", "StateMachine", "Expression"];
-    return e === "gridFieldEditor" ? n = ["Const", "Expression"] : e === "form-group" && !((s = t.binding) != null && s.field) ? n = ["Const", "Variable", "StateMachine"] : (e === "dataGrid" || e === "treeGrid" || e === "wizard") && (n = ["Const", "Variable", "Expression"]), {
+    return e === "gridFieldEditor" ? n = ["Const", "Expression"] : e === "form-group" && !((l = i.binding) != null && l.field) ? n = ["Const", "Variable", "StateMachine"] : (e === "dataGrid" || e === "treeGrid" || e === "wizard") && (n = ["Const", "Variable", "Expression"]), {
       visible: {
         title: "是否可见",
         type: "boolean",
         description: "运行时组件是否可见",
-        editor: this.getPropertyEditorParams(t, n, "visible")
+        editor: this.getPropertyEditorParams(i, n, "visible")
       }
     };
   }
@@ -1265,27 +1379,27 @@ class xt {
    * @param viewModelId 
    * @returns 
    */
-  getBehaviorConfig(t, e = "", n = {}, r) {
-    const s = {
+  getBehaviorConfig(i, e = "", n = {}, r) {
+    const l = {
       title: "行为",
       description: ""
-    }, l = this.getVisibleProperty(t, e);
+    }, s = this.getVisibleProperty(i, e);
     for (const a in n)
-      l[a] = Object.assign(l[a] || {}, n[a]);
+      s[a] = Object.assign(s[a] || {}, n[a]);
     const m = this;
     return {
-      ...s,
-      properties: { ...l },
-      setPropertyRelates(a, c) {
+      ...l,
+      properties: { ...s },
+      setPropertyRelates(a, u) {
         if (a) {
           switch (a.propertyID) {
             case "disabled":
             case "readonly":
             case "visible":
-              m.afterMutilEditorChanged(t, a);
+              m.afterMutilEditorChanged(i, a);
               break;
           }
-          r && r(a, c);
+          r && r(a, u);
         }
       }
     };
@@ -1295,8 +1409,8 @@ class xt {
    * @param propertyData 
    * @param changeObject 
    */
-  afterMutilEditorChanged(t, e) {
-    this.addNewVariableToViewModel(e, this.viewModelId), this.updateExpressionValue(e), this.clearExpression(e, t);
+  afterMutilEditorChanged(i, e) {
+    this.addNewVariableToViewModel(e, this.viewModelId), this.updateExpressionValue(e), this.clearExpression(e, i);
   }
   /**
    * 
@@ -1304,12 +1418,12 @@ class xt {
    * @param componentInstance 
    * @returns 
    */
-  updateElementByParentContainer(t, e) {
+  updateElementByParentContainer(i, e) {
     const n = e && e.parent && e.parent.schema;
     if (!n)
       return;
-    const r = n.contents.findIndex((l) => l.id === t), s = H(n.contents[r]);
-    n.contents.splice(r, 1), n.contents.splice(r, 0, s), Ge();
+    const r = n.contents.findIndex((s) => s.id === i), l = Z(n.contents[r]);
+    n.contents.splice(r, 1), n.contents.splice(r, 0, l), He();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -1317,11 +1431,11 @@ class xt {
    * @param viewModelId 
    * @returns 
    */
-  addNewVariableToViewModel(t, e) {
-    const n = t.propertyValue;
+  addNewVariableToViewModel(i, e) {
+    const n = i.propertyValue;
     if (!(n && typeof n == "object") || !(n.type === "Variable" && n.isNewVariable))
       return;
-    const l = {
+    const s = {
       id: n.field,
       category: "locale",
       code: n.fullPath,
@@ -1329,27 +1443,27 @@ class xt {
       type: n.newVariableType || "String",
       isRtcVariable: this.designerContext.designerMode === "PC_RTC" ? !0 : void 0
     };
-    delete n.newVariableType, delete n.isNewVariable, this.formSchemaUtils.getVariableByCode(l.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(l);
+    delete n.newVariableType, delete n.isNewVariable, this.formSchemaUtils.getVariableByCode(s.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(s);
   }
   /**
    * 更新表达式到expressions节点
    * @param changeObject 
    */
-  updateExpressionValue(t) {
-    const e = t.propertyValue;
+  updateExpressionValue(i) {
+    const e = i.propertyValue;
     if (!((e && e.type) === "Expression" && e.expressionInfo))
       return;
-    const { expressionId: s, expressionInfo: l } = e, { targetId: m, targetType: a, expressionType: c, value: u, message: o } = l, d = this.formSchemaUtils.getModule();
-    d.expressions = d.expressions || [];
-    const { expressions: v } = d;
-    let f = v.find((h) => h.target === m);
-    f || (f = { target: m, rules: [], targetType: a }, v.push(f));
-    const p = f.rules.find((h) => h.type === c);
+    const { expressionId: l, expressionInfo: s } = e, { targetId: m, targetType: a, expressionType: u, value: f, message: o } = s, c = this.formSchemaUtils.getModule();
+    c.expressions = c.expressions || [];
+    const { expressions: g } = c;
+    let d = g.find((h) => h.target === m);
+    d || (d = { target: m, rules: [], targetType: a }, g.push(d));
+    const p = d.rules.find((h) => h.type === u);
     if (p)
-      p.value = u, p.message = o;
+      p.value = f, p.message = o;
     else {
-      const h = { id: s, type: c, value: u, message: o };
-      f.rules.push(h);
+      const h = { id: l, type: u, value: f, message: o };
+      d.rules.push(h);
     }
     delete e.expressionInfo;
   }
@@ -1359,25 +1473,25 @@ class xt {
    * @param propertyData 
    * @returns 
    */
-  clearExpression(t, e) {
-    const n = t.propertyValue;
+  clearExpression(i, e) {
+    const n = i.propertyValue;
     if (n && n.type === "Expression")
       return;
-    const s = t.propertyID, l = this.formSchemaUtils.getExpressions(), m = e.binding ? e.binding.field : e.id, a = l.find((c) => c.target === m);
-    !a || !a.rules || (a.rules = a.rules.filter((c) => c.type !== s));
+    const l = i.propertyID, s = this.formSchemaUtils.getExpressions(), m = e.binding ? e.binding.field : e.id, a = s.find((u) => u.target === m);
+    !a || !a.rules || (a.rules = a.rules.filter((u) => u.type !== l));
   }
-  getExpressionOptions(t, e, n) {
-    return new we(this.formSchemaUtils).getExpressionOptions(t, e, n);
+  getExpressionOptions(i, e, n) {
+    return new Se(this.formSchemaUtils).getExpressionOptions(i, e, n);
   }
-  getRealTargetType(t) {
-    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(t.type) > -1 ? "Button" : t.binding && t.binding.field ? "Field" : "Container";
+  getRealTargetType(i) {
+    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(i.type) > -1 ? "Button" : i.binding && i.binding.field ? "Field" : "Container";
   }
-  createBaseEventProperty(t) {
+  createBaseEventProperty(i) {
     const e = {};
     return e[this.viewModelId] = {
       type: "events-editor",
       editor: {
-        initialData: t,
+        initialData: i,
         viewSourceHandle: (n) => {
           var r;
           ((r = n.controller) == null ? void 0 : r.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(n);
@@ -1386,17 +1500,17 @@ class xt {
     }, e;
   }
 }
-const G = class G {
+const D = class D {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
-  static getEditorTypesByMDataType(t, e = !1, n = "") {
+  static getEditorTypesByMDataType(i, e = !1, n = "") {
     if (e)
-      return [{ key: g["language-textbox"].type, value: g["language-textbox"].name }];
-    let r = G.fieldControlTypeMapping[t];
+      return [{ key: v["language-textbox"].type, value: v["language-textbox"].name }];
+    let r = D.fieldControlTypeMapping[i];
     if (n === "data-grid-column" && (r != null && r.length)) {
-      const s = [g["check-group"].type, g["radio-group"].type, g.image.type, g["rich-text-editor"].type];
-      r = r.filter((l) => !s.includes(l.key));
+      const l = [v["check-group"].type, v["radio-group"].type, v.image.type, v["rich-text-editor"].type];
+      r = r.filter((s) => !l.includes(s.key));
     }
     return r;
   }
@@ -1404,203 +1518,204 @@ const G = class G {
    * 获取所有输入类控件
    */
   static getAllInputTypes() {
-    const t = [];
-    for (const e in G.fieldControlTypeMapping)
-      G.fieldControlTypeMapping[e].forEach((n) => {
-        t.find((r) => r.key === n.key && r.value === n.value) || t.push({ key: n.key, value: n.value });
+    const i = [];
+    for (const e in D.fieldControlTypeMapping)
+      D.fieldControlTypeMapping[e].forEach((n) => {
+        i.find((r) => r.key === n.key && r.value === n.value) || i.push({ key: n.key, value: n.value });
       });
-    return t;
+    return i;
   }
   /**
    * 提供schema字段基础属性和DOM控件属性的映射
    * @param control 控件元数据
    */
-  static mappingDomPropAndSchemaProp(t, e) {
-    var s;
-    const n = (s = t.editor) == null ? void 0 : s.type, r = [];
-    return (t.type === g["data-grid-column"].type || t.type === g["tree-grid-column"].type) && e && e.categoryId && e.categoryId.indexOf("gridFieldEditor") < 0 && r.push({ domField: "title", schemaField: "name" }), r.push({ domField: "label", schemaField: "name" }), r.push({ domField: "editor.required", schemaField: "require" }), r.push({ domField: "editor.readonly", schemaField: "readonly" }), (n === g["input-group"].type || n === g.textarea.type || n === g["number-spinner"].type) && r.push({ domField: "editor.maxLength", schemaField: "type.length" }), n === g["number-spinner"].type && r.push({ domField: "editor.precision", schemaField: "type.precision" }), (t.type === g["data-grid-column"].type || t.type === g["tree-grid-column"].type) && r.push({ domField: "formatter.precision", schemaField: "type.precision" }), (n === g["combo-list"].type || n === g["radio-group"].type) && r.push({ domField: "editor.data", schemaField: "type.enumValues" }), (t.type === g["data-grid-column"].type || t.type === g["tree-grid-column"].type) && r.push({ domField: "formatter.data", schemaField: "type.enumValues" }), n === g["date-picker"].type && (r.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), r.push({ domField: "editor.fieldType", schemaField: "type.name" })), n === g["number-spinner"].type && (r.push({ domField: "editor.max", schemaField: "editor.maxValue" }), r.push({ domField: "editor.min", schemaField: "editor.minValue" })), n === g.lookup.type && (r.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), r.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), r.push({ domField: "editor.textField", schemaField: "editor.textField" }), r.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), r.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), r.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), r.push({ domField: "path", schemaField: "bindingPath" }), r.push({ domField: "binding.path", schemaField: "bindingField" }), r.push({ domField: "binding.fullPath", schemaField: "path" }), (t.type === g["data-grid-column"].type || t.type === g["tree-grid-column"].type) && r.push({ domField: "field", schemaField: "bindingPath" }), r;
+  static mappingDomPropAndSchemaProp(i, e) {
+    var l;
+    const n = (l = i.editor) == null ? void 0 : l.type, r = [];
+    return (i.type === v["data-grid-column"].type || i.type === v["tree-grid-column"].type) && e && e.categoryId && e.categoryId.indexOf("gridFieldEditor") < 0 && r.push({ domField: "title", schemaField: "name" }), r.push({ domField: "label", schemaField: "name" }), r.push({ domField: "editor.required", schemaField: "require" }), r.push({ domField: "editor.readonly", schemaField: "readonly" }), (n === v["input-group"].type || n === v.textarea.type || n === v["number-spinner"].type) && r.push({ domField: "editor.maxLength", schemaField: "type.length" }), n === v["number-spinner"].type && r.push({ domField: "editor.precision", schemaField: "type.precision" }), (i.type === v["data-grid-column"].type || i.type === v["tree-grid-column"].type) && r.push({ domField: "formatter.precision", schemaField: "type.precision" }), (n === v["combo-list"].type || n === v["radio-group"].type) && r.push({ domField: "editor.data", schemaField: "type.enumValues" }), (i.type === v["data-grid-column"].type || i.type === v["tree-grid-column"].type) && r.push({ domField: "formatter.data", schemaField: "type.enumValues" }), n === v["date-picker"].type && (r.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), r.push({ domField: "editor.fieldType", schemaField: "type.name" })), n === v["number-spinner"].type && (r.push({ domField: "editor.max", schemaField: "editor.maxValue" }), r.push({ domField: "editor.min", schemaField: "editor.minValue" })), n === v.lookup.type && (r.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), r.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), r.push({ domField: "editor.textField", schemaField: "editor.textField" }), r.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), r.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), r.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), r.push({ domField: "path", schemaField: "bindingPath" }), r.push({ domField: "binding.path", schemaField: "bindingField" }), r.push({ domField: "binding.fullPath", schemaField: "path" }), (i.type === v["data-grid-column"].type || i.type === v["tree-grid-column"].type) && r.push({ domField: "field", schemaField: "bindingPath" }), r;
   }
 };
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-S(G, "fieldControlTypeMapping", {
+E(D, "fieldControlTypeMapping", {
   String: [
-    { key: g["input-group"].type, value: g["input-group"].name },
-    { key: g.lookup.type, value: g.lookup.name },
-    { key: g.image.type, value: g.image.name },
-    { key: g["date-picker"].type, value: g["date-picker"].name },
-    { key: g.switch.type, value: g.switch.name },
-    { key: g["check-box"].type, value: g["check-box"].name },
-    { key: g["check-group"].type, value: g["check-group"].name },
-    { key: g["radio-group"].type, value: g["radio-group"].name },
-    { key: g["combo-list"].type, value: g["combo-list"].name },
-    { key: g.textarea.type, value: g.textarea.name },
-    { key: g["time-picker"].type, value: g["time-picker"].name }
+    { key: v["input-group"].type, value: v["input-group"].name },
+    { key: v.lookup.type, value: v.lookup.name },
+    { key: v.image.type, value: v.image.name },
+    { key: v["date-picker"].type, value: v["date-picker"].name },
+    { key: v.switch.type, value: v.switch.name },
+    { key: v["check-box"].type, value: v["check-box"].name },
+    { key: v["check-group"].type, value: v["check-group"].name },
+    { key: v["radio-group"].type, value: v["radio-group"].name },
+    { key: v["combo-list"].type, value: v["combo-list"].name },
+    { key: v.textarea.type, value: v.textarea.name },
+    { key: v["time-picker"].type, value: v["time-picker"].name }
   ],
   Text: [
-    { key: g.textarea.type, value: g.textarea.name },
-    { key: g.lookup.type, value: g.lookup.name },
-    { key: g.image.type, value: g.image.name },
-    { key: g["rich-text-editor"].type, value: g["rich-text-editor"].name }
+    { key: v.textarea.type, value: v.textarea.name },
+    { key: v.lookup.type, value: v.lookup.name },
+    { key: v.image.type, value: v.image.name },
+    { key: v.avatar.type, value: v.avatar.name },
+    { key: v["rich-text-editor"].type, value: v["rich-text-editor"].name }
   ],
   Decimal: [
-    { key: g["number-spinner"].type, value: g["number-spinner"].name }
+    { key: v["number-spinner"].type, value: v["number-spinner"].name }
   ],
   Integer: [
-    { key: g["number-spinner"].type, value: g["number-spinner"].name }
+    { key: v["number-spinner"].type, value: v["number-spinner"].name }
   ],
   Number: [
-    { key: g["number-spinner"].type, value: g["number-spinner"].name },
-    { key: g.switch.type, value: g.switch.name },
-    { key: g["check-box"].type, value: g["check-box"].name }
+    { key: v["number-spinner"].type, value: v["number-spinner"].name },
+    { key: v.switch.type, value: v.switch.name },
+    { key: v["check-box"].type, value: v["check-box"].name }
   ],
   BigNumber: [
-    { key: g["number-spinner"].type, value: g["number-spinner"].name }
+    { key: v["number-spinner"].type, value: v["number-spinner"].name }
   ],
   Date: [
-    { key: g["date-picker"].type, value: g["date-picker"].name }
+    { key: v["date-picker"].type, value: v["date-picker"].name }
   ],
   DateTime: [
-    { key: g["date-picker"].type, value: g["date-picker"].name }
+    { key: v["date-picker"].type, value: v["date-picker"].name }
   ],
   Boolean: [
-    { key: g.switch.type, value: g.switch.name },
-    { key: g["check-box"].type, value: g["check-box"].name }
+    { key: v.switch.type, value: v.switch.name },
+    { key: v["check-box"].type, value: v["check-box"].name }
   ],
   Enum: [
-    { key: g["combo-list"].type, value: g["combo-list"].name },
-    { key: g["radio-group"].type, value: g["radio-group"].name }
+    { key: v["combo-list"].type, value: v["combo-list"].name },
+    { key: v["radio-group"].type, value: v["radio-group"].name }
   ],
   Object: [
-    { key: g.lookup.type, value: g.lookup.name },
-    { key: g["combo-list"].type, value: g["combo-list"].name },
-    { key: g["radio-group"].type, value: g["radio-group"].name }
+    { key: v.lookup.type, value: v.lookup.name },
+    { key: v["combo-list"].type, value: v["combo-list"].name },
+    { key: v["radio-group"].type, value: v["radio-group"].name }
   ]
 });
-let Y = G;
-var J = /* @__PURE__ */ ((i) => (i.Form = "Form", i.Variable = "Variable", i))(J || {});
-class Et {
+let K = D;
+var Y = /* @__PURE__ */ ((t) => (t.Form = "Form", t.Variable = "Variable", t))(Y || {});
+class kt {
   constructor() {
     /** 控件标题 */
-    S(this, "label", "");
+    E(this, "label", "");
     /** 控件id */
-    S(this, "id", "");
+    E(this, "id", "");
     /** 每个控件占用的栅格数 */
-    S(this, "columnInSM", 12);
-    S(this, "columnInMD", 6);
-    S(this, "columnInLG", 3);
-    S(this, "columnInEL", 2);
+    E(this, "columnInSM", 12);
+    E(this, "columnInMD", 6);
+    E(this, "columnInLG", 3);
+    E(this, "columnInEL", 2);
     /** 每个控件占用的列数 */
-    S(this, "displayWidthInSM", 1);
-    S(this, "displayWidthInMD", 1);
-    S(this, "displayWidthInLG", 1);
-    S(this, "displayWidthInEL", 1);
+    E(this, "displayWidthInSM", 1);
+    E(this, "displayWidthInMD", 1);
+    E(this, "displayWidthInLG", 1);
+    E(this, "displayWidthInEL", 1);
     /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
-    S(this, "displayColumnCountAtBreakPoint", "md");
+    E(this, "displayColumnCountAtBreakPoint", "md");
     /** 控件所在行，传0即可-----编辑器内部使用 */
-    S(this, "tagRow", 0);
+    E(this, "tagRow", 0);
     /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
-    S(this, "showTopBorder", 0);
+    E(this, "showTopBorder", 0);
     /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
-    S(this, "group", 1);
+    E(this, "group", 1);
     /** 控件是否符合标准的class配置(设计器用的) */
-    S(this, "isSupportedClass", !0);
+    E(this, "isSupportedClass", !0);
     /** 控件所在分组id(设计器用的) */
-    S(this, "fieldSetId", "");
+    E(this, "fieldSetId", "");
   }
 }
-function St(i) {
-  let t, e;
+function Pt(t) {
+  let i, e;
   const n = /* @__PURE__ */ new Map();
   let r = [];
-  function s(u, o) {
-    const v = u.split(" ").filter((C) => C.startsWith("col-"));
-    if (v.length === 0) {
+  function l(f, o) {
+    const g = f.split(" ").filter((w) => w.startsWith("col-"));
+    if (g.length === 0) {
       o.isSupportedClass = !1;
       return;
     }
-    let f = v.find((C) => /^col-([1-9]|10|11|12)$/.test(C)), p = v.find((C) => /^col-md-([1-9]|10|11|12)$/.test(C)), h = v.find((C) => /^col-xl-([1-9]|10|11|12)$/.test(C)), y = v.find((C) => /^col-el-([1-9]|10|11|12)$/.test(C));
-    f = f || "col-12", o.columnInSM = parseInt(f.replace("col-", ""), 10), o.displayWidthInSM = o.columnInSM / 12, o.displayWidthInSM !== 1 && (o.isSupportedClass = !1), p = p || "col-md-" + o.columnInSM, o.columnInMD = parseInt(p.replace("col-md-", ""), 10), o.displayWidthInMD = o.columnInMD / 6, [1, 2].includes(o.displayWidthInMD) || (o.isSupportedClass = !1), h = h || "col-xl-" + o.columnInMD, o.columnInLG = parseInt(h.replace("col-xl-", ""), 10), o.displayWidthInLG = o.columnInLG / 3, [1, 2, 3, 4].includes(o.displayWidthInLG) || (o.isSupportedClass = !1), y = y || "col-el-" + o.columnInLG, o.columnInEL = parseInt(y.replace("col-el-", ""), 10), o.displayWidthInEL = o.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(o.displayWidthInEL) || (o.isSupportedClass = !1);
+    let d = g.find((w) => /^col-([1-9]|10|11|12)$/.test(w)), p = g.find((w) => /^col-md-([1-9]|10|11|12)$/.test(w)), h = g.find((w) => /^col-xl-([1-9]|10|11|12)$/.test(w)), b = g.find((w) => /^col-el-([1-9]|10|11|12)$/.test(w));
+    d = d || "col-12", o.columnInSM = parseInt(d.replace("col-", ""), 10), o.displayWidthInSM = o.columnInSM / 12, o.displayWidthInSM !== 1 && (o.isSupportedClass = !1), p = p || "col-md-" + o.columnInSM, o.columnInMD = parseInt(p.replace("col-md-", ""), 10), o.displayWidthInMD = o.columnInMD / 6, [1, 2].includes(o.displayWidthInMD) || (o.isSupportedClass = !1), h = h || "col-xl-" + o.columnInMD, o.columnInLG = parseInt(h.replace("col-xl-", ""), 10), o.displayWidthInLG = o.columnInLG / 3, [1, 2, 3, 4].includes(o.displayWidthInLG) || (o.isSupportedClass = !1), b = b || "col-el-" + o.columnInLG, o.columnInEL = parseInt(b.replace("col-el-", ""), 10), o.displayWidthInEL = o.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(o.displayWidthInEL) || (o.isSupportedClass = !1);
   }
-  function l(u, o, d, v = !1) {
-    let f = !1;
-    u.contents.forEach((p) => {
+  function s(f, o, c, g = !1) {
+    let d = !1;
+    f.contents.forEach((p) => {
       if (p.type === "fieldset") {
-        d += 1, l(p, o, d, !0), f = !0;
+        c += 1, s(p, o, c, !0), d = !0;
         return;
       }
-      f && (d += 1, f = !1);
-      const h = p.appearance && p.appearance.class, y = new Et();
-      h ? s(h, y) : y.isSupportedClass = !1, y.label = p.label || p.id, y.id = p.id, y.group = d, v && (y.fieldSetId = u.id), e === p.id && (t = d), n.set(p.id, p), o.push(y);
+      d && (c += 1, d = !1);
+      const h = p.appearance && p.appearance.class, b = new kt();
+      h ? l(h, b) : b.isSupportedClass = !1, b.label = p.label || p.id, b.id = p.id, b.group = c, g && (b.fieldSetId = f.id), e === p.id && (i = c), n.set(p.id, p), o.push(b);
     });
   }
-  function m(u) {
-    const o = i.getComponentById(u);
+  function m(f) {
+    const o = t.getComponentById(f);
     if (!o || !o.componentType || !o.componentType.startsWith("form"))
       return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
-    const d = i.selectNode(o, (v) => v.type === g["response-form"].type);
-    return !d || !d.contents || d.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: d };
-  }
-  function a(u, o) {
-    o = o || u.id;
-    const { result: d, message: v, formNode: f } = m(o);
-    if (!d)
-      return { result: d, message: v };
-    e = u.id, r = [], n.clear();
-    const p = f.contents[0].type === g.fieldset.type ? 0 : 1;
-    l(f, r, p);
-    const h = r.find((C) => !C.isSupportedClass);
+    const c = t.selectNode(o, (g) => g.type === v["response-form"].type);
+    return !c || !c.contents || c.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: c };
+  }
+  function a(f, o) {
+    o = o || f.id;
+    const { result: c, message: g, formNode: d } = m(o);
+    if (!c)
+      return { result: c, message: g };
+    e = f.id, r = [], n.clear();
+    const p = d.contents[0].type === v.fieldset.type ? 0 : 1;
+    s(d, r, p);
+    const h = r.find((w) => !w.isSupportedClass);
     return {
       defaultState: {
-        defaultGroupNumber: t || 1,
+        defaultGroupNumber: i || 1,
         model: h ? "customize" : "standard"
       },
       importData: r
     };
   }
-  function c(u, o) {
+  function u(f, o) {
     o = o;
-    const { result: d, formNode: v } = m(o);
-    if (!d)
+    const { result: c, formNode: g } = m(o);
+    if (!c)
       return "";
-    const f = [];
-    return u.forEach((p) => {
-      var C;
-      const h = n.get(p.id), y = h.appearance && h.appearance.class;
-      if (y) {
-        const B = y.split(" ").filter((F) => !F.startsWith("col-")), T = "col-" + p.columnInSM, k = "col-md-" + p.columnInMD, U = "col-xl-" + p.columnInLG, N = "col-el-" + p.columnInEL, M = [T, k, U, N].concat(B);
-        h.appearance.class = M.join(" ");
+    const d = [];
+    return f.forEach((p) => {
+      var w;
+      const h = n.get(p.id), b = h.appearance && h.appearance.class;
+      if (b) {
+        const L = b.split(" ").filter((I) => !I.startsWith("col-")), T = "col-" + p.columnInSM, V = "col-md-" + p.columnInMD, A = "col-xl-" + p.columnInLG, R = "col-el-" + p.columnInEL, k = [T, V, A, R].concat(L);
+        h.appearance.class = k.join(" ");
       }
       if (p.fieldSetId) {
-        const V = v.contents.find((T) => T.id === p.fieldSetId), B = f.find((T) => T.id === p.fieldSetId);
-        B ? (C = B.contents) == null || C.push(h) : (f.push(V), V.contents = [h]);
+        const O = g.contents.find((T) => T.id === p.fieldSetId), L = d.find((T) => T.id === p.fieldSetId);
+        L ? (w = L.contents) == null || w.push(h) : (d.push(O), O.contents = [h]);
       } else
-        f.push(h);
-    }), v.contents = f, v.id;
+        d.push(h);
+    }), g.contents = d, g.id;
   }
   return {
     checkCanFindFormNode: m,
     checkCanOpenLayoutEditor: a,
-    changeFormControlsByResponseLayoutConfig: c,
-    getResonseFormLayoutConfig: l
+    changeFormControlsByResponseLayoutConfig: u,
+    getResonseFormLayoutConfig: s
   };
 }
-const Tt = (i) => b(te, null, [b("h5", null, [z("代码示例")]), b("pre", {
+const Vt = (t) => y(ie, null, [y("h5", null, [j("代码示例")]), y("pre", {
   style: "background-color: #f5f5f5; padding: 10px; border-radius: 5px;"
-}, [b("code", null, [`
+}, [y("code", null, [`
 <h3>Tips:</h3>
 <span style="color: blue;">
     自定义提示内容
 </span>
             `])])]);
-class Mt extends xt {
+class Bt extends Mt {
   constructor(e, n) {
     super(e, n);
-    S(this, "responseLayoutEditorFunction");
+    E(this, "responseLayoutEditorFunction");
     /** 控件绑定的变量 */
-    S(this, "bindingVarible");
-    S(this, "formGroupEvents", [
+    E(this, "bindingVarible");
+    E(this, "formGroupEvents", [
       {
         label: "fieldValueChanging",
         name: "绑定字段值变化前事件"
@@ -1611,21 +1726,21 @@ class Mt extends xt {
       },
       {
         label: "onClickLabel",
-        name: "点击标签事件"
+        name: "标签点击事件"
       }
     ]);
-    S(this, "numberEditorOptions", {
+    E(this, "numberEditorOptions", {
       type: "number-spinner",
       useThousands: !1,
       keyboard: !1,
       showButton: !1
     });
-    this.responseLayoutEditorFunction = St(this.formSchemaUtils);
+    this.responseLayoutEditorFunction = Pt(this.formSchemaUtils);
   }
   getCommonPropertyConfig(e, n, r = "Card") {
     if (this.propertyConfig.categories.basic = this.getBasicProperties(e, n, r), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e, n), this.propertyConfig.categories.behavior = this.getBehaviorConfig(e, "form-group"), r === "Card") {
-      const s = this.getTipsConfig(e);
-      this.propertyConfig.categories.behavior.properties = { ...this.propertyConfig.categories.behavior.properties, ...s }, ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group"].includes(e.editor.type) && (this.propertyConfig.categories.expansion = this.getExpandProperties(e));
+      const l = this.getTipsConfig(e);
+      this.propertyConfig.categories.behavior.properties = { ...this.propertyConfig.categories.behavior.properties, ...l }, ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "language-textbox"].includes(e.editor.type) && (this.propertyConfig.categories.expansion = this.getExpandProperties(e));
     }
   }
   getPropertyConfig(e, n) {
@@ -1635,10 +1750,10 @@ class Mt extends xt {
     return this.propertyConfig.categories = {}, this.getCommonPropertyConfig(e, n, "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, n, r = "Card") {
-    var c;
-    const s = this;
+    var u;
+    const l = this;
     this.setDesignViewModelField(e);
-    const { canChangeControlType: l, editorTypeList: m } = this.getAvailableEditorType(e), a = {
+    const { canChangeControlType: s, editorTypeList: m } = this.getAvailableEditorType(e), a = {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -1661,7 +1776,7 @@ class Mt extends xt {
             idField: "key",
             editable: !1,
             data: m,
-            readonly: !l
+            readonly: !s
           }
         },
         label: {
@@ -1676,7 +1791,7 @@ class Mt extends xt {
           editor: {
             data: [{ id: "visible", name: "显示" }, { id: "reserve-space", name: "占位" }, { id: "none", name: "不显示" }]
           },
-          defaultValue: ((c = e.editor) == null ? void 0 : c.type) === "image" ? "none" : "visible"
+          defaultValue: ((u = e.editor) == null ? void 0 : u.type) === "image" ? "none" : "visible"
         },
         binding: {
           description: "绑定的表单字段",
@@ -1697,19 +1812,19 @@ class Mt extends xt {
           readonly: this.formSchemaUtils.designerMode === "PC_RTC" && !e.isRtcControl
         }
       },
-      setPropertyRelates(u, o, d) {
-        if (u)
-          switch (u && u.propertyID) {
+      setPropertyRelates(f, o, c) {
+        if (f)
+          switch (f && f.propertyID) {
             case "type": {
-              s.changeControlType(e, u, n);
+              l.changeControlType(e, f, n);
               break;
             }
             case "label": {
-              u.needRefreshControlTree = !0;
+              f.needRefreshControlTree = !0;
               break;
             }
             case "binding": {
-              s.changeBindingField(e, u, d);
+              l.changeBindingField(e, f, c);
               break;
             }
           }
@@ -1718,7 +1833,7 @@ class Mt extends xt {
     return r.toLocaleLowerCase() !== "card" && delete a.properties.showLabelType, a;
   }
   getExpandProperties(e) {
-    const n = this, r = ["Const", "Variable"], s = this.getPropertyEditorParams(e, r, "expandable"), l = this.getPropertyEditorParams(e, r, "expandDisabled");
+    const n = this, r = ["Const", "Variable"], l = this.getPropertyEditorParams(e, r, "expandable"), s = this.getPropertyEditorParams(e, r, "expandDisabled");
     return {
       description: "Expand Information",
       title: "扩展区域",
@@ -1728,7 +1843,7 @@ class Mt extends xt {
           title: "启用扩展区域",
           refreshPanelAfterChanged: !0,
           $converter: "/converter/property-editor.converter",
-          editor: s
+          editor: l
         },
         expandMode: {
           description: "扩展模式 text | button",
@@ -1753,11 +1868,11 @@ class Mt extends xt {
           $converter: "/converter/property-editor.converter",
           description: "是否隐藏扩展区域",
           title: "隐藏扩展区域",
-          editor: l,
+          editor: s,
           visible: !!e.editor.expandable
         }
       },
-      setPropertyRelates(a, c) {
+      setPropertyRelates(a, u) {
         if (a)
           switch (a.propertyID) {
             case "expandable":
@@ -1778,7 +1893,7 @@ class Mt extends xt {
     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 !== ae.SimpleField)
+    } else if (!this.designViewModelField || this.designViewModelField.$type !== ce.SimpleField)
       return !1;
     return !0;
   }
@@ -1786,18 +1901,18 @@ class Mt extends xt {
    * 获取可选的编辑器类型
    */
   getAvailableEditorType(e) {
-    var s;
+    var l;
     const n = this.checkCanChangeControlType(e, this.viewModelId);
     if (!n)
       return {
         canChangeControlType: !1,
         editorTypeList: [{
           key: e.editor.type,
-          value: ((s = g[e.editor.type]) == null ? void 0 : s.name) || e.editor.type
+          value: ((l = v[e.editor.type]) == null ? void 0 : l.name) || e.editor.type
         }]
       };
     let r = [];
-    return this.designViewModelField && this.designViewModelField.$type === ae.SimpleField ? r = Y.getEditorTypesByMDataType(this.designViewModelField.type.name, this.designViewModelField.multiLanguage) : this.bindingVarible && (r = Y.getEditorTypesByMDataType(this.bindingVarible.type, !1)), { canChangeControlType: n, editorTypeList: r };
+    return this.designViewModelField && this.designViewModelField.$type === ce.SimpleField ? r = K.getEditorTypesByMDataType(this.designViewModelField.type.name, this.designViewModelField.multiLanguage) : this.bindingVarible && (r = K.getEditorTypesByMDataType(this.bindingVarible.type, !1)), { canChangeControlType: n, editorTypeList: r };
   }
   changeBindingField(e, n, r) {
     n.needRefreshEntityTree = !0;
@@ -1841,17 +1956,17 @@ class Mt extends xt {
           }
         }
       },
-      setPropertyRelates(s, l) {
-        if (s)
-          switch (s && s.propertyID) {
+      setPropertyRelates(l, s) {
+        if (l)
+          switch (l && l.propertyID) {
             case "responseLayout":
-              r.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(s.propertyValue, r.componentId || e.id), r.updateUnifiedLayoutAfterResponseLayoutChanged(r.componentId), r.updateElementByParentContainer(e.id, n), delete e.responseLayout;
+              r.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(l.propertyValue, r.componentId || e.id), r.updateUnifiedLayoutAfterResponseLayoutChanged(r.componentId), r.updateElementByParentContainer(e.id, n), delete e.responseLayout;
               break;
             case "class":
-              r.updateUnifiedLayoutAfterControlChanged(s.propertyValue, e.id, this.componentId), Z.value++;
+              r.updateUnifiedLayoutAfterControlChanged(l.propertyValue, e.id, this.componentId), J.value++;
               break;
             case "style": {
-              Z.value++;
+              J.value++;
               break;
             }
           }
@@ -1867,36 +1982,36 @@ class Mt extends xt {
    * @param newControlType 新控件类型
    */
   changeControlType(e, n, r) {
-    const s = n.propertyValue, l = r && r.parent && r.parent.schema;
-    if (!l)
+    const l = n.propertyValue, s = r && r.parent && r.parent.schema;
+    if (!s)
       return;
-    const m = l.contents.findIndex((u) => u.id === e.id);
+    const m = s.contents.findIndex((f) => f.id === e.id);
     if (m === -1)
       return;
-    const a = l.contents[m];
-    let c;
+    const a = s.contents[m];
+    let u;
     if (this.designViewModelField) {
-      const d = this.formSchemaUtils.getViewModelById(this.viewModelId).fields.find((f) => f.id === this.designViewModelField.id).fieldSchema || {};
-      d.editor || (d.editor = {}), d.editor.$type = s, this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, d, !1), c = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, s);
+      const c = this.formSchemaUtils.getViewModelById(this.viewModelId).fields.find((d) => d.id === this.designViewModelField.id).fieldSchema || {};
+      c.editor || (c.editor = {}), c.editor.$type = l, this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, c, !1), u = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, l);
     }
-    c || (c = this.controlCreatorUtils.createFormGroupWithoutField(s)), Object.assign(c, {
+    u || (u = this.controlCreatorUtils.createFormGroupWithoutField(l)), Object.assign(u, {
       id: a.id,
       appearance: a.appearance,
       size: a.size,
       label: a.label,
       binding: a.binding
-    }), Object.prototype.hasOwnProperty.call(a, "visible") && Object.assign(c, { visible: a.visible }), a.editor && ["readonly", "required", "placeholder"].map((u) => {
-      Object.prototype.hasOwnProperty.call(a.editor, u) && (c.editor[u] = a.editor[u]);
-    }), r != null && r.updateContextSchema ? r.updateContextSchema(c) : (r.schema = Object.assign(a, c), Object.assign(e, c)), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (u) => u.classList.remove("dgComponentSelected")
+    }), Object.prototype.hasOwnProperty.call(a, "visible") && Object.assign(u, { visible: a.visible }), a.editor && ["readonly", "required", "placeholder"].map((f) => {
+      Object.prototype.hasOwnProperty.call(a.editor, f) && (u.editor[f] = a.editor[f]);
+    }), r != null && r.updateContextSchema ? r.updateContextSchema(u) : (r.schema = Object.assign(a, u), Object.assign(e, u)), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (f) => f.classList.remove("dgComponentSelected")
     ), Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
-      (u) => u.classList.remove("dgComponentFocused")
-    ), Z.value++, ie(() => {
+      (f) => f.classList.remove("dgComponentFocused")
+    ), J.value++, ne(() => {
       this.getFormDesignerInstance().reloadPropertyPanel();
     });
   }
   getTipsConfig(e) {
-    return ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "textarea", "rich-text-editor"].includes(e.editor.type) ? {
+    return ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "textarea", "rich-text-editor", "language-textbox"].includes(e.editor.type) ? {
       enableTips: {
         refreshPanelAfterChanged: !0,
         description: "",
@@ -1911,21 +2026,21 @@ class Mt extends xt {
         editor: {
           type: "code-editor",
           language: "html",
-          leftTemplate: Tt
+          leftTemplate: Vt
         },
         visible: !!e.enableTips
       }
     } : {};
   }
-  getComponentConfig(e, n = {}, r = {}, s) {
-    var d, v;
-    const l = Object.assign({
+  getComponentConfig(e, n = {}, r = {}, l) {
+    var c, g;
+    const s = Object.assign({
       description: "编辑器",
       title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter",
       parentPropertyID: "editor"
-    }, n), m = (d = e.binding) != null && d.field ? [] : ["Const", "Variable", "StateMachine"], a = this.getPropertyEditorParams(e, m, "readonly"), c = this.getPropertyEditorParams(e, m, "required"), u = {
+    }, n), m = (c = e.binding) != null && c.field ? [] : ["Const", "Variable", "StateMachine"], a = this.getPropertyEditorParams(e, m, "readonly"), u = this.getPropertyEditorParams(e, m, "required"), f = {
       readonly: {
         description: "",
         title: "只读",
@@ -1935,8 +2050,8 @@ class Mt extends xt {
         description: "",
         title: "必填",
         type: "boolean",
-        editor: c,
-        visible: !!((v = e.binding) != null && v.field)
+        editor: u,
+        visible: !!((g = e.binding) != null && g.field)
       },
       placeholder: {
         description: "当控件没有值时在输入框中显示的文本",
@@ -1944,21 +2059,21 @@ class Mt extends xt {
         type: "string"
       }
     };
-    for (const f in r)
-      u[f] = Object.assign(u[f] || {}, r[f]);
+    for (const d in r)
+      f[d] = Object.assign(f[d] || {}, r[d]);
     const o = this;
     return {
-      ...l,
-      properties: { ...u },
-      setPropertyRelates(f, p) {
-        if (f) {
-          switch (f.propertyID) {
+      ...s,
+      properties: { ...f },
+      setPropertyRelates(d, p) {
+        if (d) {
+          switch (d.propertyID) {
             case "readonly":
             case "required":
-              o.afterMutilEditorChanged(e, f);
+              o.afterMutilEditorChanged(e, d);
               break;
           }
-          s && s.bind(o)(f, e, p);
+          l && l.bind(o)(d, e, p);
         }
       }
     };
@@ -1970,17 +2085,17 @@ class Mt extends xt {
   * @param componentId 控件所在组件id
   */
   updateUnifiedLayoutAfterControlChanged(e, n, r) {
-    const s = e.split(" ");
-    let l = s.find((o) => /^col-([1-9]|10|11|12)$/.test(o)), m = s.find((o) => /^col-md-([1-9]|10|11|12)$/.test(o)), a = s.find((o) => /^col-xl-([1-9]|10|11|12)$/.test(o)), c = s.find((o) => /^col-el-([1-9]|10|11|12)$/.test(o));
-    l = l || "col-12", m = m || "col-md-" + l.replace("col-", ""), a = a || "col-xl-" + m.replace("col-md-", ""), c = c || "col-el-" + a.replace("col-xl-", "");
-    const u = {
+    const l = e.split(" ");
+    let s = l.find((o) => /^col-([1-9]|10|11|12)$/.test(o)), m = l.find((o) => /^col-md-([1-9]|10|11|12)$/.test(o)), a = l.find((o) => /^col-xl-([1-9]|10|11|12)$/.test(o)), u = l.find((o) => /^col-el-([1-9]|10|11|12)$/.test(o));
+    s = s || "col-12", m = m || "col-md-" + s.replace("col-", ""), a = a || "col-xl-" + m.replace("col-md-", ""), u = u || "col-el-" + a.replace("col-xl-", "");
+    const f = {
       id: n,
-      columnInSM: parseInt(l.replace("col-", ""), 10),
+      columnInSM: parseInt(s.replace("col-", ""), 10),
       columnInMD: parseInt(m.replace("col-md-", ""), 10),
       columnInLG: parseInt(a.replace("col-xl-", ""), 10),
-      columnInEL: parseInt(c.replace("col-el-", ""), 10)
+      columnInEL: parseInt(u.replace("col-el-", ""), 10)
     };
-    this.updateUnifiedLayoutAfterResponseLayoutChanged(r, u);
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(r, f);
   }
   /**
    * 修改控件布局配置后更新Form统一布局配置
@@ -1991,17 +2106,17 @@ class Mt extends xt {
     const { formNode: r } = this.responseLayoutEditorFunction.checkCanFindFormNode(e);
     if (!r || !r.unifiedLayout)
       return;
-    const s = [];
-    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(r, s, 1), n) {
-      const f = s.find((p) => p.id === n.id);
-      Object.assign(f || {}, n);
+    const l = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(r, l, 1), n) {
+      const d = l.find((p) => p.id === n.id);
+      Object.assign(d || {}, n);
     }
-    const l = s.map((f) => f.columnInSM), m = s.map((f) => f.columnInMD), a = s.map((f) => f.columnInLG), c = s.map((f) => f.columnInEL), u = this.checkIsUniqueColumn(l) ? l[0] : null, o = this.checkIsUniqueColumn(m) ? m[0] : null, d = this.checkIsUniqueColumn(a) ? a[0] : null, v = this.checkIsUniqueColumn(c) ? c[0] : null;
+    const s = l.map((d) => d.columnInSM), m = l.map((d) => d.columnInMD), a = l.map((d) => d.columnInLG), u = l.map((d) => d.columnInEL), f = this.checkIsUniqueColumn(s) ? s[0] : null, o = this.checkIsUniqueColumn(m) ? m[0] : null, c = this.checkIsUniqueColumn(a) ? a[0] : null, g = this.checkIsUniqueColumn(u) ? u[0] : null;
     Object.assign(r.unifiedLayout, {
-      uniqueColClassInSM: u,
+      uniqueColClassInSM: f,
       uniqueColClassInMD: o,
-      uniqueColClassInLG: d,
-      uniqueColClassInEL: v
+      uniqueColClassInLG: c,
+      uniqueColClassInEL: g
     });
   }
   /**
@@ -2042,26 +2157,33 @@ class Mt extends xt {
   * @param propertyData 下拉框控件属性值
   */
   checkEnumDataReadonly(e) {
-    return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === _e.EnumType);
+    return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === Ze.EnumType);
   }
   /**
   * 将字段值变化前事件、变化后事件追加到交互面板
   * 注意：因为绑定字段值变化后事件与下拉框的值变化事件(valueChanged)重名，所以这里将事件label都重命名下
   */
   appendFieldValueChangeEvents(e, n) {
-    e.binding && e.binding.type === J.Form && e.binding.field ? (n.find((r) => r.label === "fieldValueChanging"), n.find((r) => r.label === "fieldValueChanged"), this.designViewModelField && (e.fieldValueChanging = this.designViewModelField.valueChanging, e.fieldValueChanged = this.designViewModelField.valueChanged)) : n = n.filter((r) => r.label !== "fieldValueChanging" && r.label !== "fieldValueChanged");
+    e.binding && e.binding.type === Y.Form && e.binding.field ? (n.find((r) => r.label === "fieldValueChanging"), n.find((r) => r.label === "fieldValueChanged"), this.designViewModelField && (e.fieldValueChanging = this.designViewModelField.valueChanging, e.fieldValueChanged = this.designViewModelField.valueChanged)) : n = n.filter((r) => r.label !== "fieldValueChanging" && r.label !== "fieldValueChanged");
   }
   getControlMethodType(e) {
     if (!e.binding)
       return e.type;
     switch (e.binding.type) {
-      case J.Form:
+      case Y.Form:
         return e.binding.path || e.type;
-      case J.Variable:
+      case Y.Variable:
         return e.binding.fullPath || e.type;
     }
     return e.type;
   }
+  updateLinkedLabel(e, n) {
+    if (e.boundEventsList && e.boundEventsList.length > 0) {
+      const r = e.boundEventsList.find((l) => l.boundEvents && l.boundEvents.label === "onClickLabel");
+      n.linkLabel = !!r;
+    } else
+      n.linkLabel = !1;
+  }
   /**
   * 组装输入类控件的交互面板：包含标签超链、绑定字段值变化前后事件等。
   * @param propertyData 属性值
@@ -2069,8 +2191,8 @@ class Mt extends xt {
   * @param showPosition 面板展示位置
   * @param customEvent 输入控件特有的事件配置
   */
-  getEventPropertyConfig(e, n = "card", r, s) {
-    const l = this;
+  getEventPropertyConfig(e, n = "card", r, l) {
+    const s = this;
     let m = [...this.formGroupEvents];
     if (["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group"].includes(e.editor.type) && m.push({
       lable: "onClear",
@@ -2085,27 +2207,27 @@ class Mt extends xt {
         hide: !0
       };
     this.appendFieldValueChangeEvents(e, m);
-    const c = l.eventsEditorUtils.formProperties(e, l.viewModelId, m);
+    const u = s.eventsEditorUtils.formProperties(e, s.viewModelId, m);
     return {
       title: "事件",
       hideTitle: !0,
-      properties: l.createBaseEventProperty(c),
+      properties: s.createBaseEventProperty(u),
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(d, v) {
-        const f = d.propertyValue;
-        delete e[l.viewModelId], f && (f.setPropertyRelates = this.setPropertyRelates, f.controlInfo = { type: l.getControlMethodType(e), name: e.title }, l.eventsEditorUtils.saveRelatedParameters(e, l.viewModelId, f.events, f)), s && s(d, v, f);
-        const p = l.designViewModelUtils.getDgViewModel(l.viewModelId);
-        p && l.designViewModelField && p.changeField(l.designViewModelField.id, { valueChanging: e.fieldValueChanging, valueChanged: e.fieldValueChanged });
+      setPropertyRelates(c, g) {
+        const d = c.propertyValue;
+        delete e[s.viewModelId], d && (d.setPropertyRelates = this.setPropertyRelates, d.controlInfo = { type: s.getControlMethodType(e), name: e.title }, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, d.events, d), s.updateLinkedLabel(d, g)), l && l(c, g, d);
+        const p = s.designViewModelUtils.getDgViewModel(s.viewModelId);
+        p && s.designViewModelField && p.changeField(s.designViewModelField.id, { valueChanging: e.fieldValueChanging, valueChanged: e.fieldValueChanged });
       }
     };
   }
-  getExpressionConfig(e, n, r = ["compute", "dependency", "validate"], s) {
-    return new we(this.formSchemaUtils).getExpressionConfig(
+  getExpressionConfig(e, n, r = ["compute", "dependency", "validate"], l) {
+    return new Se(this.formSchemaUtils).getExpressionConfig(
       e,
       n,
       r,
-      s
+      l
     );
   }
   getBindingDataType() {
@@ -2115,14 +2237,14 @@ class Mt extends xt {
     return this.getBindingDataType() === "number" ? this.numberEditorOptions : {};
   }
   updatePropertyValue(e, n, r) {
-    var s;
-    e.editor[n] !== r ? e.editor[n] = r : (s = this.getFormDesignerInstance()) == null || s.reloadPropertyPanel();
+    var l;
+    e.editor[n] !== r ? e.editor[n] = r : (l = this.getFormDesignerInstance()) == null || l.reloadPropertyPanel();
   }
   setBooleanValue(e, n, r) {
-    let s = r;
-    this.getBindingDataType() === "string" && (s = (s || "").trim() || (n === "trueValue" ? "true" : "false"));
+    let l = r;
+    this.getBindingDataType() === "string" && (l = (l || "").trim() || (n === "trueValue" ? "true" : "false"));
     const m = n === "trueValue" ? "falseValue" : "trueValue";
-    e.editor[m] === s && (s = s + 1), this.updatePropertyValue(e, n, s);
+    e.editor[m] === l && (l = l + 1), this.updatePropertyValue(e, n, l);
   }
   getBooleanValueConverter() {
     return {
@@ -2133,42 +2255,99 @@ class Mt extends xt {
     };
   }
 }
-class Pt extends Mt {
-  getPropertyConfig(t, e) {
-    return this.propertyConfig.categories.basic = this.getBasicPropConfig(t), this.propertyConfig.categories.appearance = this.getAppearanceConfig(), this.getBehaviorConfig(t), this.getFilterBarConfig(t), this.getEventPropConfig(t), this.propertyConfig;
-  }
-  getBehaviorConfig(t) {
-    this.propertyConfig.categories.apperance = {
-      description: "Basic Infomation",
-      title: "行为",
-      properties: {
-        // showExtendSiderbar: {
-        //     description: "是否在侧边栏中展示收起的控件",
-        //     type: "boolean",
-        //     title: "启用侧边栏收折",
-        //     refreshPanelAfterChanged: true
-        // },
-        resetText: {
-          description: "选择筛选条件后，按钮“清空筛选”的文本",
-          type: "string",
-          title: "按钮“清空筛选”的文本"
+class Lt extends Bt {
+  getPropertyConfig(i, e) {
+    return this.propertyConfig.categories.basic = this.getBasicPropConfig(i), this.propertyConfig.categories.appearance = this.getAppearanceConfig(i, {
+      // showExtendSiderbar: {
+      //     description: "是否在侧边栏中展示收起的控件",
+      //     type: "boolean",
+      //     title: "启用侧边栏收折",
+      //     refreshPanelAfterChanged: true
+      // },
+      resetText: {
+        description: "选择筛选条件后，按钮“清空筛选”的文本",
+        type: "string",
+        title: "清空筛选按钮的文本"
+      },
+      filterText: {
+        description: "设置筛选按钮的文本",
+        type: "string",
+        title: "筛选按钮的文本"
+      },
+      filterType: {
+        description: "筛选的类型有两种：轻量筛选和平铺筛选",
+        type: "enum",
+        title: "筛选类型",
+        editor: {
+          default: "light",
+          data: [
+            { id: "light", name: "轻量" },
+            { id: "tile", name: "平铺" }
+          ]
+        },
+        refreshPanelAfterChanged: !0
+      },
+      tileShowType: {
+        description: "多行展示：类似卡片输入控件的布局方式，筛选项多时会自动折行展示；在一行展示：筛选项多时会出现滚动条进行展示；单行展示：每个筛选项单独占一行展示。",
+        type: "enum",
+        title: "平铺筛选的展示方式",
+        visible: i.filterType === "tile",
+        editor: {
+          default: "multiline",
+          data: [
+            { id: "multiline", name: "多行展示" },
+            { id: "all-in-one", name: "在一行展示" },
+            { id: "aline", name: "单行展示" }
+          ]
+        },
+        refreshPanelAfterChanged: !0
+      },
+      allInOneAlign: {
+        description: "在一行展示的方式下，可以左对齐或者右对齐",
+        type: "enum",
+        title: "对齐方式",
+        visible: i.tileShowType === "all-in-one",
+        editor: {
+          default: "left",
+          data: [
+            { id: "left", name: "左对齐" },
+            { id: "right", name: "右对齐" }
+          ]
+        }
+      },
+      lineLabelWidth: {
+        description: "行展示方式下，筛选条件的文字标签的宽度是否固定，固定宽度：标签宽度固定；自动宽度：标签宽度不固定跟随内容变化",
+        type: "enum",
+        title: "标签宽度",
+        visible: i.tileShowType !== "all-in-one",
+        editor: {
+          default: "fixed",
+          data: [
+            { id: "fixed", name: "固定宽度" },
+            { id: "auto", name: "自动宽度" }
+          ]
         }
       }
-    };
+    }), this.propertyConfig.categories.behavior = this.getBehaviorConfig(i), this.getFilterBarConfig(i), this.getEventPropConfig(i), this.propertyConfig;
   }
-  getFilterBarConfig(t) {
+  getFilterBarConfig(i) {
     const e = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId), n = this;
-    this.getPropertyEditorParams(t, [], "visible"), this.getPropertyEditorParams(t, [], "disable"), this.propertyConfig.categories.control = {
+    this.propertyConfig.categories.control = {
       description: "Basic Infomation",
       title: "编辑器",
       properties: {
+        liveSearch: {
+          description: "即时搜索，条件变更触发查询事件；非即时搜索，通过点击筛选按钮触发查询事件。",
+          type: "boolean",
+          title: "即时搜索"
+        },
         fields: {
           description: "筛选条字段设置",
           title: "筛选条字段",
           type: "",
           editor: {
             type: "query-solution-config",
-            source: "filter-bar",
+            source: i.filterType === "tile" ? "filter-tile" : "filter-bar",
             title: "筛选条字段",
             fieldsConfig: e,
             formSchemaUtils: this.formSchemaUtils,
@@ -2179,29 +2358,19 @@ class Pt extends Mt {
             schemaService: this.schemaService
           }
         },
-        // visible: {
-        //     description: "运行时组件是否可见",
-        //     title: "是否可见",
-        //     editor: visibleEditor
-        // },
-        // disable: {
-        //     description: "是否禁用",
-        //     title: "是否禁用",
-        //     editor: disableEditor
-        // },
         defaultValues: {
           description: "默认值绑定字段",
           type: "object",
           title: "默认值绑定字段",
-          editor: this.getPropertyEditorParams(t, ["Variable"], "", {}, { newVariableType: "Object" })
+          editor: this.getPropertyEditorParams(i, ["Variable"], "", {}, { newVariableType: "Object" })
         }
       },
-      setPropertyRelates(r, s) {
+      setPropertyRelates(r, l) {
         if (r)
           switch (r.propertyID) {
             case "visible":
             case "disable":
-              n.afterMutilEditorChanged(t, r);
+              n.afterMutilEditorChanged(i, r);
               break;
             case "defaultValues":
               n.addNewVariableToViewModel(r, n.viewModelId);
@@ -2210,32 +2379,32 @@ class Pt extends Mt {
       }
     };
   }
-  getEventPropConfig(t) {
+  getEventPropConfig(i) {
     const e = [
       {
         label: "onQuery",
         name: "查询事件"
       }
-    ], n = this, r = n.eventsEditorUtils.formProperties(t, n.viewModelId, e), s = n.createBaseEventProperty(r);
+    ], n = this, r = n.eventsEditorUtils.formProperties(i, n.viewModelId, e), l = n.createBaseEventProperty(r);
     this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: s,
+      properties: l,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(l, m) {
-        const a = l.propertyValue;
-        delete t[n.viewModelId], a && (a.setPropertyRelates = this.setPropertyRelates, n.eventsEditorUtils.saveRelatedParameters(t, n.viewModelId, a.events, a)), t.remoteSort = !!t.columnSorted;
+      setPropertyRelates(s, m) {
+        const a = s.propertyValue;
+        delete i[n.viewModelId], a && (a.setPropertyRelates = this.setPropertyRelates, n.eventsEditorUtils.saveRelatedParameters(i, n.viewModelId, a.events, a)), i.remoteSort = !!i.columnSorted;
       }
     };
   }
 }
-function kt(i, t) {
+function Ot(t, i) {
   function e(m, a) {
-    const c = i.schema;
-    return new Pt(m, t).getPropertyConfig(c, a);
+    const u = t.schema;
+    return new Lt(m, i).getPropertyConfig(u, a);
   }
   function n() {
     return !1;
@@ -2243,20 +2412,20 @@ function kt(i, t) {
   function r() {
     return !1;
   }
-  function s() {
+  function l() {
     return !1;
   }
-  function l() {
+  function s() {
     var m;
-    if (i && t) {
-      const { formSchemaUtils: a } = t, c = a.getControlBasicInfoMap(), { schema: u } = i, o = tt["filter-bar"].name;
-      c.set(u.id, {
+    if (t && i) {
+      const { formSchemaUtils: a } = i, u = a.getControlBasicInfoMap(), { schema: f } = t, o = rt["filter-bar"].name;
+      u.set(f.id, {
         componentTitle: o,
         parentPathName: o
-      }), (m = u.fields) != null && m.length && u.fields.map((d) => {
-        c.set(d.id, {
-          componentTitle: d.name,
-          parentPathName: `${o} > ${d.name}`
+      }), (m = f.fields) != null && m.length && f.fields.map((c) => {
+        u.set(c.id, {
+          componentTitle: c.name,
+          parentPathName: `${o} > ${c.name}`
         });
       });
     }
@@ -2265,155 +2434,155 @@ function kt(i, t) {
     getPropsConfig: e,
     canAccepts: n,
     checkCanDeleteComponent: r,
-    checkCanMoveComponent: s,
-    setComponentBasicInfoMap: l
+    checkCanMoveComponent: l,
+    setComponentBasicInfoMap: s
   };
 }
-function Ie(i, t) {
+function Te(t, i) {
   let e;
   function n(o) {
-    const { properties: d, title: v, ignore: f } = o, p = f && Array.isArray(f), h = Object.keys(d).reduce((y, C) => ((!p || !f.find((V) => V === C)) && (y[C] = d[C].type === "object" && d[C].properties ? n(d[C]) : H(d[C].default)), y), {});
-    if (v && (!p || !f.find((y) => y === "id"))) {
-      const y = v.toLowerCase().replace(/-/g, "_");
-      h.id = `${y}_${Math.random().toString().slice(2, 6)}`;
+    const { properties: c, title: g, ignore: d } = o, p = d && Array.isArray(d), h = Object.keys(c).reduce((b, w) => ((!p || !d.find((O) => O === w)) && (b[w] = c[w].type === "object" && c[w].properties ? n(c[w]) : Z(c[w].default)), b), {});
+    if (g && (!p || !d.find((b) => b === "id"))) {
+      const b = g.toLowerCase().replace(/-/g, "_");
+      h.id = `${b}_${Math.random().toString().slice(2, 6)}`;
     }
     return h;
   }
   function r(o) {
-    const { properties: d, title: v, required: f } = o;
-    if (f && Array.isArray(f)) {
-      const p = f.reduce((h, y) => (h[y] = d[y].type === "object" && d[y].properties ? n(d[y]) : H(d[y].default), h), {});
-      if (v && f.find((h) => h === "id")) {
-        const h = v.toLowerCase().replace(/-/g, "_");
+    const { properties: c, title: g, required: d } = o;
+    if (d && Array.isArray(d)) {
+      const p = d.reduce((h, b) => (h[b] = c[b].type === "object" && c[b].properties ? n(c[b]) : Z(c[b].default), h), {});
+      if (g && d.find((h) => h === "id")) {
+        const h = g.toLowerCase().replace(/-/g, "_");
         p.id = `${h}_${Math.random().toString().slice(2, 6)}`;
       }
       return p;
     }
     return {
-      type: v
+      type: g
     };
   }
-  function s(o, d = {}, v) {
-    const f = i[o];
-    if (f) {
-      let p = r(f);
-      const h = t[o];
-      return p = h ? h({ getSchemaByType: s }, p, d, v) : p, e != null && e.appendIdentifyForNewControl && e.appendIdentifyForNewControl(p), p;
+  function l(o, c = {}, g) {
+    const d = t[o];
+    if (d) {
+      let p = r(d);
+      const h = i[o];
+      return p = h ? h({ getSchemaByType: l }, p, c, g) : p, e != null && e.appendIdentifyForNewControl && e.appendIdentifyForNewControl(p), p;
     }
     return null;
   }
-  function l(o, d) {
-    const v = n(d);
-    return Object.keys(v).reduce((f, p) => (Object.prototype.hasOwnProperty.call(o, p) && (f[p] && de(f[p]) && de(o[p] || !o[p]) ? Object.assign(f[p], o[p] || {}) : f[p] = o[p]), f), v), v;
+  function s(o, c) {
+    const g = n(c);
+    return Object.keys(g).reduce((d, p) => (Object.prototype.hasOwnProperty.call(o, p) && (d[p] && pe(d[p]) && pe(o[p] || !o[p]) ? Object.assign(d[p], o[p] || {}) : d[p] = o[p]), d), g), g;
   }
-  function m(o, d) {
-    return Object.keys(o).filter((f) => o[f] != null).reduce((f, p) => {
-      if (d.has(p)) {
-        const h = d.get(p);
+  function m(o, c) {
+    return Object.keys(o).filter((d) => o[d] != null).reduce((d, p) => {
+      if (c.has(p)) {
+        const h = c.get(p);
         if (typeof h == "string")
-          f[h] = o[p];
+          d[h] = o[p];
         else {
-          const y = h(p, o[p], o);
-          Object.assign(f, y);
+          const b = h(p, o[p], o);
+          Object.assign(d, b);
         }
       } else
-        f[p] = o[p];
-      return f;
+        d[p] = o[p];
+      return d;
     }, {});
   }
-  function a(o, d, v = /* @__PURE__ */ new Map()) {
-    const f = l(o, d);
-    return m(f, v);
+  function a(o, c, g = /* @__PURE__ */ new Map()) {
+    const d = s(o, c);
+    return m(d, g);
   }
-  function c(o) {
-    var v;
-    const d = o.type;
-    if (d) {
-      const f = i[d];
-      if (!f)
+  function u(o) {
+    var g;
+    const c = o.type;
+    if (c) {
+      const d = t[c];
+      if (!d)
         return o;
-      const p = l(o, f), h = ((v = o.editor) == null ? void 0 : v.type) || "";
+      const p = s(o, d), h = ((g = o.editor) == null ? void 0 : g.type) || "";
       if (h) {
-        const y = i[h], C = l(o.editor, y);
-        p.editor = C;
+        const b = t[h], w = s(o.editor, b);
+        p.editor = w;
       }
       return p;
     }
     return o;
   }
-  function u(o) {
+  function f(o) {
     e = o;
   }
-  return { getSchemaByType: s, resolveSchemaWithDefaultValue: c, resolveSchemaToProps: a, mappingSchemaToProps: m, setDesignerContext: u };
+  return { getSchemaByType: l, resolveSchemaWithDefaultValue: u, resolveSchemaToProps: a, mappingSchemaToProps: m, setDesignerContext: f };
 }
-const xe = {}, Ee = {}, { resolveSchemaWithDefaultValue: Vt, resolveSchemaToProps: Bt, mappingSchemaToProps: Lt } = Ie(xe, Ee);
-function Nt(i = {}) {
-  function t(c, u, o, d) {
+const Ee = {}, Me = {}, { resolveSchemaWithDefaultValue: Nt, resolveSchemaToProps: At, mappingSchemaToProps: Rt } = Te(Ee, Me);
+function Ut(t = {}) {
+  function i(u, f, o, c) {
     if (typeof o == "number")
-      return d[c].length === o;
+      return c[u].length === o;
     if (typeof o == "object") {
-      const v = Object.keys(o)[0], f = o[v];
-      if (v === "not")
-        return Number(d[c].length) !== Number(f);
-      if (v === "moreThan")
-        return Number(d[c].length) >= Number(f);
-      if (v === "lessThan")
-        return Number(d[c].length) <= Number(f);
+      const g = Object.keys(o)[0], d = o[g];
+      if (g === "not")
+        return Number(c[u].length) !== Number(d);
+      if (g === "moreThan")
+        return Number(c[u].length) >= Number(d);
+      if (g === "lessThan")
+        return Number(c[u].length) <= Number(d);
     }
     return !1;
   }
-  function e(c, u, o, d) {
-    return d[c] && d[c].propertyValue && String(d[c].propertyValue.value) === String(o);
+  function e(u, f, o, c) {
+    return c[u] && c[u].propertyValue && String(c[u].propertyValue.value) === String(o);
   }
   const n = /* @__PURE__ */ new Map([
-    ["length", t],
+    ["length", i],
     ["getProperty", e]
   ]);
-  Object.keys(i).reduce((c, u) => (c.set(u, i[u]), c), n);
-  function r(c, u) {
-    const o = c;
-    return typeof u == "number" ? [{ target: o, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: o, operator: "getProperty", param: c, value: !!u }] : typeof u == "object" ? Object.keys(u).map((d) => {
-      if (d === "length")
-        return { target: o, operator: "length", param: null, value: u[d] };
-      const v = d, f = u[d];
-      return { target: o, operator: "getProperty", param: v, value: f };
+  Object.keys(t).reduce((u, f) => (u.set(f, t[f]), u), n);
+  function r(u, f) {
+    const o = u;
+    return typeof f == "number" ? [{ target: o, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: o, operator: "getProperty", param: u, value: !!f }] : typeof f == "object" ? Object.keys(f).map((c) => {
+      if (c === "length")
+        return { target: o, operator: "length", param: null, value: f[c] };
+      const g = c, d = f[c];
+      return { target: o, operator: "getProperty", param: g, value: d };
     }) : [];
   }
-  function s(c) {
-    return Object.keys(c).reduce((o, d) => {
-      const v = r(d, c[d]);
-      return o.push(...v), o;
+  function l(u) {
+    return Object.keys(u).reduce((o, c) => {
+      const g = r(c, u[c]);
+      return o.push(...g), o;
     }, []);
   }
-  function l(c, u) {
-    if (n.has(c.operator)) {
-      const o = n.get(c.operator);
-      return o && o(c.target, c.param, c.value, u) || !1;
+  function s(u, f) {
+    if (n.has(u.operator)) {
+      const o = n.get(u.operator);
+      return o && o(u.target, u.param, u.value, f) || !1;
     }
     return !1;
   }
-  function m(c, u) {
-    return s(c).reduce((v, f) => v && l(f, u), !0);
+  function m(u, f) {
+    return l(u).reduce((g, d) => g && s(d, f), !0);
   }
-  function a(c, u) {
-    const o = Object.keys(c), d = o.includes("allOf"), v = o.includes("anyOf"), f = d || v, y = (f ? c[f ? d ? "allOf" : "anyOf" : "allOf"] : [c]).map((V) => m(V, u));
-    return d ? !y.includes(!1) : y.includes(!0);
+  function a(u, f) {
+    const o = Object.keys(u), c = o.includes("allOf"), g = o.includes("anyOf"), d = c || g, b = (d ? u[d ? c ? "allOf" : "anyOf" : "allOf"] : [u]).map((O) => m(O, f));
+    return c ? !b.includes(!1) : b.includes(!0);
   }
   return { parseValueSchema: a };
 }
-const Ot = {
-  convertTo: (i, t, e, n) => {
-    i.appearance || (i.appearance = {}), i.appearance[t] = e;
+const $t = {
+  convertTo: (t, i, e, n) => {
+    t.appearance || (t.appearance = {}), t.appearance[i] = e;
   },
-  convertFrom: (i, t, e) => i.appearance ? i.appearance[t] : i[t]
-}, At = {
-  convertFrom: (i, t, e) => i.buttons && i.buttons.length ? `共 ${i.buttons.length} 项` : "无"
-}, Ut = {
-  convertTo: (i, t, e, n) => {
-    i.editor && (i.editor[t] = e);
+  convertFrom: (t, i, e) => t.appearance ? t.appearance[i] : t[i]
+}, Wt = {
+  convertFrom: (t, i, e) => t.buttons && t.buttons.length ? `共 ${t.buttons.length} 项` : "无"
+}, qt = {
+  convertTo: (t, i, e, n) => {
+    t.editor && (t.editor[i] = e);
   },
-  convertFrom: (i, t, e) => i.editor && Object.prototype.hasOwnProperty.call(i.editor, t) ? i.editor[t] : i[t]
-}, $t = {
+  convertFrom: (t, i, e) => t.editor && Object.prototype.hasOwnProperty.call(t.editor, i) ? t.editor[i] : t[i]
+}, jt = {
   button: { type: "button", name: "按钮" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
@@ -2459,10 +2628,12 @@ const Ot = {
   drawer: { type: "drawer", name: "抽屉" },
   "external-container": { type: "external-container", name: "外部容器", icon: "content-container" },
   "list-nav": { type: "list-nav", name: "列表导航" },
+  nav: { type: "nav", name: "标签类导航" },
   "list-view": { type: "list-view", name: "列表" },
   "filter-bar": { type: "filter-bar", name: "筛选条" },
   "language-textbox": { type: "language-textbox", name: "多语输入框" },
   image: { type: "image", name: "图像" },
+  avatar: { type: "avatar", name: "头像" },
   "discussion-editor": { type: "discussion-editor", name: "评论编辑区" },
   "discussion-list": { type: "discussion-list", name: "评论列表" },
   comment: { type: "comment", name: "评论区" },
@@ -2470,56 +2641,57 @@ const Ot = {
   calendar: { type: "calendar", name: "日历", icon: "date-picker" },
   wizard: { type: "wizard", name: "向导", icon: "wizard" },
   "wizard-page": { type: "wizard-page", name: "向导页", icon: "wizard" },
-  "wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" }
-}, Rt = {
-  convertFrom: (i, t, e) => {
+  "wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" },
+  step: { type: "step", name: "步骤条", icon: "step" }
+}, zt = {
+  convertFrom: (t, i, e) => {
     var r;
-    const n = i.editor && i.editor[t] ? i.editor[t] : i[t];
-    return ((r = $t[n]) == null ? void 0 : r.name) || n;
+    const n = t.editor && t.editor[i] ? t.editor[i] : t[i];
+    return ((r = jt[n]) == null ? void 0 : r.name) || n;
   }
-}, jt = {
-  convertTo: (i, t, e, n) => {
-    i[t] = i[t];
+}, Gt = {
+  convertTo: (t, i, e, n) => {
+    t[i] = t[i];
   },
-  convertFrom: (i, t, e) => i.editor ? e.getRealEditorType(i.editor.type) : ""
-}, qt = {
-  convertTo: (i, t, e, n) => {
-    (i.type === "data-grid-column" || i.type === "tree-grid-column") && (i.formatter ? i.formatter[t] = e : i.formatter = {
-      [t]: e
+  convertFrom: (t, i, e) => t.editor ? e.getRealEditorType(t.editor.type) : ""
+}, Dt = {
+  convertTo: (t, i, e, n) => {
+    (t.type === "data-grid-column" || t.type === "tree-grid-column") && (t.formatter ? t.formatter[i] = e : t.formatter = {
+      [i]: e
     });
   },
-  convertFrom: (i, t, e) => {
-    if (i.formatter) {
-      if (t === "trueText")
-        return i.formatter.trueText;
-      if (t === "falseText")
-        return i.formatter.falseText;
-      if (t === "prefix")
-        return i.formatter.prefix;
-      if (t === "suffix")
-        return i.formatter.suffix;
-      if (t === "precision")
-        return i.formatter.precision;
-      if (t === "decimal")
-        return i.formatter.decimal;
-      if (t === "thousand")
-        return i.formatter.thousand;
-      if (t === "dateFormat")
-        return i.formatter.dateFormat || "yyyy-MM-dd";
-      if (t === "customFormat")
-        return i.formatter.customFormat;
-      if (t === "type")
-        return i.formatter.type || "none";
-      if (t === "customFormat")
-        return i.formmater.customFormat;
+  convertFrom: (t, i, e) => {
+    if (t.formatter) {
+      if (i === "trueText")
+        return t.formatter.trueText;
+      if (i === "falseText")
+        return t.formatter.falseText;
+      if (i === "prefix")
+        return t.formatter.prefix;
+      if (i === "suffix")
+        return t.formatter.suffix;
+      if (i === "precision")
+        return t.formatter.precision;
+      if (i === "decimal")
+        return t.formatter.decimal;
+      if (i === "thousand")
+        return t.formatter.thousand;
+      if (i === "dateFormat")
+        return t.formatter.dateFormat || "yyyy-MM-dd";
+      if (i === "customFormat")
+        return t.formatter.customFormat;
+      if (i === "type")
+        return t.formatter.type || "none";
+      if (i === "customFormat")
+        return t.formmater.customFormat;
     }
     return "none";
   }
-}, Wt = {
-  convertTo: (i, t, e, n) => {
-    i.command ? i.command[t] = e : i.command = {
-      [t]: e
-    }, t === "enableType" && e === "default" && (i.command.enable = !0, i.command.commands = [
+}, Ht = {
+  convertTo: (t, i, e, n) => {
+    t.command ? t.command[i] = e : t.command = {
+      [i]: e
+    }, i === "enableType" && e === "default" && (t.command.enable = !0, t.command.commands = [
       {
         text: "编辑",
         type: "primary",
@@ -2530,7 +2702,7 @@ const Ot = {
         type: "danger",
         command: "remove"
       }
-    ]), t === "enableType" && e === "custom" && (i.command.enable = !0, i.command.commands = [
+    ]), i === "enableType" && e === "custom" && (t.command.enable = !0, t.command.commands = [
       {
         value: "add",
         text: {
@@ -2558,187 +2730,198 @@ const Ot = {
         },
         type: "remove"
       }
-    ]), t === "enableType" && e === "unable" && (i.command.enable = !1);
+    ]), i === "enableType" && e === "unable" && (t.command.enable = !1);
   },
-  convertFrom: (i, t, e) => {
+  convertFrom: (t, i, e) => {
     var n, r;
-    if (i.command) {
-      if (t === "enableType") {
-        const s = (r = (n = i.command) == null ? void 0 : n.commands) == null ? void 0 : r.find((l) => l.command === "edit" && l.type === "primary");
-        return i.command.enable ? s ? "default" : "custom" : "unable";
+    if (t.command) {
+      if (i === "enableType") {
+        const l = (r = (n = t.command) == null ? void 0 : n.commands) == null ? void 0 : r.find((s) => s.command === "edit" && s.type === "primary");
+        return t.command.enable ? l ? "default" : "custom" : "unable";
       }
-      if (t === "commands")
-        return i.command.enableType === "custom" ? i.command.commands : [];
-      if (t === "formatter")
-        return i.command.formatter;
-      if (t === "count")
-        return i.command.count;
+      if (i === "commands")
+        return t.command.enableType === "custom" ? t.command.commands : [];
+      if (i === "formatter")
+        return t.command.formatter;
+      if (i === "count")
+        return t.command.count;
     }
     return "";
   }
-}, zt = {
-  convertTo: (i, t, e, n) => {
-    i.column ? i.column[t] = e : i.column = {
-      [t]: e
-    }, t === "fitColumns" && e && (i.column.fitMode || (i.column.fitMode = "average"));
+}, Qt = {
+  convertTo: (t, i, e, n) => {
+    t.column ? t.column[i] = e : t.column = {
+      [i]: e
+    }, i === "fitColumns" && e && (t.column.fitMode || (t.column.fitMode = "average"));
   },
-  convertFrom: (i, t, e) => {
-    if (i.column) {
-      if (t === "fitColumns")
-        return i.column.fitColumns;
-      if (t === "fitMode")
-        return i.column.fitMode;
+  convertFrom: (t, i, e) => {
+    if (t.column) {
+      if (i === "fitColumns")
+        return t.column.fitColumns;
+      if (i === "fitMode")
+        return t.column.fitMode;
     }
     return "";
   }
-}, Gt = {
-  convertTo: (i, t, e, n) => {
-    i.summary ? i.summary[t] = e : i.summary = {
-      [t]: e
-    }, t === "enable" && e && (i.summary ? i.summary.groupFields || (i.summary.groupFields = []) : i.summary = {
+}, _t = {
+  convertTo: (t, i, e, n) => {
+    t.summary ? t.summary[i] = e : t.summary = {
+      [i]: e
+    }, i === "enable" && e && (t.summary ? t.summary.groupFields || (t.summary.groupFields = []) : t.summary = {
       enable: e,
       groupFields: []
     });
   },
-  convertFrom: (i, t, e) => {
+  convertFrom: (t, i, e) => {
     var n;
-    return t === "customSummaryStyle" ? i.summary.customSummaryStyle : t === "position" ? ((n = i.summary) == null ? void 0 : n[t]) || "bottom" : i.summary && t === "enable" ? i.summary.enable : i.type === "data-grid-column" ? i.enableSummary === void 0 ? !1 : i.enableSummary : "";
+    return i === "customSummaryStyle" ? t.summary.customSummaryStyle : i === "position" ? ((n = t.summary) == null ? void 0 : n[i]) || "bottom" : t.summary && i === "enable" ? t.summary.enable : t.type === "data-grid-column" ? t.enableSummary === void 0 ? !1 : t.enableSummary : "";
   }
-}, Dt = {
-  convertTo: (i, t, e, n) => {
-    i.group ? i.group[t] = e : i.group = {
-      [t]: e
-    }, t === "enable" && e && (i.group ? i.group.groupFields || (i.group.groupFields = []) : i.group = {
+}, Xt = {
+  convertTo: (t, i, e, n) => {
+    t.group ? t.group[i] = e : t.group = {
+      [i]: e
+    }, i === "enable" && e && (t.group ? t.group.groupFields || (t.group.groupFields = []) : t.group = {
       enable: e,
       groupFields: [],
       showSummary: !1
     });
   },
-  convertFrom: (i, t, e) => {
-    if (i.group) {
-      if (t === "enable")
-        return i.group.enable;
-      if (t === "showSummary")
-        return i.group.showSummary;
+  convertFrom: (t, i, e) => {
+    if (t.group) {
+      if (i === "enable")
+        return t.group.enable;
+      if (i === "showSummary")
+        return t.group.showSummary;
     }
   }
-}, Qt = {
-  convertFrom: (i, t) => i.binding ? i.binding.path : "",
-  convertTo: (i, t, e) => {
+}, Zt = {
+  convertFrom: (t, i) => t.binding ? t.binding.path : "",
+  convertTo: (t, i, e) => {
     if (e && e.length > 0) {
       const n = e[0];
-      i.binding || (i.binding = {}), i.binding.type = "Form", i.binding.path = n.bindingField, i.binding.field = n.id, i.binding.fullPath = n.path, i.path = n.bindingPath;
+      t.binding || (t.binding = {}), t.binding.type = "Form", t.binding.path = n.bindingField, t.binding.field = n.id, t.binding.fullPath = n.path, t.path = n.bindingPath;
     }
   }
-}, _t = {
-  convertTo: (i, t, e, n) => {
-    i.pagination || (i.pagination = {}), t === "sizeLimits" ? i.pagination.sizeLimits = e.split(",") : i.pagination[t] = e;
+}, Jt = {
+  convertTo: (t, i, e, n) => {
+    t.pagination || (t.pagination = {}), i === "sizeLimits" ? t.pagination.sizeLimits = e.split(",") : t.pagination[i] = e;
   },
-  convertFrom: (i, t, e) => i.pagination ? t === "sizeLimits" ? i.pagination.sizeLimits.join(",") : i.pagination[t] : i[t]
-}, Ht = {
-  convertTo: (i, t, e, n) => {
-    i.rowNumber || (i.rowNumber = {}), i.rowNumber[t] = e;
+  convertFrom: (t, i, e) => t.pagination ? i === "sizeLimits" ? t.pagination.sizeLimits.join(",") : t.pagination[i] : t[i]
+}, Yt = {
+  convertTo: (t, i, e, n) => {
+    t.rowNumber || (t.rowNumber = {}), t.rowNumber[i] = e;
   },
-  convertFrom: (i, t, e) => i.rowNumber ? i.rowNumber[t] : i[t]
-}, Xt = {
-  convertTo: (i, t, e, n) => {
-    i.selection || (i.selection = {}), i.selection[t] = e;
+  convertFrom: (t, i, e) => t.rowNumber ? t.rowNumber[i] : t[i]
+}, Kt = {
+  convertTo: (t, i, e, n) => {
+    t.selection || (t.selection = {}), t.selection[i] = e;
   },
-  convertFrom: (i, t, e) => {
+  convertFrom: (t, i, e) => {
     var n, r;
-    return t === "showCheckbox" ? (n = i.selection) != null && n.multiSelect ? !0 : (r = i.selection) == null ? void 0 : r.showCheckbox : i.selection ? i.selection[t] : i[t];
+    return i === "showCheckbox" ? (n = t.selection) != null && n.multiSelect ? !0 : (r = t.selection) == null ? void 0 : r.showCheckbox : t.selection ? t.selection[i] : t[i];
   }
-}, Zt = {
-  convertFrom: (i, t, e) => i[t] && i[t].length ? `共 ${i[t].length} 项` : ""
-}, Jt = {
-  convertFrom: (i, t) => i[t] || "",
-  convertTo: (i, t, e) => {
-    i[t] = e;
+}, ei = {
+  convertFrom: (t, i, e) => t[i] && t[i].length ? `共 ${t[i].length} 项` : ""
+}, ti = {
+  convertFrom: (t, i) => t[i] || "",
+  convertTo: (t, i, e) => {
+    t[i] = e;
   }
-}, Yt = {
-  convertTo: (i, t, e, n) => {
-    i.size || (i.size = {}), i.size[t] = e;
+}, ii = {
+  convertTo: (t, i, e, n) => {
+    t.size || (t.size = {}), t.size[i] = e;
   },
-  convertFrom: (i, t, e) => i.size ? i.size[t] : i[t]
-}, Kt = {
-  convertFrom: (i, t, e) => {
+  convertFrom: (t, i, e) => t.size ? t.size[i] : t[i]
+}, ni = {
+  convertFrom: (t, i, e) => {
     var n, r;
-    return (n = i.formatter) != null && n.data && t === "formatterEnumData" && !i.formatterEnumData ? (r = i.formatter) == null ? void 0 : r.data : i.formatterEnumData;
+    return (n = t.formatter) != null && n.data && i === "formatterEnumData" && !t.formatterEnumData ? (r = t.formatter) == null ? void 0 : r.data : t.formatterEnumData;
   }
-}, ei = {
-  convertTo: (i, t, e, n) => {
-    i.sort || (i.sort = {}), i.sort[t] = e;
+}, ri = {
+  convertTo: (t, i, e, n) => {
+    t.sort || (t.sort = {}), t.sort[i] = e;
   },
-  convertFrom: (i, t, e) => {
+  convertFrom: (t, i, e) => {
     var n, r;
-    if (t === "mode")
-      return ((n = i.sort) == null ? void 0 : n.mode) || "client";
-    if (t === "multiSort")
-      return !!((r = i.sort) != null && r.multiSort);
-  }
-}, ti = {
-  convertTo: (i, t, e, n) => {
-    i.filter || (i.filter = {}), i.filter[t] = e;
+    if (i === "mode")
+      return ((n = t.sort) == null ? void 0 : n.mode) || "client";
+    if (i === "multiSort")
+      return !!((r = t.sort) != null && r.multiSort);
+  }
+}, oi = {
+  convertTo: (t, i, e, n) => {
+    t.filter || (t.filter = {}), t.filter[i] = e;
   },
-  convertFrom: (i, t, e) => {
+  convertFrom: (t, i, e) => {
     var n;
-    if (t === "mode")
-      return ((n = i.filter) == null ? void 0 : n.mode) || "client";
+    if (i === "mode")
+      return ((n = t.filter) == null ? void 0 : n.mode) || "client";
   }
-}, ii = {
-  convertTo: (i, t, e, n) => {
-    i.rowOption ? i.rowOption[t] = e : i.rowOption = {
-      [t]: e
+}, li = {
+  convertTo: (t, i, e, n) => {
+    t.rowOption ? t.rowOption[i] = e : t.rowOption = {
+      [i]: e
     };
   },
-  convertFrom: (i, t, e) => {
-    if (i.rowOption) {
-      if (t === "customRowStyle")
-        return i.rowOption.customRowStyle;
-      if (t === "customCellStyle")
-        return i.rowOption.customCellStyle;
-      if (t === "height")
-        return i.rowOption.height;
+  convertFrom: (t, i, e) => {
+    if (t.rowOption) {
+      if (i === "customRowStyle")
+        return t.rowOption.customRowStyle;
+      if (i === "customCellStyle")
+        return t.rowOption.customCellStyle;
+      if (i === "height")
+        return t.rowOption.height;
     }
     return "";
   }
-}, ni = {
-  convertTo: (i, t, e, n) => {
-    (i.type === "data-grid-column" || i.type === "tree-grid-column") && (i[t] = e, t === "columnTemplateType" && e === "hyperlink" && (i.onClickLinkCommand ? i.columnTemplate = `
+}, si = {
+  convertTo: (t, i, e, n) => {
+    (t.type === "data-grid-column" || t.type === "tree-grid-column") && (t[i] = e, i === "columnTemplateType" && e === "hyperlink" && (t.onClickLinkCommand ? t.columnTemplate = `
     <span class="f-pretend-link f-cursor-pointer"
-    @click="(ctx)=>viewModel.current.${i.onClickLinkCommand || ""}({id: rowData.id,context: ctx})">
-    {{rowData.${i.field}}}
-    </span>` : i.columnTemplate = `
+    @click="(ctx)=>viewModel.current.${t.onClickLinkCommand || ""}({id: rowData.id,context: ctx})">
+    {{rowData.${t.field}}}
+    </span>` : t.columnTemplate = `
                     <span class="f-pretend-link f-cursor-pointer">
-                    {{rowData.${i.field}}}
-                    </span>`), t === "columnTemplateType" && e === "default" && (i.columnTemplate = ""), t === "columnTemplateType" && e === "custom" && (i.columnTemplate = ""));
+                    {{rowData.${t.field}}}
+                    </span>`), i === "columnTemplateType" && e === "default" && (t.columnTemplate = ""), i === "columnTemplateType" && e === "custom" && (t.columnTemplate = ""));
+  },
+  convertFrom: (t, i, e) => i === "columnTemplate" ? t.columnTemplate : i === "columnTemplateType" ? t.columnTemplateType ? t.columnTemplateType || "default" : t.columnTemplate && !t.onClickLinkCommand ? "custom" : t.columnTemplate && t.onClickLinkCommand ? "hyperlink" : "default" : ""
+}, ai = {
+  convertTo: (t, i, e, n) => {
+    t.hierarchy || (t.hierarchy = {
+      cascadeOption: {}
+    }), t.hierarchy.cascadeOption || (t.hierarchy.cascadeOption = {}), t.hierarchy.cascadeOption[i] = e;
   },
-  convertFrom: (i, t, e) => t === "columnTemplate" ? i.columnTemplate : t === "columnTemplateType" ? i.columnTemplateType ? i.columnTemplateType || "default" : i.columnTemplate && !i.onClickLinkCommand ? "custom" : i.columnTemplate && i.onClickLinkCommand ? "hyperlink" : "default" : ""
+  convertFrom: (t, i, e) => {
+    var n, r;
+    return !!((r = (n = t.hierarchy) == null ? void 0 : n.cascadeOption) != null && r[i]);
+  }
 };
-function Se(i, t, e) {
+function ke(t, i, e) {
   const n = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", Ot],
-    ["/converter/buttons.converter", At],
-    ["/converter/property-editor.converter", Ut],
-    ["/converter/items-count.converter", Zt],
-    ["/converter/type.converter", Rt],
-    ["/converter/change-editor.converter", jt],
-    ["/converter/change-formatter.converter", qt],
-    ["/converter/column-command.converter", Wt],
-    ["/converter/column-option.converter", zt],
-    ["/converter/summary.converter", Gt],
-    ["/converter/group.converter", Dt],
-    ["/converter/form-group-label.converter", Jt],
-    ["/converter/field-selector.converter", Qt],
-    ["/converter/pagination.converter", _t],
-    ["/converter/row-number.converter", Ht],
-    ["/converter/grid-selection.converter", Xt],
-    ["/converter/size.converter", Yt],
-    ["/converter/change-formatter-enum.converter", Kt],
-    ["/converter/grid-sort.converter", ei],
-    ["/converter/grid-filter.converter", ti],
-    ["/converter/row-option.converter", ii],
-    ["/converter/change-formatter-type.converter", ni]
+    ["/converter/appearance.converter", $t],
+    ["/converter/buttons.converter", Wt],
+    ["/converter/property-editor.converter", qt],
+    ["/converter/items-count.converter", ei],
+    ["/converter/type.converter", zt],
+    ["/converter/change-editor.converter", Gt],
+    ["/converter/change-formatter.converter", Dt],
+    ["/converter/column-command.converter", Ht],
+    ["/converter/column-option.converter", Qt],
+    ["/converter/summary.converter", _t],
+    ["/converter/group.converter", Xt],
+    ["/converter/form-group-label.converter", ti],
+    ["/converter/field-selector.converter", Zt],
+    ["/converter/pagination.converter", Jt],
+    ["/converter/row-number.converter", Yt],
+    ["/converter/grid-selection.converter", Kt],
+    ["/converter/size.converter", ii],
+    ["/converter/change-formatter-enum.converter", ni],
+    ["/converter/grid-sort.converter", ri],
+    ["/converter/grid-filter.converter", oi],
+    ["/converter/row-option.converter", li],
+    ["/converter/change-formatter-type.converter", si],
+    ["/converter/tree-auto-check.converter", ai]
   ]), r = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
@@ -2763,185 +2946,224 @@ function Se(i, t, e) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), s = Nt();
-  function l(f, p) {
-    return () => s.parseValueSchema(f, p);
+  ]), l = Ut();
+  function s(d, p) {
+    return () => l.parseValueSchema(d, p);
   }
-  function m(f, p, h) {
-    return f.includes("visible") && p.visible !== void 0 ? typeof p.visible == "boolean" ? () => !!p.visible : p.visible === void 0 ? !0 : l(p.visible, h) : () => !0;
+  function m(d, p, h) {
+    return d.includes("visible") && p.visible !== void 0 ? typeof p.visible == "boolean" ? () => !!p.visible : p.visible === void 0 ? !0 : s(p.visible, h) : () => !0;
   }
-  function a(f, p, h) {
-    return f.includes("readonly") && p.readonly !== void 0 ? typeof p.readonly == "boolean" ? () => !!p.readonly : l(p.readonly, h) : () => !1;
+  function a(d, p, h) {
+    return d.includes("readonly") && p.readonly !== void 0 ? typeof p.readonly == "boolean" ? () => !!p.readonly : s(p.readonly, h) : () => !1;
   }
-  function c(f, p) {
-    const h = f.$converter || p;
+  function u(d, p) {
+    const h = d.$converter || p;
     return typeof h == "string" && h && n.has(h) ? n.get(h) || null : h || null;
   }
-  function u(f, p, h, y, C, V = "", B = "") {
-    return Object.keys(f).map((k) => {
-      const U = w(1), N = k, M = f[k], F = Object.keys(M), j = M.title, O = M.type, I = r.get(O) || { type: "input-group", enableClear: !1 }, P = M.editor ? Object.assign({}, I, M.editor) : Object.assign({}, I), A = m(F, M, p), E = a(F, M, p);
-      P.readonly = P.readonly === void 0 ? E() : P.readonly;
-      const x = M.type === "cascade" ? u(M.properties, p, h, y, C, V, B) : [], $ = !0;
-      let L = c(M, B);
-      const q = R({
+  function f(d, p, h, b, w, O = "", L = "") {
+    return Object.keys(d).map((V) => {
+      const A = F(1), R = V, k = d[V], I = Object.keys(k), $ = k.title, N = k.type, U = r.get(N) || { type: "input-group", enableClear: !1 }, x = k.editor ? Object.assign({}, U, k.editor) : Object.assign({}, U), P = m(I, k, p), C = a(I, k, p);
+      x.readonly = x.readonly === void 0 ? C() : x.readonly;
+      const B = k.type === "cascade" ? f(k.properties, p, h, b, w, O, L) : [], S = !0;
+      let M = u(k, L);
+      const q = W({
         get() {
-          if (U.value) {
-            if (["class", "style"].find((Ue) => Ue === N) && !L && (L = n.get("/converter/appearance.converter") || null), L && L.convertFrom)
-              return L.convertFrom(h, k, C, V);
-            const W = h[k];
-            return Object.prototype.hasOwnProperty.call(M, "defaultValue") && (W === void 0 || typeof W == "string" && W === "") ? M.type === "boolean" ? M.defaultValue : M.defaultValue || "" : W;
+          if (A.value) {
+            if (["class", "style"].find(($e) => $e === R) && !M && (M = n.get("/converter/appearance.converter") || null), M && M.convertFrom)
+              return M.convertFrom(h, V, w, O);
+            const z = h[V];
+            return Object.prototype.hasOwnProperty.call(k, "defaultValue") && (z === void 0 || typeof z == "string" && z === "") ? k.type === "boolean" ? k.defaultValue : k.defaultValue || "" : z;
           }
           return null;
         },
-        set(W) {
-          U.value += 1, L && L.convertTo ? (L.convertTo(y, k, W, C, V), L.convertTo(h, k, W, C, V)) : (y[k] = W, h[k] = W);
+        set(z) {
+          A.value += 1, M && M.convertTo ? (M.convertTo(b, V, z, w, O), M.convertTo(h, V, z, w, O)) : (b[V] = z, h[V] = z);
         }
-      }), { refreshPanelAfterChanged: X, description: Ne, isExpand: Oe, parentPropertyID: Ae } = M, oe = { propertyID: N, propertyName: j, propertyType: O, propertyValue: q, editor: P, visible: A, readonly: E, cascadeConfig: x, hideCascadeTitle: $, refreshPanelAfterChanged: X, description: Ne, isExpand: Oe, parentPropertyID: Ae };
-      return p[N] = oe, oe;
+      }), { refreshPanelAfterChanged: G, description: _, isExpand: Re, parentPropertyID: Ue } = k, se = { propertyID: R, propertyName: $, propertyType: N, propertyValue: q, editor: x, visible: P, readonly: C, cascadeConfig: B, hideCascadeTitle: S, refreshPanelAfterChanged: G, description: _, isExpand: Re, parentPropertyID: Ue };
+      return p[R] = se, se;
     });
   }
-  function o(f, p, h = {}) {
-    const y = {}, C = i[f];
-    return C && C.categories ? Object.keys(C.categories).map((B) => {
-      const T = C.categories[B], k = T == null ? void 0 : T.title, U = u(T.properties || {}, y, {}, h, p);
-      return { categoryId: B, categoryName: k, properties: U };
+  function o(d, p, h = {}) {
+    const b = {}, w = t[d];
+    return w && w.categories ? Object.keys(w.categories).map((L) => {
+      const T = w.categories[L], V = T == null ? void 0 : T.title, A = f(T.properties || {}, b, {}, h, p);
+      return { categoryId: L, categoryName: V, properties: A };
     }) : [];
   }
-  function d(f, p, h, y, C = "") {
-    const V = p.$ref.schema, B = p.$ref.converter, T = h[V], k = T.type, U = e(T), N = {}, M = i[k];
-    if (M && M.categories) {
-      const F = M.categories[f], j = F == null ? void 0 : F.title;
-      B && Object.keys(F.properties).forEach((P) => {
-        F.properties[P].$converter = B;
+  function c(d, p, h, b, w = "") {
+    const O = p.$ref.schema, L = p.$ref.converter, T = h[O], V = T.type, A = e(T), R = {}, k = t[V];
+    if (k && k.categories) {
+      const I = k.categories[d], $ = I == null ? void 0 : I.title;
+      L && Object.keys(I.properties).forEach((x) => {
+        I.properties[x].$converter = L;
       });
-      const O = (F == null ? void 0 : F.properties) || {}, I = u(O, N, U, T, y, C);
-      return { categoryId: f, categoryName: j, properties: I };
+      const N = (I == null ? void 0 : I.properties) || {}, U = f(N, R, A, T, b, w);
+      return { categoryId: d, categoryName: $, properties: U };
     }
-    return { categoryId: f, categoryName: "", properties: [] };
-  }
-  function v(f, p, h, y, C) {
-    const V = f.type, B = e(f), T = {};
-    let k = C || i[V];
-    if (!(k && Object.keys(k).length > 0) && h && h.getPropConfig && (k = h.getPropConfig(y)), k && k.categories) {
-      const N = [];
-      return Object.keys(k.categories).map((M) => {
-        const F = k.categories[M];
-        if (F.$ref) {
-          N.push(d(M, F, f, p, y));
+    return { categoryId: d, categoryName: "", properties: [] };
+  }
+  function g(d, p, h, b, w) {
+    const O = d.type, L = e(d), T = {};
+    let V = w || t[O];
+    if (!(V && Object.keys(V).length > 0) && h && h.getPropConfig && (V = h.getPropConfig(b)), V && V.categories) {
+      const R = [];
+      return Object.keys(V.categories).map((k) => {
+        const I = V.categories[k];
+        if (I.$ref) {
+          R.push(c(k, I, d, p, b));
           return;
         }
-        const j = F == null ? void 0 : F.title, O = F == null ? void 0 : F.tabId, I = F == null ? void 0 : F.tabName, P = F == null ? void 0 : F.hide, A = F == null ? void 0 : F.hideTitle, E = u(F.properties || {}, T, B, f, p, y, F.$converter), { setPropertyRelates: x } = F, $ = F == null ? void 0 : F.parentPropertyID;
-        N.push({ categoryId: M, categoryName: j, tabId: O, tabName: I, hide: P, properties: E, hideTitle: A, setPropertyRelates: x, parentPropertyID: $ });
-      }), N;
+        const $ = I == null ? void 0 : I.title, N = I == null ? void 0 : I.tabId, U = I == null ? void 0 : I.tabName, x = I == null ? void 0 : I.hide, P = I == null ? void 0 : I.hideTitle, C = f(I.properties || {}, T, L, d, p, b, I.$converter), { setPropertyRelates: B } = I, S = I == null ? void 0 : I.parentPropertyID;
+        R.push({ categoryId: k, categoryName: $, tabId: N, tabName: U, hide: x, properties: C, hideTitle: P, setPropertyRelates: B, parentPropertyID: S });
+      }), R;
     }
     return [];
   }
   return {
-    getPropertyConfigBySchema: v,
+    getPropertyConfigBySchema: g,
     getPropertyConfigByType: o,
     propertyConverterMap: n
   };
 }
-const Te = {}, Me = {};
-Se(Te, Me, Vt);
-const Pe = {}, ke = {}, { resolveSchemaWithDefaultValue: ri } = Ie(Pe, ke), Ve = {}, Be = {};
-Se(Ve, Be, ri);
-function oi(i, t, e = /* @__PURE__ */ new Map(), n = (l, m, a, c) => m, r = {}, s = (l) => l) {
-  return xe[t.title] = t, Ee[t.title] = n, Te[t.title] = r, Me[t.title] = s, Pe[t.title] = t, ke[t.title] = n, Ve[t.title] = r, Be[t.title] = s, (l = {}, m = !0) => {
+const Pe = {}, Ve = {};
+ke(Pe, Ve, Nt);
+const Be = {}, Le = {}, { resolveSchemaWithDefaultValue: di } = Te(Be, Le), Oe = {}, Ne = {};
+ke(Oe, Ne, di);
+function ci(t, i, e = /* @__PURE__ */ new Map(), n = (s, m, a, u) => m, r = {}, l = (s) => s) {
+  return Ee[i.title] = i, Me[i.title] = n, Pe[i.title] = r, Ve[i.title] = l, Be[i.title] = i, Le[i.title] = n, Oe[i.title] = r, Ne[i.title] = l, (s = {}, m = !0) => {
     if (!m)
-      return Lt(l, e);
-    const a = Bt(l, t, e), c = Object.keys(i).reduce((u, o) => (u[o] = i[o].default, u), {});
-    return Object.assign(c, a);
+      return Rt(s, e);
+    const a = At(s, i, e), u = Object.keys(t).reduce((f, o) => (f[o] = t[o].default, f), {});
+    return Object.assign(u, a);
   };
 }
-const Le = Object.assign({}, re, {
+const Ae = Object.assign({}, le, {
   componentId: { type: String, default: "" }
-}), si = oi(Le, ye, he, be), li = /* @__PURE__ */ Q({
+}), ui = ci(Ae, we, Ce, Fe), fi = /* @__PURE__ */ Q({
   name: "FFilterBarDesign",
-  props: Le,
+  props: Ae,
   emits: ["Clear", "Remove", "Reset"],
-  setup(i, t) {
-    const e = w(!1), n = w(!1), r = w(!1), s = w(null), l = Ct(i), {
+  setup(t, i) {
+    const e = F(!1), n = F(!1), r = F(!1), l = F(null), s = It(t), {
       filterFields: m,
       filterItems: a,
-      loadFilterItems: c
-    } = l, u = w(0), o = w(), d = _("design-item-context"), v = _("designer-host-service"), f = kt(d, v), p = De(o, d, f), h = Fe(s, r), {
-      cancelWidthObserver: y,
-      setupWidthObserver: C
+      loadFilterItems: u
+    } = s, f = F(0), o = F(), c = X("design-item-context"), g = X("designer-host-service"), d = Ot(c, g), p = Qe(o, c, d), h = Ie(l, r), {
+      cancelWidthObserver: b,
+      setupWidthObserver: w
     } = h, {
-      resolveEditorProps: V
-    } = ve();
-    ce("useFilterItemsComposition", {
-      useFilterItemsComposition: l,
-      resolveEditorProps: V
+      resolveEditorProps: O
+    } = be();
+    me("useFilterItemsComposition", {
+      useFilterItemsComposition: s,
+      resolveEditorProps: O
     });
-    const B = R(() => {
-      const F = {
+    const L = F(), T = W(() => {
+      const N = {
         display: m.value && m.value.length ? "" : "none"
       };
-      return pe(F, i == null ? void 0 : i.customStyle);
+      return he(N, t == null ? void 0 : t.customStyle);
     });
-    K(() => {
-      o.value.componentInstance = p, C();
-    }), fe(() => {
-      y();
-    }), t.expose(p.value), ue(() => i.fields, (F) => {
-      c(F, []), u.value++;
+    ee(() => {
+      if (o.value.componentInstance = p, w(), t.filterType === "tile" && t.tileShowType === "all-in-one") {
+        const N = L.value.querySelector(".condition-div");
+        N.scrollWidth > N.clientWidth && (L.value.className = L.value.className + " all-in-one--item-fill");
+      }
+    }), ve(() => {
+      b();
+    }), i.expose(p.value), ge(() => t.fields, (N) => {
+      u(N, []), f.value++;
     }, {
       immediate: !0
     });
-    const T = R(() => n.value && e.value), k = R(() => ({
+    const V = W(() => n.value && e.value), A = W(() => ({
       "f-filter-list": !0,
-      "f-filter-list-extend": T.value
+      "f-filter-list-extend": V.value
     }));
-    function U() {
-      return b("div", {
-        class: k.value,
-        key: i.id + "-main-" + u.value
-      }, [a.value.map((F, j) => b(wt, {
-        filterItem: F
+    function R() {
+      return y("div", {
+        class: A.value,
+        key: t.id + "-main-" + f.value
+      }, [a.value.map((N, U) => y(Tt, {
+        filterItem: N
       }, null))]);
     }
-    function N() {
-      return r.value && b("div", {
+    function k() {
+      return r.value && y("div", {
         class: "f-filter-list-ellipsis"
-      }, [z("...")]);
+      }, [j("...")]);
+    }
+    const I = St(t, i, s);
+    function $() {
+      let N = "", U;
+      t.tileShowType !== "all-in-one" && (N = t.lineLabelWidth === "auto" ? " filter-item-wrap" : "", U = t.tileShowType === "single" ? "col-12" + N : N ? "col-12 col-md-6 col-xl-3 col-el-2" + N : void 0);
+      const x = t.tileShowType === "multiline";
+      return y("div", {
+        class: "f-list-filter d-flex" + t.customClass,
+        style: T.value
+      }, [t.tileShowType !== "all-in-one" && y("div", {
+        class: "flex-fill"
+      }, [y(fe, {
+        fields: m.value,
+        conditions: a.value,
+        itemClass: U,
+        autoResponse: x
+      }, null), j(" ")]), t.tileShowType === "all-in-one" && y("div", {
+        class: "filter-inputs-main-basis-wrapper filter-input--all-in-one" + t.customClass,
+        ref: L,
+        style: T.value
+      }, [y(fe, {
+        style: "flex-wrap:nowrap!important;overflow-x:auto;",
+        fields: m.value,
+        customClass: t.allInOneAlign === "right" ? "justify-content-end" : "",
+        conditions: a.value,
+        itemClass: "filter-input-list filter-item-wrap",
+        autoResponse: !1
+      }, null)]), !t.liveSearch && y("div", {
+        class: "filter-search-btn filter-search-btn--filter"
+      }, [y("button", {
+        class: "btn btn-primary"
+      }, [t.filterText])]), I()]);
     }
-    const M = Ft(i, t, l);
-    return () => b("div", {
+    return () => t.filterType === "light" ? y("div", {
       ref: o,
-      class: "f-filter-wrapper " + i.customClass,
-      style: B.value
-    }, [b("div", {
+      class: "f-filter-wrapper " + t.customClass,
+      style: T.value
+    }, [y("div", {
       class: "f-filter-wrapper-inner f-utils-fill"
-    }, [b("div", {
+    }, [y("div", {
       class: "f-filter-main f-utils-fill"
-    }, [b("div", {
+    }, [y("div", {
       class: "f-filter-list-wrapper flex-fill",
-      ref: s
-    }, [U()]), N(), M()]), r.value && b("div", {
+      ref: l
+    }, [R()]), k(), I()]), !t.liveSearch && y("div", {
+      class: "filter-search-btn filter-search-btn--filter",
+      style: "margin:0 8px 0 0;"
+    }, [y("button", {
+      class: "btn btn-primary"
+    }, [t.filterText])]), r.value && y("div", {
       class: "f-filter-extend-btn"
-    }, [b("button", {
+    }, [y("button", {
       class: "btn btn-link"
-    }, [b("span", {
+    }, [y("span", {
       class: "extend-btn-text"
-    }, [z("展开")]), b("span", {
+    }, [j("展开")]), y("span", {
       class: "extend-btn-arrow f-icon f-icon-arrow-chevron-down"
-    }, null)])])])]);
+    }, null)])])])]) : $();
   }
 });
-D.install = (i) => {
-  i.component(D.name, D);
+H.install = (t) => {
+  t.component(H.name, H);
 };
-D.register = (i, t, e, n) => {
-  i["filter-bar"] = D, t["filter-bar"] = ut;
+H.register = (t, i, e, n) => {
+  t["filter-bar"] = H, i["filter-bar"] = mt;
 };
-D.registerDesigner = (i, t, e) => {
-  i["filter-bar"] = li, t["filter-bar"] = si;
+H.registerDesigner = (t, i, e) => {
+  t["filter-bar"] = fi, i["filter-bar"] = ui;
 };
 export {
-  D as FFilterBar,
-  D as default,
-  re as filterBarProps,
-  ut as propsResolver
+  H as FFilterBar,
+  H as default,
+  le as filterBarProps,
+  mt as propsResolver
 };