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

package/designer/binding-selector/index.esm.js

@@ -0,0 +1,792 @@
+var ue = Object.defineProperty;
+var me = (e, t, a) => t in e ? ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
+var z = (e, t, a) => me(e, typeof t != "symbol" ? t + "" : t, a);
+import { bindingSelectorProps as fe } from "../../components/binding-selector/index.esm.js";
+import { createPropsResolver as pe } from "../../components/dynamic-resolver/index.esm.js";
+import { defineComponent as G, ref as b, computed as N, watch as ge, createVNode as u, Fragment as ne, reactive as ye, createApp as he, onUnmounted as be, onMounted as le, Transition as ve, mergeProps as Fe, onBeforeMount as Se, createTextVNode as _ } from "vue";
+import Te from "../../components/button-edit/index.esm.js";
+import we from "../../components/tree-grid/index.esm.js";
+import Ce from "../../components/radio-group/index.esm.js";
+import { FormSchemaEntityField$Type as se, FormSchemaEntityFieldTypeName as q } from "../../components/common/index.esm.js";
+import { LocaleService as Q } from "../../components/locale/index.esm.js";
+import { FormBindingType as U, SchemaDOMMapping as xe } from "../../components/property-panel/index.esm.js";
+import { merge as oe } from "lodash-es";
+import { FNotifyService as Pe } from "../../components/notify/index.esm.js";
+const Ne = "https://json-schema.org/draft/2020-12/schema", Ve = "https://farris-design.gitee.io/binding-selector.schema.json", Be = "binding-selector", Ie = "字段绑定选择器", Oe = "object", Me = {
+  disabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  bindingType: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  idField: {
+    description: "",
+    type: "string",
+    default: "id"
+  },
+  title: {
+    description: "",
+    type: "string",
+    default: "字段选择器"
+  },
+  modalWidth: {
+    description: "",
+    type: "number",
+    default: 800
+  },
+  modalHeight: {
+    description: "",
+    type: "number",
+    default: 600
+  },
+  separator: {
+    description: "",
+    type: "string",
+    default: ","
+  },
+  bindingData: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  textField: {
+    description: "",
+    type: "string",
+    default: "code"
+  },
+  editorParams: {
+    description: "",
+    type: "object",
+    default: {}
+  }
+}, Ee = {
+  $schema: Ne,
+  $id: Ve,
+  title: Be,
+  description: Ie,
+  type: Oe,
+  properties: Me
+}, ie = [
+  { field: "name", title: "名称" },
+  { field: "bindingField", title: "绑定字段" },
+  { field: "fieldType", title: "字段类型" }
+], ae = [
+  { field: "name", title: "名称" },
+  { field: "code", title: "编号" },
+  { field: "displayTypeName", title: "变量类型" }
+], Re = [
+  { value: "Form", text: "绑定字段" },
+  { value: "LocaleVariable", text: "绑定组件变量" },
+  { value: "RemoteVariable", text: "绑定表单变量" }
+], re = {
+  disabled: { type: Boolean, default: !1 },
+  readonly: { type: Boolean, default: !1 },
+  modelValue: { type: Object, default: null },
+  bindingType: {
+    type: Object,
+    default: {
+      enable: !0,
+      value: "Form",
+      textField: "text",
+      valueField: "value"
+    }
+  },
+  data: { type: Array, default: [] },
+  idField: { type: String, default: "id" },
+  title: { type: String, default: "字段选择器" },
+  modalWidth: { type: Number, default: 800 },
+  modalHeight: { type: Number, default: 600 },
+  multiSelect: { type: Boolean, default: !1 },
+  /**
+   * 可选，分隔符
+   * 默认`,`
+   */
+  separator: { type: String, default: "," },
+  bindingData: { type: Array, default: [] },
+  textField: { type: String, default: "code" },
+  beforeOpenDialog: { type: Function, default: null },
+  editorParams: { type: Object, default: null },
+  onFieldSelected: { type: Function, default: null },
+  /** 是否显示自定义的底部按钮区域 */
+  showCustomFooter: { type: Boolean, default: !1 }
+}, ke = {
+  showCloseButton: { type: Boolean, default: !0 },
+  position: { type: String, default: "top-center" },
+  timeout: { type: Number, default: 3e3 },
+  theme: { type: String, default: "bootstrap" },
+  left: { type: Number },
+  right: { type: Number },
+  top: { type: Number },
+  bottom: { type: Number },
+  id: { type: String },
+  animate: { type: String, default: "fadeIn" },
+  options: { type: Object },
+  safeHtml: { type: Boolean, default: !0 }
+}, Le = {
+  showCloseButton: { type: Boolean, default: !0 },
+  animate: { type: String, default: "fadeIn" },
+  options: { type: Object }
+}, X = /* @__PURE__ */ G({
+  name: "Toast",
+  props: Le,
+  emits: ["close", "click"],
+  setup: (e, t) => {
+    const a = b(e.animate), l = "fadeOut", i = N(() => e.options), c = b(!1), f = N(() => i.value.title && i.value.message), m = N(() => !i.value.title && i.value.message), T = N(() => {
+      const y = {
+        animated: c.value,
+        toast: !0,
+        "toast--only-content": !f.value
+      };
+      return y[e.animate] = !1, y[l] = c.value, y["toasty-type-" + i.value.type] = !0, i.value.theme && (y[i.value.theme] = !0), y;
+    }), h = N(() => {
+      const S = `f-icon-${i.value && i.value.type ? i.value.type.replace("toasty-type-", "") : "default"}`, E = {
+        "f-icon": !0
+      };
+      return E[S] = !0, E;
+    }), P = N(() => i.value.title || i.value.message), V = N(() => e.showCloseButton), w = N(() => !!i.value.buttons || !!t.slots.default), C = N(() => Q.getLocale() === "en" ? {
+      wordBreak: "keep-all",
+      overflowWrap: "break-word"
+    } : {});
+    function x(y) {
+      y.stopPropagation(), y.preventDefault(), c.value = !1, setTimeout(() => {
+        t.emit("close", i.value);
+      }, 200);
+    }
+    function $(y, I) {
+    }
+    function k(y) {
+      return `f-preten-link ${y.customClass ? y.customClass : ""}`;
+    }
+    ge(a, () => {
+      a.value;
+    });
+    const R = () => {
+      var y;
+      return u(ne, null, [u("div", {
+        class: "after-toast-msg text-right"
+      }, [!t.slots.default && ((y = i.value.buttons) == null ? void 0 : y.map((I) => u("span", {
+        class: k(I),
+        onClick: (S) => void 0
+      }, [I.text]))), t.slots.default && t.slots.default()])]);
+    };
+    return () => u("div", {
+      class: T.value,
+      style: "min-height:44px"
+    }, [V.value && u("button", {
+      title: Q.getLocaleValue("messageBox.close"),
+      class: "toast-close f-btn-icon f-bare",
+      onClick: x
+    }, [u("span", {
+      class: "f-icon modal_close"
+    }, null)]), P.value && u("section", {
+      class: "modal-tips"
+    }, [!f.value && u("div", {
+      class: "float-left modal-tips-iconwrap"
+    }, [u("span", {
+      class: h.value
+    }, null)]), u("div", {
+      class: "modal-tips-content"
+    }, [f.value && u(ne, null, [u("h5", {
+      class: "toast-title modal-tips-title",
+      innerHTML: i.value.title
+    }, null), u("p", {
+      class: "toast-msg",
+      innerHTML: i.value.message,
+      style: C.value
+    }, null), w.value && R()]), m.value && (i.value.buttons ? u("div", {
+      class: "toast-title-btns-wrapper d-flex"
+    }, [u("h5", {
+      class: "toast-title modal-tips-title only-toast-msg",
+      style: C.value,
+      innerHTML: i.value.message
+    }, null), u("div", {
+      class: "after-toast-title text-right ml-auto"
+    }, [R()])]) : u("h5", {
+      class: "toast-title modal-tips-title only-toast-msg",
+      style: C.value,
+      innerHTML: i.value.message
+    }, null))])])]);
+  }
+}), W = /* @__PURE__ */ G({
+  name: "Notify",
+  props: ke,
+  emits: ["close", "empty"],
+  setup(e, t) {
+    const a = N(() => ({
+      "farris-notify": !0
+    })), l = {
+      left: 12,
+      right: 12,
+      top: 20,
+      bottom: 12
+    }, i = b(), c = b(e.options), f = b(e.showCloseButton), m = N(() => e.position || "bottom-right"), T = N(() => e.timeout != null ? e.timeout : 3e3), h = N(() => {
+      const w = e.bottom ? e.bottom : l.bottom, C = e.top ? e.top : l.top, x = {
+        transition: "all 0.2s ease",
+        left: m.value.indexOf("left") > -1 ? `${e.left ? e.left : l.left}px` : "",
+        right: m.value.indexOf("right") > -1 ? `${e.right ? e.right : l.right}px` : "",
+        top: m.value.indexOf("top") > -1 ? `${C}px` : "",
+        bottom: m.value.indexOf("bottom") > -1 ? `${w}px` : ""
+      };
+      return m.value.indexOf("center") > -1 && (x.left = "50%", x.marginLeft = "calc(-24rem / 2)", m.value === "center-center" && (x.top = "50%", x.transform = "translate(-50%, -50%)")), x;
+    });
+    function P(w) {
+      t.emit("close");
+    }
+    T.value && setTimeout(() => {
+      P();
+    }, T.value), t.expose({
+      closeToast: P,
+      container: i,
+      notifyPosition: m
+    });
+    function V(w, C) {
+      P();
+    }
+    return () => u("div", {
+      class: a.value,
+      style: h.value,
+      ref: i
+    }, [u(X, {
+      options: c.value,
+      showCloseButton: f.value,
+      animate: e.animate,
+      onClose: (w) => V(w, c.value)
+    }, null)]);
+  }
+});
+class de {
+  constructor() {
+    z(this, "notifyRefs", []);
+    z(this, "globalConfig", ye({}));
+  }
+  escapeAllHtml(t) {
+    if (typeof t != "string" || !t)
+      return "";
+    const a = document.createElement("div");
+    return a.textContent = t || "", a.innerHTML.replace(/\\n/g, "<br>").replace(/\\t/g, "&nbsp;&nbsp;&nbsp;&nbsp;").replace(/\\r/g, "");
+  }
+  createNotifyInstance(t) {
+    const a = this, i = Object.assign({
+      timeout: 3e3,
+      position: "bottom-right",
+      showCloseButton: !0,
+      safeHtml: !0
+    }, this.globalConfig, {
+      ...t
+    }), c = document.createElement("div");
+    c.style.display = "contents";
+    const f = he({
+      setup() {
+        var h;
+        const m = b();
+        function T() {
+          m.value.container.style.transform = "scale(0)", setTimeout(() => {
+            a.updateNotifyPositionForClose(i, m), f.unmount();
+          }, 220);
+        }
+        if (i.position.indexOf("top") > -1) {
+          const P = a.getNotifyInstances(i.position), V = P[P.length - 1];
+          if (V) {
+            const w = V.value.container.getBoundingClientRect();
+            i.top = w.bottom;
+          }
+        }
+        return i.safeHtml && ((h = i.options) != null && h.message) && (i.options.message = a.escapeAllHtml(i.options.message)), be(() => {
+          document.body.removeChild(c);
+        }), le(() => {
+          a.updateNotifyPositionForCreate(i, m);
+        }), () => u(ve, {
+          mode: "out-in",
+          name: "fade",
+          appear: !0
+        }, {
+          default: () => [u(W, Fe({
+            ref: m
+          }, i, {
+            onClose: T
+          }), null)]
+        });
+      }
+    });
+    return f.provide("NotifyService", this), document.body.appendChild(c), f.use(Q.i18n), f.mount(c), f;
+  }
+  getNotifyInstances(t) {
+    return this.notifyRefs.filter((a) => a.value.notifyPosition === t);
+  }
+  updateNotifyPositionForCreate(t, a) {
+    if (this.notifyRefs && this.notifyRefs.length) {
+      const l = window.innerHeight;
+      t.position.indexOf("bottom") > -1 && this.getNotifyInstances(t.position).forEach((i) => {
+        const c = i.value.container.getBoundingClientRect();
+        i.value.container.style.bottom = c.height + l - c.bottom + "px";
+      });
+    }
+    this.notifyRefs = [...this.notifyRefs, a];
+  }
+  updateNotifyPositionForClose(t, a) {
+    const l = this.notifyRefs.indexOf(a);
+    if (t.position.indexOf("top") > -1) {
+      const i = this.getNotifyInstances(t.position), c = i.indexOf(a);
+      i.slice(c + 1).forEach((f) => {
+        f.value.container.style.top = f.value.container.offsetTop - f.value.container.offsetHeight + "px";
+      });
+    }
+    l > -1 && this.notifyRefs.splice(l, 1);
+  }
+  show(t) {
+    return this.createNotifyInstance(t);
+  }
+  buildNotifyProps(t, a) {
+    let l = "", i = "", c, f, m;
+    typeof a == "string" ? l = a : a && (l = a.message || "", i = a.title || "", f = a.position || null, m = a.showCloseButton != null ? a.showCloseButton : null, c = a.timeout != null ? a.timeout : null);
+    const h = {
+      options: {
+        type: t,
+        message: l,
+        title: i
+      }
+    };
+    return f != null && (h.position = f), m != null && (h.showCloseButton = m), c != null && (h.timeout = c), h;
+  }
+  info(t) {
+    const a = this.buildNotifyProps("info", t);
+    return this.show(a);
+  }
+  success(t) {
+    const a = this.buildNotifyProps("success", t);
+    return this.show(a);
+  }
+  warning(t) {
+    const a = this.buildNotifyProps("warning", t);
+    return this.show(a);
+  }
+  error(t) {
+    const a = this.buildNotifyProps("error", t);
+    return this.show(a);
+  }
+  close(t) {
+    t && t.unmount();
+  }
+  closeAll() {
+    this.notifyRefs.forEach((t) => {
+      t == null || t.value.closeToast();
+    }), this.notifyRefs.length = 0;
+  }
+}
+const $e = Symbol("NOTIFY_SERVICE_TOKEN");
+W.install = (e) => {
+  e.component(W.name, W), e.component(X.name, X);
+  const t = new de();
+  e.provide($e, t), e.provide("FNotifyService", t);
+};
+function ce(e) {
+  const { designViewModelUtils: t, schemaService: a, formSchemaUtils: l, designerContext: i } = e.editorParams.designerHostService, { viewModelId: c } = e.editorParams;
+  let f = [], m = [], T = [];
+  const h = new de();
+  h.globalConfig = { position: "top-center" };
+  function P(o) {
+    switch (o) {
+      case "LocaleVariable":
+        return m;
+      case "RemoteVariable":
+        return T;
+      default:
+        return f;
+    }
+  }
+  function V() {
+    f = t.getAllFields2TreeByVMId(c);
+  }
+  function w() {
+    const o = l.getViewModelById(c);
+    if (o.parent) {
+      const r = l.getLocaleVariablesByViewModelId(o.parent);
+      r && r.length && (r[0].data.name = "根组件", m = m.concat(r));
+    }
+    const s = l.getLocaleVariablesByViewModelId(c);
+    m = m.concat(s);
+  }
+  function C() {
+    T = l.getRemoteVariables();
+  }
+  function x(o) {
+    var d, g, v, F;
+    const s = oe({}, o.rawData, { groupId: null, groupName: null }), r = (d = e.editorParams.componentSchema) == null ? void 0 : d.binding, p = (g = e.editorParams.componentSchema) == null ? void 0 : g.label, n = t.getDgViewModel(c);
+    if (r != null && r.field) {
+      const O = n.fields.find((M) => M.id === r.field);
+      if (n.removeField([r.field]), O) {
+        const { groupId: M, groupName: L, editor: B } = O;
+        oe(s, { editor: B, groupId: M, groupName: L });
+      }
+    }
+    n.addField(s), (F = (v = e.editorParams.componentSchema) == null ? void 0 : v.editor) != null && F.type && n.changeField(s.id, { editor: s.editor }), p && n.changeField(s.id, { name: p });
+  }
+  function $(o) {
+    var n;
+    const s = (n = e.editorParams.componentSchema) == null ? void 0 : n.binding, r = t.getDgViewModel(c), p = {
+      type: "Variable",
+      id: o.id,
+      fieldName: o.code,
+      groupId: "",
+      groupName: ""
+    };
+    if (s != null && s.field) {
+      const d = l.getViewModelById(c), g = d == null ? void 0 : d.fields.find((v) => v.id === (s == null ? void 0 : s.field));
+      g && (p.groupName = g.groupName, p.groupId = g.groupId), r.removeField([s == null ? void 0 : s.field]);
+    }
+    l.addViewModelField(c, p);
+  }
+  function k(o, s) {
+    if (!e.editorParams.needSyncToViewModel || !e.editorParams.viewModelId || !e.editorParams.designerHostService)
+      return;
+    const r = e.editorParams.componentSchema.binding;
+    r && r.field === o.id || (s === "Form" ? x(o) : $(o));
+  }
+  function R(o) {
+    if (!e.editorParams.needSyncToViewModel || !e.editorParams.viewModelId || !e.editorParams.designerHostService)
+      return;
+    const s = e.editorParams.componentSchema.binding;
+    if (!(!s || s.field === o.id) && l.getExpressions().length) {
+      const { componentSchema: r } = e.editorParams, p = l.getExpressions().findIndex((n) => n.target === s.field);
+      p > -1 && (l.getExpressions().splice(p, 1), h.warning("切换绑定后，请重新配置表达式"), Object.keys(r).forEach((n) => {
+        r[n] && r[n].type === "Expression" && (r[n].expressionId = ""), r.editor && Object.keys(r.editor).forEach((d) => {
+          r.editor[d] && r.editor[d].type === "Expression" && (r.editor[d].expressionId = "");
+        });
+      }));
+    }
+  }
+  function y(o) {
+    var r;
+    [q.Number, q.String, q.Text].includes(o.type.name) && ((r = o.type) == null ? void 0 : r.length) && e.editorParams.componentSchema.editor && !Object.prototype.hasOwnProperty.call(e.editorParams.componentSchema.editor, "maxLength") && (e.editorParams.componentSchema.editor.maxLength = o.type.length);
+  }
+  function I(o, s) {
+    if (e.editorParams.componentSchema) {
+      switch (e.editorParams.componentSchema.binding || (e.editorParams.componentSchema.binding = {}), s) {
+        case "Form": {
+          e.editorParams.componentSchema.binding.path = o.bindingField, e.editorParams.componentSchema.binding.field = o.id, e.editorParams.componentSchema.binding.fullPath = o.path;
+          break;
+        }
+        case "LocaleVariable": {
+          e.editorParams.componentSchema.binding.path = o.viewModelId === c ? o.code : "root-component." + o.code, e.editorParams.componentSchema.binding.field = o.id, e.editorParams.componentSchema.binding.fullPath = o.code;
+          break;
+        }
+        case "RemoteVariable": {
+          e.editorParams.componentSchema.binding.path = "root-component." + o.code, e.editorParams.componentSchema.binding.field = o.id, e.editorParams.componentSchema.binding.fullPath = o.code;
+          break;
+        }
+      }
+      return e.editorParams.componentSchema.binding.type = s, e.editorParams.componentSchema.path = o.bindingPath, y(o), e.editorParams.componentSchema.binding;
+    }
+  }
+  function S(o) {
+    const s = o == null ? void 0 : o.field, r = /* @__PURE__ */ new Set(), p = l.getFormSchema().module, n = l.getViewModelById(c), d = p.components.find((F) => F.viewModel === c), g = l.checkComponentExistInDrawer(d.id);
+    let v = d.componentType;
+    return (v === "frame" || v === "table") && (v = "form"), p.viewmodels.forEach((F) => {
+      if (!F.fields || F.fields.length === 0)
+        return;
+      const O = p.components.find((B) => B.viewModel === F.id);
+      let { componentType: M } = O;
+      if ((M === "frame" || M === "table") && (M = "form"), M !== v || F.bindTo !== n.bindTo)
+        return;
+      const L = l.checkComponentExistInDrawer(O.id);
+      g && L && F.fields.forEach((B) => {
+        B.id !== s && r.add(B.id);
+      }), !g && !L && F.fields.forEach((B) => {
+        B.id !== s && r.add(B.id);
+      });
+    }), r;
+  }
+  function E(o) {
+    if (!o)
+      return [];
+    const s = {}, r = i && i.schemaDOMMapping ? i.schemaDOMMapping : xe, { fieldControlTypeMapping: p } = r;
+    for (const n in p) {
+      const d = p[n];
+      !d || !d.length || d.forEach((g) => {
+        s[g.key] = s[g.key] || [], s[g.key].push(n);
+      });
+    }
+    return s["language-textbox"] = ["multiLanguage"], s[o];
+  }
+  function K() {
+    V(), w(), C();
+  }
+  function H(o, s) {
+    if (o.multiLanguage)
+      return { fieldType: "multiLanguage", fieldTypeName: "多语言" };
+    const r = s === U.Form ? o.type.name : o.type, p = s === U.Form ? o.type.displayName : o.displayTypeName;
+    return { fieldType: r, fieldTypeName: p };
+  }
+  function j() {
+    var n;
+    const o = (n = e.editorParams) == null ? void 0 : n.componentSchema, s = o == null ? void 0 : o.binding;
+    if (!s)
+      return { originalFieldType: "", isOriginalBindComplexField: !1 };
+    let r, p = !1;
+    if (s.type === U.Form) {
+      const d = a.getFieldByID(s.field);
+      d && (r = H(d, U.Form).fieldType, d.$type === se.ComplexField && (p = !0));
+    } else {
+      const d = l.getVariableById(s.field);
+      d && (r = d.type);
+    }
+    return { originalFieldType: r, isOriginalBindComplexField: p };
+  }
+  function Y(o, s) {
+    var B, D, ee, te;
+    if (!(o != null && o.length))
+      return h.warning({ message: "请先选择数据" }), !1;
+    const r = (B = e.editorParams) == null ? void 0 : B.componentSchema;
+    if (!(r == null ? void 0 : r.binding))
+      return !0;
+    let n = !0;
+    const { originalFieldType: d, isOriginalBindComplexField: g } = j(), v = o[0], { fieldType: F, fieldTypeName: O } = H(v, s), M = "不可以切换成", L = "类型字段，请重新选择！";
+    if (g || !d) {
+      const A = E((te = (ee = (D = e.editorParams) == null ? void 0 : D.componentSchema) == null ? void 0 : ee.editor) == null ? void 0 : te.type);
+      return A != null && A.length && !A.includes(F) && (h.warning(`${M}${O}${L}`), n = !1), n;
+    }
+    return d && d !== F ? e.editorParams.canChangeFieldType ? !0 : (h.warning(`${M}${O}${L}`), !1) : n;
+  }
+  return {
+    initTreeData: K,
+    getTreeDataSource: P,
+    updateViewModel: k,
+    updateComponentSchema: I,
+    resolveOccupiedFields: S,
+    resolveFieldTypesByEditorType: E,
+    checkFieldValiation: Y,
+    clearExpresssionConfig: R,
+    getOriginalFieldType: j
+  };
+}
+const Z = /* @__PURE__ */ G({
+  name: "FBindingSelectorContainer",
+  props: re,
+  emits: ["selected", "bindingTypeChange", "cancel", "submit", "skip"],
+  setup(e, t) {
+    var s, r, p;
+    const a = b(e.data), l = b(((s = e.modelValue) == null ? void 0 : s.type) || "Form"), i = b(e.bindingData), c = b(), f = b(), m = b(), {
+      getTreeDataSource: T,
+      initTreeData: h,
+      resolveOccupiedFields: P,
+      resolveFieldTypesByEditorType: V,
+      getOriginalFieldType: w
+    } = ce(e), C = b([]), {
+      originalFieldType: x,
+      isOriginalBindComplexField: $
+    } = w();
+    Se(() => {
+      var n, d, g, v, F, O;
+      h(), a.value = T(l.value), (n = e.editorParams) != null && n.disableOccupiedFields && (f.value = P((g = (d = e.editorParams) == null ? void 0 : d.componentSchema) == null ? void 0 : g.binding)), m.value = V((O = (F = (v = e.editorParams) == null ? void 0 : v.componentSchema) == null ? void 0 : F.editor) == null ? void 0 : O.type), C.value = l.value === "Form" ? ie : ae;
+    }), le(() => {
+      var d, g, v;
+      const n = (v = (g = (d = e.editorParams) == null ? void 0 : d.componentSchema) == null ? void 0 : g.binding) == null ? void 0 : v.field;
+      n && c.value.selectRowById(n);
+    });
+    const k = {
+      "f-utils-fill": !0,
+      "m-2": (r = e.bindingType) == null ? void 0 : r.enable,
+      "mx-2": !((p = e.bindingType) != null && p.enable),
+      border: !0
+    };
+    function R(n) {
+      C.value = n === "Form" ? ie : ae, c.value.updateColumns(C.value), a.value = T(n), c.value.updateDataSource(a.value), c.value.clearSelection(), i.value = [], t.emit("selected", []), t.emit("bindingTypeChange", n);
+    }
+    function y(n) {
+      i.value = n, t.emit("selected", n);
+    }
+    function I() {
+      return u("div", {
+        class: "px-3"
+      }, [u(Ce, {
+        name: "bindingType",
+        textField: e.bindingType.textField || "text",
+        valueField: e.bindingType.valueField || "value",
+        data: Re,
+        modelValue: l.value,
+        "onUpdate:modelValue": (n) => l.value = n,
+        onChangeValue: R
+      }, null)]);
+    }
+    function S(n) {
+      var d;
+      return n.raw.multiLanguage ? "multiLanguage" : l.value === "Form" ? (d = n.raw.type) == null ? void 0 : d.name : n.raw.type;
+    }
+    const E = {
+      customRowStatus: (n) => {
+        var g;
+        if (n.raw.$type && n.raw.$type !== se.SimpleField || f.value && f.value.has(n.raw.id))
+          return n.disabled = !0, n;
+        const d = S(n);
+        if ($ || !x) {
+          if (d && ((g = m.value) != null && g.length) && !m.value.includes(d))
+            return n.disabled = !0, n;
+        } else if (x && x !== d)
+          return n.disabled = !0, n;
+        return n.disabled = !1, n;
+      }
+    };
+    function K() {
+      return u(we, {
+        ref: c,
+        fit: !0,
+        data: a.value,
+        idField: e.idField,
+        columns: C.value,
+        rowNumber: {
+          enable: !1
+        },
+        columnOption: {
+          fitColumns: !0
+        },
+        onSelectionChange: y,
+        "row-option": E
+      }, null);
+    }
+    function H() {
+      t.emit("cancel");
+    }
+    function j() {
+      if (!i.value || !i.value.length) {
+        const n = new Pe();
+        return n.globalConfig = {
+          position: "top-center"
+        }, n.warning({
+          message: "请先选择数据"
+        }), !1;
+      }
+      return !0;
+    }
+    function Y() {
+      j() && t.emit("submit", {
+        selectedData: i.value[0],
+        bindingType: l.value
+      });
+    }
+    function o() {
+      t.emit("skip");
+    }
+    return () => u("div", {
+      class: "h-100 d-flex flex-column"
+    }, [e.bindingType.enable && I(), u("div", {
+      class: k,
+      style: "position:relative;border-radius:10px;"
+    }, [_(" "), K()]), e.showCustomFooter ? u("div", {
+      class: "modal-footer"
+    }, [u("button", {
+      type: "button",
+      class: "btn btn-secondary",
+      onClick: H
+    }, [_("取消")]), u("button", {
+      type: "button",
+      class: "btn btn-secondary",
+      onClick: o
+    }, [_("跳过绑定")]), u("button", {
+      type: "button",
+      class: "btn btn-primary",
+      onClick: Y
+    }, [_("确定")])]) : ""]);
+  }
+}), J = /* @__PURE__ */ G({
+  name: "FBindingSelector",
+  props: re,
+  emits: ["selected", "bindingTypeChanged"],
+  setup(e, t) {
+    var y, I;
+    const a = '<i class="f-icon f-icon-lookup"></i>', l = b(e.bindingData), i = b(e.data), c = b(), f = b(((y = e.modelValue) == null ? void 0 : y.type) || "Form"), m = b((I = e.modelValue) == null ? void 0 : I.path), {
+      updateViewModel: T,
+      updateComponentSchema: h,
+      checkFieldValiation: P,
+      clearExpresssionConfig: V
+    } = ce(e);
+    function w(S) {
+      l.value = S;
+    }
+    function C(S) {
+      f.value = S;
+    }
+    function x(S) {
+      m.value = S.path;
+    }
+    function $() {
+      return u(Z, {
+        ref: c,
+        data: i.value,
+        onSelected: w,
+        modelValue: e.modelValue,
+        idField: e.idField,
+        bindingData: l.value,
+        onBindingTypeChange: C,
+        editorParams: e.editorParams,
+        bindingType: e.bindingType,
+        showCustomFooter: !1
+      }, null);
+    }
+    function k() {
+      return !!P(l.value, f.value);
+    }
+    const R = {
+      title: e.title,
+      fitContent: !1,
+      height: e.modalHeight,
+      width: e.modalWidth,
+      buttons: [{
+        name: "cancel",
+        text: "取消",
+        class: "btn btn-secondary",
+        handle: (S) => (l.value = [], !0)
+      }, {
+        name: "accept",
+        text: "确定",
+        class: "btn btn-primary",
+        handle: (S) => {
+          if (!k())
+            return !1;
+          T(l.value[0], f.value), V(l.value[0]);
+          const E = h(l.value[0], f.value);
+          return x(E), e.onFieldSelected && typeof e.onFieldSelected == "function" && e.onFieldSelected(E, void 0, l.value[0]), !0;
+        }
+      }],
+      resizeable: !1,
+      draggable: !0
+    };
+    return () => u(Te, {
+      modelValue: m.value,
+      "onUpdate:modelValue": (S) => m.value = S,
+      editable: !1,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      inputType: "text",
+      enableClear: !1,
+      buttonContent: a,
+      buttonBehavior: "Modal",
+      modalOptions: R
+    }, {
+      default: () => [u("div", {
+        class: "h-100 d-flex flex-column"
+      }, [$()])]
+    });
+  }
+}), He = pe(fe, Ee), Xe = {
+  register: (e, t, a, l) => {
+    e["binding-selector"] = J, t["binding-selector"] = He;
+  },
+  install: (e) => {
+    e.component(J.name, J), e.component(Z.name, Z);
+  }
+};
+export {
+  J as BindingSelector,
+  Z as FBindingSelectorContainer,
+  Xe as default,
+  He as propsResolver
+};