@farris/ui-vue 1.1.0 → 1.1.1

package/events-editor/index.esm.js

@@ -1,1600 +0,0 @@
-import { ref as g, defineComponent as B, createVNode as o, inject as j, Fragment as V, createTextVNode as E, computed as w, provide as L, onMounted as R } from "vue";
-import { cloneDeep as x } from "lodash-es";
-const z = {
-  initialData: { type: Object, default: {} }
-};
-function H(l, n) {
-  const a = g([]), { boundEvents: r, unBoundEvent: u } = n;
-  function i(t) {
-    return {
-      /** 当前事件名称及label */
-      event: {
-        label: t.boundEvent.label,
-        name: t.boundEvent.name
-      },
-      /** 控制组件的展示及顺序:
-       * 0：事件下拉框
-       * 1：事件名称
-       * 2：来源+方法列表
-       * 3：方法名
-       * 4：方法参数*/
-      showSwitch: [{
-        // 存储所有的展示设定
-        showSection: [[!1, !1, !1, !1, !1], [!1, !1, !0, !1, !1], [!1, !0, !1, !0, !1]],
-        // 展示哪个部分
-        showSwitchNumber: 2
-      }],
-      /** 方法列表 */
-      command: x(t.command),
-      /** 当前的控制器 */
-      controller: x(t.controller)
-    };
-  }
-  function f() {
-    a.value = r.value.map((t) => i(t));
-  }
-  function h(t) {
-    const p = i({
-      boundEvent: t,
-      command: null,
-      controller: { id: "", name: "", label: "" }
-    });
-    p.showSwitch[0].showSwitchNumber = 1, p.showSwitch[0].showSection[2][3] = !0, a.value.unshift(p);
-  }
-  function d() {
-    a.value.forEach((t) => {
-      t.showSwitch.forEach((e) => {
-        e.showSection[2][3] = !1;
-      });
-    });
-  }
-  function s(t) {
-    a.value[t].showSwitch.forEach((e) => {
-      e.showSection[2][3] = !e.showSection[2][3];
-    });
-  }
-  function c(t) {
-    if (t >= 0 && t <= a.value.length - 1) {
-      const e = a.value[t];
-      u(e.event), a.value.splice(t, 1);
-    }
-  }
-  return {
-    addNewInteraction: h,
-    collapseInteractions: d,
-    deleteInteracton: c,
-    toggleMethodInInteraction: s,
-    interactions: a,
-    loadInteractions: f
-  };
-}
-function W(l) {
-  const n = g([]), a = g([]), r = g([]);
-  function u() {
-    const c = a.value.reduce(
-      (e, p) => (e.set(p.boundEvent.label, !0), e),
-      /* @__PURE__ */ new Map()
-    );
-    return n.value.filter((e) => !c.has(e.label));
-  }
-  function i() {
-    const c = a.value.length > 0;
-    r.value = c ? u() : n.value;
-  }
-  function f() {
-    n.value = l.value.events, a.value = l.value.boundEventsList, i();
-  }
-  function h(c) {
-    r.value = r.value.filter((t) => t.label !== c.label);
-  }
-  function d(c) {
-    a.value = a.value.filter((t) => t.boundEvent.label !== c.label), i();
-  }
-  function s() {
-    const c = l.value.getEventList();
-    if (c) {
-      const { boundEventsList: t, events: e } = c, p = e.reduce(
-        (y, v) => (y.set(v.label, !0), y),
-        /* @__PURE__ */ new Map()
-      );
-      l.value.events = x(e), l.value.boundEventsList = t ? t.filter((y) => p.has(y.boundEvent.label)) : [];
-    }
-  }
-  return {
-    allEvents: n,
-    boundEvents: a,
-    candidateEvents: r,
-    excludeFromCandidates: h,
-    loadEvents: f,
-    resetBoundEvents: s,
-    unBoundEvent: d
-  };
-}
-const G = {}, X = {
-  events: { type: Array, default: [] }
-}, U = /* @__PURE__ */ B({
-  name: "FEventList",
-  props: X,
-  emits: ["click"],
-  setup(l, n) {
-    const a = g(l.events);
-    function r(i) {
-      n.emit("click", i);
-    }
-    function u(i) {
-      return o("div", {
-        class: "f-page-events-editor-first-bound-event"
-      }, [o("div", {
-        onClick: () => r(i),
-        class: "f-page-events-editor-first-bound-event-name"
-      }, [i.name])]);
-    }
-    return () => o("div", {
-      class: "f-page-events-editor-events"
-    }, [a.value.map((i) => u(i))]);
-  }
-}), _ = /* @__PURE__ */ B({
-  name: "FInteractionButton",
-  props: G,
-  emits: ["click"],
-  setup(l, n) {
-    const a = j("useEventsComposition"), r = j("useInteractionCompostion"), {
-      candidateEvents: u
-    } = a, {
-      collapseInteractions: i
-    } = r, f = g(!1);
-    function h(p) {
-      u.value = u.value.filter((y) => y.label !== p.label);
-    }
-    function d() {
-      f.value = !1;
-    }
-    function s() {
-      f.value = !0;
-    }
-    function c(p) {
-      d(), h(p), n.emit("click", p);
-    }
-    function t() {
-      f.value ? d() : s();
-    }
-    function e() {
-      i(), t();
-    }
-    return () => o(V, null, [o("div", {
-      class: "f-page-events-editor-top-button"
-    }, [o("button", {
-      class: "f-page-events-editor-button",
-      onClick: e
-    }, [o("span", {
-      class: "f-page-events-editor-text"
-    }, [E("新建交互事件")])])]), f.value && o(U, {
-      events: u.value,
-      onClick: c
-    }, null)]);
-  }
-}), J = {
-  collapsed: { type: Boolean, default: !0 },
-  displayOrder: { type: Number, default: -1 },
-  interaction: { type: Object, default: {} },
-  controllers: { type: Array, default: [] }
-}, Q = {
-  /** 入参 */
-  initialData: { Type: Object, default: {} },
-  /** 原层级结构数据 */
-  originalData: { Type: Object, default: {} },
-  /** 判断是否为新引入的方法 */
-  newImport: { Type: Boolean, default: !1 },
-  /** 新增的内置构件列表 */
-  addInternalCommandList: { Type: Array, default: [] },
-  /** 外层传入数据 */
-  outerLayerValue: { Type: Number, default: 0 },
-  /** 判断是否为：点击“导入此方法”后，绑定了新增值 */
-  exit: { Type: Number, default: -1 },
-  /** 接收是否显示「可选择方法」功能 */
-  haveBoundcommand: { Type: Boolean, default: !1 }
-};
-const Y = {
-  controllers: { type: Array, default: [] }
-};
-const Z = /* @__PURE__ */ B({
-  name: "FCommandList",
-  props: Y,
-  emits: ["selectMethod"],
-  setup(l, n) {
-    const a = g(l.controllers);
-    function r(d) {
-      return d.controllerList.length !== 0;
-    }
-    function u(d) {
-      return r(d) && o("div", {
-        class: "f-page-internals-controller"
-      }, [o("div", {
-        class: "f-page-internals-controller-name",
-        title: d.controllerName.name
-      }, [d.controllerName.name])]);
-    }
-    function i(d, s) {
-      n.emit("selectMethod", {
-        method: d,
-        controller: s
-      });
-    }
-    function f(d) {
-      return d.controllerList.map((s) => o("div", {
-        class: "f-page-internals-command",
-        onClick: () => i(s, d)
-      }, [o("div", {
-        class: "f-page-internals-command-name",
-        title: s.label
-      }, [s.name])]));
-    }
-    function h(d) {
-      return o("div", null, [u(d), f(d)]);
-    }
-    return () => o("div", {
-      class: "f-page-internals"
-    }, [a.value.map((d) => h(d))]);
-  }
-}), K = /* @__PURE__ */ B({
-  name: "FCommandSource",
-  props: Q,
-  emits: ["addInternalCommandListChanged", "newImportChanged", "currentCommandChanged", "originalDataChanged", "click", "existChanged", "newFucChanged", "close", "selectMethod"],
-  setup(l, n) {
-    const a = j("useMethodsComposition"), {
-      controllers: r
-    } = a, u = g(!1), i = g(l.canAddNewMethod), f = w(() => !i.value), h = w(() => u.value), d = w(() => ({
-      "font-size": "15px",
-      margin: "5px",
-      color: "#226eff",
-      flex: 1
-    }));
-    function s() {
-    }
-    function c() {
-    }
-    function t() {
-    }
-    function e() {
-    }
-    function p() {
-      n.emit("close", null);
-    }
-    function y() {
-      return o("div", {
-        class: "f-command-breakline"
-      }, [E("------------------------------------------------------------")]);
-    }
-    function v() {
-      return o("div", {
-        class: "f-page-internals-new-command"
-      }, [o("div", {
-        class: "f-page-internals-new-command-func1"
-      }, [o("div", {
-        class: "f-icon f-icon-panel-retraction",
-        style: d.value
-      }, null), o("div", {
-        class: "f-function-class",
-        onClick: () => void 0
-      }, [E("引入控制器")])]), f.value && o("div", {
-        class: "f-page-internals-new-command-func2"
-      }, [o("div", {
-        class: "f-icon f-icon-new-edit",
-        style: d.value
-      }, null), o("div", {
-        class: "f-function-class",
-        onClick: () => void 0
-      }, [E("添加新方法")])]), h.value && void 0, o("div", {
-        class: "f-page-internals-new-command-func3"
-      }, [o("div", {
-        class: "f-icon f-icon-licensed",
-        style: d.value
-      }, null), o("div", {
-        class: "f-function-class",
-        onClick: () => void 0
-      }, [E("已有方法")])])]);
-    }
-    function S(b) {
-      n.emit("selectMethod", b);
-    }
-    function m() {
-      return o("div", {
-        class: "f-page-command-source-choice"
-      }, [o(Z, {
-        controllers: r.value,
-        onSelectMethod: S
-      }, null)]);
-    }
-    return () => o("div", {
-      class: "f-page-events-editor-command-source"
-    }, [m(), y(), v(), y(), o("div", null, [o("div", {
-      class: "f-page-internals-close",
-      onClick: p
-    }, [E("取消")])])]);
-  }
-}), ee = {
-  command: { type: Object, default: {} }
-}, te = {}, ne = {};
-function F(l) {
-  const { properties: n, title: a } = l, r = Object.keys(n).reduce((u, i) => (u[i] = n[i].type === "object" && n[i].properties ? F(n[i]) : x(n[i].default), u), {});
-  return r.id = `${a}-${Date.now()}`, r;
-}
-function oe(l, n) {
-  const a = F(n);
-  return Object.keys(l).reduce((r, u) => (r[u] = l[u], r), a), a;
-}
-function ie(l, n) {
-  return Object.keys(l).filter((r) => l[r] != null).reduce((r, u) => {
-    if (n.has(u)) {
-      const i = n.get(u);
-      if (typeof i == "string")
-        r[i] = l[u];
-      else {
-        const f = i(u, l[u], l);
-        Object.assign(r, f);
-      }
-    } else
-      r[u] = l[u];
-    return r;
-  }, {});
-}
-function ae(l, n, a = /* @__PURE__ */ new Map()) {
-  const r = oe(l, n);
-  return ie(r, a);
-}
-function se(l = {}) {
-  function n(s, c, t, e) {
-    if (typeof t == "number")
-      return e[s].length === t;
-    if (typeof t == "object") {
-      const p = Object.keys(t)[0], y = t[p];
-      if (p === "not")
-        return Number(e[s].length) !== Number(y);
-      if (p === "moreThan")
-        return Number(e[s].length) >= Number(y);
-      if (p === "lessThan")
-        return Number(e[s].length) <= Number(y);
-    }
-    return !1;
-  }
-  function a(s, c, t, e) {
-    return e[c] && e[c].propertyValue && String(e[c].propertyValue.value) === String(t);
-  }
-  const r = /* @__PURE__ */ new Map([
-    ["length", n],
-    ["getProperty", a]
-  ]);
-  Object.keys(l).reduce((s, c) => (s.set(c, l[c]), s), r);
-  function u(s, c) {
-    const t = s;
-    return typeof c == "number" ? [{ target: t, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: t, operator: "getProperty", param: s, value: !!c }] : typeof c == "object" ? Object.keys(c).map((e) => {
-      if (e === "length")
-        return { target: t, operator: "length", param: null, value: c[e] };
-      const p = e, y = c[e];
-      return { target: t, operator: s, param: p, value: y };
-    }) : [];
-  }
-  function i(s) {
-    return Object.keys(s).reduce((t, e) => {
-      const p = u(e, s[e]);
-      return t.push(...p), t;
-    }, []);
-  }
-  function f(s, c) {
-    if (r.has(s.operator)) {
-      const t = r.get(s.operator);
-      return t && t(s.target, s.param, s.value, c) || !1;
-    }
-    return !1;
-  }
-  function h(s, c) {
-    return i(s).reduce((p, y) => p && f(y, c), !0);
-  }
-  function d(s, c) {
-    const t = Object.keys(s), e = t.includes("allOf"), p = t.includes("anyOf"), y = e || p, m = (y ? s[y ? e ? "allOf" : "anyOf" : "allOf"] : [s]).map((C) => h(C, c));
-    return e ? !m.includes(!1) : m.includes(!0);
-  }
-  return { parseValueSchema: d };
-}
-const le = {}, re = {};
-se();
-function I(l, n, a = /* @__PURE__ */ new Map(), r = (f, h, d) => h, u = {}, i = (f) => f) {
-  return te[n.title] = n, ne[n.title] = r, le[n.title] = u, re[n.title] = i, (f = {}) => {
-    const h = ae(f, n, a), d = Object.keys(l).reduce((s, c) => (s[c] = l[c].default, s), {});
-    return Object.assign(d, h);
-  };
-}
-function T(l, n) {
-  return { customClass: n.class };
-}
-const ce = /* @__PURE__ */ new Map([
-  ["appearance", T]
-]), ue = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-design.gitee.io/combo-list.schema.json", pe = "combo-list", fe = "A Farris Input Component", me = "object", ye = {
-  id: {
-    description: "The unique identifier for a combo list",
-    type: "string"
-  },
-  type: {
-    description: "The type string of number combo list component",
-    type: "string",
-    default: "combo-list"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  required: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  textAlign: {
-    description: "",
-    type: "string",
-    enum: [
-      "left",
-      "middle",
-      "right"
-    ],
-    default: "left"
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  onBlur: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onClickLinkLabel: {
-    description: "",
-    type: "sting",
-    default: ""
-  }
-}, he = [
-  "id",
-  "type"
-], ge = {
-  $schema: ue,
-  $id: de,
-  title: pe,
-  description: fe,
-  type: me,
-  properties: ye,
-  required: he
-};
-function be(l, n, a) {
-  return n;
-}
-const ve = "combo-list", we = "A Farris Component", Se = "object", Ce = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean"
-      },
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      }
-    }
-  }
-}, Be = {
-  title: ve,
-  description: we,
-  type: Se,
-  categories: Ce
-}, Ee = {
-  /**
-   * 组件标识
-   */
-  id: { type: String },
-  /**
-   * 下拉数据源
-   */
-  data: { type: Array, default: [] },
-  /**
-   * 可选，展示文本
-   * 默认为空字符串
-   */
-  displayText: { type: String, default: "" },
-  /**
-   * 可选，是否禁用
-   * 默认为`false`
-   */
-  disabled: { default: !1, type: Boolean },
-  /**
-   * 可选，下拉图标
-   * 默认为'<span class="f-icon f-icon-arrow-60-down"></span>'
-   */
-  dropDownIcon: { type: String, default: '<span class="f-icon f-icon-arrow-60-down"></span>' },
-  /**
-   * 可选，是否可编辑
-   * 默认`false`
-   */
-  editable: { default: !1, type: Boolean },
-  /**
-   * 可选，是否启用清空
-   * 默认启用
-   */
-  enableClear: { default: !0, type: Boolean },
-  /**
-   * 可选，启用搜索
-   * 默认为`false`
-   */
-  enableSearch: { type: Boolean, default: !1 },
-  /**
-   * 可选，鼠标悬停时是否显示控件值
-   * 默认显示
-   */
-  enableTitle: { default: !0, type: Boolean },
-  fitEditor: { default: !1, type: Boolean },
-  /**
-   * 可选，强制显示占位符
-   * 默认`false`
-   */
-  forcePlaceholder: { default: !1, type: Boolean },
-  /**
-   * 可选，清空值时隐藏面板
-   * 默认`true`
-   */
-  hidePanelOnClear: { default: !0, type: Boolean },
-  /**
-   * 可选，数据源id字段
-   * 默认为`id`
-   */
-  idField: { default: "id", type: String },
-  /**
-   * 可选，字段映射
-   */
-  mapFields: { type: Object },
-  /**
-   * 可选，最大高度
-   * 默认`350`
-   */
-  maxHeight: { default: 350, type: Number },
-  /**
-   * 最大输入长度
-   */
-  maxLength: { type: Number },
-  /**
-   * 可选，是否支持多选
-   * 默认`false`
-   */
-  multiSelect: { default: !1, type: Boolean },
-  /**
-   * 绑定值
-   */
-  modelValue: {},
-  /**
-   * 占位符
-   */
-  placeholder: { type: String },
-  /**
-   * 可选，下拉面板展示位置
-   * 默认为`auto`
-   */
-  placement: {
-    type: String,
-    default: "auto"
-    /* auto */
-  },
-  /**
-   * 可选，是否只读
-   * 默认为`false`
-   */
-  readonly: { default: !1, type: Boolean },
-  /**
-   * 远端数据源信息
-   */
-  remote: { default: null, type: Object },
-  /**
-   * 可选，是否支持远端过滤
-   * 默认`false`
-   */
-  remoteSearch: { default: !1, type: Boolean },
-  /**
-   * 可选，分隔符
-   * 默认`,`
-   */
-  separator: { default: ",", type: String },
-  /**
-   * tabIndex
-   */
-  tabIndex: { type: Number, default: -1 },
-  /**
-   * 可选，数据源显示字段
-   * 默认为`name`
-   */
-  textField: { default: "name", type: String },
-  /**
-   * 可选，数据源的title
-   * 默认为`name`
-   */
-  titleField: { default: "name", type: String },
-  /**
-   * 可选，数据源值字段
-   * 默认为`id`
-   */
-  valueField: { default: "id", type: String },
-  /**
-   * 可选，下拉列表值展示方式
-   * 支持text | tag，即文本或标签，默认为`ViewType.Text`，即文本方式`text`
-   */
-  viewType: { default: "text", type: String },
-  /**
-   * 值变化事件
-   */
-  change: { type: Function, default: () => {
-  } }
-};
-I(Ee, ge, ce, be, Be);
-const xe = /* @__PURE__ */ new Map([
-  ["appearance", T]
-]);
-function $e(l, n, a) {
-  return n;
-}
-const Me = "https://json-schema.org/draft/2020-12/schema", je = "https://farris-design.gitee.io/list-view.schema.json", Ie = "list-view", Te = "A Farris Component", Ne = "object", Le = {
-  id: {
-    description: "The unique identifier for list-view",
-    type: "string"
-  },
-  type: {
-    description: "The type string of list-view",
-    type: "string",
-    default: "list-view"
-  },
-  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
-  }
-}, ke = [
-  "id",
-  "type"
-], Fe = {
-  $schema: Me,
-  $id: je,
-  title: Ie,
-  description: Te,
-  type: Ne,
-  properties: Le,
-  required: ke
-}, Oe = "list-view", Ae = "A Farris Component", Pe = "object", De = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, qe = {
-  title: Oe,
-  description: Ae,
-  type: Pe,
-  categories: De
-}, Ve = {
-  data: { type: Array, default: [] },
-  draggable: { type: Boolean, default: !1 },
-  multiSelect: { Type: Boolean, default: !1 },
-  multiSelectMode: { Type: String, default: "OnCheck" },
-  idField: { Type: String, default: "id" },
-  valueField: { Type: String, default: "id" },
-  textField: { Type: String, default: "name" },
-  titleField: { Type: String, default: "name" },
-  view: { Type: String, default: "ContentView" },
-  size: { Type: String, default: "default" },
-  placeholder: { type: String, default: "" },
-  header: { Type: String, default: "ContentHeader" },
-  headerClass: { Type: String, default: "" },
-  itemClass: { Type: String, default: "" },
-  selectionValues: { type: Array, default: [] },
-  keepOrder: { type: Boolean, default: !1 },
-  disableField: { type: String, default: "disabled" }
-};
-I(Ve, Fe, xe, $e, qe);
-const Re = /* @__PURE__ */ new Map([
-  ["appearance", T]
-]);
-function ze(l, n, a) {
-  return n;
-}
-const He = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-design.gitee.io/button-edit.schema.json", Ge = "button-edit", Xe = "A Farris Input Component", Ue = "object", _e = {
-  id: {
-    description: "The unique identifier for a Input Group",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Input Group component",
-    type: "string",
-    default: "button-edit"
-  },
-  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
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  textAlign: {
-    description: "",
-    type: "string",
-    enum: [
-      "left",
-      "middle",
-      "right"
-    ],
-    default: "left"
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  onBlur: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onClickLinkLabel: {
-    description: "",
-    type: "sting",
-    default: ""
-  },
-  autoComplete: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  buttonContent: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  enableClear: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  inputType: {
-    description: "",
-    type: "string",
-    enum: [
-      "text",
-      "tag"
-    ],
-    default: "text"
-  },
-  multiSelect: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  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
-      }
-    }
-  },
-  separator: {
-    type: "string",
-    default: ","
-  },
-  showButtonWhenDisabled: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  wrapText: {
-    type: "boolean",
-    default: !1
-  },
-  onClear: {
-    description: "",
-    type: "string",
-    default: ""
-  }
-}, Je = [
-  "id",
-  "type"
-], Qe = {
-  $schema: He,
-  $id: We,
-  title: Ge,
-  description: Xe,
-  type: Ue,
-  properties: _e,
-  required: Je
-}, Ye = "buttonEdit", Ze = "A Farris Component", Ke = "object", et = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean"
-      },
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      },
-      textAlign: {
-        description: "",
-        title: "对齐方式",
-        type: "enum",
-        editor: {
-          type: "combo-select",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "left",
-              name: "左对齐"
-            },
-            {
-              value: "center",
-              name: "居中对齐"
-            },
-            {
-              value: "right",
-              name: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, tt = {
-  title: Ye,
-  description: Ze,
-  type: Ke,
-  categories: et
-}, nt = {
-  /**
-   * 组件标识
-   */
-  id: String,
-  /**
-   * 扩展按钮显示内容，这是一段现在扩展按钮中的html标签
-   */
-  buttonContent: { type: String, default: '<i class="f-icon f-icon-lookup"></i>' },
-  buttonBehavior: { type: String, default: "Popup" },
-  /**
-   * 启用输入框自动完成功能
-   */
-  autoComplete: { type: Boolean, default: !1 },
-  /**
-   * 组件自定义样式
-   */
-  customClass: { type: String, default: "" },
-  /**
-   * 禁用组件，既不允许在输入框中录入，也不允许点击扩展按钮。
-   */
-  disable: { type: Boolean, default: !1 },
-  /**
-   * 允许在输入框中录入文本。
-   */
-  editable: { type: Boolean, default: !0 },
-  /**
-   * 显示清空文本按钮
-   */
-  enableClear: { type: Boolean, default: !1 },
-  /**
-   * 组件值
-   */
-  modelValue: { type: String, default: "" },
-  /**
-   * 将组件设置为只读，既不允许在输入框中录入，也不允许点击扩展按钮，但是允许复制输入框中的内容。
-   */
-  readonly: { type: Boolean, default: !1 },
-  /**
-   * 禁用组件时，是否显示扩展按钮
-   */
-  showButtonWhenDisabled: { type: Boolean, default: !1 },
-  /**
-   * 显示输入框的标签
-   */
-  enableTitle: { type: Boolean, default: !1 },
-  /**
-   * 输入框类型
-   */
-  inputType: { type: String, default: "text" },
-  /**
-   * 显示输入框提示信息
-   */
-  forcePlaceholder: { type: Boolean, default: !1 },
-  /**
-   * 输入框提示文本
-   */
-  placeholder: { type: String, default: "" },
-  /**
-   * 输入框最小长度
-   */
-  minLength: Number,
-  /**
-   * 输入框最大长度
-   */
-  maxLength: Number,
-  /**
-   * 输入框Tab键索引
-   */
-  tabIndex: Number,
-  popupHost: { type: Object },
-  popupRightBoundary: { type: Object },
-  popupOffsetX: { type: Object },
-  popupOnInput: { type: Boolean, default: !1 },
-  popupOnFocus: { type: Boolean, default: !1 },
-  popupMinWidth: { type: Number, default: 160 },
-  modalOptions: { type: Object, default: {} },
-  wrapText: { type: Boolean, default: !1 },
-  /**
-   * 可选，是否支持多选
-   * 默认`false`
-   */
-  multiSelect: { type: Boolean, default: !1 },
-  /**
-   * 可选，分隔符
-   * 默认`,`
-   */
-  separator: { type: String, default: "," },
-  /**对齐方式 */
-  textAlign: { type: String, default: "left" }
-};
-I(nt, Qe, Re, ze, tt);
-function ot(l, n, a) {
-  return n;
-}
-const it = /* @__PURE__ */ new Map([
-  ["appearance", T]
-]), at = "tags", st = "A Farris Component", lt = "object", rt = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, ct = {
-  title: at,
-  description: st,
-  type: lt,
-  categories: rt
-}, ut = "https://json-schema.org/draft/2020-12/schema", dt = "https://farris-design.gitee.io/tags.schema.json", pt = "tags", ft = "A Farris Component", mt = "object", yt = {
-  id: {
-    description: "The unique identifier for tags",
-    type: "string"
-  },
-  type: {
-    description: "The type string of tags",
-    type: "string",
-    default: "tags"
-  },
-  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
-  }
-}, ht = [
-  "id",
-  "type"
-], gt = {
-  $schema: ut,
-  $id: dt,
-  title: pt,
-  description: ft,
-  type: mt,
-  properties: yt,
-  required: ht
-}, bt = {
-  activeTag: { type: String, default: "" },
-  addButtonText: { type: String, default: "" },
-  customClass: { type: String, default: "" },
-  customStyle: { type: String, default: "" },
-  data: { type: Array, default: [{ name: "示例1" }] },
-  enableAddButton: { type: Boolean, default: !1 },
-  selectable: { type: Boolean, default: !1 },
-  showAddButton: { type: Boolean, default: !1 },
-  showClose: { type: Boolean, default: !0 },
-  showColor: { type: Boolean, default: !1 },
-  tagType: { type: String, default: "" },
-  tagStyle: { type: String, default: "" },
-  wrapText: { type: Boolean, default: !1 },
-  draggable: { type: Boolean, default: !1 },
-  disable: { type: Boolean, default: !1 }
-};
-I(bt, gt, it, ot, ct);
-g(0);
-const vt = /* @__PURE__ */ B({
-  name: "FParameterEditor",
-  props: ee,
-  emits: [],
-  setup(l, n) {
-    const a = g(l.command), r = g(0), u = g(!1), i = g(!1);
-    g(""), g([]);
-    const f = w(() => a.value !== null), h = w(() => u.value), d = w(() => i.value), s = w(() => !u.value && !i.value);
-    function c() {
-    }
-    function t() {
-      return o("div", null, [o("div", {
-        title: "'方法已被移除，请重新绑定'",
-        class: "f-icon f-icon-flowline-warning",
-        style: "font-size: 13px;margin-right:10px; color: red;width: 30px;height: 20px;text-align: center;",
-        onClick: () => void 0
-      }, null)]);
-    }
-    function e() {
-    }
-    function p() {
-      return o("div", null, [o("div", {
-        title: "'方法已被删除，请绑定其他方法'",
-        class: "f-icon f-icon-flowline-warning",
-        style: "font-size: 13px;margin-right:10px; color: red;width: 30px;height: 20px;text-align: center;",
-        onClick: () => void 0
-      }, null)]);
-    }
-    function y(m) {
-    }
-    function v() {
-      return o("div", null, [o("div", {
-        class: "f-icon f-icon-edit-button",
-        style: "font-size: 13px;margin-right:10px;",
-        onClick: () => (r.value, void 0)
-      }, null)]);
-    }
-    function S() {
-      return o("div", null, [o("div", {
-        class: "f-page-parameter-editor-first-row"
-      }, [o("span", {
-        class: "f-page-parameter-editor-command-name",
-        title: a.value.label
-      }, [a.value.name]), o("div", {
-        class: "f-page-parameter-editor-first-row-icon"
-      }, [h.value && t(), d.value && p(), s.value && v()])])]);
-    }
-    return () => o("div", {
-      class: "f-page-parameter-editor"
-    }, [f.value && S()]);
-  }
-}), wt = /* @__PURE__ */ B({
-  name: "FInteractionItem",
-  props: J,
-  emits: ["addAction", "delete", "toggle"],
-  setup(l, n) {
-    const a = j("useMethodsComposition"), {
-      toggleSelectingMethod: r
-    } = a, u = g(l.controllers), i = g(l.interaction), f = g(l.displayOrder), h = w(() => {
-      const m = i.value.showSwitch[0];
-      return m.showSection[m.showSwitchNumber][2];
-    }), d = w(() => {
-      const m = i.value.command !== null, b = i.value.showSwitch[0], C = b.showSection[b.showSwitchNumber][3];
-      return m && C;
-    }), s = w(() => ({
-      "f-icon": !0,
-      "f-icon-arrow-chevron-down": d.value,
-      "f-icon-arrow-chevron-left": !d.value
-    }));
-    function c() {
-      n.emit("delete", f.value);
-    }
-    function t() {
-      const m = i.value.showSwitch[0];
-      m.showSection[m.showSwitchNumber][3] = !m.showSection[m.showSwitchNumber][3], n.emit("toggle", f.value);
-    }
-    function e() {
-      if (i.value.command !== null) {
-        const b = i.value.showSwitch[0];
-        r(b), n.emit("addAction", f.value);
-      }
-    }
-    function p(m) {
-      m === null && i.value.command === null && n.emit("delete", f.value);
-      const b = i.value.showSwitch[0];
-      r(b);
-    }
-    function y(m) {
-      const {
-        method: b,
-        controller: C
-      } = m, {
-        id: N,
-        label: O,
-        name: A,
-        handlerName: P
-      } = b, {
-        controllerName: M
-      } = C, D = !1, q = M.id;
-      i.value.command = {
-        id: N,
-        label: O,
-        name: A,
-        handlerName: P,
-        hasPath: D,
-        cmpId: q
-      }, i.value.controller = {
-        id: M.id,
-        label: M.label,
-        name: M.name
-      };
-      const $ = i.value.showSwitch[0];
-      $.showSwitchNumber = 2, $.showSection[$.showSwitchNumber][2] = !1, $.showSection[$.showSwitchNumber][3] = !0;
-    }
-    function v() {
-      return o(K, {
-        controllers: u.value,
-        onClose: p,
-        onSelectMethod: y
-      }, null);
-    }
-    function S() {
-      return o(vt, {
-        command: i.value.command
-      }, null);
-    }
-    return () => o("div", {
-      class: "show-switch"
-    }, [o("div", {
-      class: "f-page-events-editor-bound-event"
-    }, [o("div", {
-      class: "f-page-events-editor-bound-event-name",
-      title: i.value.event.label
-    }, [i.value.event.name]), o("div", {
-      style: "float:right;margin:5px;"
-    }, [o("div", {
-      class: s.value,
-      style: "font-size: 10px;",
-      onClick: t
-    }, null)]), o("div", {
-      class: "f-icon f-icon-yxs_delete",
-      style: "font-size: 13px;float: right; margin:8px;",
-      onClick: c
-    }, null), o("div", {
-      class: "f-icon f-icon-home-add",
-      style: "float:right; font-size: 10px; margin:8px;",
-      onClick: e
-    }, null)]), h.value && v(), d.value && S()]);
-  }
-});
-function St(l, n, a) {
-  const { interactions: r } = n, u = g(l.value.internalCommandList);
-  function i(e) {
-    r.value[e].showSwitch = [], r.value[e].showSwitch.push(x({
-      // 存储所有的展示设定
-      showSection: [[!1, !1, !1, !1, !1], [!1, !1, !0, !1, !1], [!1, !0, !1, !0, !1]],
-      // 展示哪个部分
-      showSwitchNumber: 2
-    })), r.value = x(r.value);
-  }
-  function f(e, p, y) {
-  }
-  function h(e) {
-    e.showSection[e.showSwitchNumber][2] = !0;
-  }
-  function d(e) {
-    e.showSection[e.showSwitchNumber][2] = !1;
-  }
-  function s(e) {
-    e.showSection[e.showSwitchNumber][3] = !0;
-  }
-  function c(e) {
-    e.showSection[e.showSwitchNumber][3] = !1;
-  }
-  function t(e) {
-    e.showSection[e.showSwitchNumber][2] ? (d(e), s(e)) : (h(e), c(e));
-  }
-  return {
-    controllers: u,
-    onClosed: i,
-    onCurrentCommandChanged: f,
-    toggleSelectingMethod: t
-  };
-}
-const k = /* @__PURE__ */ B({
-  name: "FEventsEditor",
-  props: z,
-  emits: ["savedCommandListChanged"],
-  setup(l, n) {
-    const a = g(l.initialData), r = W(a), {
-      loadEvents: u,
-      resetBoundEvents: i
-    } = r, f = H(a, r), {
-      addNewInteraction: h,
-      deleteInteracton: d,
-      interactions: s,
-      loadInteractions: c
-    } = f, t = St(a, f);
-    L("useEventsComposition", r), L("useInteractionCompostion", f), L("useMethodsComposition", t);
-    function e() {
-      a.value.isAddControllerMethod = !1;
-    }
-    R(() => {
-      e(), i(), u(), c();
-    });
-    function p(m) {
-      d(m);
-    }
-    function y(m, b) {
-      const C = m.showSwitch[0], N = C.showSection[C.showSwitchNumber][3];
-      return o(wt, {
-        interaction: m,
-        displayOrder: b,
-        collapsed: N,
-        onDelete: p
-      }, null);
-    }
-    function v() {
-      return s.value.map((m, b) => o("div", {
-        class: "events-display-order",
-        key: m.event.label
-      }, [y(m, b)]));
-    }
-    function S(m) {
-      h(m);
-    }
-    return () => o("div", {
-      class: "f-page-events-editor"
-    }, [o("div", {
-      class: "f-page-events-editor-content"
-    }, [o(_, {
-      onClick: S
-    }, null), v()])]);
-  }
-}), Et = {
-  install(l) {
-    l.component(k.name, k);
-  }
-};
-export {
-  k as EventsEditor,
-  Et as default,
-  z as eventsEditorProps
-};