@farris/ui-vue 1.6.5-beta.8 → 1.6.6

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

@@ -1,4 +1,4 @@
-import { defineComponent as E, ref as g, computed as V, watch as B, onMounted as O, createVNode as I, inject as k } from "vue";
+import { defineComponent as E, ref as y, computed as V, watch as B, onMounted as O, createVNode as I, inject as k } from "vue";
 import { useI18n as M } from "vue-i18n";
 import z from "../button-edit/index.esm.js";
 import { resolveAppearance as K, createPropsResolver as Q } from "../dynamic-resolver/index.esm.js";
@@ -411,7 +411,7 @@ const H = {
   props: ye,
   emits: ["selectionChange"],
   setup(e, t) {
-    const i = g(), a = g(e.dataSource), n = g([]), s = g(e.separator), m = g(e.width), d = g(e.maxHeight), u = g(String(e.selectedValues).split(s.value)), C = V(() => e.multiSelect), y = V(() => ({
+    const i = y(), a = y(e.dataSource), n = y([]), m = y(e.separator), g = y(e.width), c = y(e.maxHeight), d = y(String(e.selectedValues).split(m.value)), C = V(() => e.multiSelect), h = V(() => ({
       enableSelectRow: !0,
       multiSelect: e.multiSelect,
       multiSelectMode: "OnCheckAndClick",
@@ -422,47 +422,47 @@ const H = {
     B(e.dataSource, () => {
       a.value = e.dataSource;
     }), V(() => e.enableSearch ? "SearchBar" : "ContentHeader");
-    const b = V(() => {
-      const r = {};
-      return m.value !== void 0 && (r.width = `${m.value}px`), d.value !== void 0 && d.value > 0 && (r.maxHeight = `${d.value}px`), r;
+    const p = V(() => {
+      const u = {};
+      return g.value !== void 0 && (u.width = `${g.value}px`), c.value !== void 0 && c.value > 0 && (u.maxHeight = `${c.value}px`), u;
     });
-    function l(r) {
-      i.value.search(r);
+    function l(u) {
+      i.value.search(u);
     }
-    function o(r) {
-      n.value = r.map((f) => Object.assign({}, f)), u.value = r.map((f) => f[e.idField]), t.emit("selectionChange", n.value);
+    function o(u) {
+      n.value = u.map((s) => Object.assign({}, s)), d.value = u.map((s) => s[e.idField]), t.emit("selectionChange", n.value);
     }
-    function p(r) {
+    function b(u) {
       if (e.enableHighlightSearch)
         return;
-      let f = [];
+      let s = [];
       const {
-        searchOption: c
+        searchOption: r
       } = e;
-      typeof c == "function" ? f = a.value.filter((F) => c(r, F)) : f = a.value.filter((F) => F[e.valueField].indexOf(r) > -1 || F[e.textField].indexOf(r) > -1), i.value.updateDataSource(f);
+      typeof r == "function" ? s = a.value.filter((S) => r(u, S)) : s = a.value.filter((S) => S[e.valueField].indexOf(u) > -1 || S[e.textField].indexOf(u) > -1), i.value.updateDataSource(s);
     }
-    B([() => e.selectedValues], ([r]) => {
-      e.multiSelect ? u.value = r.split(s.value) : u.value = [r];
+    B([() => e.selectedValues], ([u]) => {
+      e.multiSelect ? d.value = u.split(m.value) : d.value = [u];
     });
-    function S(r) {
-      i.value.activeRowById(r);
+    function F(u) {
+      i.value.activeRowById(u);
     }
     return O(() => {
-      var r, f;
+      var u, s;
       if (!e.multiSelect) {
-        const c = (r = u.value) == null ? void 0 : r[0];
-        let F = c;
-        if (!X(c)) {
-          const x = typeof c, w = typeof ((f = a.value[0]) == null ? void 0 : f[e.valueField || e.idField]);
-          w === "number" && x !== w && (F = Number(c)), w === "boolean" && x !== w && (F = c === "true" ? !0 : c === "false" ? !1 : c), S(F);
+        const r = (u = d.value) == null ? void 0 : u[0];
+        let S = r;
+        if (!X(r)) {
+          const x = typeof r, w = typeof ((s = a.value[0]) == null ? void 0 : s[e.valueField || e.idField]);
+          w === "number" && x !== w && (S = Number(r)), w === "boolean" && x !== w && (S = r === "true" ? !0 : r === "false" ? !1 : r), F(S);
         }
       }
     }), t.expose({
       search: l,
-      activeRowById: S
+      activeRowById: F
     }), () => I("div", {
       class: "f-combo-list-container",
-      style: b.value
+      style: p.value
     }, [I(Y, {
       ref: i,
       size: "small",
@@ -475,31 +475,31 @@ const H = {
       textField: e.textField,
       titleField: e.titleField,
       multiSelect: e.multiSelect,
-      selection: y.value,
+      selection: h.value,
       enableHighlightSearch: e.enableHighlightSearch,
-      selectionValues: u.value,
+      selectionValues: d.value,
       onSelectionUpdate: o,
-      onAfterSearch: p
+      onAfterSearch: b
     }, null)]);
   }
 });
 function ve(e) {
-  const { t } = M(), i = g(""), a = g(e.modelValue), n = g(e.data || []), s = g(e.editable);
-  function m(l) {
-    const o = e.multiSelect ? String(l).split(e.separator) : [String(l)], p = o.map((f) => [f, !0]), S = new Map(p);
-    return n.value.filter((f) => S.has(String(f[e.valueField]))).sort((f, c) => {
-      const F = o.indexOf(f[e.valueField]), x = o.indexOf(c[e.valueField]);
-      return F - x;
+  const { t } = M(), i = y(""), a = y(e.modelValue), n = y(e.data || []), m = y(e.editable);
+  function g(l) {
+    const o = e.multiSelect ? String(l).split(e.separator) : [String(l)], b = o.map((s) => [s, !0]), F = new Map(b);
+    return n.value.filter((s) => F.has(String(s[e.valueField]))).sort((s, r) => {
+      const S = o.indexOf(s[e.valueField]), x = o.indexOf(r[e.valueField]);
+      return S - x;
     });
   }
-  function d(l) {
-    const o = m(l).map((p) => p[e.textField]).join(e.separator);
-    i.value = s.value ? o || l : o;
+  function c(l) {
+    const o = g(l).map((b) => b[e.textField]).join(e.separator);
+    i.value = m.value ? o || l : o;
   }
-  function u(l) {
+  function d(l) {
     if (e.multiSelect) {
-      const o = l.split(e.separator).map((S) => [S, !0]), p = new Map(o);
-      return n.value.filter((S) => p.has(S[e.textField]));
+      const o = l.split(e.separator).map((F) => [F, !0]), b = new Map(o);
+      return n.value.filter((F) => b.has(F[e.textField]));
     }
     return n.value.filter((o) => "" + o[e.textField] === l);
   }
@@ -507,35 +507,35 @@ function ve(e) {
     const o = {};
     return o[e.idField] = l, o[e.textField] = l, [o];
   }
-  function y(l) {
-    let o = u(l);
-    const p = o && o.length > 0;
-    return s.value && !p && (o = C(l)), o;
+  function h(l) {
+    let o = d(l);
+    const b = o && o.length > 0;
+    return m.value && !b && (o = C(l)), o;
   }
-  function b() {
-    const { url: l, method: o = "GET", headers: p = { "Content-Type": "application/json;charset=utf-8;" }, body: S = null } = e.remote, r = o.toLowerCase() === "get" ? { method: o, headers: p } : { method: o, headers: p, body: S };
-    let f = !1;
-    fetch(new Request(l, r)).then((c) => {
+  function p() {
+    const { url: l, method: o = "GET", headers: b = { "Content-Type": "application/json;charset=utf-8;" }, body: F = null } = e.remote, u = o.toLowerCase() === "get" ? { method: o, headers: b } : { method: o, headers: b, body: F };
+    let s = !1;
+    fetch(new Request(l, u)).then((r) => {
       var x, w;
-      if (c.status === 200)
-        return f = !!((w = (x = c.headers) == null ? void 0 : x.get("content-type")) != null && w.includes("application/json")), f ? c.text() : c.json();
-      throw c.status === 405 ? new Error(t("comboList.remoteError")) : new Error(c.statusText);
-    }).then((c) => {
-      c.length && (n.value = f ? JSON.parse(c) : c);
-    }).catch((c) => {
-      console.warn(c);
+      if (r.status === 200)
+        return s = !!((w = (x = r.headers) == null ? void 0 : x.get("content-type")) != null && w.includes("application/json")), s ? r.text() : r.json();
+      throw r.status === 405 ? new Error(t("comboList.remoteError")) : new Error(r.statusText);
+    }).then((r) => {
+      r.length && (n.value = s ? JSON.parse(r) : r);
+    }).catch((r) => {
+      console.warn(r);
     });
   }
-  return e.remote && b(), B(() => e.data, () => {
+  return e.remote && p(), B(() => e.data, () => {
     n.value = e.data;
   }), B([n], ([l]) => {
     if (e.modelValue != null) {
-      const o = l.find((p) => p[e.valueField] === e.modelValue);
+      const o = l.find((b) => b[e.valueField] === e.modelValue);
       o && (i.value = o[e.textField]);
     }
   }), B(() => e.modelValue, (l) => {
-    a.value = l, d(l);
-  }), d(e.modelValue), { dataSource: n, displayText: i, editable: s, modelValue: a, getItemsByDisplayText: u, getItemsByValue: m, getSelectedItemsByDisplayText: y };
+    a.value = l, c(l);
+  }), c(e.modelValue), { dataSource: n, displayText: i, editable: m, modelValue: a, getItemsByDisplayText: d, getItemsByValue: g, getSelectedItemsByDisplayText: h };
 }
 const L = /* @__PURE__ */ E({
   name: "FComboList",
@@ -544,53 +544,55 @@ const L = /* @__PURE__ */ E({
   setup(e, t) {
     const {
       t: i
-    } = M(), a = g(), n = g(), s = g(e.disabled || e.readonly), m = g(e.enableClear), d = g(e.enableSearch), u = g(e.readonly), {
+    } = M(), a = y(), n = y(), m = y(e.disabled || e.readonly), g = y(e.enableClear), c = y(e.enableSearch), d = y(e.readonly), {
       dataSource: C,
-      displayText: y,
-      editable: b,
+      displayText: h,
+      editable: p,
       modelValue: l,
       getSelectedItemsByDisplayText: o,
-      getItemsByDisplayText: p,
-      getItemsByValue: S
-    } = ve(e), r = g(e.dropDownIcon);
-    r.value === '<span class="f-icon f-icon-arrow-chevron-down"></span>' && (r.value = '<span id="' + e.id + '-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');
-    const f = V(() => e.multiSelect), c = V(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
-    function F() {
-      !f.value && n.value && n.value.hidePopup();
+      getItemsByDisplayText: b,
+      getItemsByValue: F
+    } = ve(e), u = y(e.dropDownIcon);
+    u.value === '<span class="f-icon f-icon-arrow-chevron-down"></span>' && (u.value = '<span id="' + e.id + '-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');
+    const s = V(() => e.multiSelect), r = V(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
+    function S() {
+      !s.value && n.value && n.value.hidePopup();
     }
-    function x(h) {
-      y.value = h.map((T) => T[e.textField]).join(e.separator);
+    function x(f) {
+      h.value = f.map((T) => T[e.textField]).join(e.separator);
       let v = "";
-      h.length === 1 ? v = h[0][e.valueField] : v = h.map((T) => T[e.valueField]).join(e.separator), l.value !== v && (l.value = v, t.emit("update:modelValue", l.value), t.emit("change", h, l.value));
+      f.length === 1 ? v = f[0][e.valueField] : v = f.map((T) => T[e.valueField]).join(e.separator), l.value !== v && (l.value = v, t.emit("update:modelValue", l.value), t.emit("change", f, l.value));
     }
     function w() {
-      const h = S(l.value);
-      x(h);
+      const f = F(l.value);
+      x(f);
     }
     function N() {
-      u.value || y.value;
+      d.value || h.value;
     }
-    function j(h) {
+    function j(f) {
       var v;
       l.value = "", (v = a.value) == null || v.activeRowById(""), t.emit("update:modelValue", ""), t.emit("change", [], ""), t.emit("clear");
     }
-    function q(h) {
+    function q(f) {
       var v, T;
-      e.enableSearch && e.enableHighlightSearch && ((v = a.value) == null || v.search(h)), (T = a.value) == null || T.activeRowById(h), t.emit("change", [l.value], l.value);
+      e.enableSearch && e.enableHighlightSearch && ((v = a.value) == null || v.search(f)), (T = a.value) == null || T.activeRowById(f), t.emit("change", [l.value], l.value);
     }
-    function G(h) {
+    function G(f) {
       if (e.multiSelect) {
-        const v = S(l.value), P = v.map((R) => R[e.idField || e.valueField]).join(e.separator);
+        const v = b(f);
+        e.viewType;
+        const P = v.map((R) => R[e.idField || e.valueField]).join(e.separator);
         l.value !== P && (l.value = P, t.emit("update:modelValue", l.value), t.emit("change", v, l.value));
       }
     }
     function W() {
-      return y.value;
+      return h.value;
     }
-    function U(h) {
+    function U(f) {
       const {
         value: v
-      } = h.target;
+      } = f.target;
       q(v), t.emit("input", v);
     }
     function J() {
@@ -599,25 +601,25 @@ const L = /* @__PURE__ */ E({
     return t.expose({
       getDisplayText: W,
       hidePopup: J
-    }), B([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([h, v, T, P, R]) => {
-      s.value = h, b.value = v, m.value = T, d.value = P, u.value = R;
+    }), B([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([f, v, T, P, R]) => {
+      m.value = f, p.value = v, g.value = T, c.value = P, d.value = R;
     }), () => I(z, {
       ref: n,
       id: e.id,
-      disable: s.value,
-      readonly: u.value,
+      disable: m.value,
+      readonly: d.value,
       forcePlaceholder: e.forcePlaceholder,
-      editable: b.value,
-      buttonContent: r.value,
+      editable: p.value,
+      buttonContent: u.value,
       placeholder: e.placeholder === "请选择" ? i("comboList.placeholder") : e.placeholder,
-      enableClear: m.value,
+      enableClear: g.value,
       maxLength: e.maxLength,
       tabIndex: e.tabIndex,
       enableTitle: e.enableTitle,
       multiSelect: e.multiSelect,
       inputType: e.multiSelect ? e.viewType : "text",
-      modelValue: y.value,
-      "onUpdate:modelValue": (h) => y.value = h,
+      modelValue: h.value,
+      "onUpdate:modelValue": (f) => h.value = f,
       focusOnCreated: e.focusOnCreated,
       selectOnCreated: e.selectOnCreated,
       onClear: j,
@@ -642,12 +644,12 @@ const L = /* @__PURE__ */ E({
         selectedValues: l.value,
         separator: e.separator,
         multiSelect: e.multiSelect,
-        enableSearch: d.value,
+        enableSearch: c.value,
         maxHeight: e.maxHeight,
         enableHighlightSearch: e.enableHighlightSearch,
-        width: e.fitEditor ? c.value : void 0,
-        onSelectionChange: (h) => {
-          x(h), F();
+        width: e.fitEditor ? r.value : void 0,
+        onSelectionChange: (f) => {
+          x(f), S();
         }
       }, null)]
     });
@@ -663,7 +665,7 @@ class be extends te {
     super(t, i);
   }
   getCommonEditorProperties(t) {
-    var i, a, n, s, m, d;
+    var i, a, n;
     return {
       viewType: {
         visible: !!((i = t.editor) != null && i.multiSelect),
@@ -697,23 +699,24 @@ class be extends te {
         title: "允许编辑",
         type: "boolean",
         refreshPanelAfterChanged: !0,
-        readonly: !!((s = t.editor) != null && s.multiSelect) && (((m = t.editor) == null ? void 0 : m.viewType) === "tag" || !t.editor.viewType)
-      },
-      enableHighlightSearch: {
-        visible: !!((d = t.editor) != null && d.editable),
-        description: "编辑状态下启用高亮搜索",
-        title: "启用高亮搜索",
-        type: "boolean"
+        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 s, m;
+    var m, g;
     const i = this;
     let a = "";
-    if (((s = t == null ? void 0 : t.binding) == null ? void 0 : s.type) === "Form") {
-      const d = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (m = d == null ? void 0 : d.schemaField) != null && m.type && (a = d.schemaField.type.$type);
+    if (((m = t == null ? void 0 : t.binding) == null ? void 0 : m.type) === "Form") {
+      const c = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (g = c == null ? void 0 : c.schemaField) != null && g.type && (a = c.schemaField.type.$type);
     }
     return i.getComponentConfig(t, { type: "combo-list" }, {
       // enableSearch: {
@@ -771,7 +774,7 @@ class be extends te {
       //     },
       // },
       body: {
-        visible: t.editor.dataSourceType === "dynamic",
+        visible: !1,
         $converter: A,
         description: "",
         title: "服务端API参数",
@@ -803,35 +806,36 @@ class be extends te {
         editor: {
           nullable: !0,
           min: 0,
-          useThousands: !1
+          useThousands: !1,
+          needValid: !0
         }
       },
       ...this.getCommonEditorProperties(t)
-    }, (d, u) => {
-      if (!d || !u.editor)
+    }, (c, d) => {
+      if (!c || !d.editor)
         return;
       const C = this;
-      switch (d.propertyID) {
+      switch (c.propertyID) {
         case "dataSourceType": {
-          d.propertyValue === "static" ? (u.editor.valueField = "value", u.editor.textField = "name", u.editor.remote = null) : d.propertyValue === "dynamic" && (u.editor.remote = { method: "GET" }, u.editor.valueField = "value", u.editor.textField = "name");
+          c.propertyValue === "static" ? (d.editor.valueField = "value", d.editor.textField = "name", d.editor.remote = null) : c.propertyValue === "dynamic" && (d.editor.remote = { method: "GET" }, d.editor.valueField = "value", d.editor.textField = "name");
           break;
         }
         case "data": {
-          !C.checkEnumDataReadonly(u) && u.formatter && (u.formatter.data = [...d.propertyValue]);
+          !C.checkEnumDataReadonly(d) && d.formatter && (d.formatter.data = [...c.propertyValue]);
           break;
         }
         case "viewType":
-          d.propertyValue === "tag" && (u.editor.editable = !1);
+          c.propertyValue === "tag" && (d.editor.editable = !1);
       }
     });
   }
   getGridFieldEdtiorProperties(t, i) {
-    var m, d, u, C;
+    var g, c, d, C;
     const a = this;
     let n = "";
-    if (((m = t == null ? void 0 : t.binding) == null ? void 0 : m.type) === "Form") {
-      const y = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (d = y == null ? void 0 : y.schemaField) != null && d.type && (n = y.schemaField.type.$type);
+    if (((g = t == null ? void 0 : t.binding) == null ? void 0 : g.type) === "Form") {
+      const h = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (c = h == null ? void 0 : h.schemaField) != null && c.type && (n = h.schemaField.type.$type);
     }
     return a.getComponentConfig(t, { type: "combo-list" }, {
       // editable: {
@@ -850,7 +854,7 @@ class be extends te {
         title: "数据",
         type: "array",
         visible: !0,
-        ...a.getItemCollectionEditor(t, (u = t.editor) == null ? void 0 : u.valueField, (C = t.editor) == null ? void 0 : C.textField),
+        ...a.getItemCollectionEditor(t, (d = t.editor) == null ? void 0 : d.valueField, (C = t.editor) == null ? void 0 : C.textField),
         // 这个属性，标记当属性变更得时候触发重新更新属性
         refreshPanelAfterChanged: !0
       },
@@ -880,21 +884,22 @@ class be extends te {
         editor: {
           nullable: !0,
           min: 0,
-          useThousands: !1
+          useThousands: !1,
+          needValid: !0
         }
       },
       ...this.getCommonEditorProperties(t)
-    }, (y, b) => {
-      if (!y || !b.editor)
+    }, (h, p) => {
+      if (!h || !p.editor)
         return;
       const l = this;
-      switch (y.propertyID) {
+      switch (h.propertyID) {
         case "dataSourceType": {
-          y.propertyValue === "static" ? (b.editor.valueField = "value", b.editor.textField = "name", b.editor.remote = null) : y.propertyValue === "dynamic" && (b.editor.remote = { method: "GET" });
+          h.propertyValue === "static" ? (p.editor.valueField = "value", p.editor.textField = "name", p.editor.remote = null) : h.propertyValue === "dynamic" && (p.editor.remote = { method: "GET" });
           break;
         }
         case "data": {
-          !l.checkEnumDataReadonly(b) && b.formatter && (b.formatter.data = [...y.propertyValue]);
+          !l.checkEnumDataReadonly(p) && p.formatter && (p.formatter.data = [...h.propertyValue]);
           break;
         }
       }
@@ -919,16 +924,16 @@ class be extends te {
    * 切换绑定属性 
    */
   changeBindingField(t, i, a) {
-    var s;
+    var m;
     super.changeBindingField(t, i);
     const n = a;
-    t.editor && ((s = n == null ? void 0 : n.type) == null ? void 0 : s.$type) === D.EnumType && (t.editor.data = n.type.enumValues || []);
+    t.editor && ((m = n == null ? void 0 : n.type) == null ? void 0 : m.$type) === D.EnumType && (t.editor.data = n.type.enumValues || []);
   }
 }
 function pe(e, t) {
   const i = e.schema;
-  function a(n, s) {
-    return new be(n, t).getPropertyConfig(i, s);
+  function a(n, m) {
+    return new be(n, t).getPropertyConfig(i, m);
   }
   return {
     getPropsConfig: a
@@ -939,10 +944,10 @@ const Se = /* @__PURE__ */ E({
   props: he,
   emits: ["clear", "update:modelValue", "change"],
   setup(e, t) {
-    const i = g(), a = k("designer-host-service"), n = k("design-item-context"), s = pe(n, a), m = _(i, n, s);
+    const i = y(), a = k("designer-host-service"), n = k("design-item-context"), m = pe(n, a), g = _(i, n, m);
     return O(() => {
-      i.value.componentInstance = m;
-    }), t.expose(m.value), () => I(Z, {
+      i.value.componentInstance = g;
+    }), t.expose(g.value), () => I(Z, {
       ref: i,
       buttonContent: e.dropDownIcon,
       readonly: !0,

package/components/combo-list/index.umd.cjs

@@ -1 +1 @@
-(function(h,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("vue-i18n"),require("../button-edit/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("lodash-es"),require("../list-view/index.umd.js"),require("../../designer/button-edit/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js"),require("../property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","vue-i18n","../button-edit/index.umd.js","../dynamic-resolver/index.umd.js","lodash-es","../list-view/index.umd.js","../../designer/button-edit/index.umd.js","../designer-canvas/index.umd.js","../common/index.umd.js","../property-panel/index.umd.js"],i):(h=typeof globalThis<"u"?globalThis:h||self,i(h["combo-list"]={},h.Vue,h.vueI18n,h.FButtonEdit,h.dynamicResolver,h.LodashES,h.FListView,h.FButtonEditDesign,h.designerCanvas,h.common,h.propertyPanel))})(this,function(h,i,E,O,H,q,$,N,G,j,W){"use strict";const U=new Map([["appearance",H.resolveAppearance]]),J={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-list",description:"A Farris Input Component",type:"object",properties:{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:"sting",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},"onUpdate:modelValue":{description:"",type:"object"}},required:["type"],ignore:["id","appearance","binding","visible"]};function _(e,t,l){return t}var k=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(k||{});const B={id:{type:String},data:{type:Array,default:[]},disabled:{default:!1,type:Boolean},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-chevron-down"></span>'},editable:{default:!1,type:Boolean},enableClear:{default:!0,type:Boolean},enableSearch:{type:Boolean,default:!1},enableTitle:{default:!0,type:Boolean},fitEditor:{default:!1,type:Boolean},forcePlaceholder:{default:!1,type:Boolean},hidePanelOnClear:{default:!0,type:Boolean},idField:{default:"id",type:String},mapFields:{type:Object},maxHeight:{default:350,type:Number},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{},placeholder:{type:String,default:"请选择"},placement:{type:String,default:"auto"},readonly:{default:!1,type:Boolean},remote:{default:null,type:Object},remoteSearch:{default:!1,type:Boolean},separator:{default:",",type:String},tabIndex:{type:Number,default:-1},textField:{default:"name",type:String},titleField:{default:"name",type:String},valueField:{default:"id",type:String},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},searchOption:{type:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0},minPanelWidth:{type:Number,default:160},popupOnClick:{type:Boolean,default:!0}},A=Object.assign({},B,{readonly:{}}),L=H.createPropsResolver(B,J,U,_),z={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}},K=i.defineComponent({name:"FComboListContainer",props:z,emits:["selectionChange"],setup(e,t){const l=i.ref(),o=i.ref(e.dataSource),a=i.ref([]),f=i.ref(e.separator),y=i.ref(e.width),r=i.ref(e.maxHeight),u=i.ref(String(e.selectedValues).split(f.value)),x=i.computed(()=>e.multiSelect),b=i.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:x.value,showSelectAll:!1,showSelection:!0}));i.watch(e.dataSource,()=>{o.value=e.dataSource}),i.computed(()=>e.enableSearch?"SearchBar":"ContentHeader");const v=i.computed(()=>{const s={};return y.value!==void 0&&(s.width=`${y.value}px`),r.value!==void 0&&r.value>0&&(s.maxHeight=`${r.value}px`),s});function n(s){l.value.search(s)}function d(s){a.value=s.map(m=>Object.assign({},m)),u.value=s.map(m=>m[e.idField]),t.emit("selectionChange",a.value)}function S(s){if(e.enableHighlightSearch)return;let m=[];const{searchOption:c}=e;typeof c=="function"?m=o.value.filter(F=>c(s,F)):m=o.value.filter(F=>F[e.valueField].indexOf(s)>-1||F[e.textField].indexOf(s)>-1),l.value.updateDataSource(m)}i.watch([()=>e.selectedValues],([s])=>{e.multiSelect?u.value=s.split(f.value):u.value=[s]});function C(s){l.value.activeRowById(s)}return i.onMounted(()=>{var s,m;if(!e.multiSelect){const c=(s=u.value)==null?void 0:s[0];let F=c;if(!q.isUndefined(c)){const w=typeof c,T=typeof((m=o.value[0])==null?void 0:m[e.valueField||e.idField]);T==="number"&&w!==T&&(F=Number(c)),T==="boolean"&&w!==T&&(F=c==="true"?!0:c==="false"?!1:c),C(F)}}}),t.expose({search:n,activeRowById:C}),()=>i.createVNode("div",{class:"f-combo-list-container",style:v.value},[i.createVNode($,{ref:l,size:"small",itemClass:"f-combo-list-item",itemContentClass:"text-truncate",header:"ContentHeader",headerClass:"f-combo-list-search-box",data:o.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:b.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:u.value,onSelectionUpdate:d,onAfterSearch:S},null)])}});function Q(e){const{t}=E.useI18n(),l=i.ref(""),o=i.ref(e.modelValue),a=i.ref(e.data||[]),f=i.ref(e.editable);function y(n){const d=e.multiSelect?String(n).split(e.separator):[String(n)],S=d.map(m=>[m,!0]),C=new Map(S);return a.value.filter(m=>C.has(String(m[e.valueField]))).sort((m,c)=>{const F=d.indexOf(m[e.valueField]),w=d.indexOf(c[e.valueField]);return F-w})}function r(n){const d=y(n).map(S=>S[e.textField]).join(e.separator);l.value=f.value?d||n:d}function u(n){if(e.multiSelect){const d=n.split(e.separator).map(C=>[C,!0]),S=new Map(d);return a.value.filter(C=>S.has(C[e.textField]))}return a.value.filter(d=>""+d[e.textField]===n)}function x(n){const d={};return d[e.idField]=n,d[e.textField]=n,[d]}function b(n){let d=u(n);const S=d&&d.length>0;return f.value&&!S&&(d=x(n)),d}function v(){const{url:n,method:d="GET",headers:S={"Content-Type":"application/json;charset=utf-8;"},body:C=null}=e.remote,s=d.toLowerCase()==="get"?{method:d,headers:S}:{method:d,headers:S,body:C};let m=!1;fetch(new Request(n,s)).then(c=>{var w,T;if(c.status===200)return m=!!((T=(w=c.headers)==null?void 0:w.get("content-type"))!=null&&T.includes("application/json")),m?c.text():c.json();throw c.status===405?new Error(t("comboList.remoteError")):new Error(c.statusText)}).then(c=>{c.length&&(a.value=m?JSON.parse(c):c)}).catch(c=>{console.warn(c)})}return e.remote&&v(),i.watch(()=>e.data,()=>{a.value=e.data}),i.watch([a],([n])=>{if(e.modelValue!=null){const d=n.find(S=>S[e.valueField]===e.modelValue);d&&(l.value=d[e.textField])}}),i.watch(()=>e.modelValue,n=>{o.value=n,r(n)}),r(e.modelValue),{dataSource:a,displayText:l,editable:f,modelValue:o,getItemsByDisplayText:u,getItemsByValue:y,getSelectedItemsByDisplayText:b}}const P=i.defineComponent({name:"FComboList",props:B,emits:["clear","update:modelValue","change","input"],setup(e,t){const{t:l}=E.useI18n(),o=i.ref(),a=i.ref(),f=i.ref(e.disabled||e.readonly),y=i.ref(e.enableClear),r=i.ref(e.enableSearch),u=i.ref(e.readonly),{dataSource:x,displayText:b,editable:v,modelValue:n,getSelectedItemsByDisplayText:d,getItemsByDisplayText:S,getItemsByValue:C}=Q(e),s=i.ref(e.dropDownIcon);s.value==='<span class="f-icon f-icon-arrow-chevron-down"></span>'&&(s.value='<span id="'+e.id+'-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');const m=i.computed(()=>e.multiSelect),c=i.computed(()=>a.value?a.value.elementRef.getBoundingClientRect().width:0);function F(){!m.value&&a.value&&a.value.hidePopup()}function w(g){b.value=g.map(V=>V[e.textField]).join(e.separator);let p="";g.length===1?p=g[0][e.valueField]:p=g.map(V=>V[e.valueField]).join(e.separator),n.value!==p&&(n.value=p,t.emit("update:modelValue",n.value),t.emit("change",g,n.value))}function T(){const g=C(n.value);w(g)}function ee(){u.value||b.value}function te(g){var p;n.value="",(p=o.value)==null||p.activeRowById(""),t.emit("update:modelValue",""),t.emit("change",[],""),t.emit("clear")}function ie(g){var p,V;e.enableSearch&&e.enableHighlightSearch&&((p=o.value)==null||p.search(g)),(V=o.value)==null||V.activeRowById(g),t.emit("change",[n.value],n.value)}function le(g){if(e.multiSelect){const p=C(n.value),I=p.map(R=>R[e.idField||e.valueField]).join(e.separator);n.value!==I&&(n.value=I,t.emit("update:modelValue",n.value),t.emit("change",p,n.value))}}function ne(){return b.value}function ae(g){const{value:p}=g.target;ie(p),t.emit("input",p)}function oe(){a.value.hidePopup()}return t.expose({getDisplayText:ne,hidePopup:oe}),i.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([g,p,V,I,R])=>{f.value=g,v.value=p,y.value=V,r.value=I,u.value=R}),()=>i.createVNode(O,{ref:a,id:e.id,disable:f.value,readonly:u.value,forcePlaceholder:e.forcePlaceholder,editable:v.value,buttonContent:s.value,placeholder:e.placeholder==="请选择"?l("comboList.placeholder"):e.placeholder,enableClear:y.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?e.viewType:"text",modelValue:b.value,"onUpdate:modelValue":g=>b.value=g,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:te,onClick:ee,onChange:le,onBlur:T,onInput:ae,beforeOpen:e.beforeOpen,placement:e.placement,popupMinWidth:e.minPanelWidth,popupClass:"f-combo-list-wrapper",popupOnClick:e.popupOnClick,limitContentBySpace:!0},{default:()=>[i.createVNode(K,{ref:o,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:x.value,selectedValues:n.value,separator:e.separator,multiSelect:e.multiSelect,enableSearch:r.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?c.value:void 0,onSelectionChange:g=>{w(g),F()}},null)]})}}),M={convertFrom:(e,t)=>(e.editor.remote||{})[t],convertTo:(e,t,l)=>{e.editor.remote=e.editor.remote||{},e.editor.remote[t]=l}};class X extends W.InputBaseProperty{constructor(t,l){super(t,l)}getCommonEditorProperties(t){var l,o,a,f,y,r;return{viewType:{visible:!!((l=t.editor)!=null&&l.multiSelect),description:"数据展示类型，有标签和文本两种方式",title:"数据展示类型",type:"enum",editor:{data:[{id:"tag",name:"标签"},{id:"text",name:"文本"}]},refreshPanelAfterChanged:!0},separator:{visible:!!((o=t.editor)!=null&&o.multiSelect)&&((a=t.editor)==null?void 0:a.viewType)==="text",description:"下拉列表启用多选且数据展示类型为文本时的分隔符",title:"分隔符",type:"enum",editor:{data:[{id:",",name:"逗号（,）"},{id:"#",name:"井号（#）"},{id:".",name:"句号（.）"},{id:"|",name:"竖线（|）"}]}},editable:{description:"",title:"允许编辑",type:"boolean",refreshPanelAfterChanged:!0,readonly:!!((f=t.editor)!=null&&f.multiSelect)&&(((y=t.editor)==null?void 0:y.viewType)==="tag"||!t.editor.viewType)},enableHighlightSearch:{visible:!!((r=t.editor)!=null&&r.editable),description:"编辑状态下启用高亮搜索",title:"启用高亮搜索",type:"boolean"}}}getEditorProperties(t){var f,y;const l=this;let o="";if(((f=t==null?void 0:t.binding)==null?void 0:f.type)==="Form"){const r=this.schemaService.getFieldByIDAndVMID(t.binding.field,this.viewModelId);(y=r==null?void 0:r.schemaField)!=null&&y.type&&(o=r.schemaField.type.$type)}return l.getComponentConfig(t,{type:"combo-list"},{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",...l.getItemCollectionEditor(t,t.editor.valueField,t.editor.textField),refreshPanelAfterChanged:!0},url:{visible:t.editor.dataSourceType==="dynamic",$converter:M,description:"",title:"服务端API",type:"string"},body:{visible:t.editor.dataSourceType==="dynamic",$converter:M,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:!o||o==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1}},...this.getCommonEditorProperties(t)},(r,u)=>{if(!r||!u.editor)return;const x=this;switch(r.propertyID){case"dataSourceType":{r.propertyValue==="static"?(u.editor.valueField="value",u.editor.textField="name",u.editor.remote=null):r.propertyValue==="dynamic"&&(u.editor.remote={method:"GET"},u.editor.valueField="value",u.editor.textField="name");break}case"data":{!x.checkEnumDataReadonly(u)&&u.formatter&&(u.formatter.data=[...r.propertyValue]);break}case"viewType":r.propertyValue==="tag"&&(u.editor.editable=!1)}})}getGridFieldEdtiorProperties(t,l){var y,r,u,x;const o=this;let a="";if(((y=t==null?void 0:t.binding)==null?void 0:y.type)==="Form"){const b=this.schemaService.getFieldByIDAndVMID(t.binding.field,this.viewModelId);(r=b==null?void 0:b.schemaField)!=null&&r.type&&(a=b.schemaField.type.$type)}return o.getComponentConfig(t,{type:"combo-list"},{enableClear:{description:"",title:"启用清空",type:"boolean"},data:{description:"",title:"数据",type:"array",visible:!0,...o.getItemCollectionEditor(t,(u=t.editor)==null?void 0:u.valueField,(x=t.editor)==null?void 0:x.textField),refreshPanelAfterChanged:!0},textField:{description:"",title:"数据源显示字段",type:"string",readonly:!0},valueField:{description:"",title:"数据源值字段",type:"string",readonly:!0},multiSelect:{description:"",title:"启用多选",visible:a==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1}},...this.getCommonEditorProperties(t)},(b,v)=>{if(!b||!v.editor)return;const n=this;switch(b.propertyID){case"dataSourceType":{b.propertyValue==="static"?(v.editor.valueField="value",v.editor.textField="name",v.editor.remote=null):b.propertyValue==="dynamic"&&(v.editor.remote={method:"GET"});break}case"data":{!n.checkEnumDataReadonly(v)&&v.formatter&&(v.formatter.data=[...b.propertyValue]);break}}})}setEditorPropertyRelates(t,l,o){if(!t||!l.editor)return;const a=this;switch(t.propertyID){case"dataSourceType":{t.propertyValue==="static"&&(l.editor.valueField="value",l.editor.textField="name",l.editor.remote={});break}case"data":{!a.checkEnumDataReadonly(l)&&l.formatter&&(l.formatter.data=[...t.propertyValue]);break}}}changeBindingField(t,l,o){var f;super.changeBindingField(t,l);const a=o;t.editor&&((f=a==null?void 0:a.type)==null?void 0:f.$type)===j.FormSchemaEntityFieldType$Type.EnumType&&(t.editor.data=a.type.enumValues||[])}}function Y(e,t){const l=e.schema;function o(a,f){return new X(a,t).getPropertyConfig(l,f)}return{getPropsConfig:o}}const Z=i.defineComponent({name:"FComboListDesign",props:A,emits:["clear","update:modelValue","change"],setup(e,t){const l=i.ref(),o=i.inject("designer-host-service"),a=i.inject("design-item-context"),f=Y(a,o),y=G.useDesignerComponent(l,a,f);return i.onMounted(()=>{l.value.componentInstance=y}),t.expose(y.value),()=>i.createVNode(N,{ref:l,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}});P.register=(e,t,l,o)=>{e["combo-list"]=P,t["combo-list"]=L},P.registerDesigner=(e,t,l)=>{e["combo-list"]=Z,t["combo-list"]=L};const D=j.withInstall(P);h.FComboList=P,h.Placement=k,h.comboListDesignProps=A,h.comboListProps=B,h.default=D,h.propsResolver=L,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(h,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("vue-i18n"),require("../button-edit/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("lodash-es"),require("../list-view/index.umd.js"),require("../../designer/button-edit/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js"),require("../property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","vue-i18n","../button-edit/index.umd.js","../dynamic-resolver/index.umd.js","lodash-es","../list-view/index.umd.js","../../designer/button-edit/index.umd.js","../designer-canvas/index.umd.js","../common/index.umd.js","../property-panel/index.umd.js"],i):(h=typeof globalThis<"u"?globalThis:h||self,i(h["combo-list"]={},h.Vue,h.vueI18n,h.FButtonEdit,h.dynamicResolver,h.LodashES,h.FListView,h.FButtonEditDesign,h.designerCanvas,h.common,h.propertyPanel))})(this,function(h,i,E,O,j,q,$,N,G,H,W){"use strict";const U=new Map([["appearance",j.resolveAppearance]]),J={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-list",description:"A Farris Input Component",type:"object",properties:{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:"sting",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},"onUpdate:modelValue":{description:"",type:"object"}},required:["type"],ignore:["id","appearance","binding","visible"]};function _(e,t,l){return t}var k=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(k||{});const B={id:{type:String},data:{type:Array,default:[]},disabled:{default:!1,type:Boolean},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-chevron-down"></span>'},editable:{default:!1,type:Boolean},enableClear:{default:!0,type:Boolean},enableSearch:{type:Boolean,default:!1},enableTitle:{default:!0,type:Boolean},fitEditor:{default:!1,type:Boolean},forcePlaceholder:{default:!1,type:Boolean},hidePanelOnClear:{default:!0,type:Boolean},idField:{default:"id",type:String},mapFields:{type:Object},maxHeight:{default:350,type:Number},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{},placeholder:{type:String,default:"请选择"},placement:{type:String,default:"auto"},readonly:{default:!1,type:Boolean},remote:{default:null,type:Object},remoteSearch:{default:!1,type:Boolean},separator:{default:",",type:String},tabIndex:{type:Number,default:-1},textField:{default:"name",type:String},titleField:{default:"name",type:String},valueField:{default:"id",type:String},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},searchOption:{type:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0},minPanelWidth:{type:Number,default:160},popupOnClick:{type:Boolean,default:!0}},A=Object.assign({},B,{readonly:{}}),L=j.createPropsResolver(B,J,U,_),z={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}},K=i.defineComponent({name:"FComboListContainer",props:z,emits:["selectionChange"],setup(e,t){const l=i.ref(),o=i.ref(e.dataSource),a=i.ref([]),y=i.ref(e.separator),b=i.ref(e.width),c=i.ref(e.maxHeight),r=i.ref(String(e.selectedValues).split(y.value)),x=i.computed(()=>e.multiSelect),g=i.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:x.value,showSelectAll:!1,showSelection:!0}));i.watch(e.dataSource,()=>{o.value=e.dataSource}),i.computed(()=>e.enableSearch?"SearchBar":"ContentHeader");const S=i.computed(()=>{const u={};return b.value!==void 0&&(u.width=`${b.value}px`),c.value!==void 0&&c.value>0&&(u.maxHeight=`${c.value}px`),u});function n(u){l.value.search(u)}function d(u){a.value=u.map(f=>Object.assign({},f)),r.value=u.map(f=>f[e.idField]),t.emit("selectionChange",a.value)}function v(u){if(e.enableHighlightSearch)return;let f=[];const{searchOption:s}=e;typeof s=="function"?f=o.value.filter(C=>s(u,C)):f=o.value.filter(C=>C[e.valueField].indexOf(u)>-1||C[e.textField].indexOf(u)>-1),l.value.updateDataSource(f)}i.watch([()=>e.selectedValues],([u])=>{e.multiSelect?r.value=u.split(y.value):r.value=[u]});function F(u){l.value.activeRowById(u)}return i.onMounted(()=>{var u,f;if(!e.multiSelect){const s=(u=r.value)==null?void 0:u[0];let C=s;if(!q.isUndefined(s)){const w=typeof s,T=typeof((f=o.value[0])==null?void 0:f[e.valueField||e.idField]);T==="number"&&w!==T&&(C=Number(s)),T==="boolean"&&w!==T&&(C=s==="true"?!0:s==="false"?!1:s),F(C)}}}),t.expose({search:n,activeRowById:F}),()=>i.createVNode("div",{class:"f-combo-list-container",style:S.value},[i.createVNode($,{ref:l,size:"small",itemClass:"f-combo-list-item",itemContentClass:"text-truncate",header:"ContentHeader",headerClass:"f-combo-list-search-box",data:o.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:g.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:r.value,onSelectionUpdate:d,onAfterSearch:v},null)])}});function Q(e){const{t}=E.useI18n(),l=i.ref(""),o=i.ref(e.modelValue),a=i.ref(e.data||[]),y=i.ref(e.editable);function b(n){const d=e.multiSelect?String(n).split(e.separator):[String(n)],v=d.map(f=>[f,!0]),F=new Map(v);return a.value.filter(f=>F.has(String(f[e.valueField]))).sort((f,s)=>{const C=d.indexOf(f[e.valueField]),w=d.indexOf(s[e.valueField]);return C-w})}function c(n){const d=b(n).map(v=>v[e.textField]).join(e.separator);l.value=y.value?d||n:d}function r(n){if(e.multiSelect){const d=n.split(e.separator).map(F=>[F,!0]),v=new Map(d);return a.value.filter(F=>v.has(F[e.textField]))}return a.value.filter(d=>""+d[e.textField]===n)}function x(n){const d={};return d[e.idField]=n,d[e.textField]=n,[d]}function g(n){let d=r(n);const v=d&&d.length>0;return y.value&&!v&&(d=x(n)),d}function S(){const{url:n,method:d="GET",headers:v={"Content-Type":"application/json;charset=utf-8;"},body:F=null}=e.remote,u=d.toLowerCase()==="get"?{method:d,headers:v}:{method:d,headers:v,body:F};let f=!1;fetch(new Request(n,u)).then(s=>{var w,T;if(s.status===200)return f=!!((T=(w=s.headers)==null?void 0:w.get("content-type"))!=null&&T.includes("application/json")),f?s.text():s.json();throw s.status===405?new Error(t("comboList.remoteError")):new Error(s.statusText)}).then(s=>{s.length&&(a.value=f?JSON.parse(s):s)}).catch(s=>{console.warn(s)})}return e.remote&&S(),i.watch(()=>e.data,()=>{a.value=e.data}),i.watch([a],([n])=>{if(e.modelValue!=null){const d=n.find(v=>v[e.valueField]===e.modelValue);d&&(l.value=d[e.textField])}}),i.watch(()=>e.modelValue,n=>{o.value=n,c(n)}),c(e.modelValue),{dataSource:a,displayText:l,editable:y,modelValue:o,getItemsByDisplayText:r,getItemsByValue:b,getSelectedItemsByDisplayText:g}}const P=i.defineComponent({name:"FComboList",props:B,emits:["clear","update:modelValue","change","input"],setup(e,t){const{t:l}=E.useI18n(),o=i.ref(),a=i.ref(),y=i.ref(e.disabled||e.readonly),b=i.ref(e.enableClear),c=i.ref(e.enableSearch),r=i.ref(e.readonly),{dataSource:x,displayText:g,editable:S,modelValue:n,getSelectedItemsByDisplayText:d,getItemsByDisplayText:v,getItemsByValue:F}=Q(e),u=i.ref(e.dropDownIcon);u.value==='<span class="f-icon f-icon-arrow-chevron-down"></span>'&&(u.value='<span id="'+e.id+'-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');const f=i.computed(()=>e.multiSelect),s=i.computed(()=>a.value?a.value.elementRef.getBoundingClientRect().width:0);function C(){!f.value&&a.value&&a.value.hidePopup()}function w(m){g.value=m.map(V=>V[e.textField]).join(e.separator);let p="";m.length===1?p=m[0][e.valueField]:p=m.map(V=>V[e.valueField]).join(e.separator),n.value!==p&&(n.value=p,t.emit("update:modelValue",n.value),t.emit("change",m,n.value))}function T(){const m=F(n.value);w(m)}function ee(){r.value||g.value}function te(m){var p;n.value="",(p=o.value)==null||p.activeRowById(""),t.emit("update:modelValue",""),t.emit("change",[],""),t.emit("clear")}function ie(m){var p,V;e.enableSearch&&e.enableHighlightSearch&&((p=o.value)==null||p.search(m)),(V=o.value)==null||V.activeRowById(m),t.emit("change",[n.value],n.value)}function le(m){if(e.multiSelect){const p=v(m);e.viewType;const I=p.map(R=>R[e.idField||e.valueField]).join(e.separator);n.value!==I&&(n.value=I,t.emit("update:modelValue",n.value),t.emit("change",p,n.value))}}function ne(){return g.value}function ae(m){const{value:p}=m.target;ie(p),t.emit("input",p)}function oe(){a.value.hidePopup()}return t.expose({getDisplayText:ne,hidePopup:oe}),i.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([m,p,V,I,R])=>{y.value=m,S.value=p,b.value=V,c.value=I,r.value=R}),()=>i.createVNode(O,{ref:a,id:e.id,disable:y.value,readonly:r.value,forcePlaceholder:e.forcePlaceholder,editable:S.value,buttonContent:u.value,placeholder:e.placeholder==="请选择"?l("comboList.placeholder"):e.placeholder,enableClear:b.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?e.viewType:"text",modelValue:g.value,"onUpdate:modelValue":m=>g.value=m,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:te,onClick:ee,onChange:le,onBlur:T,onInput:ae,beforeOpen:e.beforeOpen,placement:e.placement,popupMinWidth:e.minPanelWidth,popupClass:"f-combo-list-wrapper",popupOnClick:e.popupOnClick,limitContentBySpace:!0},{default:()=>[i.createVNode(K,{ref:o,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:x.value,selectedValues:n.value,separator:e.separator,multiSelect:e.multiSelect,enableSearch:c.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?s.value:void 0,onSelectionChange:m=>{w(m),C()}},null)]})}}),M={convertFrom:(e,t)=>(e.editor.remote||{})[t],convertTo:(e,t,l)=>{e.editor.remote=e.editor.remote||{},e.editor.remote[t]=l}};class X extends W.InputBaseProperty{constructor(t,l){super(t,l)}getCommonEditorProperties(t){var l,o,a;return{viewType:{visible:!!((l=t.editor)!=null&&l.multiSelect),description:"数据展示类型，有标签和文本两种方式",title:"数据展示类型",type:"enum",editor:{data:[{id:"tag",name:"标签"},{id:"text",name:"文本"}]},refreshPanelAfterChanged:!0},separator:{visible:!!((o=t.editor)!=null&&o.multiSelect)&&((a=t.editor)==null?void 0:a.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}}}getEditorProperties(t){var y,b;const l=this;let o="";if(((y=t==null?void 0:t.binding)==null?void 0:y.type)==="Form"){const c=this.schemaService.getFieldByIDAndVMID(t.binding.field,this.viewModelId);(b=c==null?void 0:c.schemaField)!=null&&b.type&&(o=c.schemaField.type.$type)}return l.getComponentConfig(t,{type:"combo-list"},{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",...l.getItemCollectionEditor(t,t.editor.valueField,t.editor.textField),refreshPanelAfterChanged:!0},url:{visible:t.editor.dataSourceType==="dynamic",$converter:M,description:"",title:"服务端API",type:"string"},body:{visible:!1,$converter:M,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:!o||o==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,needValid:!0}},...this.getCommonEditorProperties(t)},(c,r)=>{if(!c||!r.editor)return;const x=this;switch(c.propertyID){case"dataSourceType":{c.propertyValue==="static"?(r.editor.valueField="value",r.editor.textField="name",r.editor.remote=null):c.propertyValue==="dynamic"&&(r.editor.remote={method:"GET"},r.editor.valueField="value",r.editor.textField="name");break}case"data":{!x.checkEnumDataReadonly(r)&&r.formatter&&(r.formatter.data=[...c.propertyValue]);break}case"viewType":c.propertyValue==="tag"&&(r.editor.editable=!1)}})}getGridFieldEdtiorProperties(t,l){var b,c,r,x;const o=this;let a="";if(((b=t==null?void 0:t.binding)==null?void 0:b.type)==="Form"){const g=this.schemaService.getFieldByIDAndVMID(t.binding.field,this.viewModelId);(c=g==null?void 0:g.schemaField)!=null&&c.type&&(a=g.schemaField.type.$type)}return o.getComponentConfig(t,{type:"combo-list"},{enableClear:{description:"",title:"启用清空",type:"boolean"},data:{description:"",title:"数据",type:"array",visible:!0,...o.getItemCollectionEditor(t,(r=t.editor)==null?void 0:r.valueField,(x=t.editor)==null?void 0:x.textField),refreshPanelAfterChanged:!0},textField:{description:"",title:"数据源显示字段",type:"string",readonly:!0},valueField:{description:"",title:"数据源值字段",type:"string",readonly:!0},multiSelect:{description:"",title:"启用多选",visible:a==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,needValid:!0}},...this.getCommonEditorProperties(t)},(g,S)=>{if(!g||!S.editor)return;const n=this;switch(g.propertyID){case"dataSourceType":{g.propertyValue==="static"?(S.editor.valueField="value",S.editor.textField="name",S.editor.remote=null):g.propertyValue==="dynamic"&&(S.editor.remote={method:"GET"});break}case"data":{!n.checkEnumDataReadonly(S)&&S.formatter&&(S.formatter.data=[...g.propertyValue]);break}}})}setEditorPropertyRelates(t,l,o){if(!t||!l.editor)return;const a=this;switch(t.propertyID){case"dataSourceType":{t.propertyValue==="static"&&(l.editor.valueField="value",l.editor.textField="name",l.editor.remote={});break}case"data":{!a.checkEnumDataReadonly(l)&&l.formatter&&(l.formatter.data=[...t.propertyValue]);break}}}changeBindingField(t,l,o){var y;super.changeBindingField(t,l);const a=o;t.editor&&((y=a==null?void 0:a.type)==null?void 0:y.$type)===H.FormSchemaEntityFieldType$Type.EnumType&&(t.editor.data=a.type.enumValues||[])}}function Y(e,t){const l=e.schema;function o(a,y){return new X(a,t).getPropertyConfig(l,y)}return{getPropsConfig:o}}const Z=i.defineComponent({name:"FComboListDesign",props:A,emits:["clear","update:modelValue","change"],setup(e,t){const l=i.ref(),o=i.inject("designer-host-service"),a=i.inject("design-item-context"),y=Y(a,o),b=G.useDesignerComponent(l,a,y);return i.onMounted(()=>{l.value.componentInstance=b}),t.expose(b.value),()=>i.createVNode(N,{ref:l,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}});P.register=(e,t,l,o)=>{e["combo-list"]=P,t["combo-list"]=L},P.registerDesigner=(e,t,l)=>{e["combo-list"]=Z,t["combo-list"]=L};const D=H.withInstall(P);h.FComboList=P,h.Placement=k,h.comboListDesignProps=A,h.comboListProps=B,h.default=D,h.propsResolver=L,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/common/index.esm.js

@@ -3285,7 +3285,7 @@ function Vr() {
     if (isNaN(s.getTime())) {
       let i = n;
       if (n.indexOf("-") > -1 || n.indexOf("/") > -1) {
-        n.indexOf("/") > -1 && (i = n.replace("/", "-"));
+        n.indexOf("/") > -1 && (i = n.replace(/\//g, "-"));
         const o = "-";
         i = i.split(o).map((u) => u.length < 2 ? u.padStart(2, "0") : u).join(o);
       }