@farris/ui-vue 1.6.0-beta.7 → 1.6.0-beta.8

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

@@ -0,0 +1,1035 @@
+import { useTextBoxDesign as ne, useClear as oe, withInstall as re } from "../../components/common/index.esm.js";
+import { createPropsResolver as ie } from "../../components/dynamic-resolver/index.esm.js";
+import ae, { inputGroupProps as se } from "../../components/input-group/index.esm.js";
+import { ref as E, computed as M, watch as le, createVNode as N, defineComponent as ue, inject as G, onMounted as ce } from "vue";
+import { useDesignerComponent as de } from "../../components/designer-canvas/index.esm.js";
+import { InputBaseProperty as pe } from "../../components/property-panel/index.esm.js";
+import { cloneDeep as H, isPlainObject as L } from "lodash-es";
+const fe = {
+  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: "" },
+  /** 密码模式 */
+  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 }
+};
+function me(e, t) {
+  const n = E(e.groupText), a = M(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), m = M(() => e.type === "password" || e.enableClear || !!e.groupText || a.value);
+  return { appendedButtonClass: M(() => ({
+    "input-group-append": !0,
+    "append-force-show": a.value
+  })), appendedContent: n, shouldShowAppendedButton: m };
+}
+function ge(e, t, n, a) {
+  const { appendedContent: m } = a, y = E(e.enableViewPassword), C = M(() => e.type === "password"), B = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', h = '<span class="f-icon f-icon-eye"></span>', c = E(!1);
+  le(() => [e.readonly, e.disabled], ([s, d]) => {
+    C.value && (n.value = s || d ? "password" : n.value, m.value = s || d ? h : m.value);
+  });
+  function f() {
+    return c.value = !c.value, n.value = c.value ? "text" : "password", m.value = c.value ? B : h, !1;
+  }
+  function i() {
+    n.value = C.value ? "password" : "text", m.value = C.value ? y.value ? h : "" : m.value;
+  }
+  return i(), { isPassword: C, onClickAppendedButton: f };
+}
+function ve(e, t, n, a, m) {
+  const {
+    appendedButtonClass: y,
+    appendedContent: C
+  } = n, B = M(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), h = M(() => C.value && !t.slots.groupTextTemplate), c = M(() => !!t.slots.groupTextTemplate), {
+    clearButtonClass: f,
+    clearButtonStyle: i,
+    onClearValue: s,
+    shouldShowClearButton: d
+  } = a;
+  function o() {
+    return N("span", {
+      id: "clearIcon",
+      class: f.value,
+      style: i.value,
+      onClick: (v) => s(v)
+    }, [N("i", {
+      class: "f-icon modal_close"
+    }, null)]);
+  }
+  function r(v) {
+    t.emit("iconMouseEnter", v);
+  }
+  function l(v) {
+    t.emit("iconMouseLeave", v);
+  }
+  function p(v) {
+    B.value && t.emit("clickHandle", {
+      originalEvent: v
+    }), v.stopPropagation();
+  }
+  const g = e.type === "password" ? m.onClickAppendedButton : p;
+  function T() {
+    return N("span", {
+      class: "input-group-text",
+      onMouseenter: (v) => r(v),
+      onMouseleave: (v) => l(v),
+      innerHTML: C.value,
+      onClick: (v) => g(v)
+    }, null);
+  }
+  function S() {
+    return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
+  }
+  function P() {
+    return h.value ? T : c.value ? S : "";
+  }
+  const b = P();
+  return () => N("div", {
+    class: y.value
+  }, [d.value && o(), b && b()]);
+}
+const q = [
+  { 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 ye(e) {
+  switch (e) {
+    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 be(e) {
+  var t;
+  return "请输入正确的" + ((t = q.find((n) => n.key === e)) == null ? void 0 : t.value);
+}
+const Ce = {
+  convertTo: (e, t, n, a) => {
+    e.editor.formatValidation || (e.editor.formatValidation = { type: "none" }), e.editor.formatValidation.type = n, e.editor.formatValidation.expression = ye(n), e.editor.formatValidation.message = be(n);
+  },
+  convertFrom: (e, t, n) => e.editor.formatValidation ? t === "type" ? e.editor.formatValidation[t] || "none" : e.editor.formatValidation[t] : "none"
+}, z = {
+  convertTo: (e, t, n, a) => {
+    e.editor.formatValidation || (e.editor.formatValidation = { type: "none" }), e.editor.formatValidation[t] = n;
+  },
+  convertFrom: (e, t, n) => e.editor.formatValidation ? e.editor.formatValidation[t] : e.editor[t]
+};
+class Te extends pe {
+  constructor(t, n) {
+    super(t, n);
+  }
+  getPropertyConfig(t, n) {
+    return super.getPropertyConfig(t, n), this.propertyConfig.categories.formatValidation = this.getFormatValidation(t), this.propertyConfig;
+  }
+  getEditorProperties(t) {
+    var a, m;
+    let n;
+    if (((a = t == null ? void 0 : t.binding) == null ? void 0 : a.type) === "Form") {
+      const y = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (m = y == null ? void 0 : y.schemaField) != null && m.type && (n = y.schemaField.type.length);
+    }
+    return this.getComponentConfig(t, {}, {
+      maxLength: {
+        description: "文本字数最大长度",
+        title: "最大长度",
+        type: "number",
+        editor: {
+          nullable: !0,
+          min: 0,
+          useThousands: !1,
+          max: n
+        }
+      },
+      enableViewPassword: {
+        description: "",
+        title: "启用密码",
+        visible: !1,
+        type: "boolean"
+      }
+    });
+  }
+  getFormatValidation(t) {
+    var a, m, y;
+    const n = {
+      title: "输入格式校验",
+      description: "输入格式校验",
+      properties: {
+        type: {
+          title: "输入类型",
+          type: "enum",
+          description: "输入类型",
+          defaultValue: "",
+          editor: {
+            type: "combo-list",
+            textField: "value",
+            valueField: "key",
+            idField: "key",
+            editable: !1,
+            data: q
+          },
+          refreshPanelAfterChanged: !0,
+          $converter: Ce,
+          parentPropertyID: "formatValidation"
+        }
+      }
+    };
+    return (a = t.editor.formatValidation) != null && a.type && ((m = t.editor.formatValidation) == null ? void 0 : m.type) !== "none" && (n.properties.message = {
+      title: "输入错误提示",
+      type: "string",
+      description: "输入错误提示",
+      $converter: z,
+      parentPropertyID: "formatValidation"
+    }), ((y = t.editor.formatValidation) == null ? void 0 : y.type) === "custom" && (n.properties.expression = {
+      title: "匹配正则",
+      type: "string",
+      description: "匹配正则",
+      $converter: z,
+      parentPropertyID: "formatValidation"
+    }), n;
+  }
+}
+function he(e, t) {
+  const n = e.schema;
+  function a(m, y) {
+    return new Te(m, t).getPropertyConfig(n, y);
+  }
+  return { getPropsConfig: a };
+}
+const D = /* @__PURE__ */ ue({
+  name: "FInputGroupDesign",
+  props: fe,
+  emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
+  setup(e, t) {
+    const n = E(e.modelValue), a = E(e.modelValue), m = ne(e, t, n, a), {
+      inputGroupClass: y,
+      inputType: C,
+      inputGroupStyle: B
+    } = m, h = me(e), {
+      shouldShowAppendedButton: c
+    } = h, f = oe(e, t, m), {
+      onMouseEnter: i,
+      onMouseLeave: s
+    } = f, d = ge(e, t, C, h), o = E(), r = G("designer-host-service"), l = G("design-item-context"), p = he(l, r), g = de(o, l, p);
+    ce(() => {
+      o.value.componentInstance = g;
+    }), t.expose(g.value);
+    const T = ve(e, t, h, f, d), S = E();
+    return () => N("div", {
+      id: "inputGroup",
+      ref: o,
+      class: y.value,
+      style: B.value,
+      onMouseenter: i,
+      onMouseleave: s
+    }, [N("input", {
+      ref: S,
+      class: "form-control",
+      readonly: !0,
+      placeholder: e.placeholder
+    }, null), c.value && T()]);
+  }
+});
+function W(e, t) {
+  let n;
+  function a(i) {
+    const { properties: s, title: d, ignore: o } = i, r = o && Array.isArray(o), l = Object.keys(s).reduce((p, g) => ((!r || !o.find((T) => T === g)) && (p[g] = s[g].type === "object" && s[g].properties ? a(s[g]) : H(s[g].default)), p), {});
+    if (d && (!r || !o.find((p) => p === "id"))) {
+      const p = d.toLowerCase().replace(/-/g, "_");
+      l.id = `${p}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return l;
+  }
+  function m(i) {
+    const { properties: s, title: d, required: o } = i;
+    if (o && Array.isArray(o)) {
+      const r = o.reduce((l, p) => (l[p] = s[p].type === "object" && s[p].properties ? a(s[p]) : H(s[p].default), l), {});
+      if (d && o.find((l) => l === "id")) {
+        const l = d.toLowerCase().replace(/-/g, "_");
+        r.id = `${l}_${Math.random().toString().slice(2, 6)}`;
+      }
+      return r;
+    }
+    return {
+      type: d
+    };
+  }
+  function y(i, s = {}, d) {
+    const o = e[i];
+    if (o) {
+      let r = m(o);
+      const l = t[i];
+      return r = l ? l({ getSchemaByType: y }, r, s, d) : r, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(r), r;
+    }
+    return null;
+  }
+  function C(i, s) {
+    const d = a(s);
+    return Object.keys(d).reduce((o, r) => (Object.prototype.hasOwnProperty.call(i, r) && (o[r] && L(o[r]) && L(i[r] || !i[r]) ? Object.assign(o[r], i[r] || {}) : o[r] = i[r]), o), d), d;
+  }
+  function B(i, s) {
+    return Object.keys(i).filter((o) => i[o] != null).reduce((o, r) => {
+      if (s.has(r)) {
+        const l = s.get(r);
+        if (typeof l == "string")
+          o[l] = i[r];
+        else {
+          const p = l(r, i[r], i);
+          Object.assign(o, p);
+        }
+      } else
+        o[r] = i[r];
+      return o;
+    }, {});
+  }
+  function h(i, s, d = /* @__PURE__ */ new Map()) {
+    const o = C(i, s);
+    return B(o, d);
+  }
+  function c(i) {
+    var d;
+    const s = i.type;
+    if (s) {
+      const o = e[s];
+      if (!o)
+        return i;
+      const r = C(i, o), l = ((d = i.editor) == null ? void 0 : d.type) || "";
+      if (l) {
+        const p = e[l], g = C(i.editor, p);
+        r.editor = g;
+      }
+      return r;
+    }
+    return i;
+  }
+  function f(i) {
+    n = i;
+  }
+  return { getSchemaByType: y, resolveSchemaWithDefaultValue: c, resolveSchemaToProps: h, mappingSchemaToProps: B, setDesignerContext: f };
+}
+const Se = {}, Pe = {}, { getSchemaByType: vt, resolveSchemaWithDefaultValue: we, resolveSchemaToProps: yt, mappingSchemaToProps: bt, setDesignerContext: Ct } = W(Se, Pe);
+function Be(e = {}) {
+  function t(c, f, i, s) {
+    if (typeof i == "number")
+      return s[c].length === i;
+    if (typeof i == "object") {
+      const d = Object.keys(i)[0], o = i[d];
+      if (d === "not")
+        return Number(s[c].length) !== Number(o);
+      if (d === "moreThan")
+        return Number(s[c].length) >= Number(o);
+      if (d === "lessThan")
+        return Number(s[c].length) <= Number(o);
+    }
+    return !1;
+  }
+  function n(c, f, i, s) {
+    return s[c] && s[c].propertyValue && String(s[c].propertyValue.value) === String(i);
+  }
+  const a = /* @__PURE__ */ new Map([
+    ["length", t],
+    ["getProperty", n]
+  ]);
+  Object.keys(e).reduce((c, f) => (c.set(f, e[f]), c), a);
+  function m(c, f) {
+    const i = c;
+    return typeof f == "number" ? [{ target: i, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: i, operator: "getProperty", param: c, value: !!f }] : typeof f == "object" ? Object.keys(f).map((s) => {
+      if (s === "length")
+        return { target: i, operator: "length", param: null, value: f[s] };
+      const d = s, o = f[s];
+      return { target: i, operator: "getProperty", param: d, value: o };
+    }) : [];
+  }
+  function y(c) {
+    return Object.keys(c).reduce((i, s) => {
+      const d = m(s, c[s]);
+      return i.push(...d), i;
+    }, []);
+  }
+  function C(c, f) {
+    if (a.has(c.operator)) {
+      const i = a.get(c.operator);
+      return i && i(c.target, c.param, c.value, f) || !1;
+    }
+    return !1;
+  }
+  function B(c, f) {
+    return y(c).reduce((d, o) => d && C(o, f), !0);
+  }
+  function h(c, f) {
+    const i = Object.keys(c), s = i.includes("allOf"), d = i.includes("anyOf"), o = s || d, p = (o ? c[o ? s ? "allOf" : "anyOf" : "allOf"] : [c]).map((T) => B(T, f));
+    return s ? !p.includes(!1) : p.includes(!0);
+  }
+  return { parseValueSchema: h };
+}
+const xe = {
+  convertTo: (e, t, n, a) => {
+    e.appearance || (e.appearance = {}), e.appearance[t] = n;
+  },
+  convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
+}, Fe = {
+  convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
+}, ke = {
+  convertTo: (e, t, n, a) => {
+    e.editor && (e.editor[t] = n);
+  },
+  convertFrom: (e, t, n) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
+}, Ae = {
+  button: { type: "button", name: "按钮" },
+  "response-toolbar": { type: "response-toolbar", name: "工具栏" },
+  "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
+  "content-container": { type: "content-container", name: "容器" },
+  "input-group": { type: "input-group", name: "文本" },
+  textarea: { type: "textarea", name: "多行文本" },
+  lookup: { type: "lookup", name: "帮助" },
+  "number-spinner": { type: "number-spinner", name: "数值" },
+  "date-picker": { type: "date-picker", name: "日期" },
+  switch: { type: "switch", name: "开关" },
+  "radio-group": { type: "radio-group", name: "单选组" },
+  "check-box": { type: "check-box", name: "复选框" },
+  "check-group": { type: "check-group", name: "复选框组" },
+  "combo-list": { type: "combo-list", name: "下拉列表" },
+  "response-form": { type: "response-form", name: "卡片面板" },
+  "response-layout": { type: "response-layout", name: "布局容器", icon: "response-layout-3" },
+  "response-layout-item": { type: "response-layout-item", name: "布局", icon: "response-layout-1" },
+  "tree-grid": { type: "tree-grid", name: "树表格" },
+  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
+  "data-grid": { type: "data-grid", name: "表格" },
+  "data-grid-column": { type: "data-grid-column", name: "表格列" },
+  module: { type: "Module", name: "模块" },
+  component: { type: "component", name: "组件" },
+  tabs: { type: "tabs", name: "标签页" },
+  "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
+  "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮" },
+  "html-template": { type: "html-template", name: "模板容器" },
+  "time-picker": { type: "time-picker", name: "时间选择" },
+  section: { type: "section", name: "分组面板" },
+  "section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
+  "section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
+  splitter: { type: "splitter", name: "分栏面板" },
+  "splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
+  "component-ref": { type: "component-ref", name: "组件引用节点" },
+  uploader: { type: "uploader", name: "附件上传" },
+  "page-header": { type: "page-header", name: "页头" },
+  "page-footer": { type: "page-footer", name: "页脚" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏" },
+  fieldset: { type: "fieldset", name: "分组" },
+  "query-solution": { type: "query-solution", name: "筛选方案" },
+  drawer: { type: "drawer", name: "抽屉" },
+  "external-container": { type: "external-container", name: "外部容器", icon: "content-container" },
+  "list-nav": { type: "list-nav", name: "列表导航" },
+  "filter-bar": { type: "filter-bar", name: "筛选条" },
+  "language-textbox": { type: "language-textbox", name: "多语输入框" }
+}, Ee = {
+  convertFrom: (e, t, n) => {
+    var m;
+    const a = e.editor && e.editor[t] ? e.editor[t] : e[t];
+    return ((m = Ae[a]) == null ? void 0 : m.name) || a;
+  }
+}, Me = {
+  convertTo: (e, t, n, a) => {
+    e[t] = e[t];
+  },
+  convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
+}, Oe = {
+  convertTo: (e, t, n, a) => {
+    e.type === "data-grid-column" && (e.formatter ? e.formatter[t] = n : e.formatter = {
+      [t]: n
+    });
+  },
+  convertFrom: (e, t, n) => {
+    if (e.formatter) {
+      if (t === "trueText")
+        return e.formatter.trueText;
+      if (t === "falseText")
+        return e.formatter.falseText;
+      if (t === "prefix")
+        return e.formatter.prefix;
+      if (t === "suffix")
+        return e.formatter.suffix;
+      if (t === "precision")
+        return e.formatter.precision;
+      if (t === "decimal")
+        return e.formatter.decimal;
+      if (t === "thousand")
+        return e.formatter.thousand;
+      if (t === "dateFormat")
+        return e.formatter.dateFormat;
+      if (t === "customFormat")
+        return e.formatter.customFormat;
+    }
+    return e.formatter.type ? n.getRealEditorType(e.formatter.type) : e.formatter.data ? n.getRealEditorType(e.formatter.data) : "";
+  }
+}, $e = {
+  convertTo: (e, t, n, a) => {
+    e.command ? e.command[t] = n : e.command = {
+      [t]: n
+    }, t === "enable" && n && (e.command.commands || (e.command.commands = [
+      {
+        text: "编辑",
+        type: "primary",
+        command: "edit"
+      },
+      {
+        text: "删除",
+        type: "danger",
+        command: "remove"
+      }
+    ]));
+  },
+  convertFrom: (e, t, n) => e.command && t === "enable" ? e.command.enable : ""
+}, Ne = {
+  convertTo: (e, t, n, a) => {
+    e.column ? e.column[t] = n : e.column = {
+      [t]: n
+    }, t === "fitColumns" && n && (e.column.fitMode || (e.column.fitMode = "average"));
+  },
+  convertFrom: (e, t, n) => {
+    if (e.column) {
+      if (t === "fitColumns")
+        return e.column.fitColumns;
+      if (t === "fitMode")
+        return e.column.fitMode;
+    }
+    return "";
+  }
+}, Ve = {
+  convertTo: (e, t, n, a) => {
+    e.summary ? e.summary[t] = n : e.summary = {
+      [t]: n
+    }, t === "enable" && n && (e.summary ? e.summary.groupFields || (e.summary.groupFields = []) : e.summary = {
+      enable: n,
+      groupFields: []
+    });
+  },
+  convertFrom: (e, t, n) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
+}, je = {
+  convertFrom: (e, t) => e.binding ? e.binding.path : "",
+  convertTo: (e, t, n) => {
+    if (n && n.length > 0) {
+      const a = n[0];
+      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = a.bindingField, e.binding.field = a.id, e.binding.fullPath = a.path, e.path = a.bindingPath;
+    }
+  }
+}, De = {
+  convertTo: (e, t, n, a) => {
+    e.pagination || (e.pagination = {}), e.pagination[t] = n;
+  },
+  convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
+}, Ie = {
+  convertTo: (e, t, n, a) => {
+    e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
+  },
+  convertFrom: (e, t, n) => e.rowNumber ? e.rowNumber[t] : e[t]
+}, Re = {
+  convertTo: (e, t, n, a) => {
+    e.selection || (e.selection = {}), e.selection[t] = n;
+  },
+  convertFrom: (e, t, n) => e.selection ? e.selection[t] : e[t]
+}, Ze = {
+  convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
+}, Ge = {
+  convertFrom: (e, t) => e[t] || "",
+  convertTo: (e, t, n) => {
+    e[t] = n;
+  }
+}, He = {
+  convertTo: (e, t, n, a) => {
+    e.size || (e.size = {}), e.size[t] = n;
+  },
+  convertFrom: (e, t, n) => e.size ? e.size[t] : e[t]
+}, Le = {
+  convertFrom: (e, t, n) => {
+    var a, m;
+    return (a = e.formatter) != null && a.data && t === "formatterEnumData" && !e.formatterEnumData ? (m = e.formatter) == null ? void 0 : m.data : e.formatterEnumData;
+  }
+};
+function _(e, t, n) {
+  const a = /* @__PURE__ */ new Map([
+    ["/converter/appearance.converter", xe],
+    ["/converter/buttons.converter", Fe],
+    ["/converter/property-editor.converter", ke],
+    ["/converter/items-count.converter", Ze],
+    ["/converter/type.converter", Ee],
+    ["/converter/change-editor.converter", Me],
+    ["/converter/change-formatter.converter", Oe],
+    ["/converter/column-command.converter", $e],
+    ["/converter/column-option.converter", Ne],
+    ["/converter/summary.converter", Ve],
+    ["/converter/form-group-label.converter", Ge],
+    ["/converter/field-selector.converter", je],
+    ["/converter/pagination.converter", De],
+    ["/converter/row-number.converter", Ie],
+    ["/converter/grid-selection.converter", Re],
+    ["/converter/size.converter", He],
+    ["/converter/change-formatter-enum.converter", Le]
+  ]), m = /* @__PURE__ */ new Map([
+    ["string", { type: "input-group", enableClear: !1 }],
+    ["boolean", {
+      type: "combo-list",
+      textField: "name",
+      valueField: "value",
+      idField: "value",
+      enableClear: !1,
+      editable: !1,
+      data: [
+        {
+          value: !0,
+          name: "是"
+        },
+        {
+          value: !1,
+          name: "否"
+        }
+      ]
+    }],
+    ["enum", { type: "combo-list", maxHeight: 128, enableClear: !1, editable: !1 }],
+    ["array", { type: "button-edit" }],
+    ["number", { type: "number-spinner", placeholder: "" }],
+    ["events-editor", { type: "events-editor", hide: !0 }]
+  ]), y = Be();
+  function C(o, r) {
+    return () => y.parseValueSchema(o, r);
+  }
+  function B(o, r, l) {
+    return o.includes("visible") && r.visible !== void 0 ? typeof r.visible == "boolean" ? () => !!r.visible : r.visible === void 0 ? !0 : C(r.visible, l) : () => !0;
+  }
+  function h(o, r, l) {
+    return o.includes("readonly") && r.readonly !== void 0 ? typeof r.readonly == "boolean" ? () => !!r.readonly : C(r.readonly, l) : () => !1;
+  }
+  function c(o, r) {
+    const l = o.$converter || r;
+    return typeof l == "string" && l && a.has(l) ? a.get(l) || null : l || null;
+  }
+  function f(o, r, l, p, g, T = "", S = "") {
+    return Object.keys(o).map((b) => {
+      const v = E(1), x = b, u = o[b], w = Object.keys(u), V = u.title, O = u.type, $ = m.get(O) || { type: "input-group", enableClear: !1 }, A = u.editor ? Object.assign({}, $, u.editor) : Object.assign({}, $), I = B(w, u, r), j = h(w, u, r);
+      A.readonly = A.readonly === void 0 ? j() : A.readonly;
+      const R = u.type === "cascade" ? f(u.properties, r, l, p, g, T, S) : [], U = !0;
+      let F = c(u, S);
+      const X = M({
+        get() {
+          if (v.value) {
+            if (["class", "style"].find((te) => te === x) && !F && (F = a.get("/converter/appearance.converter") || null), F && F.convertFrom)
+              return F.convertFrom(l, b, g, T);
+            const k = l[b];
+            return Object.prototype.hasOwnProperty.call(u, "defaultValue") && (k === void 0 || typeof k == "string" && k === "") ? u.type === "boolean" ? u.defaultValue : u.defaultValue || "" : k;
+          }
+          return null;
+        },
+        set(k) {
+          v.value += 1, F && F.convertTo ? (F.convertTo(p, b, k, g, T), F.convertTo(l, b, k, g, T)) : (p[b] = k, l[b] = k);
+        }
+      }), { refreshPanelAfterChanged: Q, description: Y, isExpand: K, parentPropertyID: ee } = u, Z = { propertyID: x, propertyName: V, propertyType: O, propertyValue: X, editor: A, visible: I, readonly: j, cascadeConfig: R, hideCascadeTitle: U, refreshPanelAfterChanged: Q, description: Y, isExpand: K, parentPropertyID: ee };
+      return r[x] = Z, Z;
+    });
+  }
+  function i(o, r, l = {}) {
+    const p = {}, g = e[o];
+    return g && g.categories ? Object.keys(g.categories).map((S) => {
+      const P = g.categories[S], b = P == null ? void 0 : P.title, v = f(P.properties || {}, p, {}, l, r);
+      return { categoryId: S, categoryName: b, properties: v };
+    }) : [];
+  }
+  function s(o, r, l, p, g = "") {
+    const T = r.$ref.schema, S = r.$ref.converter, P = l[T], b = P.type, v = n(P), x = {}, u = e[b];
+    if (u && u.categories) {
+      const w = u.categories[o], V = w == null ? void 0 : w.title;
+      S && Object.keys(w.properties).forEach((A) => {
+        w.properties[A].$converter = S;
+      });
+      const O = (w == null ? void 0 : w.properties) || {}, $ = f(O, x, v, P, p, g);
+      return { categoryId: o, categoryName: V, properties: $ };
+    }
+    return { categoryId: o, categoryName: "", properties: [] };
+  }
+  function d(o, r, l, p, g) {
+    const T = o.type, S = n(o), P = {};
+    let b = g || e[T];
+    if (b && Object.keys(b).length === 0 && l && l.getPropConfig && (b = l.getPropConfig(p)), b && b.categories) {
+      const v = [];
+      return Object.keys(b.categories).map((x) => {
+        const u = b.categories[x];
+        if (u.$ref) {
+          v.push(s(x, u, o, r, p));
+          return;
+        }
+        const w = u == null ? void 0 : u.title, V = u == null ? void 0 : u.tabId, O = u == null ? void 0 : u.tabName, $ = u == null ? void 0 : u.hide, A = u == null ? void 0 : u.hideTitle, I = f(u.properties || {}, P, S, o, r, p, u.$converter), { setPropertyRelates: j } = u, R = u == null ? void 0 : u.parentPropertyID;
+        v.push({ categoryId: x, categoryName: w, tabId: V, tabName: O, hide: $, properties: I, hideTitle: A, setPropertyRelates: j, parentPropertyID: R });
+      }), v;
+    }
+    return [];
+  }
+  return {
+    getPropertyConfigBySchema: d,
+    getPropertyConfigByType: i,
+    propertyConverterMap: a
+  };
+}
+const ze = {}, qe = {};
+_(ze, qe, we);
+const We = {}, _e = {}, { getSchemaByType: Tt, resolveSchemaWithDefaultValue: Je, resolveSchemaToProps: ht, mappingSchemaToProps: St, setDesignerContext: Pt } = W(We, _e), Ue = {}, Xe = {};
+_(Ue, Xe, Je);
+function Qe(e, t) {
+  return { customClass: t.class, customStyle: t.style };
+}
+const Ye = /* @__PURE__ */ new Map([
+  ["appearance", Qe]
+]);
+function Ke(e, t, n) {
+  return t;
+}
+const et = "https://json-schema.org/draft/2020-12/schema", tt = "https://farris-design.gitee.io/input-group.schema.json", nt = "input-group", ot = "A Farris Input Component", rt = "object", it = {
+  id: {
+    description: "The unique identifier for a Input Group",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Input Group component",
+    type: "string",
+    default: "input-group"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  formatValidation: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  enableLinkLabel: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  label: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  labelWidth: {
+    description: "",
+    type: "number"
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  disabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  required: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabIndex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  maxLength: {
+    description: "",
+    type: "number",
+    default: ""
+  },
+  textAlign: {
+    description: "",
+    type: "enum",
+    enum: [
+      "left",
+      "middle",
+      "right"
+    ],
+    default: "left"
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  onBlur: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onClickLinkLabel: {
+    description: "",
+    type: "sting",
+    default: ""
+  },
+  addonDisabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  addonContent: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  autoHeight: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  enableAddon: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  addonType: {
+    description: "",
+    type: "string",
+    enum: [
+      "button",
+      "static"
+    ],
+    default: "button"
+  },
+  enableClear: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  enableViewPassword: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  inputType: {
+    description: "",
+    type: "string",
+    enum: [
+      "input",
+      "password",
+      "text"
+    ],
+    default: "input"
+  },
+  maxHeight: {
+    description: "",
+    type: "number",
+    default: 500
+  },
+  popUp: {
+    description: "",
+    type: "object",
+    properties: {
+      footerButtons: {
+        type: "array",
+        default: []
+      },
+      height: {
+        type: "number",
+        default: 600
+      },
+      dataMapping: {
+        type: "object"
+      },
+      contents: {
+        type: "array",
+        default: []
+      },
+      showMaxButton: {
+        type: "boolean",
+        default: !0
+      },
+      showCloseButton: {
+        type: "boolean",
+        default: !0
+      },
+      showFooter: {
+        type: "boolean",
+        default: !0
+      },
+      title: {
+        type: "string",
+        default: ""
+      },
+      width: {
+        type: "number",
+        default: 800
+      }
+    }
+  },
+  groupText: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onClickHandle: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  showButtonWhenDisabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  onClear: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  updateOn: {
+    description: "",
+    type: "string",
+    default: "blur"
+  }
+}, at = [
+  "type"
+], st = [
+  "id",
+  "appearance",
+  "binding",
+  "visible"
+], lt = {
+  $schema: et,
+  $id: tt,
+  title: nt,
+  description: ot,
+  type: rt,
+  properties: it,
+  required: at,
+  ignore: st
+}, J = ie(se, lt, Ye, Ke);
+D.register = (e, t, n, a) => {
+  e["input-group"] = ae, t["input-group"] = J;
+};
+D.registerDesigner = (e, t, n) => {
+  e["input-group"] = D, t["input-group"] = J;
+};
+const wt = re(D);
+export {
+  D as FInputGroupDesgin,
+  wt as default,
+  J as propsResolver
+};