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

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

@@ -1,16 +1,16 @@
-import { defineComponent as E, ref as v, computed as T, watch as P, onMounted as A, createVNode as I, inject as M } from "vue";
-import X from "../button-edit/index.esm.js";
-import { LocaleService as $ } from "../locale/index.esm.js";
-import { resolveAppearance as Y, createPropsResolver as Z } from "../dynamic-resolver/index.esm.js";
-import { isUndefined as _ } from "lodash-es";
-import D from "../list-view/index.esm.js";
-import ee from "../../designer/button-edit/index.esm.js";
-import { useDesignerComponent as te } from "../designer-canvas/index.esm.js";
-import { FormSchemaEntityFieldType$Type as ie, withInstall as le } from "../common/index.esm.js";
-import { InputBaseProperty as ne } from "../property-panel/index.esm.js";
-const ae = /* @__PURE__ */ new Map([
-  ["appearance", Y]
-]), oe = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-design.gitee.io/combo-list.schema.json", re = "combo-list", ue = "A Farris Input Component", ce = "object", se = {
+import { defineComponent as M, ref as p, computed as I, watch as B, onMounted as N, createVNode as L, inject as A } from "vue";
+import Q from "../button-edit/index.esm.js";
+import { LocaleService as q } from "../locale/index.esm.js";
+import { resolveAppearance as X, createPropsResolver as Y } from "../dynamic-resolver/index.esm.js";
+import { isUndefined as Z } from "lodash-es";
+import _ from "../list-view/index.esm.js";
+import D from "../../designer/button-edit/index.esm.js";
+import { useDesignerComponent as ee } from "../designer-canvas/index.esm.js";
+import { FormSchemaEntityFieldType$Type as te, withInstall as ie } from "../common/index.esm.js";
+import { InputBaseProperty as le } from "../property-panel/index.esm.js";
+const ne = /* @__PURE__ */ new Map([
+  ["appearance", X]
+]), ae = "https://json-schema.org/draft/2020-12/schema", oe = "https://farris-design.gitee.io/combo-list.schema.json", de = "combo-list", ue = "A Farris Input Component", re = "object", ce = {
   id: {
     description: "The unique identifier for a combo list",
     type: "string"
@@ -209,37 +209,37 @@ const ae = /* @__PURE__ */ new Map([
     type: "string",
     default: ""
   }
-}, fe = [
+}, se = [
   "type"
-], me = [
+], fe = [
   "id",
   "appearance",
   "binding",
   "visible"
-], he = {
-  $schema: oe,
-  $id: de,
-  title: re,
+], me = {
+  $schema: ae,
+  $id: oe,
+  title: de,
   description: ue,
-  type: ce,
-  properties: se,
-  required: fe,
-  ignore: me
+  type: re,
+  properties: ce,
+  required: se,
+  ignore: fe
 };
-function ge(e, t, l) {
+function he(e, t, n) {
   return t;
 }
-function ve() {
-  function e(t, l, a) {
+function ge() {
+  function e(t, n, l) {
     const o = {};
-    return o.beforeOpen = (d) => l.call("beforeOpen", t, [d, t], a), o;
+    return o.beforeOpen = (d) => n.call("beforeOpen", t, [d, t], l), o;
   }
   return {
     resolve: e
   };
 }
-var ye = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.auto = "auto", e))(ye || {});
-const R = {
+var ve = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.auto = "auto", e))(ve || {});
+const H = {
   /**
    * 组件标识
    */
@@ -408,9 +408,9 @@ const R = {
   enableHighlightSearch: { type: Boolean, default: !0 },
   minPanelWidth: { type: Number, default: 160 },
   popupOnClick: { type: Boolean, default: !0 }
-}, be = Object.assign({}, R, {
+}, be = Object.assign({}, H, {
   readonly: {}
-}), N = Z(R, he, ae, ge), pe = ve(), Ce = {
+}), G = Y(H, me, ne, he), ye = ge(), pe = {
   dataSource: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
@@ -431,290 +431,309 @@ const R = {
   },
   // 搜索启用高亮
   enableHighlightSearch: { type: Boolean, default: !0 }
-}, Se = /* @__PURE__ */ E({
+}, Se = /* @__PURE__ */ M({
   name: "FComboListContainer",
-  props: Ce,
+  props: pe,
   emits: ["selectionChange"],
   setup(e, t) {
-    const l = v(), a = v(e.dataSource), o = v([]), d = v(e.separator), h = v(e.width), c = v(e.maxHeight), s = v(String(e.selectedValues).split(d.value)), p = T(() => e.multiSelect), F = T(() => ({
+    const n = p(), l = p(e.dataSource), o = p([]), d = p(e.separator), c = p(e.width), u = p(e.maxHeight), f = I(() => e.multiSelect), b = p(e.multiSelect ? String(e.selectedValues).split(d.value) : [e.selectedValues]), x = I(() => ({
       enableSelectRow: !0,
       multiSelect: e.multiSelect,
       multiSelectMode: "OnCheckAndClick",
-      showCheckbox: p.value,
+      showCheckbox: f.value,
       showSelectAll: !1,
       showSelection: !0
     }));
-    P(e.dataSource, () => {
-      a.value = e.dataSource;
-    }), T(() => e.enableSearch ? "SearchBar" : "ContentHeader");
-    const i = T(() => {
-      const r = {};
-      return h.value !== void 0 && (r.width = `${h.value}px`), c.value !== void 0 && c.value > 0 && (r.maxHeight = `${c.value}px`), r;
+    B(e.dataSource, () => {
+      l.value = e.dataSource;
+    }), I(() => e.enableSearch ? "SearchBar" : "ContentHeader");
+    const m = I(() => {
+      const i = {};
+      return c.value !== void 0 && (i.width = `${c.value}px`), u.value !== void 0 && u.value > 0 && (i.maxHeight = `${u.value}px`), i;
     });
-    function n(r) {
-      l.value.search(r);
+    function h(i) {
+      n.value.search(i);
     }
-    function u(r) {
-      o.value = r.map((f) => Object.assign({}, f)), s.value = r.map((f) => f[e.idField]), t.emit("selectionChange", o.value);
+    function y(i) {
+      o.value = i.map((r) => Object.assign({}, r)), b.value = i.map((r) => r[e.idField]), t.emit("selectionChange", o.value);
     }
-    function S(r) {
+    function T(i) {
       if (e.enableHighlightSearch)
         return;
-      let f = [];
+      let r = [];
       const {
-        searchOption: C
+        searchOption: g
       } = e;
-      typeof C == "function" ? f = a.value.filter((y) => C(r, y)) : f = a.value.filter((y) => y[e.valueField].indexOf(r) > -1 || y[e.textField].indexOf(r) > -1), l.value.updateDataSource(f);
+      typeof g == "function" ? r = l.value.filter((C) => g(i, C)) : r = l.value.filter((C) => C[e.valueField].indexOf(i) > -1 || C[e.textField].indexOf(i) > -1), n.value.updateDataSource(r);
     }
-    P([() => e.selectedValues], ([r]) => {
-      e.multiSelect ? s.value = r.split(d.value) : s.value = [r];
+    B([() => e.selectedValues], ([i]) => {
+      e.multiSelect ? b.value = i.split(d.value) : b.value = [i];
     });
-    function x(r) {
-      l.value.activeRowById(r);
+    function a(i) {
+      n.value.activeRowById(i);
     }
-    return A(() => {
-      var r, f;
+    return N(() => {
+      var i, r;
       if (!e.multiSelect) {
-        const C = (r = s.value) == null ? void 0 : r[0];
-        let y = C;
-        if (!_(C)) {
-          const w = typeof C, V = typeof ((f = a.value[0]) == null ? void 0 : f[e.valueField || e.idField]);
-          V === "number" && w !== V && (y = Number(C)), V === "boolean" && w !== V && (y = C === "true" ? !0 : C === "false" ? !1 : C), x(y);
+        const g = (i = b.value) == null ? void 0 : i[0];
+        let C = g;
+        const F = l.value.map((v) => v[e.valueField || e.idField]);
+        if (!Z(g) && F.includes(g)) {
+          const v = typeof g, w = typeof ((r = l.value[0]) == null ? void 0 : r[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: n,
-      activeRowById: x
-    }), () => I("div", {
+      search: h,
+      activeRowById: a
+    }), () => L("div", {
       class: "f-combo-list-container",
-      style: i.value
-    }, [I(D, {
-      ref: l,
+      style: m.value
+    }, [L(_, {
+      ref: n,
       size: "small",
       itemClass: "f-combo-list-item",
       itemContentClass: "text-truncate",
       header: "ContentHeader",
       headerClass: "f-combo-list-search-box",
-      data: a.value,
+      data: l.value,
       idField: e.idField,
       textField: e.textField,
       titleField: e.titleField,
       multiSelect: e.multiSelect,
-      selection: F.value,
+      selection: x.value,
       enableHighlightSearch: e.enableHighlightSearch,
-      selectionValues: s.value,
-      onSelectionUpdate: u,
-      onAfterSearch: S
+      selectionValues: b.value,
+      onSelectionUpdate: y,
+      onAfterSearch: T
     }, null)]);
   }
 });
-function Fe(e) {
-  const t = v(""), l = v(e.modelValue), a = v(e.data || []), o = v(e.editable);
-  function d(i) {
-    const n = e.multiSelect ? String(i).split(e.separator) : [String(i)], u = n.map((r) => [r, !0]), S = new Map(u);
-    return a.value.filter((r) => S.has(String(r[e.valueField]))).sort((r, f) => {
-      const C = n.indexOf(r[e.valueField]), y = n.indexOf(f[e.valueField]);
-      return C - y;
+function Ce(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)], r = i.map((F) => [F, !0]), g = new Map(r);
+    return l.value.filter((F) => g.has(String(F[e.valueField]))).sort((F, v) => {
+      const w = i.indexOf(F[e.valueField]), P = i.indexOf(v[e.valueField]);
+      return w - P;
     });
   }
-  function h(i) {
-    const n = d(i).map((u) => u[e.textField]).join(e.separator);
-    t.value = o.value ? n || i : n;
+  function c(a) {
+    const i = d(a).map((r) => r[e.textField]).join(e.separator);
+    t.value = o.value ? i || a : i;
   }
-  function c(i) {
+  function u(a) {
     if (e.multiSelect) {
-      const n = i.split(e.separator).map((S) => [S, !0]), u = new Map(n);
-      return a.value.filter((S) => u.has(S[e.textField]));
+      const i = a.split(e.separator).map((g) => [g, !0]), r = new Map(i);
+      return l.value.filter((g) => r.has(g[e.textField]));
     }
-    return a.value.filter((n) => "" + n[e.textField] === i);
+    return l.value.filter((i) => "" + i[e.textField] === a);
   }
-  function s(i) {
-    const n = {};
-    return n[e.idField] = i, n[e.textField] = i, [n];
+  function f(a) {
+    const i = {};
+    return i[e.idField] = a, i[e.textField] = a, [i];
   }
-  function p(i) {
-    let n = c(i);
-    const u = n && n.length > 0;
-    return o.value && !u && (n = s(i)), n;
+  function b(a) {
+    let i = u(a);
+    const r = i && i.length > 0;
+    return o.value && !r && (i = f(a)), i;
   }
-  function F() {
-    const { url: i, method: n = "GET", headers: u = { "Content-Type": "application/json;charset=utf-8;" }, body: S = null } = e.remote;
-    if (!i)
+  function x() {
+    const { url: a, method: i = "GET", headers: r = { "Content-Type": "application/json;charset=utf-8;" }, body: g = null } = e.remote;
+    if (!a)
       return;
-    const x = n.toLowerCase() === "get" ? { method: n, headers: u } : { method: n, headers: u, body: S };
-    let r = !1;
-    fetch(new Request(i, x)).then((f) => {
-      var y, w;
-      if (f.status === 200)
-        return r = !!((w = (y = f.headers) == null ? void 0 : y.get("content-type")) != null && w.includes("application/json")), r ? f.text() : f.json();
-      throw f.status === 405 ? new Error($.getLocaleValue("comboList.remoteError")) : new Error(f.statusText);
-    }).then((f) => {
-      f.length && (a.value = r ? JSON.parse(f) : f);
-    }).catch((f) => {
-      console.warn(f);
+    const C = i.toLowerCase() === "get" ? { method: i, headers: r } : { method: i, headers: r, body: g };
+    let F = !1;
+    fetch(new Request(a, C)).then((v) => {
+      var P, O;
+      if (v.status === 200)
+        return F = !!((O = (P = v.headers) == null ? void 0 : P.get("content-type")) != null && O.includes("application/json")), F ? v.text() : v.json();
+      throw v.status === 405 ? new Error(q.getLocaleValue("comboList.remoteError")) : new Error(v.statusText);
+    }).then((v) => {
+      v.length && (l.value = F ? JSON.parse(v) : v);
+    }).catch((v) => {
+      console.warn(v);
     });
   }
-  return e.remote && (e.load ? e.load().then((i) => {
-    a.value = i;
-  }).catch((i) => {
-    console.log(i);
-  }) : F()), P(() => e.data, () => {
-    a.value = e.data;
-  }), P([a], ([i]) => {
+  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 n = i.find((u) => u[e.valueField] === e.modelValue);
-      n && (t.value = n[e.textField]);
+      const i = a.find((r) => r[e.valueField] === e.modelValue);
+      i && (t.value = i[e.textField]);
     }
-  }), P(() => e.modelValue, (i) => {
-    l.value = i, h(i);
-  }), h(e.modelValue), { dataSource: a, displayText: t, editable: o, modelValue: l, getItemsByDisplayText: c, getItemsByValue: d, getSelectedItemsByDisplayText: p };
+  }), B(() => e.modelValue, (a) => {
+    n.value = a, c(a);
+  });
+  function m(a) {
+    l.value = a;
+  }
+  function h() {
+    return l.value;
+  }
+  function y() {
+    return t.value;
+  }
+  function T() {
+    const a = typeof e.beforeOpen == "function";
+    return !e.beforeOpen || !a ? Promise.resolve(!0) : Promise.resolve().then(() => e.beforeOpen({ instance: { updateDataSource: m, getData: h, getDisplayText: y } })).then((i) => typeof (i == null ? void 0 : i.canOpen) == "boolean" ? i == null ? void 0 : i.canOpen : !0);
+  }
+  return e.beforeOpen ? T().then((a) => {
+    a && c(e.modelValue);
+  }) : c(e.modelValue), {
+    dataSource: l,
+    displayText: t,
+    editable: o,
+    modelValue: n,
+    beforeOpenList: T,
+    getItemsByDisplayText: u,
+    getItemsByValue: d,
+    getSelectedItemsByDisplayText: b
+  };
 }
-const L = /* @__PURE__ */ E({
+const R = /* @__PURE__ */ M({
   name: "FComboList",
-  props: R,
+  props: H,
   emits: ["clear", "update:modelValue", "change", "input"],
   setup(e, t) {
-    const l = v(), a = v(), o = v(e.disabled || e.readonly), d = v(e.enableClear), h = v(e.enableSearch), c = v(e.readonly), {
-      dataSource: s,
-      displayText: p,
-      editable: F,
-      modelValue: i,
-      getSelectedItemsByDisplayText: n,
-      getItemsByDisplayText: u,
-      getItemsByValue: S
-    } = Fe(e), x = v(e.dropDownIcon);
-    x.value === '<span class="f-icon f-icon-arrow-chevron-down"></span>' && (x.value = '<span id="' + e.id + '-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');
-    const r = T(() => e.multiSelect), f = T(() => a.value ? a.value.elementRef.getBoundingClientRect().width : 0);
-    function C() {
-      !r.value && a.value && a.value.hidePopup();
+    const n = p(), l = p(), o = p(e.disabled || e.readonly), d = p(e.enableClear), c = p(e.enableSearch), u = p(e.readonly), {
+      dataSource: f,
+      displayText: b,
+      editable: x,
+      modelValue: m,
+      getItemsByDisplayText: h,
+      getItemsByValue: y,
+      beforeOpenList: T
+    } = Ce(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), r = I(() => l.value ? l.value.elementRef.getBoundingClientRect().width : 0);
+    function g() {
+      !i.value && l.value && l.value.hidePopup();
     }
-    function y(m) {
-      p.value = m.map((b) => b[e.textField]).join(e.separator);
-      let g = "";
-      m.length === 1 ? g = m[0][e.valueField] : g = m.map((b) => b[e.valueField]).join(e.separator), i.value !== g && (i.value = g, t.emit("update:modelValue", i.value), t.emit("change", m, i.value));
+    function C(s) {
+      b.value = s.map((V) => V[e.textField]).join(e.separator);
+      let S = "";
+      s.length === 1 ? S = s[0][e.valueField] : S = s.map((V) => V[e.valueField]).join(e.separator), m.value !== S && (m.value = S, t.emit("update:modelValue", m.value), t.emit("change", s, m.value));
     }
-    function w() {
-      const m = S(i.value);
-      y(m);
+    function F() {
+      const s = y(m.value);
+      C(s);
     }
-    function V() {
-      c.value || p.value;
+    function v() {
+      u.value || b.value;
     }
-    function q(m) {
-      var g;
-      i.value = "", (g = l.value) == null || g.activeRowById(""), t.emit("update:modelValue", ""), t.emit("change", [], ""), t.emit("clear");
+    function w(s) {
+      var S;
+      m.value = "", (S = n.value) == null || S.activeRowById(""), t.emit("update:modelValue", ""), t.emit("change", [], ""), t.emit("clear");
     }
-    function G(m) {
-      var g, b;
-      e.enableSearch && e.enableHighlightSearch && ((g = l.value) == null || g.search(m)), (b = l.value) == null || b.activeRowById(m), t.emit("change", [i.value], i.value);
+    function P(s) {
+      var S, V;
+      e.enableSearch && e.enableHighlightSearch && ((S = n.value) == null || S.search(s)), (V = n.value) == null || V.activeRowById(s), t.emit("change", [m.value], m.value);
     }
-    function U(m) {
+    function O(s) {
       if (e.multiSelect) {
-        const g = u(m);
+        const S = h(s);
         e.viewType;
-        const B = g.map((O) => O[e.idField || e.valueField]).join(e.separator);
-        i.value !== B && (i.value = B, t.emit("update:modelValue", i.value), t.emit("change", g, i.value));
+        const E = S.map((k) => k[e.idField || e.valueField]).join(e.separator);
+        m.value !== E && (m.value = E, t.emit("update:modelValue", m.value), t.emit("change", S, m.value));
       }
     }
-    function W() {
-      return p.value;
+    function U() {
+      return b.value;
     }
-    function j(m) {
+    function W(s) {
       const {
-        value: g
-      } = m.target;
-      G(g), t.emit("input", g);
+        value: S
+      } = s.target;
+      P(S), t.emit("input", S);
     }
-    function J() {
-      a.value.hidePopup();
+    function j() {
+      l.value.hidePopup();
     }
-    function z(m) {
-      s.value = m;
+    function J(s) {
+      f.value = s;
     }
-    function K() {
-      return s.value;
+    function z() {
+      return f.value;
     }
-    const k = {
-      getDisplayText: W,
-      hidePopup: J,
-      updateDataSource: z,
-      getData: K
+    const K = {
+      getDisplayText: U,
+      hidePopup: j,
+      updateDataSource: J,
+      getData: z
     };
-    t.expose(k);
-    function Q(m) {
-      const g = typeof e.beforeOpen == "function";
-      return !e.beforeOpen || !g ? Promise.resolve(!0) : Promise.resolve().then(() => e.beforeOpen({
-        instance: k
-      })).then((b) => typeof (b == null ? void 0 : b.canOpen) == "boolean" ? b == null ? void 0 : b.canOpen : !0);
-    }
-    return P([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([m, g, b, B, O]) => {
-      o.value = m, F.value = g, d.value = b, h.value = B, c.value = O;
-    }), () => I(X, {
-      ref: a,
+    return t.expose(K), B([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([s, S, V, E, k]) => {
+      o.value = s, x.value = S, d.value = V, c.value = E, u.value = k;
+    }), () => L(Q, {
+      ref: l,
       id: e.id,
       disable: o.value,
-      readonly: c.value,
+      readonly: u.value,
       forcePlaceholder: e.forcePlaceholder,
-      editable: F.value,
-      buttonContent: x.value,
-      placeholder: e.placeholder === "请选择" ? $.getLocaleValue("comboList.placeholder") : e.placeholder,
+      editable: x.value,
+      buttonContent: a.value,
+      placeholder: e.placeholder === "请选择" ? q.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: p.value,
-      "onUpdate:modelValue": (m) => p.value = m,
+      modelValue: b.value,
+      "onUpdate:modelValue": (s) => b.value = s,
       focusOnCreated: e.focusOnCreated,
       selectOnCreated: e.selectOnCreated,
-      onClear: q,
-      onClick: V,
-      onChange: U,
-      onBlur: w,
-      onInput: j,
-      beforeOpen: Q,
+      onClear: w,
+      onClick: v,
+      onChange: O,
+      onBlur: F,
+      onInput: W,
+      beforeOpen: T,
       placement: e.placement,
       popupMinWidth: e.minPanelWidth,
       popupClass: "f-combo-list-wrapper",
       popupOnClick: e.popupOnClick,
       limitContentBySpace: !0
     }, {
-      default: () => [I(Se, {
-        ref: l,
+      default: () => [L(Se, {
+        ref: n,
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
         titleField: e.titleField,
-        dataSource: s.value,
-        selectedValues: i.value,
+        dataSource: f.value,
+        selectedValues: m.value,
         separator: e.separator,
         multiSelect: e.multiSelect,
-        enableSearch: h.value,
+        enableSearch: c.value,
         maxHeight: e.maxHeight,
         enableHighlightSearch: e.enableHighlightSearch,
-        width: e.fitEditor ? f.value : void 0,
-        onSelectionChange: (m) => {
-          y(m), C();
+        width: e.fitEditor ? r.value : void 0,
+        onSelectionChange: (s) => {
+          C(s), g();
         }
       }, null)]
     });
   }
-}), H = {
+}), $ = {
   convertFrom: (e, t) => (e.editor.remote || {})[t],
-  convertTo: (e, t, l) => {
-    e.editor.remote = e.editor.remote || {}, e.editor.remote[t] = l;
+  convertTo: (e, t, n) => {
+    e.editor.remote = e.editor.remote || {}, e.editor.remote[t] = n;
   }
 };
-class xe extends ne {
-  constructor(t, l) {
-    super(t, l);
+class Fe extends le {
+  constructor(t, n) {
+    super(t, n);
   }
   getCommonEditorProperties(t) {
-    var l, a, o;
+    var n, l, o;
     return {
       viewType: {
-        visible: !!((l = t.editor) != null && l.multiSelect),
+        visible: !!((n = t.editor) != null && n.multiSelect),
         description: "数据展示类型，有标签和文本两种方式",
         title: "数据展示类型",
         type: "enum",
@@ -727,7 +746,7 @@ class xe extends ne {
         refreshPanelAfterChanged: !0
       },
       separator: {
-        visible: !!((a = t.editor) != null && a.multiSelect) && ((o = t.editor) == null ? void 0 : o.viewType) === "text",
+        visible: !!((l = t.editor) != null && l.multiSelect) && ((o = t.editor) == null ? void 0 : o.viewType) === "text",
         description: "下拉列表启用多选且数据展示类型为文本时的分隔符",
         title: "分隔符",
         type: "enum",
@@ -757,14 +776,14 @@ class xe extends ne {
     };
   }
   getEditorProperties(t) {
-    var d, h;
-    const l = this;
-    let a = "";
+    var d, c;
+    const n = this;
+    let l = "";
     if (((d = t == null ? void 0 : t.binding) == null ? void 0 : d.type) === "Form") {
-      const c = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (h = c == null ? void 0 : c.schemaField) != null && h.type && (a = c.schemaField.type.$type);
+      const u = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (c = u == null ? void 0 : u.schemaField) != null && c.type && (l = u.schemaField.type.$type);
     }
-    return l.getComponentConfig(t, { type: "combo-list" }, {
+    return n.getComponentConfig(t, { type: "combo-list" }, {
       // enableSearch: {
       //     description: "编辑状态下启用搜索",
       //     title: "允许编辑",
@@ -793,13 +812,13 @@ class xe extends ne {
         title: "数据",
         type: "array",
         visible: !t.editor.dataSourceType || t.editor.dataSourceType === "static",
-        ...l.getItemCollectionEditor(t, t.editor.valueField, t.editor.textField),
+        ...n.getItemCollectionEditor(t, t.editor.valueField, t.editor.textField),
         // 这个属性，标记当属性变更得时候触发重新更新属性
         refreshPanelAfterChanged: !0
       },
       url: {
         visible: t.editor.dataSourceType === "dynamic",
-        $converter: H,
+        $converter: $,
         description: "",
         title: "服务端API",
         type: "string"
@@ -821,7 +840,7 @@ class xe extends ne {
       // },
       body: {
         visible: !1,
-        $converter: H,
+        $converter: $,
         description: "",
         title: "服务端API参数",
         type: "string"
@@ -841,7 +860,7 @@ class xe extends ne {
       multiSelect: {
         description: "",
         title: "启用多选",
-        visible: !a || a === "StringType",
+        visible: !l || l === "StringType",
         type: "boolean",
         refreshPanelAfterChanged: !0
       },
@@ -857,33 +876,33 @@ class xe extends ne {
         }
       },
       ...this.getCommonEditorProperties(t)
-    }, (c, s) => {
-      if (!c || !s.editor)
+    }, (u, f) => {
+      if (!u || !f.editor)
         return;
-      const p = this;
-      switch (c.propertyID) {
+      const b = this;
+      switch (u.propertyID) {
         case "dataSourceType": {
-          c.propertyValue === "static" ? (s.editor.valueField = "value", s.editor.textField = "name", s.editor.remote = null) : c.propertyValue === "dynamic" && (s.editor.remote = { method: "GET" }, s.editor.valueField = "value", s.editor.textField = "name");
+          u.propertyValue === "static" ? (f.editor.valueField = "value", f.editor.textField = "name", f.editor.remote = null) : u.propertyValue === "dynamic" && (f.editor.remote = { method: "GET" }, f.editor.valueField = "value", f.editor.textField = "name");
           break;
         }
         case "data": {
-          !p.checkEnumDataReadonly(s) && s.formatter && (s.formatter.data = [...c.propertyValue]);
+          !b.checkEnumDataReadonly(f) && f.formatter && (f.formatter.data = [...u.propertyValue]);
           break;
         }
         case "viewType":
-          c.propertyValue === "tag" && (s.editor.editable = !1);
+          u.propertyValue === "tag" && (f.editor.editable = !1);
       }
     });
   }
-  getGridFieldEdtiorProperties(t, l) {
-    var h, c, s, p, F, i;
-    const a = this;
+  getGridFieldEdtiorProperties(t, n) {
+    var c, u, f, b, x, m;
+    const l = this;
     let o = "";
-    if (((h = t == null ? void 0 : t.binding) == null ? void 0 : h.type) === "Form") {
-      const n = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (c = n == null ? void 0 : n.schemaField) != null && c.type && (o = n.schemaField.type.$type);
+    if (((c = t == null ? void 0 : t.binding) == null ? void 0 : c.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 a.getComponentConfig(t, { type: "combo-list" }, {
+    return l.getComponentConfig(t, { type: "combo-list" }, {
       // editable: {
       //     description: "",
       //     title: "允许编辑",
@@ -895,25 +914,25 @@ class xe extends ne {
         title: "启用清空",
         type: "boolean"
       },
-      dataSourceType: {
-        description: "",
-        title: "数据源类型",
-        type: "enum",
-        editor: {
-          default: "static",
-          data: [
-            { id: "static", name: "静态" },
-            { id: "dynamic", name: "动态" }
-          ]
-        },
-        refreshPanelAfterChanged: !0
-      },
+      // dataSourceType: {
+      //     description: "",
+      //     title: "数据源类型",
+      //     type: "enum",
+      //     editor: {
+      //         default: "static",
+      //         data: [
+      //             { id: "static", name: "静态" },
+      //             { id: "dynamic", name: "动态" }
+      //         ]
+      //     },
+      //     refreshPanelAfterChanged: true
+      // },
       data: {
         description: "",
         title: "数据",
         type: "array",
-        visible: !((s = t.editor) != null && s.dataSourceType) || ((p = t.editor) == null ? void 0 : p.dataSourceType) === "static",
-        ...a.getItemCollectionEditor(t, (F = t.editor) == null ? void 0 : F.valueField, (i = t.editor) == null ? void 0 : i.textField),
+        visible: !((f = t.editor) != null && f.dataSourceType) || ((b = t.editor) == null ? void 0 : b.dataSourceType) === "static",
+        ...l.getItemCollectionEditor(t, (x = t.editor) == null ? void 0 : x.valueField, (m = t.editor) == null ? void 0 : m.textField),
         // 这个属性，标记当属性变更得时候触发重新更新属性
         refreshPanelAfterChanged: !0
       },
@@ -948,33 +967,33 @@ class xe extends ne {
         }
       },
       ...this.getCommonEditorProperties(t)
-    }, (n, u) => {
-      if (!n || !u.editor)
+    }, (h, y) => {
+      if (!h || !y.editor)
         return;
-      const S = this;
-      switch (n.propertyID) {
+      const T = this;
+      switch (h.propertyID) {
         case "dataSourceType": {
-          n.propertyValue === "static" ? (u.editor.valueField = "value", u.editor.textField = "name", u.editor.remote = null) : n.propertyValue === "dynamic" && (u.editor.remote = { method: "GET" }, u.editor.valueField = "value", u.editor.textField = "name");
+          h.propertyValue === "static" ? (y.editor.valueField = "value", y.editor.textField = "name", y.editor.remote = null) : h.propertyValue === "dynamic" && (y.editor.remote = { method: "GET" }, y.editor.valueField = "value", y.editor.textField = "name");
           break;
         }
         case "data": {
-          !S.checkEnumDataReadonly(u) && u.formatter && (u.formatter.data = [...n.propertyValue]);
+          !T.checkEnumDataReadonly(y) && y.formatter && (y.formatter.data = [...h.propertyValue]);
           break;
         }
       }
     });
   }
-  setEditorPropertyRelates(t, l, a) {
-    if (!t || !l.editor)
+  setEditorPropertyRelates(t, n, l) {
+    if (!t || !n.editor)
       return;
     const o = this;
     switch (t.propertyID) {
       case "dataSourceType": {
-        t.propertyValue === "static" && (l.editor.valueField = "value", l.editor.textField = "name", l.editor.remote = {});
+        t.propertyValue === "static" && (n.editor.valueField = "value", n.editor.textField = "name", n.editor.remote = {});
         break;
       }
       case "data": {
-        !o.checkEnumDataReadonly(l) && l.formatter && (l.formatter.data = [...t.propertyValue]);
+        !o.checkEnumDataReadonly(n) && n.formatter && (n.formatter.data = [...t.propertyValue]);
         break;
       }
     }
@@ -982,11 +1001,11 @@ class xe extends ne {
   /**
    * 切换绑定属性 
    */
-  changeBindingField(t, l, a) {
+  changeBindingField(t, n, l) {
     var d;
-    super.changeBindingField(t, l);
-    const o = a;
-    t.editor && ((d = o == null ? void 0 : o.type) == null ? void 0 : d.$type) === ie.EnumType && (t.editor.data = o.type.enumValues || []);
+    super.changeBindingField(t, n);
+    const o = l;
+    t.editor && ((d = o == null ? void 0 : o.type) == null ? void 0 : d.$type) === te.EnumType && (t.editor.data = o.type.enumValues || []);
   }
   /**
   * 组装输入类控件的交互面板：包含标签超链、绑定字段值变化前后事件等。
@@ -995,58 +1014,58 @@ class xe extends ne {
   * @param showPosition 面板展示位置
   * @param customEvent 输入控件特有的事件配置
   */
-  getEventPropertyConfig(t, l = "card", a, o) {
+  getEventPropertyConfig(t, n = "card", l, o) {
     const d = this;
-    let h = [
+    let c = [
       {
         label: "onChange",
         name: "值变化事件"
       },
-      {
-        label: "onClear",
-        name: "清空事件"
-      },
+      // {
+      //     label: 'onClear',
+      //     name: '清空事件'
+      // },
       {
         label: "beforeOpen",
-        name: "打开下拉面板前"
+        name: "下拉面板前事件"
       }
     ];
-    a && (h = h.concat(a)), this.appendFieldValueChangeEvents(t, h);
-    const c = d.eventsEditorUtils.formProperties(t, d.viewModelId, h);
+    l && (c = c.concat(l)), this.appendFieldValueChangeEvents(t, c);
+    const u = d.eventsEditorUtils.formProperties(t, d.viewModelId, c);
     return {
       title: "事件",
       hideTitle: !0,
-      properties: d.createBaseEventProperty(c),
+      properties: d.createBaseEventProperty(u),
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(F, i) {
-        const n = F.propertyValue;
-        delete t[d.viewModelId], n && (n.setPropertyRelates = this.setPropertyRelates, d.eventsEditorUtils.saveRelatedParameters(t, d.viewModelId, n.events, n)), o && o(F, i, n);
-        const u = d.designViewModelUtils.getDgViewModel(d.viewModelId);
-        u && d.designViewModelField && u.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);
+      setPropertyRelates(x, m) {
+        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, m, h);
+        const y = d.designViewModelUtils.getDgViewModel(d.viewModelId);
+        y && d.designViewModelField && y.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 l = e.schema;
-  function a(o, d) {
-    return new xe(o, t).getPropertyConfig(l, d);
+function xe(e, t) {
+  const n = e.schema;
+  function l(o, d) {
+    return new Fe(o, t).getPropertyConfig(n, d);
   }
   return {
-    getPropsConfig: a
+    getPropsConfig: l
   };
 }
-const Ve = /* @__PURE__ */ E({
+const we = /* @__PURE__ */ M({
   name: "FComboListDesign",
   props: be,
   emits: ["clear", "update:modelValue", "change"],
   setup(e, t) {
-    const l = v(), a = M("designer-host-service"), o = M("design-item-context"), d = we(o, a), h = te(l, o, d);
-    return A(() => {
-      l.value.componentInstance = h;
-    }), t.expose(h.value), () => I(ee, {
-      ref: l,
+    const n = p(), l = A("designer-host-service"), o = A("design-item-context"), d = xe(o, l), c = ee(n, o, d);
+    return N(() => {
+      n.value.componentInstance = c;
+    }), t.expose(c.value), () => L(D, {
+      ref: n,
       buttonContent: e.dropDownIcon,
       readonly: !0,
       editable: !1,
@@ -1056,21 +1075,21 @@ const Ve = /* @__PURE__ */ E({
     }, null);
   }
 });
-L.register = (e, t, l, a) => {
-  e["combo-list"] = L, t["combo-list"] = N, a["combo-list"] = { callbackResolver: pe };
+R.register = (e, t, n, l) => {
+  e["combo-list"] = R, t["combo-list"] = G, l["combo-list"] = { callbackResolver: ye };
 };
-L.registerDesigner = (e, t, l) => {
-  e["combo-list"] = Ve, t["combo-list"] = N;
+R.registerDesigner = (e, t, n) => {
+  e["combo-list"] = we, t["combo-list"] = G;
 };
-const He = le(L);
+const Me = ie(R);
 export {
-  L as FComboList,
+  R as FComboList,
   Se as FComboListContainer,
-  ye as Placement,
-  pe as callbackResolver,
+  ve as Placement,
+  ye as callbackResolver,
   be as comboListDesignProps,
-  R as comboListProps,
-  He as default,
-  N as propsResolver,
-  Fe as useDataSource
+  H as comboListProps,
+  Me as default,
+  G as propsResolver,
+  Ce as useDataSource
 };