@farris/ui-vue 1.7.3 → 1.7.5

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

@@ -1,16 +1,92 @@
-const e = [
+var ue = Object.defineProperty;
+var fe = (e, t, a) => t in e ? ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
+var q = (e, t, a) => fe(e, typeof t != "symbol" ? t + "" : t, a);
+import { defineComponent as K, ref as b, computed as N, watch as me, createVNode as u, Fragment as oe, reactive as pe, createApp as ge, onUnmounted as ye, onMounted as se, Transition as he, mergeProps as be, onBeforeMount as ve, createTextVNode as U } from "vue";
+import Fe from "../button-edit/index.esm.js";
+import Se from "../tree-grid/index.esm.js";
+import Te from "../radio-group/index.esm.js";
+import { FormSchemaEntityField$Type as re, FormSchemaEntityFieldTypeName as J } from "../common/index.esm.js";
+import { createPropsResolver as we } from "../dynamic-resolver/index.esm.js";
+import { LocaleService as Q } from "../locale/index.esm.js";
+import { FormBindingType as W, SchemaDOMMapping as Ce } from "../property-panel/index.esm.js";
+import { merge as ie } from "lodash-es";
+import { FNotifyService as xe } from "../notify/index.esm.js";
+const Pe = "https://json-schema.org/draft/2020-12/schema", Ne = "https://farris-design.gitee.io/binding-selector.schema.json", Ve = "binding-selector", Be = "字段绑定选择器", Ie = "object", Oe = {
+  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: {}
+  }
+}, Me = {
+  $schema: Pe,
+  $id: Ne,
+  title: Ve,
+  description: Be,
+  type: Ie,
+  properties: Oe
+}, ae = [
   { field: "name", title: "名称" },
   { field: "bindingField", title: "绑定字段" },
   { field: "fieldType", title: "字段类型" }
-], t = [
+], le = [
   { field: "name", title: "名称" },
   { field: "code", title: "编号" },
   { field: "displayTypeName", title: "变量类型" }
-], l = [
+], Ee = [
   { value: "Form", text: "绑定字段" },
   { value: "LocaleVariable", text: "绑定组件变量" },
   { value: "RemoteVariable", text: "绑定表单变量" }
-], a = {
+], D = {
   disabled: { type: Boolean, default: !1 },
   readonly: { type: Boolean, default: !1 },
   modelValue: { type: Object, default: null },
@@ -41,10 +117,678 @@ const e = [
   onFieldSelected: { type: Function, default: null },
   /** 是否显示自定义的底部按钮区域 */
   showCustomFooter: { type: Boolean, default: !1 }
+}, Re = we(D, Me), 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__ */ K({
+  name: "Toast",
+  props: Le,
+  emits: ["close", "click"],
+  setup: (e, t) => {
+    const a = b(e.animate), l = "fadeOut", i = N(() => e.options), c = b(!1), m = N(() => i.value.title && i.value.message), f = N(() => !i.value.title && i.value.message), T = N(() => {
+      const y = {
+        animated: c.value,
+        toast: !0,
+        "toast--only-content": !m.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 : ""}`;
+    }
+    me(a, () => {
+      a.value;
+    });
+    const R = () => {
+      var y;
+      return u(oe, 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"
+    }, [!m.value && u("div", {
+      class: "float-left modal-tips-iconwrap"
+    }, [u("span", {
+      class: h.value
+    }, null)]), u("div", {
+      class: "modal-tips-content"
+    }, [m.value && u(oe, 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()]), f.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))])])]);
+  }
+}), G = /* @__PURE__ */ K({
+  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), m = b(e.showCloseButton), f = 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: f.value.indexOf("left") > -1 ? `${e.left ? e.left : l.left}px` : "",
+        right: f.value.indexOf("right") > -1 ? `${e.right ? e.right : l.right}px` : "",
+        top: f.value.indexOf("top") > -1 ? `${C}px` : "",
+        bottom: f.value.indexOf("bottom") > -1 ? `${w}px` : ""
+      };
+      return f.value.indexOf("center") > -1 && (x.left = "50%", x.marginLeft = "calc(-24rem / 2)", f.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: f
+    });
+    function V(w, C) {
+      P();
+    }
+    return () => u("div", {
+      class: a.value,
+      style: h.value,
+      ref: i
+    }, [u(X, {
+      options: c.value,
+      showCloseButton: m.value,
+      animate: e.animate,
+      onClose: (w) => V(w, c.value)
+    }, null)]);
+  }
+});
+class de {
+  constructor() {
+    q(this, "notifyRefs", []);
+    q(this, "globalConfig", pe({}));
+  }
+  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 m = ge({
+      setup() {
+        var h;
+        const f = b();
+        function T() {
+          f.value.container.style.transform = "scale(0)", setTimeout(() => {
+            a.updateNotifyPositionForClose(i, f), m.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)), ye(() => {
+          document.body.removeChild(c);
+        }), se(() => {
+          a.updateNotifyPositionForCreate(i, f);
+        }), () => u(he, {
+          mode: "out-in",
+          name: "fade",
+          appear: !0
+        }, {
+          default: () => [u(G, be({
+            ref: f
+          }, i, {
+            onClose: T
+          }), null)]
+        });
+      }
+    });
+    return m.provide("NotifyService", this), document.body.appendChild(c), m.use(Q.i18n), m.mount(c), m;
+  }
+  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((m) => {
+        m.value.container.style.top = m.value.container.offsetTop - m.value.container.offsetHeight + "px";
+      });
+    }
+    l > -1 && this.notifyRefs.splice(l, 1);
+  }
+  show(t) {
+    return this.createNotifyInstance(t);
+  }
+  buildNotifyProps(t, a) {
+    let l = "", i = "", c, m, f;
+    typeof a == "string" ? l = a : a && (l = a.message || "", i = a.title || "", m = a.position || null, f = a.showCloseButton != null ? a.showCloseButton : null, c = a.timeout != null ? a.timeout : null);
+    const h = {
+      options: {
+        type: t,
+        message: l,
+        title: i
+      }
+    };
+    return m != null && (h.position = m), f != null && (h.showCloseButton = f), 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");
+G.install = (e) => {
+  e.component(G.name, G), 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 m = [], f = [], T = [];
+  const h = new de();
+  h.globalConfig = { position: "top-center" };
+  function P(o) {
+    switch (o) {
+      case "LocaleVariable":
+        return f;
+      case "RemoteVariable":
+        return T;
+      default:
+        return m;
+    }
+  }
+  function V() {
+    m = 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 = "根组件", f = f.concat(r));
+    }
+    const s = l.getLocaleVariablesByViewModelId(c);
+    f = f.concat(s);
+  }
+  function C() {
+    T = l.getRemoteVariables();
+  }
+  function x(o) {
+    var d, g, v, F;
+    const s = ie({}, 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;
+        ie(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;
+    [J.Number, J.String, J.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 : Ce, { 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 Y() {
+    V(), w(), C();
+  }
+  function j(o, s) {
+    if (o.multiLanguage)
+      return { fieldType: "multiLanguage", fieldTypeName: "多语言" };
+    const r = s === W.Form ? o.type.name : o.type, p = s === W.Form ? o.type.displayName : o.displayTypeName;
+    return { fieldType: r, fieldTypeName: p };
+  }
+  function A() {
+    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 === W.Form) {
+      const d = a.getFieldByID(s.field);
+      d && (r = j(d, W.Form).fieldType, d.$type === re.ComplexField && (p = !0));
+    } else {
+      const d = l.getVariableById(s.field);
+      d && (r = d.type);
+    }
+    return { originalFieldType: r, isOriginalBindComplexField: p };
+  }
+  function z(o, s) {
+    var B, ee, te, ne;
+    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 } = A(), v = o[0], { fieldType: F, fieldTypeName: O } = j(v, s), M = "不可以切换成", L = "类型字段，请重新选择！";
+    if (g || !d) {
+      const _ = E((ne = (te = (ee = e.editorParams) == null ? void 0 : ee.componentSchema) == null ? void 0 : te.editor) == null ? void 0 : ne.type);
+      return _ != null && _.length && !_.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: Y,
+    getTreeDataSource: P,
+    updateViewModel: k,
+    updateComponentSchema: I,
+    resolveOccupiedFields: S,
+    resolveFieldTypesByEditorType: E,
+    checkFieldValiation: z,
+    clearExpresssionConfig: R,
+    getOriginalFieldType: A
+  };
+}
+const Z = /* @__PURE__ */ K({
+  name: "FBindingSelectorContainer",
+  props: D,
+  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(), m = b(), f = b(), {
+      getTreeDataSource: T,
+      initTreeData: h,
+      resolveOccupiedFields: P,
+      resolveFieldTypesByEditorType: V,
+      getOriginalFieldType: w
+    } = ce(e), C = b([]), {
+      originalFieldType: x,
+      isOriginalBindComplexField: $
+    } = w();
+    ve(() => {
+      var n, d, g, v, F, O;
+      h(), a.value = T(l.value), (n = e.editorParams) != null && n.disableOccupiedFields && (m.value = P((g = (d = e.editorParams) == null ? void 0 : d.componentSchema) == null ? void 0 : g.binding)), f.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" ? ae : le;
+    }), se(() => {
+      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" ? ae : le, 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(Te, {
+        name: "bindingType",
+        textField: e.bindingType.textField || "text",
+        valueField: e.bindingType.valueField || "value",
+        data: Ee,
+        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 !== re.SimpleField || m.value && m.value.has(n.raw.id))
+          return n.disabled = !0, n;
+        const d = S(n);
+        if ($ || !x) {
+          if (d && ((g = f.value) != null && g.length) && !f.value.includes(d))
+            return n.disabled = !0, n;
+        } else if (x && x !== d)
+          return n.disabled = !0, n;
+        return n.disabled = !1, n;
+      }
+    };
+    function Y() {
+      return u(Se, {
+        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 j() {
+      t.emit("cancel");
+    }
+    function A() {
+      if (!i.value || !i.value.length) {
+        const n = new xe();
+        return n.globalConfig = {
+          position: "top-center"
+        }, n.warning({
+          message: "请先选择数据"
+        }), !1;
+      }
+      return !0;
+    }
+    function z() {
+      A() && 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;"
+    }, [U(" "), Y()]), e.showCustomFooter ? u("div", {
+      class: "modal-footer"
+    }, [u("button", {
+      type: "button",
+      class: "btn btn-secondary",
+      onClick: j
+    }, [U("取消")]), u("button", {
+      type: "button",
+      class: "btn btn-secondary",
+      onClick: o
+    }, [U("跳过绑定")]), u("button", {
+      type: "button",
+      class: "btn btn-primary",
+      onClick: z
+    }, [U("确定")])]) : ""]);
+  }
+}), H = /* @__PURE__ */ K({
+  name: "FBindingSelector",
+  props: D,
+  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(), m = b(((y = e.modelValue) == null ? void 0 : y.type) || "Form"), f = 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) {
+      m.value = S;
+    }
+    function x(S) {
+      f.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, m.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], m.value), V(l.value[0]);
+          const E = h(l.value[0], m.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(Fe, {
+      modelValue: f.value,
+      "onUpdate:modelValue": (S) => f.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"
+      }, [$()])]
+    });
+  }
+});
+H.install = (e) => {
+  e.component(H.name, H), e.component(Z.name, Z);
+};
+H.register = (e, t, a, l) => {
+  e["binding-selector"] = H, t["binding-selector"] = Re;
 };
 export {
-  a as bindingSelectorProps,
-  l as bindingTypes,
-  e as fieldColumns,
-  t as variableColumns
+  H as BindingSelector,
+  Z as FBindingSelectorContainer,
+  D as bindingSelectorProps,
+  Ee as bindingTypes,
+  H as default,
+  ae as fieldColumns,
+  Re as propsResolver,
+  le as variableColumns
 };