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

package/designer/nav/index.esm.js

@@ -0,0 +1,1719 @@
+var Z = Object.defineProperty;
+var K = (p, n, e) => n in p ? Z(p, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[n] = e;
+var h = (p, n, e) => K(p, typeof n != "symbol" ? n + "" : n, e);
+import { FormSchemaEntityField$Type as L, FormSchemaEntityFieldType$Type as D, getCustomClass as A, getCustomStyle as $, withInstall as ee } from "../../components/common/index.esm.js";
+import { createVNode as b, Fragment as te, createTextVNode as N, nextTick as ie, defineComponent as R, ref as x, inject as U, onMounted as ne, watch as q, computed as M } from "vue";
+import { DgControl as l, canvasChanged as V, refreshCanvas as se, useDesignerComponent as re } from "../../components/designer-canvas/index.esm.js";
+import { cloneDeep as oe } from "lodash-es";
+import { resolveAppearance as G, createPropsResolver as O } from "../../components/dynamic-resolver/index.esm.js";
+function ae(p) {
+  const { formSchemaUtils: n, formStateMachineUtils: e } = p;
+  function t(o, g = "") {
+    return {
+      path: g + o.code,
+      field: o.id,
+      fullPath: o.code
+    };
+  }
+  function i(o, g = "") {
+    const d = n.getViewModelById(o);
+    return d ? d.states.map((a) => t(a, g)) : [];
+  }
+  function s(o) {
+    const g = n.getRootViewModelId(), d = i(o);
+    if (o === g)
+      return d;
+    const a = i(g, "root-component.");
+    return [...d, ...a];
+  }
+  function r(o) {
+    return o.binding && o.binding.path || o.id || "";
+  }
+  function c() {
+    return e && e.getRenderStates() || [];
+  }
+  return { getVariables: s, getControlName: r, getStateMachines: c };
+}
+class W {
+  constructor(n) {
+    h(this, "sessionVariables", [
+      {
+        key: "CurrentSysOrgName",
+        name: "当前组织Name",
+        description: "当前组织Name"
+      },
+      //   {
+      //     key: "CurrentSysOrgCode",
+      //     name: "当前组织Code",
+      //     description: "当前组织Code"
+      //   },
+      {
+        key: "CurrentSysOrgId",
+        name: "当前组织Id",
+        description: "当前组织Id"
+      },
+      {
+        key: "CurrentUserName",
+        name: "当前用户Name",
+        description: "当前用户Name"
+      },
+      {
+        key: "CurrentUserCode",
+        name: "当前用户Code",
+        description: "当前用户Code"
+      },
+      {
+        key: "CurrentUserId",
+        name: "当前用户Id",
+        description: "当前用户Id"
+      },
+      {
+        key: "CurrentLanguage",
+        name: "当前语言编号",
+        description: "当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"
+      }
+    ]);
+    h(this, "expressionNames", {
+      compute: "计算表达式",
+      dependency: "依赖表达式",
+      validate: "验证表达式",
+      dataPicking: "帮助前表达式",
+      visible: "可见表达式",
+      readonly: "只读表达式",
+      required: "必填表达式"
+    });
+    h(this, "getExpressionConverter", (n, e) => ({
+      convertFrom: (t, i, s, r) => {
+        const c = s.getExpressionRuleValue(n, e || i);
+        return c && c.value || "";
+      },
+      convertTo: (t, i, s, r, c) => {
+        var o;
+        if (i === "dataPicking" && (s != null && s.target)) {
+          const g = `${s.target}_dataPicking`;
+          ((o = s.rules) == null ? void 0 : o.some(
+            (a) => a.id === g && a.value
+          )) ? t.dictPickingExpressionId = g : delete t.dictPickingExpressionId;
+        }
+        r.updateExpression(s);
+      }
+    }));
+    this.formSchemaService = n;
+  }
+  getExpressionRule(n, e) {
+    const t = this.formSchemaService.getExpressions();
+    if (!t)
+      return "";
+    const i = t.find((r) => r.target === n);
+    if (!i)
+      return "";
+    const s = i.rules.find((r) => r.type === e);
+    return s || "";
+  }
+  // 获取上下文表单变量
+  getContextFormVariables() {
+    const { module: n } = this.formSchemaService.getFormSchema();
+    if (!n.viewmodels || n.viewmodels.length === 0)
+      return [];
+    const e = this.formSchemaService.getRootViewModelId(), t = this.formSchemaService.getViewModelById(e);
+    if (!t || !t.states || t.states.length === 0)
+      return [];
+    const i = [];
+    return t.states.filter((s) => s.category === "remote").forEach((s) => {
+      i.push({
+        key: s.code,
+        name: s.name,
+        description: s.name,
+        category: s.category
+      });
+    }), i;
+  }
+  createTreeNode(n, e, t = "label") {
+    return {
+      id: n.id,
+      name: n.name,
+      bindingPath: n[t],
+      parents: e,
+      type: "field"
+    };
+  }
+  buildEntityFieldsTreeData(n = null, e) {
+    const t = [];
+    return n == null || n.forEach((i) => {
+      var c;
+      const s = this.createTreeNode(i, e);
+      let r = [];
+      (c = i.type) != null && c.fields && (r = this.buildEntityFieldsTreeData(i.type.fields, [...e, i.label])), t.push({
+        data: s,
+        children: r,
+        expanded: !0
+      });
+    }), t;
+  }
+  buildChildEntityTreeData(n = null, e) {
+    const t = [];
+    return n == null || n.forEach((i) => {
+      var o, g;
+      const s = this.createTreeNode(i, e);
+      s.type = "entity";
+      const r = this.buildEntityFieldsTreeData((o = i.type) == null ? void 0 : o.fields, [...e, i.label]), c = this.buildChildEntityTreeData((g = i.type) == null ? void 0 : g.entities, [...e, i.label]);
+      c != null && c.length && (r == null || r.push(...c)), t.push({
+        data: s,
+        children: r || [],
+        // 空值回退
+        expanded: !0
+      });
+    }), t;
+  }
+  getEntitiesTreeData() {
+    const n = this.formSchemaService.getSchemaEntities();
+    if (!(n != null && n.length))
+      return [];
+    const e = n[0];
+    if (!(e != null && e.type))
+      return [];
+    const t = this.buildEntityFieldsTreeData(e.type.fields, [e.code]), i = this.buildChildEntityTreeData(e.type.entities, [e.code]);
+    return i != null && i.length && (t == null || t.push(...i)), {
+      entityCode: e.code,
+      fields: [{
+        data: this.createTreeNode(e, [], "code"),
+        children: t || []
+      }]
+    };
+  }
+  getEntitiesAndVariables() {
+    return {
+      entities: this.getEntitiesTreeData(),
+      variables: {
+        session: {
+          name: "系统变量",
+          items: this.sessionVariables,
+          visible: !1
+        },
+        forms: {
+          name: "表单变量",
+          items: this.getContextFormVariables(),
+          visible: !0
+        }
+      }
+    };
+  }
+  onBeforeOpenExpression(n, e, t) {
+    const i = t === "Field" ? n.binding.field : n.id, s = this.getExpressionRule(i, e), r = this.getEntitiesAndVariables(), c = {
+      message: ["validate", "required", "dataPicking"].includes(e) && s ? s.message : "",
+      ...r
+    };
+    return s.messageType != null && (c.messageType = s.messageType), c;
+  }
+  buildRule(n, e, t, i) {
+    const { expression: s, message: r, messageType: c } = e, o = {
+      id: `${n}_${t}`,
+      type: t,
+      value: s
+    };
+    return (t === "validate" || t === "dataPicking" || t === "required") && (o.message = r), t === "dataPicking" && (o.messageType = c), t === "validate" && i && (o.elementId = i), o;
+  }
+  getExpressionData() {
+    const { expressions: n } = this.formSchemaService.getFormSchema().module;
+    return n || [];
+  }
+  updateExpression(n, e, t, i) {
+    const s = e === "Field" ? n.binding.field : n.id, r = this.buildRule(s, t, i, n.type === "form-group" ? n.id : "");
+    let o = this.getExpressionData().find((d) => d.targetType === e && d.target === s);
+    const g = (d) => d.value.trim() === "";
+    if (o) {
+      const d = o.rules.find((a) => a.id === r.id);
+      if (d)
+        g(r) ? o.rules = o.rules.filter((a) => a.id !== r.id) : (Object.assign(d, r), i === "validate" && n.type === "form-group" && (d.elementId = n.id));
+      else {
+        if (g(r))
+          return null;
+        o.rules = o.rules || [], o.rules.push(r);
+      }
+    } else {
+      if (g(r))
+        return null;
+      o = {
+        target: `${s}`,
+        rules: [r],
+        targetType: e
+      };
+    }
+    return o;
+  }
+  getExpressionEditorOptions(n, e, t, i) {
+    return t.reduce((s, r) => {
+      var o, g;
+      const c = e === "Field" ? (o = n == null ? void 0 : n.binding) == null ? void 0 : o.field : n.id;
+      return s[r] = {
+        hide: e === "Field" ? !!((g = n == null ? void 0 : n.binding) != null && g.field) : !1,
+        description: "",
+        title: this.expressionNames[r],
+        type: "string",
+        $converter: this.getExpressionConverter(c),
+        refreshPanelAfterChanged: !0,
+        editor: {
+          type: "expression-editor",
+          singleExpand: !1,
+          dialogTitle: `${this.expressionNames[r]}编辑器`,
+          showMessage: r === "validate" || r === "dataPicking" || r === "required",
+          showMessageType: r === "dataPicking",
+          beforeOpen: () => this.onBeforeOpenExpression(n, r, e),
+          onSubmitModal: (d) => {
+            const a = this.updateExpression(n, e, d, r);
+            if (i) {
+              const m = this.buildRule(c, d, r);
+              i(m);
+            }
+            return a;
+          }
+        }
+      }, s;
+    }, {});
+  }
+  getExpressionInfo(n, e, t) {
+    const i = e === "Field" ? n.binding.field : n.id, s = this.getExpressionRule(i, t), r = {
+      value: s && s.value,
+      targetId: i,
+      targetType: e,
+      expressionType: t
+    };
+    return s && s.message && (r.message = s.message), r;
+  }
+  getExpressionConfig(n, e, t = ["compute", "dependency", "validate"], i) {
+    return {
+      description: "表达式",
+      title: "表达式",
+      hide: !n.binding,
+      properties: {
+        ...this.getExpressionEditorOptions(n, e, t, i)
+      }
+    };
+  }
+  getExpressionOptions(n, e, t) {
+    const i = this.getExpressionInfo(n, e, t);
+    return {
+      dialogTitle: `${this.expressionNames[t]}编辑器`,
+      singleExpand: !1,
+      showMessage: t === "required",
+      beforeOpen: () => this.onBeforeOpenExpression(n, t, e),
+      expressionInfo: i
+    };
+  }
+}
+class le {
+  constructor(n, e) {
+    h(this, "componentId");
+    h(this, "viewModelId");
+    h(this, "eventsEditorUtils");
+    h(this, "formSchemaUtils");
+    h(this, "formMetadataConverter");
+    h(this, "designViewModelUtils");
+    h(this, "designViewModelField");
+    h(this, "controlCreatorUtils");
+    h(this, "designerHostService");
+    h(this, "designerContext");
+    h(this, "schemaService", null);
+    h(this, "metadataService", null);
+    h(this, "propertyConfig", {
+      type: "object",
+      categories: {}
+    });
+    var t;
+    this.componentId = n, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((t = this.formSchemaUtils) == null ? void 0 : t.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = e.designViewModelUtils, this.controlCreatorUtils = e.controlCreatorUtils, this.metadataService = e.metadataService, this.schemaService = e.schemaService, this.designerContext = e.designerContext;
+  }
+  getFormDesignerInstance() {
+    var n, e;
+    return (e = (n = this.designerContext) == null ? void 0 : n.instances) == null ? void 0 : e.formDesigner.value;
+  }
+  getTableInfo() {
+    var n;
+    return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
+  }
+  setDesignViewModelField(n) {
+    var t;
+    const e = n.binding && n.binding.type === "Form" && n.binding.field;
+    if (e) {
+      if (!this.designViewModelField) {
+        const i = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = i.fields.find((s) => s.id === e);
+      }
+      n.updateOn = (t = this.designViewModelField) == null ? void 0 : t.updateOn;
+    }
+  }
+  getBasicPropConfig(n) {
+    return {
+      description: "Basic Information",
+      title: "基本信息",
+      properties: {
+        id: {
+          description: "组件标识",
+          title: "标识",
+          type: "string",
+          readonly: !0
+        },
+        type: {
+          description: "组件类型",
+          title: "控件类型",
+          type: "select",
+          editor: {
+            type: "combo-list",
+            textField: "name",
+            valueField: "value",
+            idField: "value",
+            editable: !1,
+            data: [{ value: n.type, name: l[n.type] && l[n.type].name }]
+          }
+        }
+      }
+    };
+  }
+  getAppearanceConfig(n = null, e = {}, t) {
+    const i = {
+      title: "外观",
+      description: "Appearance"
+    }, s = {
+      class: {
+        title: "class样式",
+        type: "string",
+        description: "组件的CSS样式",
+        $converter: "/converter/appearance.converter",
+        parentPropertyID: "appearance"
+      },
+      style: {
+        title: "style样式",
+        type: "string",
+        description: "组件的样式",
+        $converter: "/converter/appearance.converter",
+        parentPropertyID: "appearance"
+      }
+    };
+    for (const r in e)
+      s[r] = Object.assign(s[r] || {}, e[r]);
+    return {
+      ...i,
+      properties: { ...s },
+      setPropertyRelates(r, c) {
+        if (r) {
+          switch (r && r.propertyID) {
+            case "class":
+            case "style": {
+              V.value++;
+              break;
+            }
+          }
+          t && t(r, n, c);
+        }
+      }
+    };
+  }
+  /**
+   * 
+   * @param propertyData 
+   * @param propertyTypes 
+   * @param propertyName 
+   * @param constInfos 
+   * @param variableInfos 
+   * @param expressionType 指定表达式类型，存在属性和表达式类型不一致的情况
+   * @returns 
+   */
+  getPropertyEditorParams(n, e = [], t = "visible", i = {}, s = {}, r = "") {
+    const { getVariables: c, getControlName: o, getStateMachines: g } = ae(this.designerHostService), d = this.getRealTargetType(n), a = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], m = {
+      type: "property-editor",
+      propertyTypes: a
+    };
+    return a.map((y) => {
+      switch (y) {
+        case "Const":
+          Object.assign(m, {
+            constType: "enum",
+            constEnums: [{ id: !0, name: "是" }, { id: !1, name: "否" }]
+          }, i);
+          break;
+        case "Expression":
+          m.expressionConfig = this.getExpressionOptions(n, d, r || t);
+          break;
+        case "StateMachine":
+          m.stateMachines = g();
+          break;
+        case "Variable":
+          Object.assign(m, {
+            controlName: o(n),
+            newVariablePrefix: "is",
+            newVariableType: "Boolean",
+            variables: c(this.viewModelId),
+            parentComponentId: this.componentId === "root-component" ? "" : "root-component",
+            onBeforeOpenVariables: (u) => {
+              u.value = c(this.viewModelId);
+            }
+          }, s), this.designerContext.designerMode === "PC_RTC" && (m.newVariablePrefix = "ext_" + m.newVariablePrefix);
+          break;
+      }
+    }), m;
+  }
+  getVisibleProperty(n, e = "") {
+    var s;
+    let t = ["Const", "Variable", "StateMachine", "Expression"];
+    return e === "gridFieldEditor" ? t = ["Const", "Expression"] : e === "form-group" && !((s = n.binding) != null && s.field) ? t = ["Const", "Variable", "StateMachine"] : (e === "dataGrid" || e === "treeGrid" || e === "wizard") && (t = ["Const", "Variable", "Expression"]), {
+      visible: {
+        title: "是否可见",
+        type: "boolean",
+        description: "运行时组件是否可见",
+        editor: this.getPropertyEditorParams(n, t, "visible")
+      }
+    };
+  }
+  /**
+   * 获取行为
+   * @param propertyData 
+   * @param viewModelId 
+   * @returns 
+   */
+  getBehaviorConfig(n, e = "", t = {}, i) {
+    const s = {
+      title: "行为",
+      description: ""
+    }, r = this.getVisibleProperty(n, e);
+    for (const o in t)
+      r[o] = Object.assign(r[o] || {}, t[o]);
+    const c = this;
+    return {
+      ...s,
+      properties: { ...r },
+      setPropertyRelates(o, g) {
+        if (o) {
+          switch (o.propertyID) {
+            case "disabled":
+            case "readonly":
+            case "visible":
+              c.afterMutilEditorChanged(n, o);
+              break;
+          }
+          i && i(o, g);
+        }
+      }
+    };
+  }
+  /**
+   * 当多值编辑器变更时
+   * @param propertyData 
+   * @param changeObject 
+   */
+  afterMutilEditorChanged(n, e) {
+    this.addNewVariableToViewModel(e, this.viewModelId), this.updateExpressionValue(e), this.clearExpression(e, n);
+  }
+  /**
+   * 
+   * @param propertyId 
+   * @param componentInstance 
+   * @returns 
+   */
+  updateElementByParentContainer(n, e) {
+    const t = e && e.parent && e.parent.schema;
+    if (!t)
+      return;
+    const i = t.contents.findIndex((r) => r.id === n), s = oe(t.contents[i]);
+    t.contents.splice(i, 1), t.contents.splice(i, 0, s), se();
+  }
+  /**
+   * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
+   * @param changeObject 
+   * @param viewModelId 
+   * @returns 
+   */
+  addNewVariableToViewModel(n, e) {
+    const t = n.propertyValue;
+    if (!(t && typeof t == "object") || !(t.type === "Variable" && t.isNewVariable))
+      return;
+    const r = {
+      id: t.field,
+      category: "locale",
+      code: t.fullPath,
+      name: t.fullPath,
+      type: t.newVariableType || "String",
+      isRtcVariable: this.designerContext.designerMode === "PC_RTC" ? !0 : void 0
+    };
+    delete t.newVariableType, delete t.isNewVariable, this.formSchemaUtils.getVariableByCode(r.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(r);
+  }
+  /**
+   * 更新表达式到expressions节点
+   * @param changeObject 
+   */
+  updateExpressionValue(n) {
+    const e = n.propertyValue;
+    if (!((e && e.type) === "Expression" && e.expressionInfo))
+      return;
+    const { expressionId: s, expressionInfo: r } = e, { targetId: c, targetType: o, expressionType: g, value: d, message: a } = r, m = this.formSchemaUtils.getModule();
+    m.expressions = m.expressions || [];
+    const { expressions: y } = m;
+    let u = y.find((v) => v.target === c);
+    u || (u = { target: c, rules: [], targetType: o }, y.push(u));
+    const f = u.rules.find((v) => v.type === g);
+    if (f)
+      f.value = d, f.message = a;
+    else {
+      const v = { id: s, type: g, value: d, message: a };
+      u.rules.push(v);
+    }
+    delete e.expressionInfo;
+  }
+  /**
+   * 属性类型切换为非表达式后，清除原表达式
+   * @param changeObject 
+   * @param propertyData 
+   * @returns 
+   */
+  clearExpression(n, e) {
+    const t = n.propertyValue;
+    if (t && t.type === "Expression")
+      return;
+    const s = n.propertyID, r = this.formSchemaUtils.getExpressions(), c = e.binding ? e.binding.field : e.id, o = r.find((g) => g.target === c);
+    !o || !o.rules || (o.rules = o.rules.filter((g) => g.type !== s));
+  }
+  getExpressionOptions(n, e, t) {
+    return new W(this.formSchemaUtils).getExpressionOptions(n, e, t);
+  }
+  getRealTargetType(n) {
+    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(n.type) > -1 ? "Button" : n.binding && n.binding.field ? "Field" : "Container";
+  }
+  createBaseEventProperty(n) {
+    const e = {};
+    return e[this.viewModelId] = {
+      type: "events-editor",
+      editor: {
+        initialData: n,
+        viewSourceHandle: (t) => {
+          var i;
+          ((i = t.controller) == null ? void 0 : i.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(t);
+        }
+      }
+    }, e;
+  }
+}
+const E = class E {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
+  static getEditorTypesByMDataType(n, e = !1, t = "") {
+    if (e)
+      return [{ key: l["language-textbox"].type, value: l["language-textbox"].name }];
+    let i = E.fieldControlTypeMapping[n];
+    if (t === "data-grid-column" && (i != null && i.length)) {
+      const s = [l["check-group"].type, l["radio-group"].type, l.image.type, l["rich-text-editor"].type];
+      i = i.filter((r) => !s.includes(r.key));
+    }
+    return i;
+  }
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const n = [];
+    for (const e in E.fieldControlTypeMapping)
+      E.fieldControlTypeMapping[e].forEach((t) => {
+        n.find((i) => i.key === t.key && i.value === t.value) || n.push({ key: t.key, value: t.value });
+      });
+    return n;
+  }
+  /**
+   * 提供schema字段基础属性和DOM控件属性的映射
+   * @param control 控件元数据
+   */
+  static mappingDomPropAndSchemaProp(n, e) {
+    var s;
+    const t = (s = n.editor) == null ? void 0 : s.type, i = [];
+    return (n.type === l["data-grid-column"].type || n.type === l["tree-grid-column"].type) && e && e.categoryId && e.categoryId.indexOf("gridFieldEditor") < 0 && i.push({ domField: "title", schemaField: "name" }), i.push({ domField: "label", schemaField: "name" }), i.push({ domField: "editor.required", schemaField: "require" }), i.push({ domField: "editor.readonly", schemaField: "readonly" }), (t === l["input-group"].type || t === l.textarea.type || t === l["number-spinner"].type) && i.push({ domField: "editor.maxLength", schemaField: "type.length" }), t === l["number-spinner"].type && i.push({ domField: "editor.precision", schemaField: "type.precision" }), (n.type === l["data-grid-column"].type || n.type === l["tree-grid-column"].type) && i.push({ domField: "formatter.precision", schemaField: "type.precision" }), (t === l["combo-list"].type || t === l["radio-group"].type) && i.push({ domField: "editor.data", schemaField: "type.enumValues" }), (n.type === l["data-grid-column"].type || n.type === l["tree-grid-column"].type) && i.push({ domField: "formatter.data", schemaField: "type.enumValues" }), t === l["date-picker"].type && (i.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), i.push({ domField: "editor.fieldType", schemaField: "type.name" })), t === l["number-spinner"].type && (i.push({ domField: "editor.max", schemaField: "editor.maxValue" }), i.push({ domField: "editor.min", schemaField: "editor.minValue" })), t === l.lookup.type && (i.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), i.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), i.push({ domField: "editor.textField", schemaField: "editor.textField" }), i.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), i.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), i.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), i.push({ domField: "path", schemaField: "bindingPath" }), i.push({ domField: "binding.path", schemaField: "bindingField" }), i.push({ domField: "binding.fullPath", schemaField: "path" }), (n.type === l["data-grid-column"].type || n.type === l["tree-grid-column"].type) && i.push({ domField: "field", schemaField: "bindingPath" }), i;
+  }
+};
+/**
+ * <字段类型,可配置的控件类型列表>的映射
+ */
+h(E, "fieldControlTypeMapping", {
+  String: [
+    { key: l["input-group"].type, value: l["input-group"].name },
+    { key: l.lookup.type, value: l.lookup.name },
+    { key: l.image.type, value: l.image.name },
+    { key: l["date-picker"].type, value: l["date-picker"].name },
+    { key: l.switch.type, value: l.switch.name },
+    { key: l["check-box"].type, value: l["check-box"].name },
+    { key: l["check-group"].type, value: l["check-group"].name },
+    { key: l["radio-group"].type, value: l["radio-group"].name },
+    { key: l["combo-list"].type, value: l["combo-list"].name },
+    { key: l.textarea.type, value: l.textarea.name },
+    { key: l["time-picker"].type, value: l["time-picker"].name }
+  ],
+  Text: [
+    { key: l.textarea.type, value: l.textarea.name },
+    { key: l.lookup.type, value: l.lookup.name },
+    { key: l.image.type, value: l.image.name },
+    { key: l.avatar.type, value: l.avatar.name },
+    { key: l["rich-text-editor"].type, value: l["rich-text-editor"].name }
+  ],
+  Decimal: [
+    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+  ],
+  Integer: [
+    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+  ],
+  Number: [
+    { key: l["number-spinner"].type, value: l["number-spinner"].name },
+    { key: l.switch.type, value: l.switch.name },
+    { key: l["check-box"].type, value: l["check-box"].name }
+  ],
+  BigNumber: [
+    { key: l["number-spinner"].type, value: l["number-spinner"].name }
+  ],
+  Date: [
+    { key: l["date-picker"].type, value: l["date-picker"].name }
+  ],
+  DateTime: [
+    { key: l["date-picker"].type, value: l["date-picker"].name }
+  ],
+  Boolean: [
+    { key: l.switch.type, value: l.switch.name },
+    { key: l["check-box"].type, value: l["check-box"].name }
+  ],
+  Enum: [
+    { key: l["combo-list"].type, value: l["combo-list"].name },
+    { key: l["radio-group"].type, value: l["radio-group"].name }
+  ],
+  Object: [
+    { key: l.lookup.type, value: l.lookup.name },
+    { key: l["combo-list"].type, value: l["combo-list"].name },
+    { key: l["radio-group"].type, value: l["radio-group"].name }
+  ]
+});
+let P = E;
+var k = /* @__PURE__ */ ((p) => (p.Form = "Form", p.Variable = "Variable", p))(k || {});
+class de {
+  constructor() {
+    /** 控件标题 */
+    h(this, "label", "");
+    /** 控件id */
+    h(this, "id", "");
+    /** 每个控件占用的栅格数 */
+    h(this, "columnInSM", 12);
+    h(this, "columnInMD", 6);
+    h(this, "columnInLG", 3);
+    h(this, "columnInEL", 2);
+    /** 每个控件占用的列数 */
+    h(this, "displayWidthInSM", 1);
+    h(this, "displayWidthInMD", 1);
+    h(this, "displayWidthInLG", 1);
+    h(this, "displayWidthInEL", 1);
+    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
+    h(this, "displayColumnCountAtBreakPoint", "md");
+    /** 控件所在行，传0即可-----编辑器内部使用 */
+    h(this, "tagRow", 0);
+    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
+    h(this, "showTopBorder", 0);
+    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
+    h(this, "group", 1);
+    /** 控件是否符合标准的class配置(设计器用的) */
+    h(this, "isSupportedClass", !0);
+    /** 控件所在分组id(设计器用的) */
+    h(this, "fieldSetId", "");
+  }
+}
+function ce(p) {
+  let n, e;
+  const t = /* @__PURE__ */ new Map();
+  let i = [];
+  function s(d, a) {
+    const y = d.split(" ").filter((F) => F.startsWith("col-"));
+    if (y.length === 0) {
+      a.isSupportedClass = !1;
+      return;
+    }
+    let u = y.find((F) => /^col-([1-9]|10|11|12)$/.test(F)), f = y.find((F) => /^col-md-([1-9]|10|11|12)$/.test(F)), v = y.find((F) => /^col-xl-([1-9]|10|11|12)$/.test(F)), C = y.find((F) => /^col-el-([1-9]|10|11|12)$/.test(F));
+    u = u || "col-12", a.columnInSM = parseInt(u.replace("col-", ""), 10), a.displayWidthInSM = a.columnInSM / 12, a.displayWidthInSM !== 1 && (a.isSupportedClass = !1), f = f || "col-md-" + a.columnInSM, a.columnInMD = parseInt(f.replace("col-md-", ""), 10), a.displayWidthInMD = a.columnInMD / 6, [1, 2].includes(a.displayWidthInMD) || (a.isSupportedClass = !1), v = v || "col-xl-" + a.columnInMD, a.columnInLG = parseInt(v.replace("col-xl-", ""), 10), a.displayWidthInLG = a.columnInLG / 3, [1, 2, 3, 4].includes(a.displayWidthInLG) || (a.isSupportedClass = !1), C = C || "col-el-" + a.columnInLG, a.columnInEL = parseInt(C.replace("col-el-", ""), 10), a.displayWidthInEL = a.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(a.displayWidthInEL) || (a.isSupportedClass = !1);
+  }
+  function r(d, a, m, y = !1) {
+    let u = !1;
+    d.contents.forEach((f) => {
+      if (f.type === "fieldset") {
+        m += 1, r(f, a, m, !0), u = !0;
+        return;
+      }
+      u && (m += 1, u = !1);
+      const v = f.appearance && f.appearance.class, C = new de();
+      v ? s(v, C) : C.isSupportedClass = !1, C.label = f.label || f.id, C.id = f.id, C.group = m, y && (C.fieldSetId = d.id), e === f.id && (n = m), t.set(f.id, f), a.push(C);
+    });
+  }
+  function c(d) {
+    const a = p.getComponentById(d);
+    if (!a || !a.componentType || !a.componentType.startsWith("form"))
+      return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
+    const m = p.selectNode(a, (y) => y.type === l["response-form"].type);
+    return !m || !m.contents || m.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: m };
+  }
+  function o(d, a) {
+    a = a || d.id;
+    const { result: m, message: y, formNode: u } = c(a);
+    if (!m)
+      return { result: m, message: y };
+    e = d.id, i = [], t.clear();
+    const f = u.contents[0].type === l.fieldset.type ? 0 : 1;
+    r(u, i, f);
+    const v = i.find((F) => !F.isSupportedClass);
+    return {
+      defaultState: {
+        defaultGroupNumber: n || 1,
+        model: v ? "customize" : "standard"
+      },
+      importData: i
+    };
+  }
+  function g(d, a) {
+    a = a;
+    const { result: m, formNode: y } = c(a);
+    if (!m)
+      return "";
+    const u = [];
+    return d.forEach((f) => {
+      var F;
+      const v = t.get(f.id), C = v.appearance && v.appearance.class;
+      if (C) {
+        const w = C.split(" ").filter((Y) => !Y.startsWith("col-")), I = "col-" + f.columnInSM, _ = "col-md-" + f.columnInMD, H = "col-xl-" + f.columnInLG, J = "col-el-" + f.columnInEL, Q = [I, _, H, J].concat(w);
+        v.appearance.class = Q.join(" ");
+      }
+      if (f.fieldSetId) {
+        const T = y.contents.find((I) => I.id === f.fieldSetId), w = u.find((I) => I.id === f.fieldSetId);
+        w ? (F = w.contents) == null || F.push(v) : (u.push(T), T.contents = [v]);
+      } else
+        u.push(v);
+    }), y.contents = u, y.id;
+  }
+  return {
+    checkCanFindFormNode: c,
+    checkCanOpenLayoutEditor: o,
+    changeFormControlsByResponseLayoutConfig: g,
+    getResonseFormLayoutConfig: r
+  };
+}
+const ue = (p) => b(te, null, [b("h5", null, [N("代码示例")]), b("pre", {
+  style: "background-color: #f5f5f5; padding: 10px; border-radius: 5px;"
+}, [b("code", null, [`
+<h3>Tips:</h3>
+<span style="color: blue;">
+    自定义提示内容
+</span>
+            `])])]);
+class pe extends le {
+  constructor(e, t) {
+    super(e, t);
+    h(this, "responseLayoutEditorFunction");
+    /** 控件绑定的变量 */
+    h(this, "bindingVarible");
+    h(this, "formGroupEvents", [
+      {
+        label: "fieldValueChanging",
+        name: "绑定字段值变化前事件"
+      },
+      {
+        label: "fieldValueChanged",
+        name: "绑定字段值变化后事件"
+      },
+      {
+        label: "onClickLabel",
+        name: "标签点击事件"
+      }
+    ]);
+    h(this, "numberEditorOptions", {
+      type: "number-spinner",
+      useThousands: !1,
+      keyboard: !1,
+      showButton: !1
+    });
+    this.responseLayoutEditorFunction = ce(this.formSchemaUtils);
+  }
+  getCommonPropertyConfig(e, t, i = "Card") {
+    if (this.propertyConfig.categories.basic = this.getBasicProperties(e, t, i), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e, t), this.propertyConfig.categories.behavior = this.getBehaviorConfig(e, "form-group"), i === "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", "language-textbox"].includes(e.editor.type) && (this.propertyConfig.categories.expansion = this.getExpandProperties(e));
+    }
+  }
+  getPropertyConfig(e, t) {
+    return this.getCommonPropertyConfig(e, t, "Card"), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig.categories.expressions = this.getExpressionConfig(e, "Field"), this.propertyConfig.categories.eventsEditor = this.getEventPropertyConfig(e), this.propertyConfig;
+  }
+  getGridFieldEdtiorPropConfig(e, t) {
+    return this.propertyConfig.categories = {}, this.getCommonPropertyConfig(e, t, "Grid"), this.getGridFieldEdtiorProperties ? this.propertyConfig.categories.editor = this.getGridFieldEdtiorProperties(e) : this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig.categories.expressons = this.getExpressionConfig(e, "Field"), this.propertyConfig.categories;
+  }
+  getBasicProperties(e, t, i = "Card") {
+    var g;
+    const s = this;
+    this.setDesignViewModelField(e);
+    const { canChangeControlType: r, editorTypeList: c } = this.getAvailableEditorType(e), o = {
+      description: "Basic Information",
+      title: "基本信息",
+      properties: {
+        id: {
+          description: "组件标识",
+          title: "标识",
+          type: "string",
+          readonly: !0
+        },
+        type: {
+          description: "编辑器类型",
+          title: "编辑器类型",
+          type: "string",
+          $converter: "/converter/change-editor.converter",
+          parentPropertyID: "editor",
+          editor: {
+            type: "combo-list",
+            textField: "value",
+            valueField: "key",
+            idField: "key",
+            editable: !1,
+            data: c,
+            readonly: !r
+          }
+        },
+        label: {
+          title: "标签",
+          type: "string",
+          $converter: "/converter/form-group-label.converter"
+        },
+        showLabelType: {
+          description: "标签显示方式：1、显示：显示标签 2、占位：保留标签空间，但不显示文本 3、不显示：不显示标签",
+          title: "标签显示",
+          type: "enum",
+          editor: {
+            data: [{ id: "visible", name: "显示" }, { id: "reserve-space", name: "占位" }, { id: "none", name: "不显示" }]
+          },
+          defaultValue: ((g = e.editor) == null ? void 0 : g.type) === "image" ? "none" : "visible"
+        },
+        binding: {
+          description: "绑定的表单字段",
+          title: "绑定",
+          editor: {
+            type: "binding-selector",
+            bindingType: { enable: !0 },
+            editorParams: {
+              componentSchema: e,
+              needSyncToViewModel: !0,
+              viewModelId: this.viewModelId,
+              designerHostService: this.designerHostService,
+              disableOccupiedFields: !0
+            },
+            textField: "bindingField"
+          },
+          refreshPanelAfterChanged: !0,
+          readonly: this.formSchemaUtils.designerMode === "PC_RTC" && !e.isRtcControl
+        }
+      },
+      setPropertyRelates(d, a, m) {
+        if (d)
+          switch (d && d.propertyID) {
+            case "type": {
+              s.changeControlType(e, d, t);
+              break;
+            }
+            case "label": {
+              d.needRefreshControlTree = !0;
+              break;
+            }
+            case "binding": {
+              s.changeBindingField(e, d, m);
+              break;
+            }
+          }
+      }
+    };
+    return i.toLocaleLowerCase() !== "card" && delete o.properties.showLabelType, o;
+  }
+  getExpandProperties(e) {
+    const t = this, i = ["Const", "Variable"], s = this.getPropertyEditorParams(e, i, "expandable"), r = this.getPropertyEditorParams(e, i, "expandDisabled");
+    return {
+      description: "Expand Information",
+      title: "扩展区域",
+      properties: {
+        expandable: {
+          description: "是否启用扩展区域",
+          title: "启用扩展区域",
+          refreshPanelAfterChanged: !0,
+          $converter: "/converter/property-editor.converter",
+          editor: s
+        },
+        expandMode: {
+          description: "扩展模式 text | button",
+          title: "扩展模式",
+          type: "enum",
+          refreshPanelAfterChanged: !0,
+          $converter: "/converter/property-editor.converter",
+          editor: {
+            data: [{ id: "text", name: "静态文本" }, { id: "button", name: "交互按钮" }]
+          },
+          defaultValue: "text",
+          visible: !!e.editor.expandable
+        },
+        expandContent: {
+          $converter: "/converter/property-editor.converter",
+          description: "扩展内容",
+          title: "扩展内容",
+          type: "string",
+          visible: !!e.editor.expandable
+        },
+        expandDisabled: {
+          $converter: "/converter/property-editor.converter",
+          description: "是否隐藏扩展区域",
+          title: "隐藏扩展区域",
+          editor: r,
+          visible: !!e.editor.expandable
+        }
+      },
+      setPropertyRelates(o, g) {
+        if (o)
+          switch (o.propertyID) {
+            case "expandable":
+            case "expandDisabled":
+              t.afterMutilEditorChanged(e, o);
+              break;
+          }
+      }
+    };
+  }
+  /**
+   * 校验控件是否支持切换类型
+   * @param control 控件
+   */
+  checkCanChangeControlType(e, t) {
+    if (!e.binding)
+      return !1;
+    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 !== L.SimpleField)
+      return !1;
+    return !0;
+  }
+  /**
+   * 获取可选的编辑器类型
+   */
+  getAvailableEditorType(e) {
+    var s;
+    const t = this.checkCanChangeControlType(e, this.viewModelId);
+    if (!t)
+      return {
+        canChangeControlType: !1,
+        editorTypeList: [{
+          key: e.editor.type,
+          value: ((s = l[e.editor.type]) == null ? void 0 : s.name) || e.editor.type
+        }]
+      };
+    let i = [];
+    return this.designViewModelField && this.designViewModelField.$type === L.SimpleField ? i = P.getEditorTypesByMDataType(this.designViewModelField.type.name, this.designViewModelField.multiLanguage) : this.bindingVarible && (i = P.getEditorTypesByMDataType(this.bindingVarible.type, !1)), { canChangeControlType: t, editorTypeList: i };
+  }
+  changeBindingField(e, t, i) {
+    t.needRefreshEntityTree = !0;
+  }
+  getAppearanceProperties(e, t) {
+    const i = this;
+    return {
+      title: "外观",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式",
+          $converter: "/converter/appearance.converter",
+          parentPropertyID: "appearance"
+        },
+        style: {
+          title: "style样式",
+          type: "string",
+          description: "组件的内联样式",
+          $converter: "/converter/appearance.converter",
+          parentPropertyID: "appearance"
+        },
+        fill: {
+          title: "填充宽度",
+          description: "启用后，控件占满父容器宽度",
+          type: "boolean",
+          parentPropertyID: "appearance"
+        },
+        responseLayout: {
+          description: "响应式列宽",
+          title: "响应式列宽",
+          type: "boolean",
+          visible: !0,
+          // 这个属性，标记当属性变更得时候触发重新更新属性
+          refreshPanelAfterChanged: !0,
+          editor: {
+            type: "response-layout-editor-setting",
+            beforeOpen: () => i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e, i.componentId)
+          }
+        }
+      },
+      setPropertyRelates(s, r) {
+        if (s)
+          switch (s && s.propertyID) {
+            case "responseLayout":
+              i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(s.propertyValue, i.componentId || e.id), i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId), i.updateElementByParentContainer(e.id, t), delete e.responseLayout;
+              break;
+            case "class":
+              i.updateUnifiedLayoutAfterControlChanged(s.propertyValue, e.id, this.componentId), V.value++;
+              break;
+            case "style": {
+              V.value++;
+              break;
+            }
+          }
+      }
+    };
+  }
+  getEditorProperties(e) {
+    return this.getComponentConfig(e);
+  }
+  /**
+   * 卡片控件：切换控件类型后事件
+   * @param propertyData 控件DOM属性
+   * @param newControlType 新控件类型
+   */
+  changeControlType(e, t, i) {
+    const s = t.propertyValue, r = i && i.parent && i.parent.schema;
+    if (!r)
+      return;
+    const c = r.contents.findIndex((d) => d.id === e.id);
+    if (c === -1)
+      return;
+    const o = r.contents[c];
+    let g;
+    if (this.designViewModelField) {
+      const m = this.formSchemaUtils.getViewModelById(this.viewModelId).fields.find((u) => u.id === this.designViewModelField.id).fieldSchema || {};
+      m.editor || (m.editor = {}), m.editor.$type = s, this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, m, !1), g = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, s);
+    }
+    g || (g = this.controlCreatorUtils.createFormGroupWithoutField(s)), Object.assign(g, {
+      id: o.id,
+      appearance: o.appearance,
+      size: o.size,
+      label: o.label,
+      binding: o.binding
+    }), Object.prototype.hasOwnProperty.call(o, "visible") && Object.assign(g, { visible: o.visible }), o.editor && ["readonly", "required", "placeholder"].map((d) => {
+      Object.prototype.hasOwnProperty.call(o.editor, d) && (g.editor[d] = o.editor[d]);
+    }), i != null && i.updateContextSchema ? i.updateContextSchema(g) : (i.schema = Object.assign(o, g), Object.assign(e, g)), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (d) => d.classList.remove("dgComponentSelected")
+    ), Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
+      (d) => d.classList.remove("dgComponentFocused")
+    ), V.value++, ie(() => {
+      this.getFormDesignerInstance().reloadPropertyPanel();
+    });
+  }
+  getTipsConfig(e) {
+    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: "",
+        title: "启用提示",
+        type: "boolean",
+        default: !1
+      },
+      tipsContent: {
+        description: "提示内容",
+        title: "提示内容",
+        type: "string",
+        editor: {
+          type: "code-editor",
+          language: "html",
+          leftTemplate: ue
+        },
+        visible: !!e.enableTips
+      }
+    } : {};
+  }
+  getComponentConfig(e, t = {}, i = {}, s) {
+    var m, y;
+    const r = Object.assign({
+      description: "编辑器",
+      title: "编辑器",
+      type: "input-group",
+      $converter: "/converter/property-editor.converter",
+      parentPropertyID: "editor"
+    }, t), c = (m = e.binding) != null && m.field ? [] : ["Const", "Variable", "StateMachine"], o = this.getPropertyEditorParams(e, c, "readonly"), g = this.getPropertyEditorParams(e, c, "required"), d = {
+      readonly: {
+        description: "",
+        title: "只读",
+        editor: o
+      },
+      required: {
+        description: "",
+        title: "必填",
+        type: "boolean",
+        editor: g,
+        visible: !!((y = e.binding) != null && y.field)
+      },
+      placeholder: {
+        description: "当控件没有值时在输入框中显示的文本",
+        title: "提示文本",
+        type: "string"
+      }
+    };
+    for (const u in i)
+      d[u] = Object.assign(d[u] || {}, i[u]);
+    const a = this;
+    return {
+      ...r,
+      properties: { ...d },
+      setPropertyRelates(u, f) {
+        if (u) {
+          switch (u.propertyID) {
+            case "readonly":
+            case "required":
+              a.afterMutilEditorChanged(e, u);
+              break;
+          }
+          s && s.bind(a)(u, e, f);
+        }
+      }
+    };
+  }
+  /**
+  * 修改某一输入控件的样式后更新Form的统一布局配置
+  * @param controlClass 控件样式
+  * @param controlId 控件Id
+  * @param componentId 控件所在组件id
+  */
+  updateUnifiedLayoutAfterControlChanged(e, t, i) {
+    const s = e.split(" ");
+    let r = s.find((a) => /^col-([1-9]|10|11|12)$/.test(a)), c = s.find((a) => /^col-md-([1-9]|10|11|12)$/.test(a)), o = s.find((a) => /^col-xl-([1-9]|10|11|12)$/.test(a)), g = s.find((a) => /^col-el-([1-9]|10|11|12)$/.test(a));
+    r = r || "col-12", c = c || "col-md-" + r.replace("col-", ""), o = o || "col-xl-" + c.replace("col-md-", ""), g = g || "col-el-" + o.replace("col-xl-", "");
+    const d = {
+      id: t,
+      columnInSM: parseInt(r.replace("col-", ""), 10),
+      columnInMD: parseInt(c.replace("col-md-", ""), 10),
+      columnInLG: parseInt(o.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(g.replace("col-el-", ""), 10)
+    };
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, d);
+  }
+  /**
+   * 修改控件布局配置后更新Form统一布局配置
+   * @param componentId 组件Id
+   * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
+   */
+  updateUnifiedLayoutAfterResponseLayoutChanged(e, t) {
+    const { formNode: i } = this.responseLayoutEditorFunction.checkCanFindFormNode(e);
+    if (!i || !i.unifiedLayout)
+      return;
+    const s = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i, s, 1), t) {
+      const u = s.find((f) => f.id === t.id);
+      Object.assign(u || {}, t);
+    }
+    const r = s.map((u) => u.columnInSM), c = s.map((u) => u.columnInMD), o = s.map((u) => u.columnInLG), g = s.map((u) => u.columnInEL), d = this.checkIsUniqueColumn(r) ? r[0] : null, a = this.checkIsUniqueColumn(c) ? c[0] : null, m = this.checkIsUniqueColumn(o) ? o[0] : null, y = this.checkIsUniqueColumn(g) ? g[0] : null;
+    Object.assign(i.unifiedLayout, {
+      uniqueColClassInSM: d,
+      uniqueColClassInMD: a,
+      uniqueColClassInLG: m,
+      uniqueColClassInEL: y
+    });
+  }
+  /**
+   * 校验宽度样式值是否一致
+   */
+  checkIsUniqueColumn(e) {
+    const t = new Set(e);
+    return Array.from(t).length === 1;
+  }
+  /**
+   * 枚举项编辑器
+   * @param propertyData 
+   * @param valueField 
+   * @param textField 
+   * @returns 
+   */
+  getItemCollectionEditor(e, t, i) {
+    return t = t || "value", i = i || "name", {
+      editor: {
+        columns: [
+          { field: t, title: "值", dataType: "string" },
+          { field: i, title: "名称", dataType: "string" }
+          // { field: 'disabled', title: '禁用', dataType: 'boolean', editor: { type: 'switch' } },
+        ],
+        type: "item-collection-editor",
+        valueField: t,
+        nameField: i,
+        requiredFields: [t, i],
+        uniqueFields: [t, i],
+        readonly: this.checkEnumDataReadonly(e)
+      }
+    };
+  }
+  /**
+  * 判断枚举数据是否只读
+  * 1、没有绑定信息或者绑定变量，可以新增、删除、修改
+  * 2、绑定类型为字段，且字段为枚举字段，则不可新增、删除、修改枚举值。只能从be修改然后同步到表单上。
+  * @param propertyData 下拉框控件属性值
+  */
+  checkEnumDataReadonly(e) {
+    return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === D.EnumType);
+  }
+  /**
+  * 将字段值变化前事件、变化后事件追加到交互面板
+  * 注意：因为绑定字段值变化后事件与下拉框的值变化事件(valueChanged)重名，所以这里将事件label都重命名下
+  */
+  appendFieldValueChangeEvents(e, t) {
+    e.binding && e.binding.type === k.Form && e.binding.field ? (t.find((i) => i.label === "fieldValueChanging"), t.find((i) => i.label === "fieldValueChanged"), this.designViewModelField && (e.fieldValueChanging = this.designViewModelField.valueChanging, e.fieldValueChanged = this.designViewModelField.valueChanged)) : t = t.filter((i) => i.label !== "fieldValueChanging" && i.label !== "fieldValueChanged");
+  }
+  getControlMethodType(e) {
+    if (!e.binding)
+      return e.type;
+    switch (e.binding.type) {
+      case k.Form:
+        return e.binding.path || e.type;
+      case k.Variable:
+        return e.binding.fullPath || e.type;
+    }
+    return e.type;
+  }
+  updateLinkedLabel(e, t) {
+    if (e.boundEventsList && e.boundEventsList.length > 0) {
+      const i = e.boundEventsList.find((s) => s.boundEvents && s.boundEvents.label === "onClickLabel");
+      t.linkLabel = !!i;
+    } else
+      t.linkLabel = !1;
+  }
+  /**
+  * 组装输入类控件的交互面板：包含标签超链、绑定字段值变化前后事件等。
+  * @param propertyData 属性值
+  * @param viewModelId 视图模型id
+  * @param showPosition 面板展示位置
+  * @param customEvent 输入控件特有的事件配置
+  */
+  getEventPropertyConfig(e, t = "card", i, s) {
+    const r = this;
+    let c = [...this.formGroupEvents];
+    if (["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group"].includes(e.editor.type) && c.push({
+      lable: "onClear",
+      name: "清空事件"
+    }), i && (c = c.concat(i)), c.length === 0)
+      return {
+        title: "事件",
+        hideTitle: !0,
+        properties: {},
+        tabId: "commands",
+        tabName: "交互",
+        hide: !0
+      };
+    this.appendFieldValueChangeEvents(e, c);
+    const g = r.eventsEditorUtils.formProperties(e, r.viewModelId, c);
+    return {
+      title: "事件",
+      hideTitle: !0,
+      properties: r.createBaseEventProperty(g),
+      tabId: "commands",
+      tabName: "交互",
+      setPropertyRelates(m, y) {
+        const u = m.propertyValue;
+        delete e[r.viewModelId], u && (u.setPropertyRelates = this.setPropertyRelates, u.controlInfo = { type: r.getControlMethodType(e), name: e.title }, r.eventsEditorUtils.saveRelatedParameters(e, r.viewModelId, u.events, u), r.updateLinkedLabel(u, y)), s && s(m, y, u);
+        const f = r.designViewModelUtils.getDgViewModel(r.viewModelId);
+        f && r.designViewModelField && f.changeField(r.designViewModelField.id, { valueChanging: e.fieldValueChanging, valueChanged: e.fieldValueChanged });
+      }
+    };
+  }
+  getExpressionConfig(e, t, i = ["compute", "dependency", "validate"], s) {
+    return new W(this.formSchemaUtils).getExpressionConfig(
+      e,
+      t,
+      i,
+      s
+    );
+  }
+  getBindingDataType() {
+    return this.designViewModelField ? this.designViewModelField.type.name === "Number" ? "number" : this.designViewModelField.type.name === "String" ? "string" : "boolean" : "boolean";
+  }
+  getEditor() {
+    return this.getBindingDataType() === "number" ? this.numberEditorOptions : {};
+  }
+  updatePropertyValue(e, t, i) {
+    var s;
+    e.editor[t] !== i ? e.editor[t] = i : (s = this.getFormDesignerInstance()) == null || s.reloadPropertyPanel();
+  }
+  setBooleanValue(e, t, i) {
+    let s = i;
+    this.getBindingDataType() === "string" && (s = (s || "").trim() || (t === "trueValue" ? "true" : "false"));
+    const c = t === "trueValue" ? "falseValue" : "trueValue";
+    e.editor[c] === s && (s = s + 1), this.updatePropertyValue(e, t, s);
+  }
+  getBooleanValueConverter() {
+    return {
+      convertFrom: (e, t) => e.editor[t],
+      convertTo: (e, t, i) => {
+        this.setBooleanValue(e, t, i);
+      }
+    };
+  }
+}
+class ge extends pe {
+  getPropertyConfig(n, e) {
+    this.propertyConfig.categories.basic = this.getBasicPropConfig(n), this.propertyConfig.categories.appearance = this.getAppearanceConfig(n, {
+      horizontal: {
+        description: "布局方向",
+        title: "布局方向",
+        type: "enum",
+        editor: {
+          type: "combo-list",
+          data: [{ id: !0, name: "水平" }, { id: !1, name: "垂直" }]
+        }
+      }
+    });
+    const t = this, i = this.getPropertyEditorParams(n, ["Variable"], "", {}, { newVariablePrefix: "", newVariableType: "Object" });
+    return this.propertyConfig.categories.behavior = this.getBehaviorConfig(n, "", {
+      dataSourceType: {
+        description: "若要配置标签数值，请使用动态数据源。",
+        title: "数据源类型",
+        type: "enum",
+        visible: !0,
+        editor: {
+          default: "static",
+          data: [
+            { id: "static", name: "静态" },
+            { id: "dynamic", name: "动态" }
+          ]
+        },
+        refreshPanelAfterChanged: !0
+      },
+      bindDataSource: {
+        description: "动态类型绑定数据源选择",
+        title: "绑定数据源",
+        visible: (n == null ? void 0 : n.dataSourceType) === "dynamic",
+        type: "object",
+        editor: i
+      },
+      navData: {
+        description: "静态类型数据源选择",
+        title: "数据源",
+        type: "array",
+        visible: !(n != null && n.dataSourceType) || n.dataSourceType === "static",
+        ...t.getItemCollectionEditor(n, n.idField || "id", n.displayField || "text"),
+        // 这个属性，标记当属性变更得时候触发重新更新属性
+        refreshPanelAfterChanged: !0
+      },
+      maxNum: {
+        description: "超过最大值后以【maxNum+】显示，仅支持动态数据源场景。",
+        title: "显示数字最大值",
+        min: 0,
+        useThousands: !1,
+        needValid: !0,
+        visible: n.dataSourceType === "dynamic"
+      }
+    }, (s, r) => {
+      switch (s.propertyID) {
+        case "bindDataSource":
+          t.afterMutilEditorChanged(n, s);
+          break;
+      }
+    }), this.getEventPropConfig(n), this.propertyConfig;
+  }
+  getEventPropConfig(n) {
+    const e = [
+      {
+        label: "onNav",
+        name: "切换事件"
+      }
+    ], t = this, i = t.eventsEditorUtils.formProperties(n, t.viewModelId, e), s = t.createBaseEventProperty(i);
+    this.propertyConfig.categories.eventsEditor = {
+      title: "事件",
+      hideTitle: !0,
+      properties: s,
+      // 这个属性，标记当属性变更得时候触发重新更新属性
+      refreshPanelAfterChanged: !0,
+      tabId: "commands",
+      tabName: "交互",
+      setPropertyRelates(r, c) {
+        const o = r.propertyValue;
+        delete n[t.viewModelId], o && (o.setPropertyRelates = this.setPropertyRelates, t.eventsEditorUtils.saveRelatedParameters(n, t.viewModelId, o.events, o)), n.remoteSort = !!n.columnSorted;
+      }
+    };
+  }
+}
+function me(p, n) {
+  function e(r, c) {
+    const o = p.schema;
+    return new ge(r, n).getPropertyConfig(o, c);
+  }
+  function t() {
+    return !1;
+  }
+  function i() {
+    return !1;
+  }
+  function s() {
+    return !1;
+  }
+  return {
+    getPropsConfig: e,
+    canAccepts: t,
+    checkCanDeleteComponent: i,
+    checkCanMoveComponent: s
+  };
+}
+function fe(p, n, e) {
+  return n === "dynamic" ? { navData: Array.isArray(e.bindDataSource) ? e.bindDataSource || [] : [] } : { navData: e.navData };
+}
+const he = /* @__PURE__ */ new Map([
+  ["appearance", G],
+  ["dataSourceType", fe]
+]), ye = /* @__PURE__ */ new Map([
+  ["appearance", G]
+]);
+function j(p, n, e) {
+  return n;
+}
+const ve = "https://json-schema.org/draft/2020-12/schema", be = "https://farris-design.gitee.io/nav.schema.json", Ce = "nav", Fe = "A Farris Component", Ee = "object", xe = {
+  id: {
+    description: "The unique identifier for a nav",
+    type: "string"
+  },
+  type: {
+    description: "The type string of nav component",
+    type: "string",
+    default: "nav"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  activeNavId: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  displayField: {
+    description: "",
+    type: "string",
+    default: "text"
+  },
+  disableField: {
+    description: "",
+    type: "string",
+    default: "disable"
+  },
+  horizontal: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  idField: {
+    description: "",
+    type: "string",
+    default: "id"
+  },
+  valueField: {
+    description: "",
+    type: "string",
+    default: "num"
+  },
+  maxNum: {
+    description: "",
+    type: "number"
+  },
+  navData: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  dataSourceType: {
+    description: "",
+    type: "string",
+    default: "static"
+  },
+  bindDataSource: {
+    description: "",
+    type: "object"
+  },
+  navPicking: {
+    description: "",
+    type: "function"
+  }
+}, Ie = [
+  "id",
+  "type"
+], z = {
+  $schema: ve,
+  $id: be,
+  title: Ce,
+  description: Fe,
+  type: Ee,
+  properties: xe,
+  required: Ie
+}, B = {
+  /** 当前激活的id */
+  activeNavId: { Type: String, default: "" },
+  /** 导航文本字段 */
+  displayField: { Type: String, default: "text" },
+  /** 控制禁用字段 */
+  disableField: { Type: String, default: "disable" },
+  /** 水平或垂直方向 */
+  horizontal: { Type: Boolean, default: !0 },
+  /** 标识字段 */
+  idField: { Type: String, default: "id" },
+  /** 最大数值 */
+  maxNum: { Type: Number, default: 99 },
+  /** 导航数据 */
+  navData: {
+    Type: Array,
+    default: []
+  },
+  /** 切换前事件 */
+  navPicking: {
+    type: Function,
+    default: () => (p) => !0
+  },
+  /** 徽标值字段 */
+  valueField: { Type: String, default: "num" },
+  visible: { Type: Boolean, default: !0 },
+  customClass: { Type: String, default: "" },
+  customStyle: { Type: String, default: "" }
+}, Me = O(B, z, he, j), X = Object.assign({}, B, {
+  componentId: { type: String, default: "" },
+  dataSourceType: { Type: String, default: "static" }
+}), we = O(X, z, ye, j), S = /* @__PURE__ */ R({
+  name: "FNavDesign",
+  props: X,
+  emits: ["nav"],
+  setup(p, n) {
+    const e = x(p.activeNavId), t = [{
+      id: "1",
+      text: "全部"
+    }, {
+      id: "2",
+      text: "已回复"
+    }, {
+      id: "3",
+      text: "待回复",
+      num: 200
+    }, {
+      id: "4",
+      text: "@我",
+      num: 33
+    }], i = x(p.navData && p.navData.length === 0 ? t : p.navData), s = x(), r = U("design-item-context"), c = U("designer-host-service"), o = me(r, c), g = re(s, r, o);
+    ne(() => {
+      s.value.componentInstance = g;
+    }), n.expose(g.value), q(() => p.navData, (u) => {
+      i.value = u && u.length === 0 ? t : u, d();
+    });
+    function d() {
+      if (i.value && i.value.length && !e.value) {
+        const u = i.value.find((f) => !f.disable);
+        u && (e.value = u.id);
+      }
+    }
+    function a(u) {
+      u.id !== e.value && (e.value = u.id);
+    }
+    const m = M(() => {
+      const u = {
+        "farris-nav": !0,
+        "farris-nav-vertical": !p.horizontal
+      };
+      return A(u, p.customClass);
+    }), y = M(() => $({}, p.customStyle));
+    return () => {
+      var u;
+      return b("div", {
+        ref: s,
+        class: m.value,
+        style: y.value
+      }, [(u = i.value) == null ? void 0 : u.map((f) => b("div", {
+        class: ["farris-nav-item", {
+          active: f.id === e.value
+        }],
+        onClick: () => a(f)
+      }, [b("div", {
+        class: "farris-nav-item-link"
+      }, [b("span", {
+        class: "farris-nav-item-link-text"
+      }, [f.text, p.dataSourceType === "dynamic" && f.num && b("div", {
+        class: "farris-nav-item-tag"
+      }, [f.num <= p.maxNum && b("span", {
+        class: "tag-text"
+      }, [f.num]), f.num > p.maxNum && b("span", {
+        class: "tag-text"
+      }, [p.maxNum, N("+")])])])])]))]);
+    };
+  }
+}), Ve = /* @__PURE__ */ R({
+  name: "FNav",
+  props: B,
+  emits: ["nav", "update:activeNavId"],
+  setup(p, n) {
+    const e = x(p.activeNavId), t = x(p.navData), i = x(p.navPicking), s = M(() => ({
+      paddingTop: "1rem"
+    }));
+    function r(d) {
+      if (t.value && t.value.length) {
+        let a = t.value.find((m) => m[p.idField] === d && m[p.disableField] !== !0);
+        a || (a = t.value.find((m) => m[p.disableField] !== !0)), a && e.value !== a.id && (e.value = d, n.emit("nav", a));
+      }
+    }
+    q([p.activeNavId, p.navData], ([d, a]) => {
+      t.value = a, r(d);
+    });
+    function c(d) {
+      d.disable || d.id === e.value || Promise.resolve().then(() => i.value(d)).then((a) => {
+        a && (e.value = d.id, n.emit("update:activeNavId", d.id), n.emit("nav", d));
+      });
+    }
+    const o = M(() => {
+      const d = {
+        "farris-nav": !0,
+        "farris-nav-vertical": !p.horizontal
+      };
+      return A(d, p.customClass);
+    }), g = M(() => $({}, p.customStyle));
+    return () => {
+      var d;
+      return b("div", {
+        class: o.value,
+        style: g.value
+      }, [(d = t.value) == null ? void 0 : d.map((a) => b("div", {
+        class: ["farris-nav-item", {
+          active: a[p.idField] === e.value
+        }, {
+          disabled: a[p.disableField]
+        }],
+        onClick: () => c(a)
+      }, [b("div", {
+        class: "farris-nav-item-link",
+        style: s.value
+      }, [b("span", {
+        class: "farris-nav-item-link-text"
+      }, [typeof a[p.displayField] == "function" ? a[p.displayField]() : a[p.displayField], a[p.valueField] && b("div", {
+        class: "farris-nav-item-tag"
+      }, [a[p.valueField] <= p.maxNum && b("span", {
+        class: "tag-text"
+      }, [a[p.valueField]]), a[p.valueField] > p.maxNum && b("span", {
+        class: "tag-text"
+      }, [p.maxNum, N("+")])])]), b("div", {
+        class: "farris-nav-item-bottom-line"
+      }, null)])]))]);
+    };
+  }
+});
+S.registerDesigner = (p, n, e, t) => {
+  p.nav = S, n.nav = we;
+};
+S.register = (p, n, e) => {
+  p.nav = Ve, n.nav = Me;
+};
+const Le = ee(S);
+export {
+  S as FNavDesign,
+  Le as default
+};