@farris/ui-vue 1.1.0 → 1.1.1

package/filter-bar/index.esm.js

@@ -1,926 +0,0 @@
-var Y = Object.defineProperty;
-var Z = (l, e, t) => e in l ? Y(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var r = (l, e, t) => (Z(l, typeof e != "symbol" ? e + "" : e, t), t);
-import { ref as g, createVNode as b, createTextVNode as O, computed as C, defineComponent as W, watch as _, inject as R, onMounted as K } from "vue";
-import { cloneDeep as j } from "lodash-es";
-const G = {}, H = {};
-function $(l) {
-  const { properties: e, title: t } = l, n = Object.keys(e).reduce((a, y) => (a[y] = e[y].type === "object" && e[y].properties ? $(e[y]) : j(e[y].default), a), {});
-  return n.id = `${t}-${Date.now()}`, n;
-}
-function A(l, e = {}) {
-  const t = G[l];
-  if (t) {
-    let n = $(t);
-    const a = H[l];
-    return n = a ? a({ getSchemaByType: A }, n, e) : n, n;
-  }
-  return null;
-}
-function I(l, e) {
-  const t = $(e);
-  return Object.keys(l).reduce((n, a) => (n[a] = l[a], n), t), t;
-}
-function ee(l, e) {
-  return Object.keys(l).filter((n) => l[n] != null).reduce((n, a) => {
-    if (e.has(a)) {
-      const y = e.get(a);
-      if (typeof y == "string")
-        n[y] = l[a];
-      else {
-        const v = y(a, l[a], l);
-        Object.assign(n, v);
-      }
-    } else
-      n[a] = l[a];
-    return n;
-  }, {});
-}
-function te(l, e, t = /* @__PURE__ */ new Map()) {
-  const n = I(l, e);
-  return ee(n, t);
-}
-function le(l = {}) {
-  function e(s, i, u, p) {
-    if (typeof u == "number")
-      return p[s].length === u;
-    if (typeof u == "object") {
-      const o = Object.keys(u)[0], d = u[o];
-      if (o === "not")
-        return Number(p[s].length) !== Number(d);
-      if (o === "moreThan")
-        return Number(p[s].length) >= Number(d);
-      if (o === "lessThan")
-        return Number(p[s].length) <= Number(d);
-    }
-    return !1;
-  }
-  function t(s, i, u, p) {
-    return p[i] && p[i].propertyValue && String(p[i].propertyValue.value) === String(u);
-  }
-  const n = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", t]
-  ]);
-  Object.keys(l).reduce((s, i) => (s.set(i, l[i]), s), n);
-  function a(s, i) {
-    const u = s;
-    return typeof i == "number" ? [{ target: u, operator: "length", param: null, value: Number(i) }] : typeof i == "boolean" ? [{ target: u, operator: "getProperty", param: s, value: !!i }] : typeof i == "object" ? Object.keys(i).map((p) => {
-      if (p === "length")
-        return { target: u, operator: "length", param: null, value: i[p] };
-      const o = p, d = i[p];
-      return { target: u, operator: s, param: o, value: d };
-    }) : [];
-  }
-  function y(s) {
-    return Object.keys(s).reduce((u, p) => {
-      const o = a(p, s[p]);
-      return u.push(...o), u;
-    }, []);
-  }
-  function v(s, i) {
-    if (n.has(s.operator)) {
-      const u = n.get(s.operator);
-      return u && u(s.target, s.param, s.value, i) || !1;
-    }
-    return !1;
-  }
-  function V(s, i) {
-    return y(s).reduce((o, d) => o && v(d, i), !0);
-  }
-  function w(s, i) {
-    const u = Object.keys(s), p = u.includes("allOf"), o = u.includes("anyOf"), d = p || o, k = (d ? s[d ? p ? "allOf" : "anyOf" : "allOf"] : [s]).map((f) => V(f, i));
-    return p ? !k.includes(!1) : k.includes(!0);
-  }
-  return { parseValueSchema: w };
-}
-const ne = {}, re = {};
-le();
-function ae(l, e, t = /* @__PURE__ */ new Map(), n = (v, V, w) => V, a = {}, y = (v) => v) {
-  return G[e.title] = e, H[e.title] = n, ne[e.title] = a, re[e.title] = y, (v = {}) => {
-    const V = te(v, e, t), w = Object.keys(l).reduce((s, i) => (s[i] = l[i].default, s), {});
-    return Object.assign(w, V);
-  };
-}
-function se(l, e) {
-  return { customClass: e.class };
-}
-const oe = /* @__PURE__ */ new Map([
-  ["appearance", se]
-]);
-function ie(l, e, t) {
-  return e;
-}
-const ue = "https://json-schema.org/draft/2020-12/schema", ce = "https://farris-design.gitee.io/filter-bar.schema.json", pe = "filter-bar", de = "A Farris Component", fe = "object", he = {
-  id: {
-    description: "The unique identifier for filter-bar",
-    type: "string"
-  },
-  type: {
-    description: "The type string of filter-bar",
-    type: "string",
-    default: "filter-bar"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, ve = [
-  "id",
-  "type"
-], me = {
-  $schema: ue,
-  $id: ce,
-  title: pe,
-  description: de,
-  type: fe,
-  properties: he,
-  required: ve
-}, ye = "filter-bar", ge = "A Farris Component", be = "object", Te = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, Ve = {
-  title: ye,
-  description: ge,
-  type: be,
-  categories: Te
-}, B = {
-  /** 被绑定数据 */
-  data: {
-    type: Array,
-    default: [{
-      id: "name",
-      fieldCode: "name",
-      fieldName: "名称",
-      compareType: "0",
-      valueType: 0,
-      value: "示例1",
-      relation: "1"
-    }]
-  },
-  /** 筛选分类 */
-  fields: {
-    type: Array,
-    default: [
-      { id: "name", code: "name", labelCode: "name", name: "名称", editor: { type: "text" } }
-    ]
-  },
-  /** 是否可选择 */
-  mode: { type: String, default: "editable" },
-  /** 清空值文字 */
-  resetText: { type: String, default: "清空已选" },
-  /** 是否显示重置 */
-  showReset: { type: Boolean, default: !1 }
-}, L = ae(B, me, oe, ie, Ve);
-class we {
-  constructor(e = { value: [] }) {
-    r(this, "editorType", "check-box");
-    r(this, "value");
-    r(this, "valueType", "boolean");
-    this.value = e.value;
-  }
-  clear() {
-    this.value = [];
-  }
-  setValue(e) {
-    this.value = e;
-  }
-  getValue() {
-    return this.value;
-  }
-  isEmpty() {
-    return this.value.length === 0;
-  }
-}
-class Fe {
-  constructor(e = { textValue: "", value: "", valueField: "" }) {
-    r(this, "editorType", "combo-lookup");
-    r(this, "textValue");
-    r(this, "value");
-    r(this, "valueField");
-    r(this, "valueType", "text");
-    this.textValue = e.textValue, this.value = e.value, this.valueField = e.valueField;
-  }
-  clear() {
-    this.value = "", this.valueField = "", this.textValue = "";
-  }
-  getPropValue(e, t) {
-    if (t.length > 1) {
-      const n = t.shift();
-      return e[n] ? this.getPropValue(e[n], t) : null;
-    }
-    return e[t[0]];
-  }
-  getTextValue(e) {
-    const t = e.split("."), n = this.value.split(",").map((a) => this.getPropValue(a, j(t)));
-    return n && n.length ? n.join(",") : "";
-  }
-  getValue() {
-    const e = this.valueField.split("."), t = this.value.split(",").map((n) => this.getPropValue(n, j(e)));
-    return t && t.length ? t.join(",") : "";
-  }
-  setValue(e) {
-    throw new Error("Method not implemented.");
-  }
-  isEmpty() {
-    return !this.valueField;
-  }
-}
-class Ce {
-  constructor(e = { value: "" }) {
-    r(this, "editorType", "date-picker");
-    r(this, "value");
-    r(this, "valueType", "datetime");
-    this.value = e.value;
-  }
-  setValue(e) {
-    this.value = e.formatted;
-  }
-  getValue() {
-    return this.value;
-  }
-  isEmpty() {
-    return !this.value;
-  }
-  clear() {
-    this.value = void 0;
-  }
-}
-class q {
-  constructor(e = { begin: "", end: "" }) {
-    r(this, "editorType", "date-range");
-    r(this, "begin", "");
-    r(this, "end", "");
-    r(this, "valueType", "datetime");
-    this.begin = e.begin, this.end = e.end;
-  }
-  clear() {
-    this.begin = "", this.end = "";
-  }
-  getValue() {
-    return !this.begin || !this.end ? "" : `${this.begin}~${this.end}`;
-  }
-  setValue(e) {
-    e.dataRange ? (this.begin = e.dataRange.split(e.delimiter)[0], this.end = e.dataRange.split(e.delimiter)[1]) : this.clear();
-  }
-  isEmpty() {
-    return !this.begin || !this.end;
-  }
-}
-class Ee {
-  constructor(e = { value: "" }) {
-    r(this, "editorType", "datetime-picker");
-    r(this, "value");
-    r(this, "valueType", "datetime");
-    this.value = e.value;
-  }
-  clear() {
-    this.value = void 0;
-  }
-  getValue() {
-    return this.value;
-  }
-  setValue(e) {
-    this.value = e.formatted;
-  }
-  isEmpty() {
-    return !this.value;
-  }
-}
-class ke {
-  // 旧结构无，新结构为选中的value值，多选是以,分割的字符串
-  constructor(e = { value: "", dispalyText: "" }) {
-    r(this, "editorType", "combo-list");
-    r(this, "value");
-    // 旧结构{Type: '', Content: {value: string, name: string}} 新结构Array[{value: string, name: string}]
-    r(this, "valueType", "enum");
-    r(this, "displayText");
-    this.displayText = e.dispalyText, this.value = e.value;
-  }
-  clear() {
-    this.value = "", this.displayText = "";
-  }
-  getValue() {
-    return this.displayText;
-  }
-  setValue(e) {
-    this.displayText = e.dispalyText, this.value = e.value;
-  }
-  isEmpty() {
-    return !this.displayText;
-  }
-}
-class Se {
-  constructor(e = { value: [], displayText: "", displayField: "", isInputText: !1 }) {
-    r(this, "editorType", "input-group");
-    // 通过弹窗返回的若干个值对象构成的数组
-    r(this, "value");
-    r(this, "valueType", "text");
-    // 控件内显示的值
-    r(this, "displayText");
-    // 弹窗模式下，取列表中哪个字段的值映射到当前字段
-    r(this, "valueField");
-    // 是否是手动输入的值
-    r(this, "isInputText");
-    this.value = e.value, this.displayText = e.displayText, this.valueField = e.displayField, this.isInputText = e.isInputText;
-  }
-  clear() {
-    this.value = [], this.displayText = "", this.valueField = "";
-  }
-  getPropValue(e, t) {
-    if (t.length > 1) {
-      const n = t.shift();
-      return e[n] ? this.getPropValue(e[n], t) : "";
-    }
-    return e[t[0]];
-  }
-  getTextValue(e) {
-    const t = e.split("."), n = this.value.map((a) => this.getPropValue(a, j(t)));
-    return n && n.length ? n.join(",") : "";
-  }
-  getValue() {
-    const e = this.valueField.split(".") || [], t = this.value.map((n) => this.getPropValue(n, j(e)));
-    return t && t.length ? t.join(",") : "";
-  }
-  setValue(e) {
-    throw new Error("Method not implemented.");
-  }
-  isEmpty() {
-    return !this.displayText;
-  }
-}
-class xe {
-  constructor(e = { textValue: "", value: [], valueField: "", isInputText: !1 }) {
-    r(this, "editorType", "lookup");
-    r(this, "textValue");
-    r(this, "value");
-    r(this, "valueField");
-    r(this, "valueType", "text");
-    // 帮助的值是否为手动输入的任意值，对应帮助的任意输入属性nosearch
-    r(this, "isInputText");
-    this.value = e.value, this.valueField = e.valueField, this.textValue = e.textValue, this.isInputText = e.isInputText;
-  }
-  clear() {
-    this.value = [], this.valueField = "", this.textValue = "";
-  }
-  getPropValue(e, t) {
-    if (t.length > 1) {
-      const n = t.shift();
-      return e[n] ? this.getPropValue(e[n], t) : null;
-    }
-    return e[t[0]];
-  }
-  getTextValue(e) {
-    const t = e.split("."), n = this.value.map((a) => this.getPropValue(a, t));
-    return n && n.length ? n.join(",") : "";
-  }
-  getValue() {
-    const e = this.valueField.split("."), t = this.value.map((n) => this.getPropValue(n, e));
-    return t && t.length ? t.join(",") : "";
-  }
-  setValue(e) {
-    throw new Error("Method not implemented.");
-  }
-  isEmpty() {
-    return !this.value.length;
-  }
-}
-class Me {
-  constructor(e = { value: "" }) {
-    r(this, "editorType", "month-picker");
-    r(this, "value");
-    r(this, "valueType", "datetime");
-    this.value = e.value;
-  }
-  setValue(e) {
-    this.value = e.formatted;
-  }
-  getValue() {
-    return this.value;
-  }
-  clear() {
-    this.value = void 0;
-  }
-  isEmpty() {
-    return !this.value;
-  }
-}
-class je {
-  constructor(e = { begin: "", end: "" }) {
-    r(this, "editorType", "month-range");
-    r(this, "begin");
-    r(this, "end");
-    r(this, "valueType", "datetime");
-    this.begin = e.begin, this.end = e.end;
-  }
-  clear() {
-    this.begin = "", this.end = "";
-  }
-  getValue() {
-    return !this.begin || !this.end ? "" : `${this.begin}~${this.end}`;
-  }
-  setValue(e) {
-    e.dataRange ? (this.begin = e.dataRange.split(e.delimiter)[0], this.end = e.dataRange.split(e.delimiter)[1]) : this.clear();
-  }
-  isEmpty() {
-    return !this.begin || !this.end;
-  }
-}
-class Pe {
-  constructor(e = { begin: null, end: null }) {
-    r(this, "editorType", "number-range");
-    r(this, "begin");
-    r(this, "end");
-    r(this, "valueType", "number");
-    this.begin = e.begin == null ? null : parseFloat(e.begin), this.end = e.end == null ? null : parseFloat(e.end);
-  }
-  clear() {
-    this.begin = null, this.end = null;
-  }
-  getValue() {
-    return {
-      begin: this.begin,
-      end: this.end
-    };
-  }
-  setValue(e) {
-    this.begin = e.begin == null ? null : parseFloat(e.begin), this.end = e.end == null ? null : parseFloat(e.end);
-  }
-  isEmpty() {
-    return this.begin == null && this.end == null;
-  }
-}
-class Ne {
-  constructor(e = { value: "" }) {
-    r(this, "editorType", "number-spinner");
-    r(this, "value");
-    r(this, "valueType", "number");
-    this.value = e.value == null ? null : parseFloat(e.value);
-  }
-  clear() {
-    this.value = void 0;
-  }
-  getValue() {
-    return this.value;
-  }
-  setValue(e) {
-    this.value = isNaN(parseFloat(e)) ? null : e;
-  }
-  isEmpty() {
-    return this.value == null;
-  }
-}
-class Oe {
-  constructor(e = { value: null }) {
-    r(this, "editorType", "radio-group");
-    r(this, "value");
-    r(this, "valueType", "enum");
-    this.value = e.value;
-  }
-  clear() {
-    this.value = void 0;
-  }
-  getValue() {
-    return this.value;
-  }
-  setValue(e) {
-    this.value = e;
-  }
-  isEmpty() {
-    return !this.value;
-  }
-}
-class Ae {
-  constructor(e = { value: "" }) {
-    r(this, "editorType", "text");
-    r(this, "value");
-    r(this, "valueType", "text");
-    this.value = e.value;
-  }
-  clear() {
-    this.value = void 0;
-  }
-  getValue() {
-    return this.value;
-  }
-  setValue(e) {
-    this.value = e;
-  }
-  isEmpty() {
-    return !this.value;
-  }
-}
-function $e() {
-  function l(e, t) {
-    switch (e) {
-      case "check-box":
-        return new we(t);
-      case "combo-list":
-        return new ke(t);
-      case "combo-lookup":
-        return new Fe(t);
-      case "input-group":
-        return new Se(t);
-      case "date-picker":
-        return new Ce(t);
-      case "date-range":
-        return new q(t);
-      case "datetime-picker":
-        return new Ee(t);
-      case "datetime-range":
-        return new q(t);
-      case "lookup":
-        return new xe(t);
-      case "month-picker":
-        return new Me(t);
-      case "month-range":
-        return new je(t);
-      case "number-range":
-        return new Pe(t);
-      case "number-spinner":
-        return new Ne(t);
-      case "radio-group":
-        return new Oe(t);
-      default:
-        return new Ae(t);
-    }
-  }
-  return { createConditionValue: l };
-}
-function J(l, e) {
-  const t = g([]), n = g([]), a = g([]), y = g(""), v = g(!1), V = g(l.mode), w = /* @__PURE__ */ new Map(), s = $e();
-  function i(f) {
-    return !v.value && V.value === "display-only" && !!f.hasValue && !!f.displayText;
-  }
-  function u(f) {
-    n.value = f, n.value.reduce((c, F) => (c.set(F.labelCode, F), c), w);
-  }
-  function p(f) {
-    t.value = f.map((c, F) => {
-      var h;
-      if (typeof c.value == "string") {
-        const m = ((h = w.get(c.fieldCode)) == null ? void 0 : h.editor.type) || "text";
-        c.value = s.createConditionValue(m, { value: c.value });
-      }
-      return c.conditionId = F, c;
-    });
-  }
-  function o() {
-    const f = n.value.map((c) => ({
-      id: c.id,
-      fieldCode: c.code,
-      fieldName: c.name,
-      editor: c.editor
-    }));
-    return t.value.reduce((c, F, h) => {
-      const m = c.find((T) => T.fieldCode === F.fieldCode);
-      return m && (m.displayText = F.value.getValue(), m.hasValue = !0), c;
-    }, f), f;
-  }
-  function d(f, c) {
-    u(l.fields), p(l.data), a.value = o();
-  }
-  function E(f) {
-    a.value = a.value.filter((c) => c.id !== f.id), t.value = t.value.filter((c) => c.fieldCode !== f.fieldCode), n.value = n.value.filter((c) => c.id !== f.id), e.emit("Remove", f.fieldCode);
-  }
-  function S(f) {
-    f.displayText = "", f.hasValue = !1, t.value = t.value.filter((c) => c.fieldCode !== f.fieldCode), e.emit("Clear", f.fieldCode);
-  }
-  function k() {
-    a.value = [], t.value = [], n.value = [], e.emit("Reset");
-  }
-  function x() {
-    a.value.forEach((f) => {
-      f.displayText = "", f.hasValue = !1;
-    }), t.value = [], e.emit("Reset");
-  }
-  return d(l.fields, l.data), {
-    clearAll: k,
-    clearFilterItem: S,
-    currentFilterId: y,
-    filterFields: n,
-    filterItems: a,
-    loadFilterItems: d,
-    removeFilterItem: E,
-    reset: x,
-    shouldShowClearButtonInFilterItem: i
-  };
-}
-function z(l, e) {
-  function t() {
-  }
-  return () => b("div", {
-    class: "f-filter-list-ellipsis",
-    onClick: (n) => void 0
-  }, [O("...")]);
-}
-function Q(l, e, t) {
-  const {
-    clearFilterItem: n,
-    currentFilterId: a,
-    filterItems: y,
-    removeFilterItem: v,
-    shouldShowClearButtonInFilterItem: V
-  } = t, w = g(!1), s = function(o, d) {
-    return {
-      "f-filter-item": !0,
-      "f-filter-item-actived": o.hasValue,
-      "f-filter-item-last": d === y.value.length - 1,
-      "f-filter-item-edit": o.id === a.value
-    };
-  }, i = C(() => !w.value && l.mode === "editable");
-  function u(o, d) {
-    l.mode === "display-only" ? v(d) : n(d);
-  }
-  function p(o, d, E) {
-  }
-  return (o, d) => b("div", {
-    id: o.id,
-    class: s(o, d),
-    onClick: (E) => void 0
-  }, [b("div", {
-    class: "f-filter-item-inner"
-  }, [o.editor.required && b("span", {
-    class: "f-filter-item-required text-danger"
-  }, [O("*")]), b("span", {
-    class: "f-filter-item-text"
-  }, [o.fieldName]), o.hasValue && o.displayText && b("span", {
-    class: "f-filter-item-tip"
-  }, [O(":")]), o.hasValue && o.displayText && b("span", {
-    class: "f-filter-item-content"
-  }, [o.displayText]), i.value && b("span", {
-    class: "f-filter-item-arrow f-icon f-icon-arrow-chevron-down"
-  }, null)]), V(o) && b("span", {
-    class: "f-filter-item-clear",
-    onClick: (E) => u(E, o)
-  }, [b("span", {
-    class: "f-icon f-icon-close-circle"
-  }, null)])]);
-}
-function U(l, e, t) {
-  const n = g([]), a = g(!1), y = g(""), v = g(l.resetText), V = g(l.showReset), {
-    clearAll: w,
-    reset: s
-  } = t, i = C(() => a.value && n.value && n.value.length > 0), u = C(() => V.value);
-  function p(d) {
-  }
-  function o(d) {
-    l.mode === "display-only" ? w() : s();
-  }
-  return () => b("div", {
-    class: "f-filter-toolbars"
-  }, [i.value && b("button", {
-    class: "btn btn-link",
-    onClick: (d) => void 0
-  }, [y.value]), u.value && b("button", {
-    class: "btn btn-link",
-    onClick: (d) => o()
-  }, [v.value])]);
-}
-const N = /* @__PURE__ */ W({
-  name: "FFilterBar",
-  props: B,
-  emits: ["Clear", "Remove", "Reset"],
-  setup(l, e) {
-    const t = g(!1), n = g(!1), a = g(!1), y = g(!1), v = J(l, e), {
-      filterFields: V,
-      filterItems: w,
-      loadFilterItems: s
-    } = v, i = C(() => ({
-      display: V.value && V.value.length ? "" : "none"
-    }));
-    _([() => l.data, () => l.fields], ([c, F]) => {
-      s(F, c);
-    });
-    const u = C(() => n.value && t.value), p = C(() => ({
-      "f-filter-list": !0,
-      "f-filter-list-extend": u.value
-    })), o = C(() => w.value.length > 0), d = Q(l, e, v);
-    function E() {
-      return b("div", {
-        class: p.value
-      }, [w.value.map((c, F) => d(c, F))]);
-    }
-    const S = C(() => a.value && !n.value && y.value), k = z(), x = C(() => !n.value), f = U(l, e, v);
-    return () => b("div", {
-      class: "f-filter-wrapper",
-      style: i.value
-    }, [b("div", {
-      class: "f-filter-wrapper-inner f-utils-fill"
-    }, [b("div", {
-      class: "f-filter-main f-utils-fill"
-    }, [b("div", {
-      class: "f-filter-list-wrapper"
-    }, [o.value && E(), S.value && k(), x.value && f()])])])]);
-  }
-});
-function Be(l, e, t) {
-  var F;
-  function n() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  n();
-  const a = t && t.getStyles && t.getStyles() || "", y = t && t.getDesignerClass && t.getDesignerClass() || "", v = g();
-  function V() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
-  }
-  function w() {
-    return !1;
-  }
-  function s() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
-  }
-  function i() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
-  }
-  function u(h) {
-    if (!h || !h.value)
-      return null;
-    if (h.value.schema && h.value.schema.type === "component")
-      return h.value;
-    const m = g(h == null ? void 0 : h.value.parent), T = u(m);
-    return T || null;
-  }
-  function p(h = e) {
-    const { componentInstance: m, designerItemElementRef: T } = h;
-    return !m || !m.value ? null : m.value.canMove ? T : p(h.parent);
-  }
-  function o(h) {
-    return !!t && t.canAccepts(h);
-  }
-  function d() {
-    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
-  }
-  function E() {
-  }
-  function S(h, m) {
-    m && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(m);
-  }
-  function k(h) {
-    const { componentType: m } = h;
-    let T = A(m, h);
-    t && t.onResolveNewComponentSchema && (T = t.onResolveNewComponentSchema(h, T));
-    const P = m.toLowerCase().replace("-", "_");
-    return T && !T.id && T.type === m && (T.id = `${P}_${Math.random().toString().slice(2, 6)}`), T;
-  }
-  function x(h, m) {
-    const T = String(h.getAttribute("data-controltype")), P = h.getAttribute("data-feature"), D = P ? JSON.parse(P) : {};
-    D.parentComponentInstance = v.value;
-    let M = A(T, D);
-    t && t.onAcceptNewChildElement && (M = t.onAcceptNewChildElement(h, m, M));
-    const X = T.toLowerCase().replace("-", "_");
-    return M && !M.id && M.type === T && (M.id = `${X}_${Math.random().toString().slice(2, 6)}`), M;
-  }
-  function f(h) {
-  }
-  function c() {
-    return t && t.getPropsConfig ? t.getPropsConfig() : [];
-  }
-  return v.value = {
-    canMove: V(),
-    canSelectParent: w(),
-    canDelete: s(),
-    canNested: !i(),
-    contents: e == null ? void 0 : e.schema.contents,
-    elementRef: l,
-    parent: (F = e == null ? void 0 : e.parent) == null ? void 0 : F.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: a,
-    designerClass: y,
-    canAccepts: o,
-    getBelongedComponentInstance: u,
-    getDraggableDesignItemElement: p,
-    getDraggingDisplayText: d,
-    getPropConfig: c,
-    getDragScopeElement: E,
-    onAcceptMovedChildElement: S,
-    onAcceptNewChildElement: x,
-    onChildElementMovedOut: f,
-    addNewChildComponentSchema: k,
-    updateDragAndDropRules: n,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || g(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || g(!1)
-  }, v;
-}
-const De = /* @__PURE__ */ W({
-  name: "FFilterBarDesign",
-  props: B,
-  emits: ["Clear", "Remove", "Reset"],
-  setup(l, e) {
-    const t = g(!1), n = g(!1), a = g(!1), y = g(!1), v = J(l, e), {
-      filterFields: V,
-      filterItems: w,
-      loadFilterItems: s
-    } = v, i = C(() => ({
-      display: V.value && V.value.length ? "" : "none"
-    })), u = g(), p = R("design-item-context"), o = Be(u, p);
-    K(() => {
-      u.value.componentInstance = o;
-    }), e.expose(o.value), _([() => l.data, () => l.fields], ([m, T]) => {
-      s(T, m);
-    });
-    const d = C(() => n.value && t.value), E = C(() => ({
-      "f-filter-list": !0,
-      "f-filter-list-extend": d.value
-    })), S = C(() => w.value.length > 0), k = Q(l, e, v);
-    function x() {
-      return b("div", {
-        class: E.value
-      }, [w.value.map((m, T) => k(m, T))]);
-    }
-    const f = C(() => a.value && !n.value && y.value), c = z(), F = C(() => !n.value), h = U(l, e, v);
-    return () => b("div", {
-      ref: u,
-      class: "f-filter-wrapper",
-      style: i.value
-    }, [b("div", {
-      class: "f-filter-wrapper-inner f-utils-fill"
-    }, [b("div", {
-      class: "f-filter-main f-utils-fill"
-    }, [b("div", {
-      class: "f-filter-list-wrapper"
-    }, [S.value && x(), f.value && c(), F.value && h()])])])]);
-  }
-}), _e = {
-  install(l) {
-    l.component(N.name, N);
-  },
-  register(l, e, t) {
-    l["filter-bar"] = N, e["filter-bar"] = L;
-  },
-  registerDesigner(l, e, t) {
-    l["filter-bar"] = De, e["filter-bar"] = L;
-  }
-};
-export {
-  _e as default,
-  B as filterBarProps,
-  L as propsResolver
-};