@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/designer/condition/index.esm.js

@@ -0,0 +1,1899 @@
+var we = Object.defineProperty;
+var xe = (t, e, n) => e in t ? we(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var u = (t, e, n) => xe(t, typeof e != "symbol" ? e + "" : e, n);
+import { defineComponent as J, ref as E, inject as W, computed as U, onMounted as ae, createVNode as x, mergeProps as ue, watch as Q, onBeforeUnmount as de, withDirectives as ce, resolveDirective as pe } from "vue";
+import { useDesignerComponent as me, DgControl as a } from "../../components/designer-canvas/index.esm.js";
+import { dynamicFormGroupProps as Ie, FDynamicFormLabel as Ee } from "../../components/dynamic-form/index.esm.js";
+import "../accordion/index.esm.js";
+import "../avatar/index.esm.js";
+import "../button-edit/index.esm.js";
+import "../button-group/index.esm.js";
+import "../../components/calendar/index.esm.js";
+import "../capsule/index.esm.js";
+import "../checkbox/index.esm.js";
+import "../checkbox-group/index.esm.js";
+import "../color-picker/index.esm.js";
+import "../combo-list/index.esm.js";
+import "../../components/content-container/index.esm.js";
+import "../data-grid/index.esm.js";
+import "../date-picker/index.esm.js";
+import "../dropdown/index.esm.js";
+import { FDynamicFormGroup as he } from "../dynamic-form/index.esm.js";
+import "../../components/external-container/index.esm.js";
+import "../../components/filter-bar/index.esm.js";
+import "../image-cropper/index.esm.js";
+import "../input-group/index.esm.js";
+import "../../components/layout/index.esm.js";
+import "../../components/list-nav/index.esm.js";
+import "../list-view/index.esm.js";
+import "../../components/lookup/index.esm.js";
+import "../../components/language-textbox/index.esm.js";
+import "../../components/nav/index.esm.js";
+import "../number-spinner/index.esm.js";
+import "../number-range/index.esm.js";
+import "../order/index.esm.js";
+import "../../components/page-header/index.esm.js";
+import "../page-footer/index.esm.js";
+import "../pagination/index.esm.js";
+import "../progress/index.esm.js";
+import "../../components/query-solution/index.esm.js";
+import "../radio-group/index.esm.js";
+import "../rate/index.esm.js";
+import "../response-toolbar/index.esm.js";
+import "../../components/response-layout/index.esm.js";
+import "../response-layout-editor/index.esm.js";
+import "../search-box/index.esm.js";
+import "../section/index.esm.js";
+import "../smoke-detector/index.esm.js";
+import "../splitter/index.esm.js";
+import "../../components/step/index.esm.js";
+import "../switch/index.esm.js";
+import "../tabs/index.esm.js";
+import "../tags/index.esm.js";
+import "../text/index.esm.js";
+import "../time-picker/index.esm.js";
+import "../transfer/index.esm.js";
+import "../tree-view/index.esm.js";
+import "../uploader/index.esm.js";
+import "../verify-detail/index.esm.js";
+import "../component/index.esm.js";
+import "../video/index.esm.js";
+import "../textarea/index.esm.js";
+import "../tree-grid/index.esm.js";
+import "../../components/fieldset/index.esm.js";
+import "../drawer/index.esm.js";
+import "../../components/html-template/index.esm.js";
+import "../../components/image/index.esm.js";
+import "../../components/comment/index.esm.js";
+import { useThirdComponent as Le, useTextBoxDesign as Se, useDateFormat as fe, resolveField as Be, useNumberFormat as Oe, areaResponseDirective as Pe } from "../../components/common/index.esm.js";
+import { propertyConfigSchemaMapForDesigner as Me } from "../../components/dynamic-resolver/index.esm.js";
+import { InputBaseProperty as Ge } from "../../components/property-panel/index.esm.js";
+import { cloneDeep as X } from "lodash-es";
+import { LocaleService as Y } from "../../components/locale/index.esm.js";
+import re from "../../components/combo-list/index.esm.js";
+const D = {
+  conditions: { type: Array, default: [] },
+  fields: { type: Array, default: [] },
+  key: { type: String, default: "" },
+  /**
+  * 控件标签同行展示
+  */
+  isControlInline: {
+    type: [Boolean, String],
+    default: "auto",
+    validator: (t) => [!0, !1, "auto"].includes(t)
+  },
+  /**
+   * 条件项统一的样式
+   */
+  itemClass: { type: Boolean, default: "col-12 col-md-6 col-xl-3 col-el-2" }
+}, Ne = {
+  id: { type: String, default: "" },
+  customClass: { type: String, default: "" },
+  customStyle: { type: String, default: "" },
+  /** 筛选组件配置器，具体配置项可查看各组件文档 */
+  editor: { type: Object, default: {} },
+  label: { type: String, default: "" },
+  /** value is uncertain because type is uncertain, default value should not be set */
+  modelValue: { type: [String, Boolean, Array, Number] },
+  // readonly: { type: Boolean, default: false },
+  visible: { type: Boolean, default: !0 },
+  required: { type: Boolean, default: !1 },
+  showLabel: { type: Boolean, default: !0 },
+  /**
+   * visible相当于showLabel为true,none相当于showLabel为false
+   */
+  showLabelType: { type: String, default: "visible" },
+  type: { type: String, default: "input-group" },
+  componentId: { type: String, default: "" },
+  errors: { type: Object, default: null },
+  fill: { type: Boolean, default: !1 }
+}, Ae = {}, qe = {}, { globalStorageKey: Gn } = Le(), je = {
+  id: { Type: String, default: "" },
+  /** 是否自动完成 */
+  autocomplete: { Type: String, default: "off" },
+  /** 自定义CLASS */
+  customClass: { Type: String, default: "" },
+  /** 禁用 */
+  disabled: { Type: Boolean, default: !1 },
+  /** 允许编辑 */
+  editable: { Type: Boolean, default: !0 },
+  /** 启用清除按钮 */
+  enableClear: { Type: Boolean, default: !0 },
+  /** 启用提示文本 */
+  enableTitle: { Type: Boolean, default: !0 },
+  /** 能否查看密码 */
+  enableViewPassword: { Type: Boolean, default: !0 },
+  /** 始终显示占位符文本 */
+  forcePlaceholder: { Type: Boolean, default: !1 },
+  /** 扩展按钮 */
+  groupText: { Type: String, default: "" },
+  /** 密码模式 */
+  showType: { Type: String, default: "text" },
+  /** 密码模式 --废弃*/
+  type: { Type: String, default: "text" },
+  /** 最大值 */
+  max: { type: [Number, String] },
+  /** 最小值 */
+  min: { type: [Number, String] },
+  /** 最大长度 */
+  maxLength: { Type: Number || void 0, default: void 0 },
+  /** 最小长度 */
+  minLength: { Type: Number || void 0, default: void 0 },
+  /** 组件值 */
+  modelValue: { Type: String || Boolean, default: "" },
+  /** 隐藏边线 */
+  showBorder: { Type: Boolean, default: !0 },
+  /** 步长 */
+  step: { Type: Number, default: 1 },
+  /** 启用提示信息 */
+  placeholder: { Type: String, default: "" },
+  precision: { Type: Number, default: 0 },
+  /** 只读 */
+  readonly: { Type: Boolean, default: !1 },
+  /** 当组件禁用或只读时显示后边的按钮 */
+  showButtonWhenDisabled: { Type: Boolean, default: !1 },
+  /** tab索引 */
+  tabIndex: { Type: Number, default: 0 },
+  /** 文本在输入框中的对齐方式 */
+  textAlign: { Type: String, default: "left" },
+  /** 是否启用前置扩展信息；在输入框前面 显示 ① 图标鼠标滑过后显示 */
+  useExtendInfo: { Type: Boolean, default: !1 },
+  /** 前置扩展信息 */
+  extendInfo: { Type: String, default: "" },
+  /** 输入值 */
+  value: { Type: String, default: "" },
+  /** 是否撑开高度 */
+  autoHeight: { type: Boolean, default: !1 },
+  /** 自动聚焦 */
+  autofocus: { type: Boolean, default: !1 },
+  /** 文本区域可见的行数 */
+  rows: { type: Number, default: 2 },
+  /** 展示输入文本数量 */
+  showCount: { type: Boolean, default: !1 },
+  showZero: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认获得焦点
+   */
+  focusOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认选中文本
+   */
+  selectOnCreated: { type: Boolean, default: !1 },
+  /**
+   * modelValue 更新时机， 默认 blur； 可选值：blur | input
+   * - blur: 离开焦点时更新
+   * - change: 输入时更新
+   */
+  updateOn: { type: String, default: "blur" },
+  formatValidation: { type: Object, default: {} },
+  /**
+  * 是否启用快捷键
+  */
+  keyboard: { type: Boolean, default: !0 }
+}, ge = [
+  { key: "none", value: "无" },
+  { key: "cellNumber", value: "手机号" },
+  { key: "tel", value: "座机号/传真号" },
+  { key: "telOrCell", value: "手机号/座机号/传真号" },
+  { key: "postCode", value: "邮编" },
+  { key: "email", value: "电子邮箱" },
+  { key: "idCode", value: "身份证号" },
+  { key: "carCode", value: "车牌号" },
+  { key: "subjectCode", value: "10位数字会计科目代码" },
+  { key: "custom", value: "自定义" }
+];
+function Ze(t) {
+  switch (t) {
+    case "none":
+      return "";
+    case "cellNumber":
+      return "^1[0-9]{10}$";
+    case "tel":
+      return "^(0[0-9]{2,3}\\-)?([2-9][0-9]{6,7})+(\\-[0-9]{1,4})?$";
+    case "telOrCell":
+      return "^(0[0-9]{2,3}\\-)?([2-9][0-9]{6,7})+(\\-[0-9]{1,4})?$|^1[0-9]{10}$";
+    case "postCode":
+      return "^[1-9]\\d{5}(?!\\d)$";
+    case "workCode":
+      return "^\\d{8}$";
+    case "email":
+      return "^[A-Za-z\\d]+([-_.][A-Za-z\\d]+)*@([A-Za-z\\d]+[-.])+[A-Za-z]{2,5}$";
+    case "idCode":
+      return "^[1-9]\\d{5}[1-9]\\d{3}((0[1-9])|(1[0-2]))(0[1-9]|([1|2][0-9])|3[0-1])((\\d{4})|\\d{3}X)$";
+    case "carCode":
+      return "^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][·\\s]?[A-HJ-NP-Z0-9]{4,5}[挂学警港澳]?|粤[Z港澳][·\\s]?[港澳][0-9A-HJ-NP-Z]{4}|[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z][·\\s]?([DF][0-9A-HJ-NP-Z][0-9]{4}|[0-9]{5}[DF])[挂港澳]?|[使领][0-9]{3}[·\\s]?[0-9]{3}|临[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z][·\\s]?[0-9A-Z]{4,5}|[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z]?[·\\s]?警[0-9A-Z]{4}|[军海空][A-Z][·\\s]?[0-9]{4,5}|WJ(?:[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼]|\\d{2})[·\\s]?[0-9A-Z]{4,5})$";
+    case "carCodeNew":
+      return "^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF])|([DF][A-HJ-NP-Z0-9][0-9]{4}))$";
+    case "subjectCode":
+      return "^\\d{10}$";
+  }
+  return "";
+}
+function Ue(t) {
+  var e;
+  return "请输入正确的" + ((e = ge.find((n) => n.key === t)) == null ? void 0 : e.value);
+}
+const We = {
+  convertTo: (t, e, n, o) => {
+    t.editor.formatValidation || (t.editor.formatValidation = { type: "none" }), t.editor.formatValidation.type = n, t.editor.formatValidation.expression = Ze(n), t.editor.formatValidation.message = Ue(n);
+  },
+  convertFrom: (t, e, n) => t.editor.formatValidation ? e === "type" ? t.editor.formatValidation[e] || "none" : t.editor.formatValidation[e] : "none"
+}, le = {
+  convertTo: (t, e, n, o) => {
+    t.editor.formatValidation || (t.editor.formatValidation = { type: "none" }), t.editor.formatValidation[e] = n;
+  },
+  convertFrom: (t, e, n) => t.editor.formatValidation ? t.editor.formatValidation[e] : t.editor[e]
+};
+class ze extends Ge {
+  constructor(e, n) {
+    super(e, n);
+  }
+  getPropertyConfig(e, n) {
+    return super.getPropertyConfig(e, n), this.propertyConfig.categories.formatValidation = this.getFormatValidation(e), this.propertyConfig;
+  }
+  getEditorProperties(e) {
+    var o, l;
+    let n;
+    if (((o = e == null ? void 0 : e.binding) == null ? void 0 : o.type) === "Form") {
+      const p = this.schemaService.getFieldByIDAndVMID(e.binding.field, this.viewModelId);
+      (l = p == null ? void 0 : p.schemaField) != null && l.type && (n = p.schemaField.type.length);
+    }
+    return this.getComponentConfig(e, {}, {
+      maxLength: {
+        description: "文本字数最大长度",
+        title: "最大长度",
+        type: "number",
+        editor: {
+          nullable: !0,
+          min: 0,
+          useThousands: !1,
+          max: n,
+          needValid: !0
+        }
+      },
+      showType: {
+        description: "指定是文本框还是密码框",
+        title: "展示类型",
+        type: "enum",
+        editor: {
+          type: "combo-list",
+          data: [
+            { id: "text", name: "文本框" },
+            { id: "password", name: "密码框" }
+          ]
+        },
+        refreshPanelAfterChanged: !0,
+        defaultValue: "text"
+      },
+      enableViewPassword: {
+        description: "",
+        title: "能否查看密码",
+        visible: e.editor.showType === "password",
+        type: "boolean"
+      }
+    });
+  }
+  getGridFieldEdtiorProperties(e) {
+    var o, l;
+    let n;
+    if (((o = e == null ? void 0 : e.binding) == null ? void 0 : o.type) === "Form") {
+      const p = this.schemaService.getFieldByIDAndVMID(e.binding.field, this.viewModelId);
+      (l = p == null ? void 0 : p.schemaField) != null && l.type && (n = p.schemaField.type.length);
+    }
+    return this.getComponentConfig(e, {}, {
+      maxLength: {
+        description: "文本字数最大长度",
+        title: "最大长度",
+        type: "number",
+        editor: {
+          nullable: !0,
+          min: 0,
+          useThousands: !1,
+          max: n
+        }
+      },
+      showType: {
+        description: "指定是文本框还是密码框",
+        title: "展示类型",
+        type: "enum",
+        editor: {
+          type: "combo-list",
+          data: [
+            { id: "text", name: "文本框" },
+            { id: "password", name: "密码框" }
+          ]
+        },
+        refreshPanelAfterChanged: !0,
+        defaultValue: "text"
+      },
+      enableViewPassword: {
+        description: "",
+        title: "能否查看密码",
+        visible: e.editor.showType === "password",
+        type: "boolean"
+      }
+    });
+  }
+  getFormatValidation(e) {
+    var o, l, p, r;
+    const n = {
+      title: "输入格式校验",
+      description: "输入校验",
+      hide: !((o = e.binding) != null && o.field),
+      properties: {
+        type: {
+          title: "格式类型",
+          type: "enum",
+          description: "格式类型",
+          defaultValue: "",
+          editor: {
+            type: "combo-list",
+            textField: "value",
+            valueField: "key",
+            idField: "key",
+            editable: !1,
+            data: ge
+          },
+          refreshPanelAfterChanged: !0,
+          $converter: We,
+          parentPropertyID: "formatValidation"
+        }
+      }
+    };
+    return (l = e.editor.formatValidation) != null && l.type && ((p = e.editor.formatValidation) == null ? void 0 : p.type) !== "none" && (n.properties.message = {
+      title: "输入错误提示",
+      type: "string",
+      description: "输入错误提示",
+      $converter: le,
+      parentPropertyID: "formatValidation"
+    }), ((r = e.editor.formatValidation) == null ? void 0 : r.type) === "custom" && (n.properties.expression = {
+      title: "匹配正则",
+      type: "string",
+      description: "匹配正则",
+      $converter: le,
+      parentPropertyID: "formatValidation"
+    }), n;
+  }
+}
+function $e(t, e) {
+  const n = t.schema;
+  function o(l, p) {
+    return new ze(l, e).getPropertyConfig(n, p);
+  }
+  return { getPropsConfig: o };
+}
+const Re = /* @__PURE__ */ J({
+  name: "FInputGroupDesign",
+  props: je,
+  emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
+  setup(t, e) {
+    const n = E(t.modelValue), o = E(t.modelValue), l = Se(t, e, n, o), {
+      inputGroupClass: p,
+      inputType: r,
+      inputGroupStyle: i
+    } = l, v = E(), k = W("designer-host-service"), b = W("design-item-context"), m = $e(b, k), h = me(v, b, m), T = U(() => t.showType === "password" ? "password" : "");
+    return ae(() => {
+      v.value.componentInstance = h;
+    }), e.expose(h.value), () => x("div", {
+      id: "inputGroup",
+      ref: v,
+      class: p.value,
+      style: i.value
+    }, [x("input", {
+      class: "form-control",
+      type: t.showType,
+      placeholder: t.placeholder,
+      value: T.value
+    }, null), t.showType === "password" && t.enableViewPassword && x("span", {
+      class: "input-group-append"
+    }, [x("span", {
+      class: "input-group-text"
+    }, [x("span", {
+      class: "f-icon f-icon-eye"
+    }, null)])])]);
+  }
+});
+function Je() {
+  function t(r, i) {
+    const v = qe[r];
+    return v ? v(i) : {};
+  }
+  function e(r) {
+    return Ae[r] || Re;
+  }
+  function n(r) {
+  }
+  function o(r) {
+  }
+  function l(r) {
+  }
+  function p(r) {
+  }
+  return { getChangeFunctionName: n, getClearFunctionName: o, resolveEditorProps: t, resolveEditorType: e, getMousedownFunctionName: l, getMouseupFunctionName: p };
+}
+const R = class R {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
+  static getEditorTypesByMDataType(e, n = !1, o = "") {
+    if (n)
+      return [{ key: a["language-textbox"].type, value: a["language-textbox"].name }];
+    let l = R.fieldControlTypeMapping[e];
+    if (o === "data-grid-column" && (l != null && l.length)) {
+      const p = [a["check-group"].type, a["radio-group"].type, a.image.type, a["rich-text-editor"].type];
+      l = l.filter((r) => !p.includes(r.key));
+    }
+    return l;
+  }
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const e = [];
+    for (const n in R.fieldControlTypeMapping)
+      R.fieldControlTypeMapping[n].forEach((o) => {
+        e.find((l) => l.key === o.key && l.value === o.value) || e.push({ key: o.key, value: o.value });
+      });
+    return e;
+  }
+  /**
+   * 提供schema字段基础属性和DOM控件属性的映射
+   * @param control 控件元数据
+   */
+  static mappingDomPropAndSchemaProp(e, n) {
+    var p;
+    const o = (p = e.editor) == null ? void 0 : p.type, l = [];
+    return (e.type === a["data-grid-column"].type || e.type === a["tree-grid-column"].type) && n && n.categoryId && n.categoryId.indexOf("gridFieldEditor") < 0 && l.push({ domField: "title", schemaField: "name" }), l.push({ domField: "label", schemaField: "name" }), l.push({ domField: "editor.required", schemaField: "require" }), l.push({ domField: "editor.readonly", schemaField: "readonly" }), (o === a["input-group"].type || o === a.textarea.type || o === a["number-spinner"].type) && l.push({ domField: "editor.maxLength", schemaField: "type.length" }), o === a["number-spinner"].type && l.push({ domField: "editor.precision", schemaField: "type.precision" }), (e.type === a["data-grid-column"].type || e.type === a["tree-grid-column"].type) && l.push({ domField: "formatter.precision", schemaField: "type.precision" }), (o === a["combo-list"].type || o === a["radio-group"].type) && l.push({ domField: "editor.data", schemaField: "type.enumValues" }), (e.type === a["data-grid-column"].type || e.type === a["tree-grid-column"].type) && l.push({ domField: "formatter.data", schemaField: "type.enumValues" }), o === a["date-picker"].type && (l.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), l.push({ domField: "editor.fieldType", schemaField: "type.name" })), o === a["number-spinner"].type && (l.push({ domField: "editor.max", schemaField: "editor.maxValue" }), l.push({ domField: "editor.min", schemaField: "editor.minValue" })), o === a.lookup.type && (l.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), l.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), l.push({ domField: "editor.textField", schemaField: "editor.textField" }), l.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), l.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), l.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), l.push({ domField: "path", schemaField: "bindingPath" }), l.push({ domField: "binding.path", schemaField: "bindingField" }), l.push({ domField: "binding.fullPath", schemaField: "path" }), (e.type === a["data-grid-column"].type || e.type === a["tree-grid-column"].type) && l.push({ domField: "field", schemaField: "bindingPath" }), l;
+  }
+};
+/**
+ * <字段类型,可配置的控件类型列表>的映射
+ */
+u(R, "fieldControlTypeMapping", {
+  String: [
+    { key: a["input-group"].type, value: a["input-group"].name },
+    { key: a.lookup.type, value: a.lookup.name },
+    { key: a.image.type, value: a.image.name },
+    { key: a["date-picker"].type, value: a["date-picker"].name },
+    { key: a.switch.type, value: a.switch.name },
+    { key: a["check-box"].type, value: a["check-box"].name },
+    { key: a["check-group"].type, value: a["check-group"].name },
+    { key: a["radio-group"].type, value: a["radio-group"].name },
+    { key: a["combo-list"].type, value: a["combo-list"].name },
+    { key: a.textarea.type, value: a.textarea.name },
+    { key: a["time-picker"].type, value: a["time-picker"].name }
+  ],
+  Text: [
+    { key: a.textarea.type, value: a.textarea.name },
+    { key: a.lookup.type, value: a.lookup.name },
+    { key: a.image.type, value: a.image.name },
+    { key: a["rich-text-editor"].type, value: a["rich-text-editor"].name }
+  ],
+  Decimal: [
+    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+  ],
+  Integer: [
+    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+  ],
+  Number: [
+    { key: a["number-spinner"].type, value: a["number-spinner"].name },
+    { key: a.switch.type, value: a.switch.name },
+    { key: a["check-box"].type, value: a["check-box"].name }
+  ],
+  BigNumber: [
+    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+  ],
+  Date: [
+    { key: a["date-picker"].type, value: a["date-picker"].name }
+  ],
+  DateTime: [
+    { key: a["date-picker"].type, value: a["date-picker"].name }
+  ],
+  Boolean: [
+    { key: a.switch.type, value: a.switch.name },
+    { key: a["check-box"].type, value: a["check-box"].name }
+  ],
+  Enum: [
+    { key: a["combo-list"].type, value: a["combo-list"].name },
+    { key: a["radio-group"].type, value: a["radio-group"].name }
+  ],
+  Object: [
+    { key: a.lookup.type, value: a.lookup.name },
+    { key: a["combo-list"].type, value: a["combo-list"].name },
+    { key: a["radio-group"].type, value: a["radio-group"].name }
+  ]
+});
+let se = R;
+var H = /* @__PURE__ */ ((t) => (t.Form = "Form", t.Variable = "Variable", t))(H || {}), ve = /* @__PURE__ */ ((t) => (t.SimpleField = "SimpleField", t.ComplexField = "ComplexField", t))(ve || {});
+function Qe(t, e, n) {
+  function o() {
+    const r = n.componentId;
+    if (!r)
+      return !1;
+    const i = t.formSchemaUtils.getViewModelIdByComponentId(r);
+    if (!i)
+      return !1;
+    const { schema: v } = e, { designViewModelUtils: k } = t, b = k.getDgViewModel(i), m = b == null ? void 0 : b.fields.find((h) => h.id === v.binding.field);
+    return !(!m || m.$type !== ve.SimpleField);
+  }
+  function l() {
+    const { schema: r } = e;
+    return !!t.formSchemaUtils.getVariableById(r.binding.field);
+  }
+  function p() {
+    var v;
+    const { schema: r } = e;
+    let i = !0;
+    if (!t || !((v = r.binding) != null && v.field))
+      return i;
+    switch (r.binding.type) {
+      case H.Form: {
+        i = o();
+        break;
+      }
+      case H.Variable:
+        i = l();
+    }
+    return i;
+  }
+  return { checkBindingFieldValidation: p };
+}
+const Xe = /* @__PURE__ */ J({
+  name: "FDynamicFormGroupDesign",
+  props: Ie,
+  emits: ["change", "update:modelValue"],
+  setup(t, e) {
+    var q;
+    const n = E(t.id), o = E(t.customClass), l = E(t.editor), p = E(t.label), r = E(t.modelValue), i = E(!0), v = E(((q = t.editor) == null ? void 0 : q.required) === !0), k = E(t.showLabel);
+    E(t.type);
+    const b = E(), m = W("designer-host-service"), h = W("design-item-context"), T = U(() => k.value ? t.showLabelType : "none"), {
+      resolveEditorProps: B,
+      resolveEditorType: O
+    } = Je(), S = U(() => ({
+      "form-group": !0,
+      "farris-form-group": !0,
+      "common-group": !0,
+      "q-state-readonly": i.value,
+      "form-group-in-canvas": !0
+    })), d = U(() => {
+      const G = l.value.type || "input-group", s = O(G), f = B(G, l.value);
+      return () => x(s, ue({
+        ref: b
+      }, f, {
+        modelValue: r.value,
+        "onUpdate:modelValue": (c) => r.value = c
+      }), null);
+    });
+    Q([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.showLabel], ([G, s, f, c, C, F, V]) => {
+      var w;
+      n.value = G, o.value = s, l.value = {
+        ...f
+      }, p.value = c, r.value = C, i.value = F, v.value = ((w = l.value) == null ? void 0 : w.required) === !0, k.value = V;
+    }, {
+      deep: !0
+    });
+    const g = !W("external-container-id"), {
+      checkBindingFieldValidation: L
+    } = Qe(m, h, t);
+    function A() {
+      const G = g ? L() : !0;
+      return x(Ee, {
+        id: `${n.value}-lable`,
+        showType: T.value,
+        required: v.value,
+        text: p.value,
+        title: p.value,
+        valid: G,
+        inValidTip: "绑定信息已失效，请切换绑定或移除控件"
+      }, null);
+    }
+    const Z = U(() => {
+      if (t.fill)
+        return {
+          maxWidth: "none"
+        };
+    });
+    return e.expose({
+      editorRef: b
+    }), () => x("div", {
+      id: `${n.value}-input-group`,
+      class: o.value
+    }, [x("div", {
+      class: "farris-group-wrap",
+      style: Z.value
+    }, [x("div", {
+      class: S.value
+    }, [A(), x("div", {
+      class: "farris-input-wrap"
+    }, [d.value()])])])]);
+  }
+});
+function Ye(t, e) {
+  function n() {
+    return !0;
+  }
+  function o() {
+    return !0;
+  }
+  function l() {
+    return !1;
+  }
+  function p() {
+    return !0;
+  }
+  function r(m) {
+    var d;
+    const h = e == null ? void 0 : e.designViewModelUtils, T = e == null ? void 0 : e.formSchemaUtils, B = (d = t == null ? void 0 : t.componentInstance.value) == null ? void 0 : d.belongedComponentId;
+    if (!B || !h || !T)
+      return;
+    const O = T.getViewModelIdByComponentId(B), S = h.getDgViewModel(O);
+    S && S.removeField([m]);
+  }
+  function i(m, h) {
+    const T = e == null ? void 0 : e.formSchemaUtils, { schema: B } = t;
+    if (T.getComponents().find((S) => {
+      let d = T.getControlsInCmpWidthBinding(S.viewModel, m);
+      if (d = d.filter((y) => {
+        var L;
+        if (y.id === B.id)
+          return !1;
+        const g = h.type === "visible" ? y[h.type] : (L = y.editor) == null ? void 0 : L[h.type];
+        if (g && g.type === "Expression" && g.expressionId === h.id)
+          return !0;
+      }), d.length)
+        return !0;
+    }))
+      return !0;
+  }
+  function v(m) {
+    var B;
+    const h = e == null ? void 0 : e.formSchemaUtils, { schema: T } = t;
+    if (h.getExpressions().length) {
+      const O = h.getExpressions(), S = O.findIndex((d) => d.target === m);
+      S > -1 && ((B = O[S].rules) == null || B.map((d) => {
+        var y;
+        switch (d.type) {
+          case "visible":
+          case "readonly":
+          case "required": {
+            const g = d.type === "visible" ? T[d.type] : (y = T.editor) == null ? void 0 : y[d.type];
+            g && g.type === "Expression" && g.expressionId === d.id && (i(m, d) || (d.needDelete = !0));
+            break;
+          }
+          default:
+            i(m, d) || (d.needDelete = !0);
+        }
+      }), O[S].rules = O[S].rules.filter((d) => !d.needDelete));
+    }
+  }
+  function k() {
+    var h, T;
+    const m = (h = t == null ? void 0 : t.parent) == null ? void 0 : h.componentInstance.value;
+    ((T = m == null ? void 0 : m.schema) == null ? void 0 : T.type) === a["response-layout-item"].type && (m != null && m.schema.appearance.class) && (m.schema.appearance.class = m.schema.appearance.class.replace("f-form-layout", ""), m.schema.appearance.class = m.schema.appearance.class.replace("farris-form", ""), m.schema.appearance.class = m.schema.appearance.class.replace("farris-form-controls-inline", ""), m.schema.appearance.class = m.schema.appearance.class.replace("farris-form-auto", ""), m.schema.appearance.class = m.schema.appearance.class.trim().replace("  ", " "));
+  }
+  function b() {
+    const { schema: m } = t, h = m.binding && m.binding.field;
+    h && (r(h), v(h)), k();
+  }
+  return {
+    canAccepts: l,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: n,
+    hideNestedPaddingInDesginerView: p,
+    onRemoveComponent: b
+  };
+}
+const Ke = /* @__PURE__ */ J({
+  name: "FFormGroupDesign",
+  props: Ne,
+  emits: [],
+  setup(t, e) {
+    const n = E(), o = W("design-item-context"), l = W("designer-host-service"), p = Ye(o, l), r = me(n, o, p);
+    return ae(() => {
+      n.value.componentInstance = r, r.value.getPropConfig = (...i) => {
+        var k, b, m;
+        let v = Me[t.editor.type];
+        return v && Object.keys(v).length === 0 && ((k = n.value) != null && k.editorRef) && ((m = (b = n.value) == null ? void 0 : b.editorRef) != null && m.getPropConfig) && (v = n.value.editorRef.getPropConfig(...i, r.value)), v;
+      };
+    }), e.expose(r.value), () => x(Xe, ue(t, {
+      ref: n
+    }), null);
+  }
+});
+class _e {
+  constructor(e = { value: [] }, n) {
+    u(this, "editorType", "check-box");
+    u(this, "value");
+    u(this, "valueType", "boolean");
+    // 编辑器配置
+    u(this, "editiorConfig");
+    const l = (Array.isArray(e.value) ? e.value : typeof e.value == "string" ? e.value.split(",") : []).map((p) => JSON.parse(p));
+    this.value = l, this.editiorConfig = Object.assign({}, n);
+  }
+  clear() {
+    this.value = [];
+  }
+  setValue(e) {
+    this.value = e;
+  }
+  getValue() {
+    return this.value;
+  }
+  getDisplayText() {
+    return this.value.map((e) => e ? "是" : "否").join(",");
+  }
+  isEmpty() {
+    return this.value.length === 0;
+  }
+}
+class He {
+  constructor(e = { textValue: "", value: "", valueField: "" }, n) {
+    u(this, "editorType", "combo-lookup");
+    u(this, "textValue");
+    u(this, "value");
+    u(this, "valueField");
+    u(this, "valueType", "text");
+    // 编辑器配置
+    u(this, "editiorConfig");
+    this.textValue = e == null ? void 0 : e.textValue, this.value = e == null ? void 0 : e.value, this.editiorConfig = Object.assign({}, n), this.valueField = e == null ? void 0 : e.valueField;
+  }
+  clear() {
+    this.value = "", this.valueField = "", this.textValue = "";
+  }
+  getPropValue(e, n) {
+    if (n.length > 1) {
+      const o = n.shift();
+      return e[o] ? this.getPropValue(e[o], n) : null;
+    }
+    return e[n[0]];
+  }
+  getTextValue(e) {
+    const n = e.split("."), o = this.value.split(",").map((l) => this.getPropValue(l, X(n)));
+    return o && o.length ? o.join(",") : "";
+  }
+  getValue() {
+    const e = this.valueField.split("."), n = this.value.split(",").map((o) => this.getPropValue(o, X(e)));
+    return n && n.length ? n.join(",") : "";
+  }
+  getDisplayText() {
+    return this.getValue();
+  }
+  setValue(e) {
+    throw new Error("Method not implemented.");
+  }
+  isEmpty() {
+    return !this.valueField;
+  }
+}
+class K {
+  constructor(e = { value: "", displayFormat: "", valueFormat: "" }, n) {
+    u(this, "editorType", "date-picker");
+    u(this, "value");
+    u(this, "valueType", "datetime");
+    u(this, "displayFormat", "");
+    u(this, "valueFormat", "");
+    // 编辑器配置
+    u(this, "editiorConfig");
+    this.value = e == null ? void 0 : e.value, this.editiorConfig = Object.assign({}, n), this.displayFormat = (e == null ? void 0 : e.displayFormat) || (n == null ? void 0 : n.displayFormat) || "", this.valueFormat = (e == null ? void 0 : e.valueFormat) || (n == null ? void 0 : n.valueFormat) || "";
+  }
+  formatValue() {
+    const { formatTo: e, parseToDate: n } = fe();
+    if (!this.value)
+      return "";
+    const o = n(this.value, this.valueFormat);
+    return e(o, this.displayFormat);
+  }
+  setValue(e) {
+    this.value = e;
+  }
+  getValue() {
+    return this.value;
+  }
+  getDisplayText() {
+    return this.formatValue();
+  }
+  isEmpty() {
+    return !this.value;
+  }
+  clear() {
+    this.value = void 0;
+  }
+}
+class ee {
+  constructor(e = { begin: "", end: "", displayFormat: "", valueFormat: "" }, n = {}) {
+    u(this, "editorType", "date-range");
+    u(this, "begin", "");
+    u(this, "end", "");
+    u(this, "valueType", "datetime");
+    u(this, "value", "");
+    // 编辑器配置
+    u(this, "editiorConfig");
+    u(this, "displayFormat", "");
+    u(this, "valueFormat", "");
+    this.begin = (e == null ? void 0 : e.begin) || "", this.end = (e == null ? void 0 : e.end) || "", this.editiorConfig = Object.assign({}, n, { delimiter: "~" }), this.displayFormat = (e == null ? void 0 : e.displayFormat) || (n == null ? void 0 : n.displayFormat) || "", this.valueFormat = (e == null ? void 0 : e.valueFormat) || (n == null ? void 0 : n.valueFormat) || "", this.value = (this.begin === null ? "" : this.begin) + "~" + (this.end === null ? "" : this.end);
+  }
+  clear() {
+    this.begin = "", this.end = "", this.value = "";
+  }
+  formatValue(e) {
+    const { formatTo: n, parseToDate: o } = fe();
+    if (!e)
+      return "";
+    const l = o(e, this.valueFormat);
+    return n(l, this.displayFormat);
+  }
+  getValue() {
+    return {
+      begin: this.begin,
+      end: this.end
+    };
+  }
+  // TODO
+  getDisplayText() {
+    return !this.begin && !this.end ? "" : (this.begin === null ? "" : this.formatValue(this.begin)) + "~" + (this.end === null ? "" : this.formatValue(this.end));
+  }
+  setValue(e) {
+    if (e) {
+      const n = e.split(this.editiorConfig.delimiter);
+      this.begin = n[0] || "", this.end = n[1] || "", this.value = e;
+    } else
+      this.clear();
+  }
+  isEmpty() {
+    return !this.begin && !this.end;
+  }
+}
+class ye {
+  constructor(e = { value: "", valueList: [] }, n) {
+    u(this, "editorType", "combo-list");
+    u(this, "value");
+    u(this, "valueType", "enum");
+    u(this, "valueList", []);
+    // 编辑器配置
+    u(this, "editiorConfig");
+    this.value = e == null ? void 0 : e.value, this.editiorConfig = Object.assign({}, n), this.editiorConfig.data && this.editiorConfig.data.length ? this.valueList = this.editiorConfig.data : this.valueList = (e == null ? void 0 : e.valueList) || [];
+  }
+  clear() {
+    const e = typeof this.value;
+    this.value = e === "string" ? "" : void 0;
+  }
+  getValue() {
+    return this.value;
+  }
+  getDisplayText() {
+    var l, p;
+    const e = typeof this.value;
+    let n = "", o = [];
+    switch (e) {
+      case "string":
+        o = this.value.split(",") || [], n = this.valueList.filter((r) => o.indexOf(r.value + "") > -1).map((r) => r.name).join(",");
+        break;
+      case "boolean":
+        n = ((l = this.valueList.find((r) => r.value === this.value)) == null ? void 0 : l.name) || "";
+        break;
+      case "number":
+        n = ((p = this.valueList.find((r) => r.value === this.value)) == null ? void 0 : p.name) || "";
+        break;
+    }
+    return n;
+  }
+  // setValue(data: { value: string; displayText: string }) {
+  //     // this.displayText = data.dispalyText;
+  //     const enumValues = getEnumValues(data);
+  //     this.value = enumValues;
+  //     return this.displayText;
+  // }
+  setValue(e) {
+    this.value = e.value;
+  }
+  isEmpty() {
+    return !this.value && this.value !== !1 && this.value !== 0;
+  }
+}
+class De {
+  constructor(e = { value: "", displayText: "", displayField: "", isInputText: !1 }, n) {
+    u(this, "editorType", "input-group");
+    // 通过弹窗返回的若干个值对象构成的数组
+    u(this, "value");
+    u(this, "valueType", "text");
+    // 控件内显示的值
+    u(this, "displayText");
+    // 弹窗模式下，取列表中哪个字段的值映射到当前字段
+    u(this, "valueField");
+    // 是否是手动输入的值
+    u(this, "isInputText");
+    // 编辑器配置
+    u(this, "editiorConfig");
+    this.value = e == null ? void 0 : e.value, this.displayText = e == null ? void 0 : e.displayText, this.valueField = e == null ? void 0 : e.displayField, this.isInputText = e == null ? void 0 : e.isInputText, this.editiorConfig = Object.assign({}, n);
+  }
+  clear() {
+    this.value = "", this.displayText = "", this.valueField = "";
+  }
+  getPropValue(e, n) {
+    if (n.length > 1) {
+      const o = n.shift();
+      return e[o] ? this.getPropValue(e[o], n) : "";
+    }
+    return e[n[0]];
+  }
+  getTextValue(e) {
+    const n = e.split("."), o = this.value.map((l) => this.getPropValue(l, X(n)));
+    return o && o.length ? o.join(",") : "";
+  }
+  getValue() {
+    return this.value;
+  }
+  getDisplayText() {
+    return this.getValue();
+  }
+  setValue(e) {
+    throw new Error("Method not implemented.");
+  }
+  isEmpty() {
+    var e;
+    return !this.displayText && (this.value == null || !((e = this.value) != null && e.length));
+  }
+}
+class et {
+  constructor(e = { mapFields: [], value: "", valueField: "", isInputText: !1, helpId: "" }, n) {
+    u(this, "editorType", "lookup");
+    u(this, "helpId");
+    u(this, "mapFields");
+    u(this, "value");
+    u(this, "valueField");
+    u(this, "valueType", "text");
+    // 帮助的值是否为手动输入的任意值，对应帮助的任意输入属性nosearch
+    u(this, "isInputText");
+    // 编辑器配置
+    u(this, "editiorConfig");
+    this.editiorConfig = Object.assign({}, n), this.value = (e == null ? void 0 : e.value) || "", this.valueField = (e == null ? void 0 : e.valueField) || (n == null ? void 0 : n.valueField), this.mapFields = e.mapFields, this.isInputText = (e == null ? void 0 : e.isInputText) || (n == null ? void 0 : n.isInputText), this.helpId = (e == null ? void 0 : e.helpId) || (n == null ? void 0 : n.helpId);
+  }
+  clear() {
+    this.value = "", this.mapFields = [];
+  }
+  getValue() {
+    return this.mapFields.map((e) => Be(e, this.valueField || "id")).join(",");
+  }
+  getDisplayText() {
+    return this.value;
+  }
+  setValue(e) {
+    throw new Error("Method not implemented.");
+  }
+  isEmpty() {
+    return !this.mapFields.length;
+  }
+}
+class tt extends K {
+  constructor(n = { value: "", displayFormat: "", valueFormat: "" }, o) {
+    super(n, o);
+    u(this, "editorType", "month-picker");
+  }
+}
+class nt extends ee {
+  constructor(n = { begin: "", end: "", displayFormat: "", valueFormat: "" }, o) {
+    super(n, o);
+    u(this, "editorType", "month-range");
+  }
+}
+class ot {
+  constructor(e = { begin: null, end: null }, n) {
+    u(this, "editorType", "number-range");
+    u(this, "begin");
+    u(this, "end");
+    u(this, "valueType", "number");
+    // 编辑器配置
+    u(this, "editiorConfig");
+    this.editiorConfig = Object.assign({}, n), this.begin = (e == null ? void 0 : e.begin) == null ? null : parseFloat(e.begin), this.end = (e == null ? void 0 : e.end) == null ? null : parseFloat(e.end);
+  }
+  clear() {
+    this.begin = null, this.end = null;
+  }
+  getValue() {
+    return {
+      begin: this.begin,
+      end: this.end
+    };
+  }
+  getDisplayText() {
+    return this.begin === null && this.end === null ? "" : (this.begin === null ? "" : this.begin) + "~" + (this.end === null ? "" : this.end);
+  }
+  setValue(e) {
+    this.begin = e.begin == null ? null : parseFloat(e.begin), this.end = e.end == null ? null : parseFloat(e.end);
+  }
+  isEmpty() {
+    return this.begin == null && this.end == null;
+  }
+}
+class rt {
+  constructor(e = { value: "" }, n) {
+    u(this, "editorType", "number-spinner");
+    u(this, "value");
+    u(this, "valueType", "number");
+    // 编辑器配置
+    u(this, "editiorConfig");
+    this.editiorConfig = Object.assign({}, n);
+    const o = parseFloat(e.value);
+    this.value = isNaN(o) ? null : o;
+  }
+  clear() {
+    this.value = null;
+  }
+  getValue() {
+    return this.value;
+  }
+  getDisplayText() {
+    if (this.isEmpty())
+      return "";
+    const { formatTo: e } = Oe();
+    return e(this.value, this.editiorConfig);
+  }
+  setValue(e) {
+    this.value = isNaN(parseFloat(e)) ? null : e;
+  }
+  isEmpty() {
+    return this.value == null || isNaN(this.value);
+  }
+}
+class lt {
+  constructor(e = { value: null, valueList: [] }, n) {
+    u(this, "editorType", "radio-group");
+    u(this, "value");
+    u(this, "valueType", "enum");
+    u(this, "valueList", []);
+    // 编辑器配置
+    u(this, "editiorConfig");
+    this.editiorConfig = Object.assign({}, n), this.value = e == null ? void 0 : e.value, this.editiorConfig.data && this.editiorConfig.data.length ? this.valueList = this.editiorConfig.data : this.valueList = (e == null ? void 0 : e.valueList) || [];
+  }
+  clear() {
+    this.value = void 0, this.valueList = [];
+  }
+  getValue() {
+    return this.value;
+  }
+  getDisplayText() {
+    var e;
+    return ((e = this.valueList.find((n) => n.value === this.value)) == null ? void 0 : e.name) || "";
+  }
+  setValue(e) {
+    this.value = e;
+  }
+  isEmpty() {
+    return !this.value && this.value !== 0 && this.value !== !1;
+  }
+}
+class st extends K {
+  constructor(n = { value: "", displayFormat: "", valueFormat: "" }, o) {
+    super(n, o);
+    u(this, "editorType", "year-picker");
+  }
+}
+class be {
+  constructor(e = { value: "" }, n) {
+    u(this, "editorType", "text");
+    u(this, "value");
+    u(this, "valueType", "text");
+    // 编辑器配置
+    u(this, "editiorConfig");
+    this.value = e.value;
+  }
+  clear() {
+    this.value = void 0;
+  }
+  getValue() {
+    return this.value;
+  }
+  getDisplayText() {
+    return this.getValue();
+  }
+  setValue(e) {
+    this.value = e;
+  }
+  isEmpty() {
+    return !this.value;
+  }
+}
+class it extends K {
+  constructor(n = { value: "", displayFormat: "", valueFormat: "" }, o) {
+    super(n, o);
+    u(this, "editorType", "datetime-picker");
+  }
+}
+class at extends ee {
+  constructor(n = { begin: "", end: "", displayFormat: "", valueFormat: "" }, o = {}) {
+    super(n, o);
+    // 这个属性会在后面进行比对
+    u(this, "editorType", "datetime-range");
+    u(this, "valueType", "datetime");
+  }
+}
+class ut extends ye {
+  constructor(n = { value: "", valueList: [] }, o) {
+    super(n, o);
+    u(this, "editorType", "check-group");
+  }
+}
+function Ce() {
+  function t(e, n, o) {
+    switch (e) {
+      case "check-box":
+        return new _e(n, o);
+      case "combo-list":
+        return new ye(n, o);
+      case "combo-lookup":
+        return new He(n, o);
+      case "input-group":
+        return new De(n, o);
+      case "year-picker":
+        return new st(n, o);
+      case "date-picker":
+        return new K(n, o);
+      case "datetime-range":
+        return new at(n, o);
+      case "date-range":
+        return new ee(n, o);
+      case "datetime-picker":
+        return new it(n, o);
+      case "lookup":
+        return new et(n, o);
+      case "month-picker":
+        return new tt(n, o);
+      case "month-range":
+        return new nt(n, o);
+      case "number-range":
+        return new ot(n, o);
+      case "number-spinner":
+        return new rt(n, o);
+      case "radio-group":
+        return new lt(n, o);
+      case "check-group":
+        return new ut(n, o);
+      default:
+        return new be(n, o);
+    }
+  }
+  return { createConditionValue: t };
+}
+function Fe(t = "query-solution") {
+  function e(r) {
+    let i = "input-group";
+    switch (r) {
+      case "year-picker":
+      case "month-picker":
+      case "month-range":
+      case "date-range":
+      case "datetime-range":
+      case "datetime-picker":
+        i = "date-picker";
+        break;
+      default:
+        i = r;
+    }
+    return i;
+  }
+  function n(r) {
+    const i = r.editor ? r.editor.type : "input-group";
+    return r.editor.type = e(i), r.editor.type === "date-picker" ? (i.indexOf("range") > -1 && (r.editor.enablePeriod = !0), i.indexOf("datetime") > -1 && (r.editor.showTime = !0), i.indexOf("year") > -1 && (r.editor.selectMode = "year"), i.indexOf("month") > -1 && (r.editor.selectMode = "month"), r.editor.weekSelect && (r.editor.selectMode = "week")) : r.editor.type === "number-spinner" || r.editor.type === "number-range" ? (r.editor.showZero = !0, r.editor.nullable = !0, r.editor.needValid = !0) : r.editor.type === "check-group" && t === "filter-bar" ? r.editor.direction = "vertical" : (r.editor.type === "lookup" || r.editor.type === "combo-list") && (r.editor.enableClear = Object.prototype.hasOwnProperty.call(r.editor, "enableClear") ? r.editor.enableClear : !0), i === "input-group" && !r.editor.placeholder && (r.editor.placeholder = Y.getLocaleValue("input-group.placeholder")), r.editor;
+  }
+  function o(r) {
+    return r.map((v) => Object.assign({}, v)).map((v) => (v.visible = Object.prototype.hasOwnProperty.call(v, "visible") ? v.visible : !0, v.editor = n(v), v));
+  }
+  function l(r, i, v, k) {
+    switch (r.value.editorType) {
+      case "combo-list":
+        k.newValue && (r.value.valueList = k.newValue.map((b) => ({ name: b.name, value: b.value })));
+        break;
+      case "radio-group":
+        r.value.valueList = [v.data.find((b) => b.value === i)];
+        break;
+      case "year-range":
+      case "month-range":
+      case "date-range":
+      case "datetime-range":
+        r.value.setValue(i);
+        break;
+    }
+  }
+  function p(r, i, v) {
+    var T, B, O, S, d, y;
+    const k = X((T = r.get(i.fieldCode)) == null ? void 0 : T.editor), b = (B = r.get(i.fieldCode)) == null ? void 0 : B.id, m = Object.prototype.hasOwnProperty.call(i, "visible") ? i.visible : (O = r.get(i.fieldCode)) == null ? void 0 : O.visible;
+    let h = !0;
+    if (((S = i.value) == null ? void 0 : S.editorType) === "lookup" && k) {
+      k.idValue = (d = i.value.mapFields) == null ? void 0 : d.map((L) => L.id).join(",");
+      const { onClear: g } = k;
+      k.onClear = (L) => {
+        i.value.mapFields = [], v(i, ""), g && g(L);
+      }, k["onUpdate:dataMapping"] = (L) => {
+        i.value.mapFields = L.items || [], v(i, i.value.getValue());
+      }, h = !1;
+    } else ((y = i.value) == null ? void 0 : y.editorType) === "number-range" && k ? (k.beginValue = i.value.begin, k.onBeginValueChange = (g) => {
+      i.value.begin = g, v(i, g);
+    }, k.endValue = i.value.end, k.onEndValueChange = (g) => {
+      i.value.end = g, v(i, g);
+    }, h = !1) : k && ["year-range", "month-range", "date-range", "datetime-range"].find((g) => {
+      var L;
+      return g === ((L = i.value) == null ? void 0 : L.editorType);
+    }) && (k.beginValue = i.value.begin, k.endValue = i.value.end);
+    return Object.prototype.hasOwnProperty.call(i, "disabled") && (k.disabled = i.disabled), { id: b, editor: k, visible: m, needEmitChange: h };
+  }
+  return { getSingleControlType: n, convertToControls: o, conditionChangeHandler: l, renderFieldConditionEditor: p };
+}
+function te(t, e, n = "query-solution") {
+  const { convertToControls: o } = Fe(n), l = E(t.fields), p = E([]), r = /* @__PURE__ */ new Map(), { createConditionValue: i } = Ce();
+  function v(b = !0) {
+    b && (l.value = o(l.value)), l.value.reduce((m, h) => (m.set(h.labelCode, h), m), r);
+  }
+  function k(b) {
+    return b.forEach((m) => {
+      if (m) {
+        const h = r.get(m.fieldCode);
+        h.controlType && (m.value = i(h.controlType, m.value, h.editor));
+      }
+    }), b;
+  }
+  return { convertToControls: o, fields: l, fieldMap: r, fieldConditions: p, loadFieldConfigs: v, initialConditionValue: k };
+}
+function ke(t, e, n) {
+  const o = E(null), l = E(n), p = E(0);
+  function r(b, m) {
+    let h = null;
+    return function() {
+      const T = arguments;
+      h ? (clearTimeout(h), h = setTimeout(() => {
+        h = null, b(...T);
+      }, 200)) : (b(...T), h = setTimeout(() => {
+        h = null;
+      }, 200));
+    };
+  }
+  function i() {
+    l.value && (o.value = new ResizeObserver(r((b) => {
+      const m = b[0];
+      p.value = m.contentRect.width;
+    })), o.value.observe(l.value));
+  }
+  function v(b) {
+    let h = "col-12";
+    return b > 250 * 6 ? h = "col-2" : b > 250 * 4 ? h = "col-3" : b > 250 * 3 ? h = "col-4" : b > 250 * 2 && (h = "col-6"), h;
+  }
+  const k = U(() => v(p.value));
+  return Q([n], ([b]) => {
+    l.value = b, i();
+  }), {
+    conditionClass: k,
+    resizeObserver: o
+  };
+}
+const Nn = /* @__PURE__ */ J({
+  name: "FConditionFieldsDesign",
+  directives: {
+    "area-response": Pe
+  },
+  props: D,
+  emits: ["valueChange", "blur", "focus", "click", "input"],
+  setup(t, e) {
+    const n = E(), o = E(t.key), l = E(t.conditions), p = te(t), {
+      fieldMap: r,
+      loadFieldConfigs: i
+    } = p, v = ke(t, e, n), {
+      resizeObserver: k
+    } = v;
+    i(!0), de(() => {
+      var h;
+      (h = k.value) == null || h.unobserve(n.value);
+    }), Q(() => t.conditions, () => {
+      l.value = t.conditions;
+    });
+    const b = U(() => ({
+      // row: true,
+      "f-utils-flex-row-wrap": !0,
+      "farris-form": !0,
+      "condition-div": !0
+    }));
+    function m() {
+      return l.value.map((h) => {
+        var O, S;
+        const T = (O = r.get(h.fieldCode)) == null ? void 0 : O.editor;
+        T && (T.disabled = !0);
+        let B = ((S = T == null ? void 0 : T.appearance) == null ? void 0 : S.class) || t.itemClass;
+        return T != null && T.multiLineLabel && (B = B + " farris-group-multi-label"), x(Ke, {
+          customClass: B,
+          label: (T == null ? void 0 : T.showLabel) === !1 ? " " : h.fieldName,
+          required: T == null ? void 0 : T.required,
+          editor: T,
+          type: "form-group"
+        }, null);
+      });
+    }
+    return () => ce(x("div", {
+      class: b.value,
+      key: o.value,
+      ref: n
+    }, [m()]), [[pe("area-response")]]);
+  }
+}), ie = /* @__PURE__ */ J({
+  name: "FConditionFields",
+  props: D,
+  emits: ["valueChange", "blur", "focus", "click", "input"],
+  setup(t, e) {
+    const n = E(), o = Y.getLocale(), l = E(t.key), p = E(t.conditions), {
+      renderFieldConditionEditor: r,
+      conditionChangeHandler: i
+    } = Fe(), v = te(t), {
+      initialConditionValue: k,
+      fieldMap: b,
+      loadFieldConfigs: m
+    } = v, h = ke(t, e, n), {
+      resizeObserver: T
+    } = h;
+    m(!0), k(p.value), de(() => {
+      var d;
+      (d = T.value) == null || d.unobserve(n.value);
+    }), Q(() => t.fields, () => {
+      m(!0);
+    }), Q(() => t.conditions, () => {
+      p.value = t.conditions, k(p.value);
+    });
+    const B = U(() => ({
+      // row: true,
+      "f-utils-flex-row-wrap": !0,
+      "farris-form": !0,
+      "condition-div": !0,
+      "farris-form-controls-inline": !o || t.isControlInline === !0 || t.isControlInline === "auto" && o !== "en"
+    }));
+    function O(d, y, g, L) {
+      i(d, y, g, L), e.emit("valueChange", y, d);
+    }
+    function S() {
+      return p.value.map((d) => {
+        var q;
+        const {
+          id: y,
+          editor: g,
+          needEmitChange: L,
+          visible: A
+        } = r(b, d, O);
+        let Z = ((q = g == null ? void 0 : g.appearance) == null ? void 0 : q.class) || t.itemClass;
+        return g != null && g.multiLineLabel && (Z = Z + " farris-group-multi-label"), x(he, {
+          id: y,
+          key: y,
+          visible: A,
+          customClass: Z,
+          label: (g == null ? void 0 : g.showLabel) === !1 ? " " : d.fieldName,
+          editor: g,
+          required: g == null ? void 0 : g.required,
+          modelValue: d.value.value,
+          "onUpdate:modelValue": (G) => d.value.value = G,
+          onChange: (G, s) => {
+            L && O(d, G, g, s);
+          }
+        }, null);
+      });
+    }
+    return () => ce(x("div", {
+      class: B.value,
+      key: l.value,
+      ref: n
+    }, [S()]), [[pe("area-response")]]);
+  }
+});
+var Te = /* @__PURE__ */ ((t) => (t[t.Value = 0] = "Value", t[t.SmartHelp = 1] = "SmartHelp", t[t.Enum = 2] = "Enum", t[t.Express = 3] = "Express", t))(Te || {});
+function dt() {
+  const { getLocaleValue: t } = Y;
+  return { conditionListLocale: {
+    // 添加条件
+    add: t("condition.add"),
+    // 生成条件组
+    create: t("condition.create"),
+    // 重置
+    reset: t("condition.reset"),
+    and: t("condition.and"),
+    or: t("condition.or")
+  } };
+}
+function ct() {
+  const { getLocaleValue: t } = Y;
+  return { operatorsLocale: {
+    equal: t("operators.equal"),
+    notEqual: t("operators.notEqual"),
+    greater: t("operators.greater"),
+    greaterOrEqual: t("operators.greaterOrEqual"),
+    lessOrEqual: t("operators.lessOrEqual"),
+    less: t("operators.less"),
+    contains: t("operators.contains"),
+    startWith: t("operators.startWith"),
+    endWith: t("operators.endWith")
+  } };
+}
+var Ve = /* @__PURE__ */ ((t) => (t.Equal = "0", t.NotEqual = "1", t.Greater = "2", t.GreaterOrEqual = "3", t.Less = "4", t.LessOrEqual = "5", t.Like = "6", t.LikeStartWith = "7", t.LikeEndWith = "8", t.In = "9", t.NotIn = "10", t))(Ve || {});
+function pt() {
+  const { operatorsLocale: t } = ct();
+  return [
+    {
+      value: "0",
+      name: t.equal
+      // 等于
+    },
+    {
+      value: "1",
+      name: t.equal
+      // 不等于
+    },
+    {
+      value: "2",
+      name: t.equal
+      // 大于
+    },
+    {
+      value: "3",
+      name: t.equal
+      // 大于等于
+    },
+    {
+      value: "4",
+      name: t.less
+      // 小于
+    },
+    {
+      value: "5",
+      name: t.lessOrEqual
+      // 小于等于
+    },
+    {
+      value: "6",
+      name: t.contains
+      // 包含
+    },
+    {
+      value: "7",
+      name: t.startWith
+      // 开始是
+    },
+    {
+      value: "8",
+      name: t.endWith
+      // 结束是
+    }
+  ];
+}
+const mt = {
+  "button-edit": ["0", "1", " 6", "7", "8"],
+  "check-box": ["0"],
+  "combo-list": ["0", "1"],
+  "combo-lookup": ["0", "1", " 6", "7", "8"],
+  "date-picker": ["0", "1", "2", "3", "4", "5"],
+  "date-range": [],
+  "datetime-picker": ["0", "1", "2", "3", "4", "5"],
+  "datetime-range": [],
+  "month-picker": ["0", "1", "2", "3", "4", "5"],
+  "month-range": [],
+  "year-picker": ["0", "1", "2", "3", "4", "5"],
+  "year-range": [],
+  "input-group": ["0", "1", "6", "7", "8"],
+  lookup: ["0", "1"],
+  "number-range": [],
+  "number-spinner": ["0", " 1", "2", "3", "4", "5"],
+  "radio-group": ["0"],
+  text: ["0", "1", " 6", "7", "8"]
+};
+function ht(t, e, n) {
+  const { fieldMap: o } = n;
+  function l(p) {
+    const r = o.get(p.fieldCode);
+    if (!r)
+      return [];
+    const i = r.editor.type, v = new Set(mt[i]);
+    return pt().filter((b) => v.has(b.value));
+  }
+  return { getCompareOperators: l };
+}
+function ft() {
+  const t = E({ relation: 0, items: [], children: [], path: [], groupId: 0, level: 0 }), e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+  let o = 0;
+  function l() {
+    return {
+      id: "",
+      fieldCode: "",
+      fieldName: "",
+      compareType: Ve.Equal,
+      valueType: Te.Value,
+      value: new be(),
+      relation: 0,
+      conditionId: Date.now()
+    };
+  }
+  function p(s, f) {
+    return { relation: s, items: [], children: [], path: [], groupId: ++o, level: f };
+  }
+  function r() {
+    const s = Object.assign({}, t.value);
+    n.forEach((f, c) => {
+      f.groupId === s.groupId && n.set(c, s);
+    }), e.forEach((f, c) => {
+      f.groupId === s.groupId && e.set(c, s);
+    }), t.value = s;
+  }
+  function i(s) {
+    const f = /* @__PURE__ */ new Map();
+    let c = 0;
+    return s.forEach((C, F) => {
+      var V, w;
+      if (c += ((V = C.lBracket) == null ? void 0 : V.length) || 0, f.set(F, c), c -= ((w = C.rBracket) == null ? void 0 : w.length) || 0, c < 0)
+        throw new Error("The right bracket is out of range.");
+    }), f;
+  }
+  function v(s, f, c, C, F) {
+    for (let V = 0; V < f; V++) {
+      const w = s + (V + 1), N = p(F, w);
+      c.children.push(N), n.set(N.groupId, c), c = c.children[c.children.length - 1], C.push(c);
+    }
+    return c;
+  }
+  function k(s, f, c, C, F) {
+    for (let M = f; M <= 0; M++)
+      C.pop();
+    const V = C[C.length - 1];
+    if (!V)
+      throw new Error("The group path is out of range");
+    const w = s + f, N = p(F, w);
+    return V.children.push(N), n.set(N.groupId, V), c = V.children[V.children.length - 1], C.push(c), c;
+  }
+  function b(s, f, c, C) {
+    c.pop();
+    const F = c[c.length - 1], V = p(C, s);
+    return F.children.push(V), n.set(V.groupId, F), f = F.children[F.children.length - 1], c.push(f), f;
+  }
+  function m(s, f, c, C, F, V) {
+    let w = s[s.length - 1];
+    if (!w)
+      throw new Error("The group path is out of range");
+    const N = f.get(C) || 0, M = f.get(c) || 0;
+    if (c < 0 || c === C)
+      return s[s.length - 1];
+    const j = N - M, z = F && F.relation !== void 0 ? F.relation : 1;
+    return w = j > 0 ? v(M, j, w, s, z) : w, w = j < 0 ? k(M, j, w, s, z) : w, w = j === 0 && M > 0 && N > 0 && F && V && !!F.rBracket && !!V.lBracket ? b(M, w, s, z) : w, w;
+  }
+  function h(s) {
+    const c = { relation: s.length && s[0].relation !== void 0 ? s[0].relation : 1, items: [], children: [], path: [], groupId: 0, level: 0 }, C = [c], F = i(s);
+    return s.forEach((V, w) => {
+      const N = w - 1, M = s[N], j = m(C, F, N, w, M, V);
+      j.items.push(V), e.set(V.conditionId, j);
+    }), t.value = c, c;
+  }
+  function T() {
+    const s = l();
+    e.set(s.conditionId, t.value), t.value.items.push(s);
+  }
+  function B(s) {
+    if (!s)
+      return;
+    const f = e.get(s.conditionId);
+    if (f) {
+      const c = f.items.findIndex((F) => F.conditionId === s.conditionId) + 1, C = l();
+      e.set(C.conditionId, f), f.items.splice(c, 0, C), r();
+    }
+  }
+  function O(s, f, c, C) {
+    s.reduce((F, V) => {
+      const w = V.conditionId !== void 0, N = V.groupId !== void 0;
+      if (w) {
+        const M = V;
+        c.push(M), F.items.set(M.conditionId, M);
+      }
+      if (N) {
+        const M = V;
+        C.push(M), F.groups.set(M.groupId, M);
+      }
+      return F;
+    }, f);
+  }
+  function S(s, f, c, C, F) {
+    s && (s.items = f.length ? s.items.filter((V) => !c.has(V.conditionId)) : s.items, s.children = C.length ? s.children.filter((V) => !F.has(V.groupId)) : s.children);
+  }
+  function d(s, f, c) {
+    f.forEach((C) => {
+      s.items.push(C), e.set(C.conditionId, s);
+    }), c.forEach((C) => {
+      s.children.push(C), n.set(C.groupId, s);
+    });
+  }
+  function y(s) {
+    const f = s[0], c = f.conditionId !== void 0 ? e.get(f.conditionId) : n.get(f.groupId), C = { items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Map() }, F = [], V = [];
+    if (c) {
+      O(s, C, F, V), S(c, F, C.items, V, C.groups);
+      const w = p(c.relation, c.level + 1);
+      d(w, F, V), c.children.push(w), n.set(w.groupId, c), r();
+    }
+  }
+  function g(s) {
+    const f = [...s.items], c = [...s.children], C = n.get(s.groupId);
+    C && (C.children = C.children.filter((F) => F.groupId !== s.groupId), n.delete(s.groupId), f.forEach((F) => {
+      C.items.push(F), e.set(F.conditionId, C);
+    }), c.forEach((F) => {
+      C.children.push(F), n.set(F.groupId, C);
+    }), r());
+  }
+  function L(s) {
+    s.relation = s.relation === 1 ? 2 : 1, r();
+  }
+  let A;
+  function Z(s) {
+    const { relation: f } = s;
+    return (s.children && s.children.length ? s.children.map((C, F, V) => {
+      const w = A(C);
+      return w[0].lBracket = (w[0].lBracket || "") + "(", w[w.length - 1].rBracket = (w[w.length - 1].rBracket || "") + ")", w[w.length - 1].relation = F < V.length - 1 ? f : 0, w;
+    }) : []).flat();
+  }
+  A = (s = t.value) => {
+    const { relation: f } = s, c = s.items.map((F, V, w) => (F.lBracket = V === 0 ? "(" : "", F.rBracket = V === w.length - 1 ? ")" : "", F.relation = V < w.length - 1 ? f || 1 : 0, F)), C = Z(s);
+    return [...c, ...C];
+  };
+  function q(s) {
+    const f = s || t.value;
+    if (f.children.length && f.children.forEach((c) => {
+      q(c);
+    }), f.level === 0 && !f.items.length && f.children.length === 1) {
+      const c = f.children[0];
+      t.value.relation = c.relation, g(c);
+    } else f.items.length === 0 && f.children.length <= 1 && g(f);
+  }
+  function G(s) {
+    const f = e.get(s.conditionId);
+    f && (f.items = f.items.filter((c) => c.conditionId !== s.conditionId), e.delete(s.conditionId), q(), r());
+  }
+  return {
+    addCondition: T,
+    changeGroupRelation: L,
+    conditionGroupMap: e,
+    getConditions: A,
+    group: y,
+    groupParentMap: n,
+    insertConditionTo: B,
+    loadConditionGroup: h,
+    refresh: r,
+    removeCondition: G,
+    rootGroup: t,
+    unGroup: g
+  };
+}
+function gt(t, e, n) {
+  const o = E(/* @__PURE__ */ new Set()), l = E(/* @__PURE__ */ new Set()), { conditionGroupMap: p, groupParentMap: r } = n;
+  let i, v;
+  function k(d) {
+    let y = i.level <= d.level ? i : d, g = i.level > d.level ? i : d;
+    const L = [];
+    for (; g && y && g !== y; )
+      g.level > y.level ? (L.push(g), g = r.get(g.groupId)) : g.level === y.level && (y = r.get(y.groupId), y && L.unshift(y));
+    return L;
+  }
+  function b(d) {
+    l.value.add(d.groupId), d.items.forEach((y) => o.value.add(y.conditionId)), d.children.forEach((y) => b(y));
+  }
+  function m(d) {
+    const { conditionId: y } = d;
+    o.value.add(y), i = o.value.size === 0 ? p.get(y) : i;
+    const g = p.get(d.conditionId);
+    k(g).forEach((A) => b(A));
+  }
+  const h = U(() => o.value.size === 0 && l.value.size === 1), T = function(d) {
+    l.value.delete(d.groupId), d.items.forEach((g) => v(g)), d.children.forEach((g) => !h.value && T(g));
+    const y = r.get(d.groupId);
+    y && l.value.has(y.groupId) && T(y);
+  };
+  v = function(d) {
+    const { conditionId: y } = d;
+    if (o.value.has(y) && o.value.delete(y), l.value.size > 0) {
+      const g = p.get(y);
+      g && l.value.has(g.groupId) && T(g);
+    }
+  };
+  function B(d) {
+    const { conditionId: y } = d;
+    o.value.size === 0 && (i = p.get(y)), o.value.has(y) ? v(d) : m(d);
+  }
+  function O() {
+    const d = [];
+    return i && (i.items.filter((y) => o.value.has(y.conditionId)).forEach((y) => d.push(y)), i.children.filter((y) => l.value.has(y.groupId)).forEach((y) => d.push(y))), d;
+  }
+  function S() {
+    o.value.clear(), l.value.clear();
+  }
+  return { clear: S, getSelectedGroupItem: O, selectedItems: o, toggleSelect: B };
+}
+const _ = /* @__PURE__ */ J({
+  name: "FConditionList",
+  props: D,
+  emits: ["valueChange", "labelCodeChange", "compareTypeChange"],
+  setup(t, e) {
+    const n = E(t.key), o = E(t.conditions), l = te(t, e, "filter-bar"), {
+      convertToControls: p,
+      fields: r,
+      fieldMap: i,
+      loadFieldConfigs: v
+    } = l, k = ft(), {
+      addCondition: b,
+      changeGroupRelation: m,
+      getConditions: h,
+      group: T,
+      insertConditionTo: B,
+      loadConditionGroup: O,
+      removeCondition: S,
+      rootGroup: d,
+      unGroup: y
+    } = k, {
+      createConditionValue: g
+    } = Ce(), L = gt(t, e, k), {
+      selectedItems: A,
+      toggleSelect: Z
+    } = L, {
+      getCompareOperators: q
+    } = ht(t, e, l), {
+      conditionListLocale: G
+    } = dt();
+    v(!1), r.value = p(r.value), O(o.value);
+    function s(I) {
+      var $;
+      const P = (($ = i.get(I.fieldCode)) == null ? void 0 : $.editor) || {
+        type: "text"
+      };
+      I.value = g(P.type, void 0), e.emit("labelCodeChange", I);
+    }
+    function f(I, P) {
+      e.emit("compareTypeChange", P);
+    }
+    function c() {
+    }
+    e.expose({
+      getConditions: h
+    });
+    function C(I, P) {
+      e.emit("valueChange", I, P);
+    }
+    function F(I) {
+      return x("div", {
+        class: "condition-list-item-type mr-3"
+      }, [x(re, {
+        "value-field": "labelCode",
+        "text-field": "name",
+        "id-field": "id",
+        data: r.value,
+        modelValue: I.fieldCode,
+        "onUpdate:modelValue": (P) => I.fieldCode = P,
+        onChange: (P) => s(I)
+      }, null)]);
+    }
+    function V(I) {
+      return x("div", {
+        class: "condition-list-item-compare mr-3"
+      }, [x(re, {
+        "value-field": "value",
+        "text-field": "name",
+        "id-field": "id",
+        data: q(I),
+        modelValue: I.compareType,
+        "onUpdate:modelValue": (P) => I.compareType = P,
+        onChange: (P) => f(P, I)
+      }, null)]);
+    }
+    function w(I) {
+      var P;
+      return x("div", {
+        class: "condition-list-item-control mr-3"
+      }, [x(he, {
+        editor: (P = i.get(I.fieldCode)) == null ? void 0 : P.editor,
+        showLabel: !1,
+        modelValue: I.value.value,
+        "onUpdate:modelValue": ($) => I.value.value = $,
+        onChange: ($) => {
+          C($, I);
+        }
+      }, null)]);
+    }
+    function N(I) {
+      return [x("div", {
+        class: "condition-list-item-extend"
+      }, [x("span", {
+        class: "f-icon f-icon-plus-sm mr-2",
+        onClick: () => B(I)
+      }, null), x("span", {
+        class: "f-icon f-icon-minus-sm",
+        onClick: () => S(I)
+      }, null)]), x("div", {
+        class: "custom-control custom-checkbox"
+      }, [x("input", {
+        title: "selection",
+        class: "custom-control-input",
+        type: "checkbox",
+        checked: A.value.has(I.conditionId)
+      }, null), x("label", {
+        class: "custom-control-label",
+        onClick: () => Z(I)
+      }, null)])];
+    }
+    function M(I) {
+      return I.items.map((P) => x("div", {
+        class: "condition-list-item",
+        key: P.conditionId
+      }, [F(P), V(P), w(P), N(P)]));
+    }
+    function j(I) {
+      return x("div", {
+        class: "condition-list-relation"
+      }, [x("span", {
+        class: "condition-list-relation-close f-icon-filter-cancel btn-link",
+        onClick: () => y(I)
+      }, null), x("span", {
+        class: "condition-list-relation-text btn-link",
+        onClick: () => m(I)
+      }, [I.relation === 1 ? G.and : G.or])]);
+    }
+    function z(I) {
+      return x("div", {
+        class: "condition-list-content"
+      }, [x("div", {
+        class: "condition-list-content-group"
+      }, [M(I), I.children && I.children.map((P) => z(P))]), j(I)]);
+    }
+    function ne() {
+      T(L.getSelectedGroupItem()), L.clear();
+    }
+    function oe() {
+      return x("div", {
+        class: "condition-list-bottom"
+      }, [x("div", {
+        class: "add-condition-btn mb-1 mr-3",
+        onClick: b
+      }, [x("span", {
+        class: "f-icon f-icon-filter-add"
+      }, null), x("span", {
+        class: "ml-1"
+      }, [G.add])]), x("div", {
+        class: "add-condition-btn mb-1",
+        onClick: ne
+      }, [x("span", {
+        class: "f-icon f-icon-filter-grouping"
+      }, null), x("span", {
+        class: "ml-1"
+      }, [G.create])]), x("div", {
+        class: "condition-list-reset add-condition-btn",
+        onClick: c
+      }, [G.reset])]);
+    }
+    return () => x("div", {
+      class: "condition-list",
+      key: n.value
+    }, [x("div", {
+      class: "condition-list-body"
+    }, [z(d.value)]), oe()]);
+  }
+});
+_.install = (t) => {
+  t.component(ie.name, ie).component(_.name, _);
+};
+export {
+  ie as FConditionFields,
+  Nn as FConditionFieldsDesign,
+  _ as FConditionList,
+  _ as default
+};