@farris/ui-vue 1.7.3 → 1.7.5

package/designer/combo-list/index.esm.js

@@ -1,1095 +0,0 @@
-import { defineComponent as k, ref as p, computed as I, watch as B, onMounted as q, createVNode as L, inject as G } from "vue";
-import D from "../../components/button-edit/index.esm.js";
-import { LocaleService as U } from "../../components/locale/index.esm.js";
-import { resolveAppearance as ee, createPropsResolver as W, getPropsResolverGenerator as te } from "../../components/dynamic-resolver/index.esm.js";
-import { isUndefined as ie } from "lodash-es";
-import le from "../../components/list-view/index.esm.js";
-import ne from "../button-edit/index.esm.js";
-import { useDesignerComponent as ae } from "../../components/designer-canvas/index.esm.js";
-import { comboListProps as J } from "../../components/combo-list/index.esm.js";
-import { FormSchemaEntityFieldType$Type as oe, withInstall as de } from "../../components/common/index.esm.js";
-import { InputBaseProperty as ue } from "../../components/property-panel/index.esm.js";
-const A = /* @__PURE__ */ new Map([
-  ["appearance", ee]
-]), re = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-design.gitee.io/combo-list.schema.json", ce = "combo-list", fe = "A Farris Input Component", me = "object", he = {
-  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: {}
-  },
-  disabled: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  enableClear: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  placeholder: {
-    description: "",
-    type: "string",
-    default: "请选择"
-  },
-  idField: {
-    description: "",
-    type: "string",
-    default: "id"
-  },
-  valueField: {
-    description: "",
-    type: "string",
-    default: "id"
-  },
-  titleField: {
-    description: "",
-    type: "string",
-    default: "name"
-  },
-  textField: {
-    description: "",
-    type: "string",
-    default: "name"
-  },
-  dataSourceType: {
-    description: "",
-    type: "string",
-    default: "static"
-  },
-  data: {
-    description: "",
-    type: "array"
-  },
-  remote: {
-    description: "",
-    type: "string"
-  },
-  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"
-  },
-  multiSelect: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  maxLength: {
-    description: "",
-    type: "number",
-    default: null
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  onBlur: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onClickLinkLabel: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  maxHeight: {
-    description: "",
-    type: "number",
-    default: 350
-  },
-  minPanelWidth: {
-    description: "",
-    type: "number",
-    default: 160
-  },
-  popupOnClick: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  separator: {
-    description: "",
-    type: "string",
-    default: ","
-  },
-  viewType: {
-    description: "",
-    type: "string",
-    default: "tag"
-  },
-  enableSearch: {
-    description: "启用搜索",
-    type: "boolean",
-    default: !0
-  },
-  enableHighlightSearch: {
-    description: "启用高亮搜索",
-    type: "boolean",
-    default: !1
-  },
-  beforeOpen: {
-    description: "打卡面板前回调",
-    type: "string"
-  },
-  onChange: {
-    description: "值变化事件",
-    type: "string",
-    default: ""
-  },
-  onInput: {
-    description: "输入事件",
-    type: "string",
-    default: ""
-  },
-  onClear: {
-    description: "清空事件",
-    type: "string",
-    default: ""
-  }
-}, ge = [
-  "type"
-], ve = [
-  "id",
-  "appearance",
-  "binding",
-  "visible"
-], ye = {
-  onClear: "清空事件",
-  onChange: "值变化事件",
-  beforeOpen: "打开下拉面板前事件"
-}, $ = {
-  $schema: re,
-  $id: se,
-  title: ce,
-  description: fe,
-  type: me,
-  properties: he,
-  required: ge,
-  ignore: ve,
-  events: ye
-};
-function N(e, t, n) {
-  return t;
-}
-const M = {
-  /**
-   * 组件标识
-   */
-  id: { type: String },
-  /**
-   * 下拉数据源
-   */
-  data: { type: Array, default: [] },
-  /**
-   * 可选，展示文本
-   * 默认为空字符串 -----内部需要根据value重新生成展示文本，此属性不生效
-   * 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-chevron-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: { type: Boolean, default: !1 },
-  /**
-   * 绑定值
-   */
-  modelValue: {},
-  /**
-   * 占位符
-   */
-  placeholder: { type: String, default: "请选择" },
-  /**
-   * 可选，下拉面板展示位置
-   * 默认为`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
-   * 因为ButtonEdit内部处理类型只有在批量的情况下才会有展示类型区分
-   */
-  viewType: { default: "tag", type: String },
-  /**
-   * 值变化事件
-   */
-  change: { type: Function, default: () => {
-  } },
-  /**
-   * 作为内嵌编辑器被创建后默认获得焦点
-   */
-  focusOnCreated: { type: Boolean, default: !1 },
-  /**
-   * 作为内嵌编辑器被创建后默认选中文本
-   */
-  selectOnCreated: { type: Boolean, default: !1 },
-  /**
-   * 此属性废弃
-   */
-  autoHeight: { type: Boolean, default: !0 },
-  /**
-   * 打开前
-   */
-  beforeOpen: { type: Function, default: null },
-  load: { type: Function },
-  searchOption: {
-    type: [Boolean, Function],
-    default: !1
-  },
-  // 搜索启用高亮
-  enableHighlightSearch: { type: Boolean, default: !0 },
-  minPanelWidth: { type: Number, default: 160 },
-  popupOnClick: { type: Boolean, default: !0 }
-};
-Object.assign({}, M, {
-  readonly: {}
-});
-W(M, $, A, N);
-te(
-  M,
-  $,
-  A,
-  N
-);
-const be = {
-  dataSource: { type: Array, default: [] },
-  enableSearch: { type: Boolean, default: !1 },
-  idField: { type: String, default: "id" },
-  multiSelect: { type: Boolean, default: !1 },
-  selectedValues: { type: String, default: "" },
-  separator: { type: String, default: "," },
-  textField: { type: String, default: "name" },
-  titleField: { type: String, default: "name" },
-  width: { type: Number },
-  maxHeight: { type: Number },
-  valueField: { type: String, default: "id" },
-  /** 值变化事件 */
-  onSelectionChange: { type: Function, default: () => {
-  } },
-  searchOption: {
-    type: [Boolean, Function],
-    default: !1
-  },
-  // 搜索启用高亮
-  enableHighlightSearch: { type: Boolean, default: !0 }
-}, pe = /* @__PURE__ */ k({
-  name: "FComboListContainer",
-  props: be,
-  emits: ["selectionChange"],
-  setup(e, t) {
-    const n = p(), l = p(e.dataSource), o = p([]), d = p(e.separator), f = p(e.width), u = p(e.maxHeight), m = I(() => e.multiSelect), y = p(e.multiSelect ? String(e.selectedValues).split(d.value) : [e.selectedValues]), x = I(() => ({
-      enableSelectRow: !0,
-      multiSelect: e.multiSelect,
-      multiSelectMode: "OnCheckAndClick",
-      showCheckbox: m.value,
-      showSelectAll: !1,
-      showSelection: !0
-    }));
-    B(e.dataSource, () => {
-      l.value = e.dataSource;
-    }), I(() => e.enableSearch ? "SearchBar" : "ContentHeader");
-    const s = I(() => {
-      const i = {};
-      return f.value !== void 0 && (i.width = `${f.value}px`), u.value !== void 0 && u.value > 0 && (i.maxHeight = `${u.value}px`), i;
-    });
-    function h(i) {
-      n.value.search(i);
-    }
-    function b(i) {
-      o.value = i.map((c) => Object.assign({}, c)), y.value = i.map((c) => c[e.idField]), t.emit("selectionChange", o.value);
-    }
-    function P(i) {
-      if (e.enableHighlightSearch)
-        return;
-      let c = [];
-      const {
-        searchOption: g
-      } = e;
-      typeof g == "function" ? c = l.value.filter((C) => g(i, C)) : c = l.value.filter((C) => C[e.valueField].indexOf(i) > -1 || C[e.textField].indexOf(i) > -1), n.value.updateDataSource(c);
-    }
-    B([() => e.selectedValues], ([i]) => {
-      e.multiSelect ? y.value = i.split(d.value) : y.value = [i];
-    });
-    function a(i) {
-      n.value.activeRowById(i);
-    }
-    return q(() => {
-      var i, c;
-      if (!e.multiSelect) {
-        const g = (i = y.value) == null ? void 0 : i[0];
-        let C = g;
-        const F = l.value.map((v) => v[e.valueField || e.idField]);
-        if (!ie(g) && F.includes(g)) {
-          const v = typeof g, w = typeof ((c = l.value[0]) == null ? void 0 : c[e.valueField || e.idField]);
-          w === "number" && v !== w && (C = Number(g)), w === "boolean" && v !== w && (C = g === "true" ? !0 : g === "false" ? !1 : g), a(C);
-        }
-      }
-    }), t.expose({
-      search: h,
-      activeRowById: a
-    }), () => L("div", {
-      class: "f-combo-list-container",
-      style: s.value
-    }, [L(le, {
-      ref: n,
-      size: "small",
-      itemClass: "f-combo-list-item",
-      itemContentClass: "text-truncate",
-      header: "ContentHeader",
-      headerClass: "f-combo-list-search-box",
-      data: l.value,
-      idField: e.idField,
-      textField: e.textField,
-      titleField: e.titleField,
-      multiSelect: e.multiSelect,
-      selection: x.value,
-      enableHighlightSearch: e.enableHighlightSearch,
-      selectionValues: y.value,
-      onSelectionUpdate: b,
-      onAfterSearch: P
-    }, null)]);
-  }
-});
-function Se(e) {
-  const t = p(""), n = p(e.modelValue), l = p(e.data || []), o = p(e.editable);
-  function d(a) {
-    const i = e.multiSelect ? String(a).split(e.separator) : [String(a)], c = i.map((F) => [F, !0]), g = new Map(c);
-    return l.value.filter((F) => g.has(String(F[e.valueField]))).sort((F, v) => {
-      const w = i.indexOf(F[e.valueField]), T = i.indexOf(v[e.valueField]);
-      return w - T;
-    });
-  }
-  function f(a) {
-    const i = d(a).map((c) => c[e.textField]).join(e.separator);
-    t.value = o.value ? i || a : i;
-  }
-  function u(a) {
-    if (e.multiSelect) {
-      const i = a.split(e.separator).map((g) => [g, !0]), c = new Map(i);
-      return l.value.filter((g) => c.has(g[e.textField]));
-    }
-    return l.value.filter((i) => "" + i[e.textField] === a);
-  }
-  function m(a) {
-    const i = {};
-    return i[e.idField] = a, i[e.textField] = a, [i];
-  }
-  function y(a) {
-    let i = u(a);
-    const c = i && i.length > 0;
-    return o.value && !c && (i = m(a)), i;
-  }
-  function x() {
-    const { url: a, method: i = "GET", headers: c = { "Content-Type": "application/json;charset=utf-8;" }, body: g = null } = e.remote;
-    if (!a)
-      return;
-    const C = i.toLowerCase() === "get" ? { method: i, headers: c } : { method: i, headers: c, body: g };
-    let F = !1;
-    fetch(new Request(a, C)).then((v) => {
-      var T, O;
-      if (v.status === 200)
-        return F = !!((O = (T = v.headers) == null ? void 0 : T.get("content-type")) != null && O.includes("application/json")), F ? v.text() : v.json();
-      throw v.status === 405 ? new Error(U.getLocaleValue("comboList.remoteError")) : new Error(v.statusText);
-    }).then((v) => {
-      v.length && (l.value = F ? JSON.parse(v) : v);
-    }).catch((v) => {
-      console.warn(v);
-    });
-  }
-  e.remote && (e.load ? e.load().then((a) => {
-    l.value = a;
-  }).catch((a) => {
-    console.log(a);
-  }) : x()), B(() => e.data, () => {
-    l.value = e.data;
-  }), B([l], ([a]) => {
-    if (e.modelValue != null) {
-      const i = a.find((c) => c[e.valueField] === e.modelValue);
-      i && (t.value = i[e.textField]);
-    }
-  }), B(() => e.modelValue, (a) => {
-    n.value = a, f(a);
-  });
-  function s(a) {
-    l.value = a;
-  }
-  function h() {
-    return l.value;
-  }
-  function b() {
-    return t.value;
-  }
-  function P() {
-    const a = typeof e.beforeOpen == "function";
-    return !e.beforeOpen || !a ? Promise.resolve(!0) : Promise.resolve().then(() => e.beforeOpen({ instance: { updateDataSource: s, getData: h, getDisplayText: b } })).then((i) => typeof (i == null ? void 0 : i.canOpen) == "boolean" ? i == null ? void 0 : i.canOpen : !0);
-  }
-  return f(e.modelValue), {
-    dataSource: l,
-    displayText: t,
-    editable: o,
-    modelValue: n,
-    beforeOpenList: P,
-    getItemsByDisplayText: u,
-    getItemsByValue: d,
-    getSelectedItemsByDisplayText: y
-  };
-}
-const Ce = /* @__PURE__ */ k({
-  name: "FComboList",
-  props: M,
-  emits: ["clear", "update:modelValue", "change", "input"],
-  setup(e, t) {
-    const n = p(), l = p(), o = p(e.disabled || e.readonly), d = p(e.enableClear), f = p(e.enableSearch), u = p(e.readonly), {
-      dataSource: m,
-      displayText: y,
-      editable: x,
-      modelValue: s,
-      getItemsByDisplayText: h,
-      getItemsByValue: b,
-      beforeOpenList: P
-    } = Se(e), a = p(e.dropDownIcon);
-    a.value === '<span class="f-icon f-icon-arrow-chevron-down"></span>' && (a.value = '<span id="' + e.id + '-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');
-    const i = I(() => e.multiSelect), c = I(() => l.value ? l.value.elementRef.getBoundingClientRect().width : 0);
-    function g() {
-      !i.value && l.value && l.value.hidePopup();
-    }
-    function C(r) {
-      y.value = r.map((V) => V[e.textField]).join(e.separator) || s.value;
-      let S = "";
-      r.length === 1 ? S = r[0][e.valueField] : S = r.map((V) => V[e.valueField]).join(e.separator), s.value !== S && (s.value = S, t.emit("update:modelValue", s.value), t.emit("change", r, s.value));
-    }
-    function F() {
-      const r = b(s.value);
-      C(r);
-    }
-    function v() {
-      u.value || y.value;
-    }
-    function w(r) {
-      var S;
-      s.value = "", (S = n.value) == null || S.activeRowById(""), t.emit("clear");
-    }
-    function T(r) {
-      var S, V;
-      e.enableSearch && e.enableHighlightSearch && ((S = n.value) == null || S.search(r)), (V = n.value) == null || V.activeRowById(r), t.emit("change", [s.value], s.value);
-    }
-    function O(r) {
-      if (e.multiSelect) {
-        const S = h(r);
-        e.viewType;
-        const E = S.map((H) => H[e.idField || e.valueField]).join(e.separator);
-        s.value !== E && (s.value = E, t.emit("update:modelValue", s.value), t.emit("change", S, s.value));
-      } else r !== s.value && (s.value = r, t.emit("update:modelValue", s.value), t.emit("change", [], r));
-    }
-    function K() {
-      return y.value;
-    }
-    function Q(r) {
-      const {
-        value: S
-      } = r.target;
-      T(S), t.emit("input", S);
-    }
-    function X() {
-      l.value.hidePopup();
-    }
-    function Y(r) {
-      m.value = r;
-    }
-    function Z() {
-      return m.value;
-    }
-    const _ = {
-      getDisplayText: K,
-      hidePopup: X,
-      updateDataSource: Y,
-      getData: Z
-    };
-    return t.expose(_), B([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([r, S, V, E, H]) => {
-      o.value = r, x.value = S, d.value = V, f.value = E, u.value = H;
-    }), () => L(D, {
-      ref: l,
-      id: e.id,
-      disable: o.value,
-      readonly: u.value,
-      forcePlaceholder: e.forcePlaceholder,
-      editable: x.value,
-      buttonContent: a.value,
-      placeholder: e.placeholder === "请选择" ? U.getLocaleValue("comboList.placeholder") : e.placeholder,
-      enableClear: d.value,
-      maxLength: e.maxLength,
-      tabIndex: e.tabIndex,
-      enableTitle: e.enableTitle,
-      multiSelect: e.multiSelect,
-      inputType: e.multiSelect ? e.viewType : "text",
-      modelValue: y.value,
-      "onUpdate:modelValue": (r) => y.value = r,
-      focusOnCreated: e.focusOnCreated,
-      selectOnCreated: e.selectOnCreated,
-      onClear: w,
-      onClick: v,
-      onChange: O,
-      onBlur: F,
-      onInput: Q,
-      beforeOpen: P,
-      placement: e.placement,
-      popupMinWidth: e.minPanelWidth,
-      popupClass: "f-combo-list-wrapper",
-      popupOnClick: e.popupOnClick,
-      limitContentBySpace: !0
-    }, {
-      default: () => [L(pe, {
-        ref: n,
-        idField: e.idField,
-        valueField: e.valueField,
-        textField: e.textField,
-        titleField: e.titleField,
-        dataSource: m.value,
-        selectedValues: s.value,
-        separator: e.separator,
-        multiSelect: e.multiSelect,
-        enableSearch: f.value,
-        maxHeight: e.maxHeight,
-        enableHighlightSearch: e.enableHighlightSearch,
-        width: e.fitEditor ? c.value : void 0,
-        onSelectionChange: (r) => {
-          C(r), g();
-        }
-      }, null)]
-    });
-  }
-}), Fe = Object.assign({}, J, {
-  readonly: {}
-}), z = W(J, $, A, N), j = {
-  convertFrom: (e, t) => (e.editor.remote || {})[t],
-  convertTo: (e, t, n) => {
-    e.editor.remote = e.editor.remote || {}, e.editor.remote[t] = n;
-  }
-};
-class xe extends ue {
-  constructor(t, n) {
-    super(t, n);
-  }
-  getCommonEditorProperties(t) {
-    var n, l, o;
-    return {
-      viewType: {
-        visible: !!((n = t.editor) != null && n.multiSelect),
-        description: "数据展示类型，有标签和文本两种方式",
-        title: "数据展示类型",
-        type: "enum",
-        editor: {
-          data: [
-            { id: "tag", name: "标签" },
-            { id: "text", name: "文本" }
-          ]
-        },
-        refreshPanelAfterChanged: !0
-      },
-      separator: {
-        visible: !!((l = t.editor) != null && l.multiSelect) && ((o = t.editor) == null ? void 0 : o.viewType) === "text",
-        description: "下拉列表启用多选且数据展示类型为文本时的分隔符",
-        title: "分隔符",
-        type: "enum",
-        editor: {
-          data: [
-            { id: ",", name: "逗号（,）" },
-            { id: "#", name: "井号（#）" },
-            { id: ".", name: "句号（.）" },
-            { id: "|", name: "竖线（|）" }
-          ]
-        }
-      },
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean",
-        refreshPanelAfterChanged: !0,
-        readonly: !0
-        // readonly: !!propertyData.editor?.multiSelect && (propertyData.editor?.viewType === 'tag' || !propertyData.editor!.viewType)
-      }
-      // enableHighlightSearch: {
-      //     visible: !!propertyData.editor?.editable,
-      //     description: "编辑状态下启用高亮搜索",
-      //     title: "启用高亮搜索",
-      //     type: "boolean"
-      // },
-    };
-  }
-  getEditorProperties(t) {
-    var d, f;
-    const n = this;
-    let l = "";
-    if (((d = t == null ? void 0 : t.binding) == null ? void 0 : d.type) === "Form") {
-      const u = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (f = u == null ? void 0 : u.schemaField) != null && f.type && (l = u.schemaField.type.$type);
-    }
-    return n.getComponentConfig(t, { type: "combo-list" }, {
-      // enableSearch: {
-      //     description: "编辑状态下启用搜索",
-      //     title: "允许编辑",
-      //     type: "boolean",
-      // },
-      enableClear: {
-        description: "",
-        title: "启用清空",
-        type: "boolean"
-      },
-      dataSourceType: {
-        description: "",
-        title: "数据源类型",
-        type: "enum",
-        editor: {
-          default: "static",
-          data: [
-            { id: "static", name: "静态" },
-            { id: "dynamic", name: "动态" }
-          ]
-        },
-        refreshPanelAfterChanged: !0
-      },
-      data: {
-        description: "",
-        title: "数据",
-        type: "array",
-        visible: !t.editor.dataSourceType || t.editor.dataSourceType === "static",
-        ...n.getItemCollectionEditor(t, t.editor.valueField, t.editor.textField),
-        // 这个属性，标记当属性变更得时候触发重新更新属性
-        refreshPanelAfterChanged: !0
-      },
-      url: {
-        visible: t.editor.dataSourceType === "dynamic",
-        $converter: j,
-        description: "",
-        title: "服务端API",
-        type: "string"
-      },
-      // method: {
-      //     visible: propertyData.editor.dataSourceType === "dynamic",
-      //     $converter: comboListRemoteConverter,
-      //     description: "",
-      //     title: "服务端API类型",
-      //     type: "enum",
-      //     editor: {
-      //         default: "GET",
-      //         data: [
-      //             { id: "GET", name: "GET" },
-      //             { id: "PUT", name: "PUT" },
-      //             { id: "POST", name: "POST" }
-      //         ]
-      //     },
-      // },
-      body: {
-        visible: !1,
-        $converter: j,
-        description: "",
-        title: "服务端API参数",
-        type: "string"
-      },
-      textField: {
-        description: "",
-        title: "数据源显示字段",
-        type: "string",
-        readonly: t.editor.dataSourceType !== "dynamic"
-      },
-      valueField: {
-        description: "",
-        title: "数据源值字段",
-        type: "string",
-        readonly: t.editor.dataSourceType !== "dynamic"
-      },
-      multiSelect: {
-        description: "",
-        title: "启用多选",
-        visible: !l || l === "StringType",
-        type: "boolean",
-        refreshPanelAfterChanged: !0
-      },
-      maxLength: {
-        description: "",
-        title: "最大输入长度",
-        type: "number",
-        editor: {
-          nullable: !0,
-          min: 0,
-          useThousands: !1,
-          needValid: !0
-        }
-      },
-      ...this.getCommonEditorProperties(t)
-    }, (u, m) => {
-      if (!u || !m.editor)
-        return;
-      const y = this;
-      switch (u.propertyID) {
-        case "dataSourceType": {
-          u.propertyValue === "static" ? (m.editor.valueField = "value", m.editor.textField = "name", m.editor.remote = null) : u.propertyValue === "dynamic" && (m.editor.remote = { method: "GET" }, m.editor.valueField = "value", m.editor.textField = "name");
-          break;
-        }
-        case "data": {
-          !y.checkEnumDataReadonly(m) && m.formatter && (m.formatter.data = [...u.propertyValue]);
-          break;
-        }
-        case "viewType":
-          u.propertyValue === "tag" && (m.editor.editable = !1);
-      }
-    });
-  }
-  getGridFieldEdtiorProperties(t, n) {
-    var f, u, m, y, x, s;
-    const l = this;
-    let o = "";
-    if (((f = t == null ? void 0 : t.binding) == null ? void 0 : f.type) === "Form") {
-      const h = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (u = h == null ? void 0 : h.schemaField) != null && u.type && (o = h.schemaField.type.$type);
-    }
-    return l.getComponentConfig(t, { type: "combo-list" }, {
-      // editable: {
-      //     description: "",
-      //     title: "允许编辑",
-      //     type: "boolean",
-      //     readonly: propertyData.editor?.type === 'combo-list'
-      // },
-      enableClear: {
-        description: "",
-        title: "启用清空",
-        type: "boolean"
-      },
-      // dataSourceType: {
-      //     description: "",
-      //     title: "数据源类型",
-      //     type: "enum",
-      //     editor: {
-      //         default: "static",
-      //         data: [
-      //             { id: "static", name: "静态" },
-      //             { id: "dynamic", name: "动态" }
-      //         ]
-      //     },
-      //     refreshPanelAfterChanged: true
-      // },
-      data: {
-        description: "",
-        title: "数据",
-        type: "array",
-        visible: !((m = t.editor) != null && m.dataSourceType) || ((y = t.editor) == null ? void 0 : y.dataSourceType) === "static",
-        ...l.getItemCollectionEditor(t, (x = t.editor) == null ? void 0 : x.valueField, (s = t.editor) == null ? void 0 : s.textField),
-        // 这个属性，标记当属性变更得时候触发重新更新属性
-        refreshPanelAfterChanged: !0
-      },
-      textField: {
-        description: "",
-        title: "数据源显示字段",
-        type: "string",
-        readonly: !0
-      },
-      valueField: {
-        description: "",
-        title: "数据源值字段",
-        type: "string",
-        readonly: !0
-      },
-      multiSelect: {
-        description: "",
-        title: "启用多选",
-        visible: o === "StringType",
-        type: "boolean",
-        refreshPanelAfterChanged: !0
-      },
-      maxLength: {
-        description: "",
-        title: "最大输入长度",
-        type: "number",
-        editor: {
-          nullable: !0,
-          min: 0,
-          useThousands: !1,
-          needValid: !0
-        }
-      },
-      ...this.getCommonEditorProperties(t)
-    }, (h, b) => {
-      if (!h || !b.editor)
-        return;
-      const P = this;
-      switch (h.propertyID) {
-        case "dataSourceType": {
-          h.propertyValue === "static" ? (b.editor.valueField = "value", b.editor.textField = "name", b.editor.remote = null) : h.propertyValue === "dynamic" && (b.editor.remote = { method: "GET" }, b.editor.valueField = "value", b.editor.textField = "name");
-          break;
-        }
-        case "data": {
-          !P.checkEnumDataReadonly(b) && b.formatter && (b.formatter.data = [...h.propertyValue]);
-          break;
-        }
-      }
-    });
-  }
-  setEditorPropertyRelates(t, n, l) {
-    if (!t || !n.editor)
-      return;
-    const o = this;
-    switch (t.propertyID) {
-      case "dataSourceType": {
-        t.propertyValue === "static" && (n.editor.valueField = "value", n.editor.textField = "name", n.editor.remote = {});
-        break;
-      }
-      case "data": {
-        !o.checkEnumDataReadonly(n) && n.formatter && (n.formatter.data = [...t.propertyValue]);
-        break;
-      }
-    }
-  }
-  /**
-   * 切换绑定属性 
-   */
-  changeBindingField(t, n, l) {
-    var d;
-    super.changeBindingField(t, n);
-    const o = l;
-    t.editor && ((d = o == null ? void 0 : o.type) == null ? void 0 : d.$type) === oe.EnumType && (t.editor.data = o.type.enumValues || []);
-  }
-  /**
-  * 组装输入类控件的交互面板：包含标签超链、绑定字段值变化前后事件等。
-  * @param propertyData 属性值
-  * @param viewModelId 视图模型id
-  * @param showPosition 面板展示位置
-  * @param customEvent 输入控件特有的事件配置
-  */
-  getEventPropertyConfig(t, n = "card", l, o) {
-    const d = this;
-    let f = [
-      {
-        label: "onChange",
-        name: "值变化事件"
-      },
-      // {
-      //     label: 'onClear',
-      //     name: '清空事件'
-      // },
-      {
-        label: "beforeOpen",
-        name: "下拉面板前事件"
-      }
-    ];
-    l && (f = f.concat(l)), this.appendFieldValueChangeEvents(t, f);
-    const u = d.eventsEditorUtils.formProperties(t, d.viewModelId, f);
-    return {
-      title: "事件",
-      hideTitle: !0,
-      properties: d.createBaseEventProperty(u),
-      tabId: "commands",
-      tabName: "交互",
-      setPropertyRelates(x, s) {
-        const h = x.propertyValue;
-        delete t[d.viewModelId], h && (h.setPropertyRelates = this.setPropertyRelates, d.eventsEditorUtils.saveRelatedParameters(t, d.viewModelId, h.events, h)), o && o(x, s, h);
-        const b = d.designViewModelUtils.getDgViewModel(d.viewModelId);
-        b && d.designViewModelField && b.changeField(d.designViewModelField.id, { valueChanging: t.fieldValueChanging, valueChanged: t.fieldValueChanged }), t.editor.beforeOpen !== t.beforeOpen && (t.editor.beforeOpen = t.beforeOpen), t.editor.onChange !== t.onChange && (t.editor.onChange = t.onChange), t.editor.onClear !== t.onClear && (t.editor.onClear = t.onClear);
-      }
-    };
-  }
-}
-function we(e, t) {
-  const n = e.schema;
-  function l(o, d) {
-    return new xe(o, t).getPropertyConfig(n, d);
-  }
-  return {
-    getPropsConfig: l
-  };
-}
-const R = /* @__PURE__ */ k({
-  name: "FComboListDesign",
-  props: Fe,
-  emits: ["clear", "update:modelValue", "change"],
-  setup(e, t) {
-    const n = p(), l = G("designer-host-service"), o = G("design-item-context"), d = we(o, l), f = ae(n, o, d);
-    return q(() => {
-      n.value.componentInstance = f;
-    }), t.expose(f.value), () => L(ne, {
-      ref: n,
-      buttonContent: e.dropDownIcon,
-      readonly: !0,
-      editable: !1,
-      forcePlaceholder: !0,
-      placeholder: e.placeholder,
-      enableClear: !0
-    }, null);
-  }
-});
-R.register = (e, t, n, l) => {
-  e["combo-list"] = Ce, t["combo-list"] = z;
-};
-R.registerDesigner = (e, t, n) => {
-  e["combo-list"] = R, t["combo-list"] = z;
-};
-const ke = de(R);
-export {
-  R as FComboListDesign,
-  Fe as comboListDesignProps,
-  ke as default,
-  z as propsResolver
-};