@farris/ui-vue 1.2.4 → 1.2.6

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

@@ -1,9 +1,231 @@
-import { defineComponent as T, ref as l, computed as F, createVNode as C, watch as b } from "vue";
-import I from "@farris/ui-vue/components/button-edit";
-import O from "@farris/ui-vue/components/tree-view";
+import { defineComponent as O, ref as m, inject as P, computed as v, onMounted as M, createVNode as S, watch as h } from "vue";
+import k from "@farris/ui-vue/components/button-edit";
+import { cloneDeep as I } from "lodash-es";
+import N from "@farris/ui-vue/components/tree-view";
 import { withInstall as D } from "@farris/ui-vue/components/common";
-var j = /* @__PURE__ */ ((e) => (e.Text = "text", e.Tag = "tag", e))(j || {}), P = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.auto = "auto", e))(P || {});
-const M = {
+const E = {}, H = {};
+function V(e) {
+  const { properties: l, title: d } = e, i = Object.keys(l).reduce((u, s) => (u[s] = l[s].type === "object" && l[s].properties ? V(l[s]) : I(l[s].default), u), {});
+  return i.id = `${d}-${Date.now()}`, i;
+}
+function R(e, l) {
+  const d = V(l);
+  return Object.keys(e).reduce((i, u) => (i[u] = e[u], i), d), d;
+}
+function $(e, l) {
+  return Object.keys(e).filter((i) => e[i] != null).reduce((i, u) => {
+    if (l.has(u)) {
+      const s = l.get(u);
+      if (typeof s == "string")
+        i[s] = e[u];
+      else {
+        const c = s(u, e[u], e);
+        Object.assign(i, c);
+      }
+    } else
+      i[u] = e[u];
+    return i;
+  }, {});
+}
+function L(e, l, d = /* @__PURE__ */ new Map()) {
+  const i = R(e, l);
+  return $(i, d);
+}
+function A(e = {}) {
+  function l(n, t, a, r) {
+    if (typeof a == "number")
+      return r[n].length === a;
+    if (typeof a == "object") {
+      const o = Object.keys(a)[0], f = a[o];
+      if (o === "not")
+        return Number(r[n].length) !== Number(f);
+      if (o === "moreThan")
+        return Number(r[n].length) >= Number(f);
+      if (o === "lessThan")
+        return Number(r[n].length) <= Number(f);
+    }
+    return !1;
+  }
+  function d(n, t, a, r) {
+    return r[n] && r[n].propertyValue && String(r[n].propertyValue.value) === String(a);
+  }
+  const i = /* @__PURE__ */ new Map([
+    ["length", l],
+    ["getProperty", d]
+  ]);
+  Object.keys(e).reduce((n, t) => (n.set(t, e[t]), n), i);
+  function u(n, t) {
+    const a = n;
+    return typeof t == "number" ? [{ target: a, operator: "length", param: null, value: Number(t) }] : typeof t == "boolean" ? [{ target: a, operator: "getProperty", param: n, value: !!t }] : typeof t == "object" ? Object.keys(t).map((r) => {
+      if (r === "length")
+        return { target: a, operator: "length", param: null, value: t[r] };
+      const o = r, f = t[r];
+      return { target: a, operator: "getProperty", param: o, value: f };
+    }) : [];
+  }
+  function s(n) {
+    return Object.keys(n).reduce((a, r) => {
+      const o = u(r, n[r]);
+      return a.push(...o), a;
+    }, []);
+  }
+  function c(n, t) {
+    if (i.has(n.operator)) {
+      const a = i.get(n.operator);
+      return a && a(n.target, n.param, n.value, t) || !1;
+    }
+    return !1;
+  }
+  function y(n, t) {
+    return s(n).reduce((o, f) => o && c(f, t), !0);
+  }
+  function g(n, t) {
+    const a = Object.keys(n), r = a.includes("allOf"), o = a.includes("anyOf"), f = r || o, p = (f ? n[f ? r ? "allOf" : "anyOf" : "allOf"] : [n]).map((F) => y(F, t));
+    return r ? !p.includes(!1) : p.includes(!0);
+  }
+  return { parseValueSchema: g };
+}
+const q = {}, U = {};
+A();
+function W(e, l, d = /* @__PURE__ */ new Map(), i = (c, y, g) => y, u = {}, s = (c) => c) {
+  return E[l.title] = l, H[l.title] = i, q[l.title] = u, U[l.title] = s, (c = {}) => {
+    const y = L(c, l, d), g = Object.keys(e).reduce((n, t) => (n[t] = e[t].default, n), {});
+    return Object.assign(g, y);
+  };
+}
+function z(e, l) {
+  return { customClass: l.class, customStyle: l.style };
+}
+const G = /* @__PURE__ */ new Map([
+  ["appearance", z]
+]), J = "https://json-schema.org/draft/2020-12/schema", Q = "https://farris-design.gitee.io/combo-list.schema.json", X = "combo-list", Y = "A Farris Input Component", Z = "object", _ = {
+  id: {
+    description: "The unique identifier for a combo list",
+    type: "string"
+  },
+  type: {
+    description: "The type string of number combo list component",
+    type: "string",
+    default: "combo-list"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  enableLinkLabel: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  label: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  lableWidth: {
+    description: "",
+    type: "number"
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  valueField: {
+    description: "",
+    type: "string",
+    default: "id"
+  },
+  titleField: {
+    description: "",
+    type: "string",
+    default: "name"
+  },
+  textField: {
+    description: "",
+    type: "string",
+    default: "name"
+  },
+  data: {
+    description: "",
+    type: "array"
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  required: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  textAlign: {
+    description: "",
+    type: "string",
+    enum: [
+      "left",
+      "middle",
+      "right"
+    ],
+    default: "left"
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  onBlur: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onClickLinkLabel: {
+    description: "",
+    type: "sting",
+    default: ""
+  }
+}, K = [
+  "id",
+  "type"
+], ee = {
+  $schema: J,
+  $id: Q,
+  title: X,
+  description: Y,
+  type: Z,
+  properties: _,
+  required: K
+};
+function te(e, l, d) {
+  return l;
+}
+var ae = /* @__PURE__ */ ((e) => (e.Text = "text", e.Tag = "tag", e))(ae || {}), ne = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.auto = "auto", e))(ne || {});
+const B = {
   /**
    * 组件标识
    */
@@ -103,10 +325,6 @@ const M = {
    * 默认为`false`
    */
   readonly: { type: Boolean, default: !1 },
-  /**
-   * 远端数据源信息
-   */
-  remote: { type: Object, default: null },
   /**
    * 可选，是否支持远端过滤
    * 默认`false`
@@ -152,9 +370,15 @@ const M = {
   /**
    * 作为内嵌编辑器被创建后默认选中文本
    */
-  selectOnCreated: { type: Boolean, default: !1 }
-}, N = {
-  dataSource: { type: Array, default: [] },
+  selectOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 树表展示格式化函数
+   */
+  formatter: { type: Function, default: null },
+  editorParams: { type: Object },
+  repositoryToken: { type: Symbol, default: null }
+}, le = W(B, ee, G, te), re = {
+  data: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
   multiSelect: { default: !1, type: Boolean },
@@ -164,149 +388,158 @@ const M = {
   titleField: { type: String, default: "name" },
   width: { type: Number },
   height: { type: Number },
-  valueField: { type: String, default: "id" }
-}, E = /* @__PURE__ */ T({
+  valueField: { type: String, default: "id" },
+  formatter: { type: Function },
+  maxHeight: { type: Number, default: 350 },
+  repositoryToken: { type: Symbol, default: null },
+  editorParams: { type: Object }
+}, ie = /* @__PURE__ */ O({
   name: "FComboTreeContainer",
-  props: N,
+  props: re,
   emits: ["selectionChange"],
-  setup(e, o) {
-    const r = l(e.dataSource), u = l([]), m = l(e.separator), y = l(e.width), s = l(e.height), h = l(String(e.selectedValues).split(m.value)), v = F(() => [{
+  setup(e, l) {
+    const d = m(e.data), i = m([]), u = m(e.separator), s = m(e.width), c = m(e.height), y = m(e.maxHeight), g = m(String(e.selectedValues).split(u.value));
+    let n = null;
+    e.repositoryToken && (n = P(e.repositoryToken));
+    const t = v(() => [{
       field: e.textField,
       title: "",
-      dataType: "string"
-    }]), S = F(() => {
-      const t = {};
-      return y.value !== void 0 && (t.width = `${y.value}px`), s.value !== void 0 && (t.height = `${s.value}px`), t;
+      dataType: "string",
+      formatter: e.formatter
+    }]), a = v(() => {
+      const o = {};
+      return s.value !== void 0 && (o.width = `${s.value}px`), c.value !== void 0 && (o.height = `${c.value}px`), y.value !== void 0 && y.value > 0 && (o.maxHeight = `${y.value}px`, o.overflow = "auto"), o;
     });
-    function c(t) {
-      u.value = t.map((a) => Object.assign({}, a)), h.value = t.map((a) => a[e.idField]), o.emit("selectionChange", u.value);
+    function r(o) {
+      i.value = o.map((f) => Object.assign({}, f)), g.value = o.map((f) => f[e.idField]), l.emit("selectionChange", i.value);
     }
-    return () => C("div", {
+    return M(() => {
+      n && n.getData(e.editorParams).then((o) => {
+        d.value = o;
+      });
+    }), () => S("div", {
       class: "f-combo-tree-container",
-      style: S.value
-    }, [C(O, {
-      data: r.value,
+      style: a.value
+    }, [S(N, {
+      data: d.value,
       idField: e.idField,
-      columns: v.value,
-      "selection-values": h.value,
-      onSelectionChange: c
+      columns: t.value,
+      "selection-values": g.value,
+      onSelectionChange: r
     }, null)]);
   }
 });
-function A(e) {
-  const o = l(""), r = l(e.modelValue), u = l(e.data || []), m = l(e.editable);
-  function y(t) {
-    const a = String(t).split(e.separator).map((d) => [d, !0]), n = new Map(a);
-    return u.value.filter((d) => n.has(String(d[e.valueField])));
-  }
+function oe(e) {
+  const l = m(""), d = m(e.modelValue), i = m(e.data || []), u = m(e.editable);
   function s(t) {
-    const a = y(t).map((n) => n[e.textField]).join(e.separator);
-    o.value = m.value ? a || t : a;
+    const a = String(t).split(e.separator).map((o) => [o, !0]), r = new Map(a);
+    return i.value.filter((o) => r.has(String(o[e.valueField])));
+  }
+  function c(t) {
+    const a = s(t).map((r) => r[e.textField]).join(e.separator);
+    l.value = u.value ? a || t : a;
   }
-  function h(t) {
-    const a = t.split(e.separator).map((d) => [d, !0]), n = new Map(a);
-    return u.value.filter((d) => n.has(d[e.textField]));
+  function y(t) {
+    const a = t.split(e.separator).map((o) => [o, !0]), r = new Map(a);
+    return i.value.filter((o) => r.has(o[e.textField]));
   }
-  function v(t) {
+  function g(t) {
     const a = {};
     return a[e.idField] = t, a[e.textField] = t, [a];
   }
-  function S(t) {
-    let a = h(t);
-    const n = a && a.length > 0;
-    return m.value && !n && (a = v(t)), a;
+  function n(t) {
+    let a = y(t);
+    const r = a && a.length > 0;
+    return u.value && !r && (a = g(t)), a;
   }
-  function c() {
-    const { url: t, method: a = "GET", headers: n = {}, body: d = null } = e.remote;
-    fetch(t, { method: a, headers: n, body: d }).then((f) => {
-      if (f.status === 200)
-        return f.json();
-      throw new Error(f.statusText);
-    }).then((f) => {
-      u.value = f;
-    }).catch((f) => {
-      console.error(f);
-    });
-  }
-  return e.remote && c(), b(() => e.data, () => {
-    u.value = e.data;
-  }), b([u], ([t]) => {
+  return h(() => e.data, () => {
+    i.value = e.data;
+  }), h([i], ([t]) => {
     if (e.modelValue) {
-      const a = t.find((n) => n[e.valueField] === e.modelValue);
-      a && (o.value = a[e.textField]);
+      const a = t.find((r) => r[e.valueField] === e.modelValue);
+      a && (l.value = a[e.textField]);
     }
-  }), b(() => e.modelValue, (t) => {
-    r.value = t, s(t);
-  }), s(e.modelValue), { dataSource: u, displayText: o, editable: m, modelValue: r, getItemsByDisplayText: h, getItemsByValue: y, getSelectedItemsByDisplayText: S };
+  }), h(() => e.modelValue, (t) => {
+    d.value = t, c(t);
+  }), c(e.modelValue), { dataSource: i, displayText: l, editable: u, modelValue: d, getItemsByDisplayText: y, getItemsByValue: s, getSelectedItemsByDisplayText: n };
 }
-const H = /* @__PURE__ */ T({
+const C = /* @__PURE__ */ O({
   name: "FComboTree",
-  props: M,
+  props: B,
   emits: ["clear", "update:modelValue", "change"],
-  setup(e, o) {
+  setup(e, l) {
     return () => {
-      const r = l(), u = l(e.disabled), m = l(e.enableClear), y = l(e.enableSearch), s = l(e.readonly), {
-        dataSource: h,
-        displayText: v,
-        editable: S,
-        modelValue: c,
-        getSelectedItemsByDisplayText: t
-      } = A(e), a = F(() => e.multiSelect);
-      F(() => r.value ? r.value.elementRef.getBoundingClientRect().width : 0);
-      function n() {
-        !a.value && r.value && r.value.hidePopup();
+      const d = m(), i = m(e.disabled), u = m(e.enableClear), s = m(e.enableSearch), c = m(e.readonly), {
+        dataSource: y,
+        displayText: g,
+        editable: n,
+        modelValue: t,
+        getSelectedItemsByDisplayText: a
+      } = oe(e), r = v(() => e.multiSelect);
+      v(() => d.value ? d.value.elementRef.getBoundingClientRect().width : 0);
+      function o() {
+        !r.value && d.value && d.value.hidePopup();
       }
-      function d(i) {
-        v.value = i.map((g) => g[e.textField]).join(e.separator), c.value = i.map((g) => g[e.valueField]).join(e.separator), o.emit("update:modelValue", c.value), o.emit("change", i, c.value), n();
+      function f(p) {
+        g.value = p.map((b) => b[e.textField]).join(e.separator), t.value = p.map((b) => b[e.valueField]).join(e.separator), l.emit("update:modelValue", t.value), l.emit("change", p, t.value), o();
       }
-      function x(i) {
-        c.value = "", o.emit("update:modelValue", ""), o.emit("clear");
+      function x(p) {
+        t.value = "", l.emit("update:modelValue", ""), l.emit("clear");
       }
-      function f(i) {
-        const g = t(i);
-        d(g);
+      function T(p) {
+        const b = a(p);
+        f(b);
       }
-      return b([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([i, g, B, V, w]) => {
-        u.value = i, S.value = g, m.value = B, y.value = V, s.value = w;
-      }), C(I, {
-        ref: r,
+      return h([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([p, b, F, j, w]) => {
+        i.value = p, n.value = b, u.value = F, s.value = j, c.value = w;
+      }), S(k, {
+        ref: d,
         id: e.id,
-        disable: u.value,
-        readonly: s.value,
+        disable: i.value,
+        readonly: c.value,
         forcePlaceholder: e.forcePlaceholder,
-        editable: S.value,
+        editable: n.value,
         buttonContent: e.dropDownIcon,
         placeholder: e.placeholder,
-        enableClear: m.value,
+        enableClear: u.value,
         maxLength: e.maxLength,
         tabIndex: e.tabIndex,
         enableTitle: e.enableTitle,
         multiSelect: e.multiSelect,
         inputType: e.multiSelect ? "tag" : "text",
-        modelValue: v.value,
-        "onUpdate:modelValue": (i) => v.value = i,
+        modelValue: g.value,
+        "onUpdate:modelValue": (p) => g.value = p,
         onClear: x,
-        onChange: f,
+        onChange: T,
         focusOnCreated: e.focusOnCreated,
         selectOnCreated: e.selectOnCreated
       }, {
-        default: () => [C(E, {
+        default: () => [S(ie, {
+          maxHeight: e.maxHeight,
           idField: e.idField,
           valueField: e.valueField,
           textField: e.textField,
           titleField: e.titleField,
-          dataSource: h.value,
-          selectedValues: c.value,
-          onSelectionChange: d
+          data: y.value,
+          selectedValues: t.value,
+          onSelectionChange: f,
+          formatter: e.formatter,
+          editorParams: e.editorParams,
+          repositoryToken: e.repositoryToken
         }, null)]
       });
     };
   }
-}), q = D(H);
+});
+C.register = (e, l, d, i) => {
+  e["combo-tree"] = C, l["combo-tree"] = le;
+};
+const me = D(C);
 export {
-  H as FComboTree,
-  P as Placement,
-  j as ViewType,
-  M as comboTreeProps,
-  q as default
+  C as FComboTree,
+  ne as Placement,
+  ae as ViewType,
+  B as comboTreeProps,
+  me as default,
+  le as propsResolver
 };

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

@@ -1 +1 @@
-(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@farris/ui-vue/components/button-edit"),require("@farris/ui-vue/components/tree-view"),require("@farris/ui-vue/components/common")):typeof define=="function"&&define.amd?define(["exports","vue","@farris/ui-vue/components/button-edit","@farris/ui-vue/components/tree-view","@farris/ui-vue/components/common"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["combo-tree"]={},n.Vue,n.FButtonEdit,n.FTreeView,n.common))})(this,function(n,t,B,w,O){"use strict";var C=(e=>(e.Text="text",e.Tag="tag",e))(C||{}),F=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(F||{});const T={id:{type:String},data:{type:Array,default:[]},displayText:{type:String,default:""},disabled:{type:Boolean,default:!1},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!0},enableSearch:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!0},fitEditor:{type:Boolean,default:!1},forcePlaceholder:{type:Boolean,default:!1},hidePanelOnClear:{type:Boolean,default:!0},idField:{type:String,default:"id"},mapFields:{type:Object},maxHeight:{type:Number,default:350},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{type:Boolean,default:!1},remote:{type:Object,default:null},remoteSearch:{type:Boolean,default:!1},separator:{type:String,default:","},tabIndex:{type:Number,default:-1},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},valueField:{type:String,default:"id"},viewType:{type:String,default:"text"},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1}},I={dataSource:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{default:!1,type:Boolean},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},height:{type:Number},valueField:{type:String,default:"id"}},p=t.defineComponent({name:"FComboTreeContainer",props:I,emits:["selectionChange"],setup(e,r){const c=t.ref(e.dataSource),d=t.ref([]),s=t.ref(e.separator),h=t.ref(e.width),y=t.ref(e.height),b=t.ref(String(e.selectedValues).split(s.value)),S=t.computed(()=>[{field:e.textField,title:"",dataType:"string"}]),v=t.computed(()=>{const a={};return h.value!==void 0&&(a.width=`${h.value}px`),y.value!==void 0&&(a.height=`${y.value}px`),a});function f(a){d.value=a.map(l=>Object.assign({},l)),b.value=a.map(l=>l[e.idField]),r.emit("selectionChange",d.value)}return()=>t.createVNode("div",{class:"f-combo-tree-container",style:v.value},[t.createVNode(w,{data:c.value,idField:e.idField,columns:S.value,"selection-values":b.value,onSelectionChange:f},null)])}});function P(e){const r=t.ref(""),c=t.ref(e.modelValue),d=t.ref(e.data||[]),s=t.ref(e.editable);function h(a){const l=String(a).split(e.separator).map(u=>[u,!0]),i=new Map(l);return d.value.filter(u=>i.has(String(u[e.valueField])))}function y(a){const l=h(a).map(i=>i[e.textField]).join(e.separator);r.value=s.value?l||a:l}function b(a){const l=a.split(e.separator).map(u=>[u,!0]),i=new Map(l);return d.value.filter(u=>i.has(u[e.textField]))}function S(a){const l={};return l[e.idField]=a,l[e.textField]=a,[l]}function v(a){let l=b(a);const i=l&&l.length>0;return s.value&&!i&&(l=S(a)),l}function f(){const{url:a,method:l="GET",headers:i={},body:u=null}=e.remote;fetch(a,{method:l,headers:i,body:u}).then(m=>{if(m.status===200)return m.json();throw new Error(m.statusText)}).then(m=>{d.value=m}).catch(m=>{console.error(m)})}return e.remote&&f(),t.watch(()=>e.data,()=>{d.value=e.data}),t.watch([d],([a])=>{if(e.modelValue){const l=a.find(i=>i[e.valueField]===e.modelValue);l&&(r.value=l[e.textField])}}),t.watch(()=>e.modelValue,a=>{c.value=a,y(a)}),y(e.modelValue),{dataSource:d,displayText:r,editable:s,modelValue:c,getItemsByDisplayText:b,getItemsByValue:h,getSelectedItemsByDisplayText:v}}const x=t.defineComponent({name:"FComboTree",props:T,emits:["clear","update:modelValue","change"],setup(e,r){return()=>{const c=t.ref(),d=t.ref(e.disabled),s=t.ref(e.enableClear),h=t.ref(e.enableSearch),y=t.ref(e.readonly),{dataSource:b,displayText:S,editable:v,modelValue:f,getSelectedItemsByDisplayText:a}=P(e),l=t.computed(()=>e.multiSelect);t.computed(()=>c.value?c.value.elementRef.getBoundingClientRect().width:0);function i(){!l.value&&c.value&&c.value.hidePopup()}function u(o){S.value=o.map(g=>g[e.textField]).join(e.separator),f.value=o.map(g=>g[e.valueField]).join(e.separator),r.emit("update:modelValue",f.value),r.emit("change",o,f.value),i()}function V(o){f.value="",r.emit("update:modelValue",""),r.emit("clear")}function m(o){const g=a(o);u(g)}return t.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([o,g,D,N,M])=>{d.value=o,v.value=g,s.value=D,h.value=N,y.value=M}),t.createVNode(B,{ref:c,id:e.id,disable:d.value,readonly:y.value,forcePlaceholder:e.forcePlaceholder,editable:v.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:s.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?"tag":"text",modelValue:S.value,"onUpdate:modelValue":o=>S.value=o,onClear:V,onChange:m,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated},{default:()=>[t.createVNode(p,{idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:b.value,selectedValues:f.value,onSelectionChange:u},null)]})}}}),j=O.withInstall(x);n.FComboTree=x,n.Placement=F,n.ViewType=C,n.comboTreeProps=T,n.default=j,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(y,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@farris/ui-vue/components/button-edit"),require("lodash-es"),require("@farris/ui-vue/components/tree-view"),require("@farris/ui-vue/components/common")):typeof define=="function"&&define.amd?define(["exports","vue","@farris/ui-vue/components/button-edit","lodash-es","@farris/ui-vue/components/tree-view","@farris/ui-vue/components/common"],r):(y=typeof globalThis<"u"?globalThis:y||self,r(y["combo-tree"]={},y.Vue,y.FButtonEdit,y.LodashES,y.FTreeView,y.common))})(this,function(y,r,w,j,P,M){"use strict";const N={},k={};function T(e){const{properties:l,title:s}=e,o=Object.keys(l).reduce((d,c)=>(d[c]=l[c].type==="object"&&l[c].properties?T(l[c]):j.cloneDeep(l[c].default),d),{});return o.id=`${s}-${Date.now()}`,o}function E(e,l){const s=T(l);return Object.keys(e).reduce((o,d)=>(o[d]=e[d],o),s),s}function I(e,l){return Object.keys(e).filter(o=>e[o]!=null).reduce((o,d)=>{if(l.has(d)){const c=l.get(d);if(typeof c=="string")o[c]=e[d];else{const f=c(d,e[d],e);Object.assign(o,f)}}else o[d]=e[d];return o},{})}function D(e,l,s=new Map){const o=E(e,l);return I(o,s)}function $(e={}){function l(a,t,n,i){if(typeof n=="number")return i[a].length===n;if(typeof n=="object"){const u=Object.keys(n)[0],m=n[u];if(u==="not")return Number(i[a].length)!==Number(m);if(u==="moreThan")return Number(i[a].length)>=Number(m);if(u==="lessThan")return Number(i[a].length)<=Number(m)}return!1}function s(a,t,n,i){return i[a]&&i[a].propertyValue&&String(i[a].propertyValue.value)===String(n)}const o=new Map([["length",l],["getProperty",s]]);Object.keys(e).reduce((a,t)=>(a.set(t,e[t]),a),o);function d(a,t){const n=a;return typeof t=="number"?[{target:n,operator:"length",param:null,value:Number(t)}]:typeof t=="boolean"?[{target:n,operator:"getProperty",param:a,value:!!t}]:typeof t=="object"?Object.keys(t).map(i=>{if(i==="length")return{target:n,operator:"length",param:null,value:t[i]};const u=i,m=t[i];return{target:n,operator:"getProperty",param:u,value:m}}):[]}function c(a){return Object.keys(a).reduce((n,i)=>{const u=d(i,a[i]);return n.push(...u),n},[])}function f(a,t){if(o.has(a.operator)){const n=o.get(a.operator);return n&&n(a.target,a.param,a.value,t)||!1}return!1}function p(a,t){return c(a).reduce((u,m)=>u&&f(m,t),!0)}function b(a,t){const n=Object.keys(a),i=n.includes("allOf"),u=n.includes("anyOf"),m=i||u,g=(m?a[m?i?"allOf":"anyOf":"allOf"]:[a]).map(F=>p(F,t));return i?!g.includes(!1):g.includes(!0)}return{parseValueSchema:b}}const R={},q={};$();function H(e,l,s=new Map,o=(f,p,b)=>p,d={},c=f=>f){return N[l.title]=l,k[l.title]=o,R[l.title]=d,q[l.title]=c,(f={})=>{const p=D(f,l,s),b=Object.keys(e).reduce((a,t)=>(a[t]=e[t].default,a),{});return Object.assign(b,p)}}function L(e,l){return{customClass:l.class,customStyle:l.style}}const A=new Map([["appearance",L]]),_={$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:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},data:{description:"",type:"array"},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""}},required:["id","type"]};function U(e,l,s){return l}var x=(e=>(e.Text="text",e.Tag="tag",e))(x||{}),V=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(V||{});const v={id:{type:String},data:{type:Array,default:[]},displayText:{type:String,default:""},disabled:{type:Boolean,default:!1},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!0},enableSearch:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!0},fitEditor:{type:Boolean,default:!1},forcePlaceholder:{type:Boolean,default:!1},hidePanelOnClear:{type:Boolean,default:!0},idField:{type:String,default:"id"},mapFields:{type:Object},maxHeight:{type:Number,default:350},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{type:Boolean,default:!1},remoteSearch:{type:Boolean,default:!1},separator:{type:String,default:","},tabIndex:{type:Number,default:-1},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},valueField:{type:String,default:"id"},viewType:{type:String,default:"text"},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},formatter:{type:Function,default:null},editorParams:{type:Object},repositoryToken:{type:Symbol,default:null}},O=H(v,_,A,U),W={data:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{default:!1,type:Boolean},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},height:{type:Number},valueField:{type:String,default:"id"},formatter:{type:Function},maxHeight:{type:Number,default:350},repositoryToken:{type:Symbol,default:null},editorParams:{type:Object}},z=r.defineComponent({name:"FComboTreeContainer",props:W,emits:["selectionChange"],setup(e,l){const s=r.ref(e.data),o=r.ref([]),d=r.ref(e.separator),c=r.ref(e.width),f=r.ref(e.height),p=r.ref(e.maxHeight),b=r.ref(String(e.selectedValues).split(d.value));let a=null;e.repositoryToken&&(a=r.inject(e.repositoryToken));const t=r.computed(()=>[{field:e.textField,title:"",dataType:"string",formatter:e.formatter}]),n=r.computed(()=>{const u={};return c.value!==void 0&&(u.width=`${c.value}px`),f.value!==void 0&&(u.height=`${f.value}px`),p.value!==void 0&&p.value>0&&(u.maxHeight=`${p.value}px`,u.overflow="auto"),u});function i(u){o.value=u.map(m=>Object.assign({},m)),b.value=u.map(m=>m[e.idField]),l.emit("selectionChange",o.value)}return r.onMounted(()=>{a&&a.getData(e.editorParams).then(u=>{s.value=u})}),()=>r.createVNode("div",{class:"f-combo-tree-container",style:n.value},[r.createVNode(P,{data:s.value,idField:e.idField,columns:t.value,"selection-values":b.value,onSelectionChange:i},null)])}});function G(e){const l=r.ref(""),s=r.ref(e.modelValue),o=r.ref(e.data||[]),d=r.ref(e.editable);function c(t){const n=String(t).split(e.separator).map(u=>[u,!0]),i=new Map(n);return o.value.filter(u=>i.has(String(u[e.valueField])))}function f(t){const n=c(t).map(i=>i[e.textField]).join(e.separator);l.value=d.value?n||t:n}function p(t){const n=t.split(e.separator).map(u=>[u,!0]),i=new Map(n);return o.value.filter(u=>i.has(u[e.textField]))}function b(t){const n={};return n[e.idField]=t,n[e.textField]=t,[n]}function a(t){let n=p(t);const i=n&&n.length>0;return d.value&&!i&&(n=b(t)),n}return r.watch(()=>e.data,()=>{o.value=e.data}),r.watch([o],([t])=>{if(e.modelValue){const n=t.find(i=>i[e.valueField]===e.modelValue);n&&(l.value=n[e.textField])}}),r.watch(()=>e.modelValue,t=>{s.value=t,f(t)}),f(e.modelValue),{dataSource:o,displayText:l,editable:d,modelValue:s,getItemsByDisplayText:p,getItemsByValue:c,getSelectedItemsByDisplayText:a}}const S=r.defineComponent({name:"FComboTree",props:v,emits:["clear","update:modelValue","change"],setup(e,l){return()=>{const s=r.ref(),o=r.ref(e.disabled),d=r.ref(e.enableClear),c=r.ref(e.enableSearch),f=r.ref(e.readonly),{dataSource:p,displayText:b,editable:a,modelValue:t,getSelectedItemsByDisplayText:n}=G(e),i=r.computed(()=>e.multiSelect);r.computed(()=>s.value?s.value.elementRef.getBoundingClientRect().width:0);function u(){!i.value&&s.value&&s.value.hidePopup()}function m(g){b.value=g.map(h=>h[e.textField]).join(e.separator),t.value=g.map(h=>h[e.valueField]).join(e.separator),l.emit("update:modelValue",t.value),l.emit("change",g,t.value),u()}function C(g){t.value="",l.emit("update:modelValue",""),l.emit("clear")}function B(g){const h=n(g);m(h)}return r.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([g,h,F,Q,X])=>{o.value=g,a.value=h,d.value=F,c.value=Q,f.value=X}),r.createVNode(w,{ref:s,id:e.id,disable:o.value,readonly:f.value,forcePlaceholder:e.forcePlaceholder,editable:a.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:d.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?"tag":"text",modelValue:b.value,"onUpdate:modelValue":g=>b.value=g,onClear:C,onChange:B,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated},{default:()=>[r.createVNode(z,{maxHeight:e.maxHeight,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,data:p.value,selectedValues:t.value,onSelectionChange:m,formatter:e.formatter,editorParams:e.editorParams,repositoryToken:e.repositoryToken},null)]})}}});S.register=(e,l,s,o)=>{e["combo-tree"]=S,l["combo-tree"]=O};const J=M.withInstall(S);y.FComboTree=S,y.Placement=V,y.ViewType=x,y.comboTreeProps=v,y.default=J,y.propsResolver=O,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/combo-tree/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/combo-tree/index.d.ts"
     }

package/components/common/index.esm.js

@@ -1833,7 +1833,7 @@ const un = (t) => {
   }, t;
 }, sn = Symbol("checkboxGroupContext");
 function cn(t, e, n, r) {
-  const a = m(() => n == null ? void 0 : n.name), i = m(() => t.disabled || (n == null ? void 0 : n.disabled)), o = m(() => (n == null ? void 0 : n.mode) === "tag"), u = m(() => (n == null ? void 0 : n.mode) === "button"), c = m(() => !o.value && !u.value), f = m(() => (n == null ? void 0 : n.size) === "small"), w = m(() => (n == null ? void 0 : n.size) === "large"), x = m(() => (n == null ? void 0 : n.size) === "middle" || (n == null ? void 0 : n.size) !== "small" && (n == null ? void 0 : n.size) !== "large"), g = m(() => n ? n.modelValue === t.value || n.modelValue.includes(t.value) : t.checked), M = m(() => ({
+  const a = m(() => n == null ? void 0 : n.name), i = m(() => t.disabled || (n == null ? void 0 : n.disabled)), o = m(() => (n == null ? void 0 : n.mode) === "tag"), u = m(() => (n == null ? void 0 : n.mode) === "button"), c = m(() => !o.value && !u.value), f = m(() => (n == null ? void 0 : n.size) === "small"), w = m(() => (n == null ? void 0 : n.size) === "large"), x = m(() => (n == null ? void 0 : n.size) === "middle" || (n == null ? void 0 : n.size) !== "small" && (n == null ? void 0 : n.size) !== "large"), g = m(() => n ? n.modelValue === t.value || n.modelValue.includes(t.value) : t.checked || t.modelValue), M = m(() => ({
     btn: !0,
     "f-radio-button": !0,
     "btn-sm": f.value,
@@ -1869,7 +1869,7 @@ function cn(t, e, n, r) {
             r.emit("update:modelValue", k), r.emit("changeValue", k);
           }
         else
-          e.emit("update:checked", !g.value), e.emit("changeValue", !g.value), e.emit("change", { originalEvent: b, checked: !g.value });
+          e.emit("update:checked", !g.value), e.emit("update:modelValue", !g.value), e.emit("changeValue", !g.value), e.emit("change", { originalEvent: b, checked: !g.value });
     }
   };
 }