@farris/ui-vue 1.0.2 → 1.1.1

package/list-nav/index.esm.js

@@ -1,61 +0,0 @@
-import { defineComponent as f, ref as v, computed as r, createVNode as t, Fragment as u } from "vue";
-const p = {
-  /** hover */
-  hover: { Type: Boolean, default: !1 },
-  /** 是否禁用 */
-  disabled: { Type: Boolean, default: !1 },
-  /** 位置 */
-  position: { Type: String, default: "left" },
-  /** listnav 名称 */
-  title: { Type: String, default: "" },
-  /** listnav宽度;不支持百分比，因为此处的宽度被用在内部是外部 */
-  listNavWidth: { Type: Number, default: 218 },
-  /** 显示入口 */
-  showEntry: { Type: Boolean, default: !0 }
-};
-const d = /* @__PURE__ */ f({
-  name: "FListNav",
-  props: p,
-  emits: [],
-  setup(s, e) {
-    let a = !1;
-    const i = v(s.position), n = v(s.listNavWidth), o = r({
-      set(l) {
-        l != null && a !== l && (a = l);
-      },
-      get() {
-        return a;
-      }
-    });
-    return () => t(u, null, [t("div", {
-      class: `f-list-nav f-list-nav-${i.value}`
-    }, [t("div", {
-      class: "f-list-nav-in",
-      style: {
-        width: ["left", "right"].includes(i.value) ? o.value ? "0px" : `${n.value}px` : "100%",
-        height: ["top", "bottom"].includes(i.value) ? o.value ? "0px" : `${n.value}px` : "100%"
-      }
-    }, [t("div", null, [t("div", {
-      class: "f-list-nav-main"
-    }, [e.slots.navHeader && t("div", {
-      class: "f-list-nav-header"
-    }, [e.slots.navHeader()]), !e.slots.navHeader && s.title && t("div", {
-      class: "f-list-nav-header"
-    }, [t("div", {
-      class: "f-list-nav-title"
-    }, [s.title])])]), e.slots.navContent && t("div", {
-      class: "f-list-nav-content"
-    }, [e.slots.navContent()]), e.slots.navFooter && t("div", {
-      class: "f-list-nav-footer"
-    }, [e.slots.navFooter()])])])])]);
-  }
-}), h = {
-  install(s) {
-    s.component(d.name, d);
-  }
-};
-export {
-  d as ListNav,
-  h as default,
-  p as listNavProps
-};

package/list-nav/index.umd.js

@@ -1 +0,0 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t["list-nav"]={},t.Vue))})(this,function(t,e){"use strict";const d={hover:{Type:Boolean,default:!1},disabled:{Type:Boolean,default:!1},position:{Type:String,default:"left"},title:{Type:String,default:""},listNavWidth:{Type:Number,default:218},showEntry:{Type:Boolean,default:!0}},c="",l=e.defineComponent({name:"FListNav",props:d,emits:[],setup(i,s){let n=!1;const o=e.ref(i.position),f=e.ref(i.listNavWidth),r=e.computed({set(a){a!=null&&n!==a&&(n=a)},get(){return n}});return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:`f-list-nav f-list-nav-${o.value}`},[e.createVNode("div",{class:"f-list-nav-in",style:{width:["left","right"].includes(o.value)?r.value?"0px":`${f.value}px`:"100%",height:["top","bottom"].includes(o.value)?r.value?"0px":`${f.value}px`:"100%"}},[e.createVNode("div",null,[e.createVNode("div",{class:"f-list-nav-main"},[s.slots.navHeader&&e.createVNode("div",{class:"f-list-nav-header"},[s.slots.navHeader()]),!s.slots.navHeader&&i.title&&e.createVNode("div",{class:"f-list-nav-header"},[e.createVNode("div",{class:"f-list-nav-title"},[i.title])])]),s.slots.navContent&&e.createVNode("div",{class:"f-list-nav-content"},[s.slots.navContent()]),s.slots.navFooter&&e.createVNode("div",{class:"f-list-nav-footer"},[s.slots.navFooter()])])])])])}}),v={install(i){i.component(l.name,l)}};t.ListNav=l,t.default=v,t.listNavProps=d,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/list-nav/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "list-nav",
-    "version": "1.0.3",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/list-nav/index.d.ts"
-}

package/list-nav/style.css

@@ -1 +0,0 @@
-.f-list-nav{height:100%;min-height:200px}.f-list-nav .f-list-nav-in{position:relative;height:100%;background-color:#fff;box-shadow:1px 1px 8px #001c4014}.f-list-nav .f-list-nav-main{display:flex;flex-direction:column;height:100%;overflow-x:hidden}.f-list-nav .f-list-nav-main .f-list-nav-footer,.f-list-nav .f-list-nav-main .f-list-nav-header{flex-shrink:0}.f-list-nav .f-list-nav-main .f-list-nav-content{flex-grow:1;flex-shrink:1;flex-basis:0;overflow-y:auto}.f-list-nav .f-list-nav-main .f-list-nav-header .f-list-nav-title{padding:1rem 3rem 1rem 2.5rem;line-height:1.375rem;font-size:1rem;color:#000;border-bottom:1px solid #E9E9E9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f-list-nav.f-list-nav-left{padding-right:.375rem}.f-list-nav.f-list-nav-right{padding-left:.375rem}.f-list-nav.f-list-nav-top,.f-list-nav.f-list-nav-bottom{width:100%;min-height:auto}.f-template-listnav-row .list-nav-link.active{padding-left:1.25rem}

package/list-view/index.esm.js

@@ -1,536 +0,0 @@
-import { ref as n, computed as D, watch as L, defineComponent as N, createVNode as s, withDirectives as x, vModelCheckbox as K, Fragment as G, withModifiers as U, vModelText as W } from "vue";
-const X = {
-  data: { type: Array, default: [] },
-  draggable: { type: Boolean, default: !1 },
-  multiSelect: { Type: Boolean, default: !1 },
-  multiSelectMode: { Type: String, default: "OnCheck" },
-  idField: { Type: String, default: "id" },
-  valueField: { Type: String, default: "id" },
-  textField: { Type: String, default: "name" },
-  view: { Type: String, default: "ContentView" },
-  size: { Type: String, default: "default" },
-  placeholder: { type: String, default: "" },
-  header: { Type: String, default: "ContentHeader" },
-  headerClass: { Type: String, default: "" },
-  itemClass: { Type: String, default: "" },
-  selectionValues: { type: Array, default: [] },
-  keepOrder: { type: Boolean, default: !1 },
-  disableField: { type: String, default: "disabled" }
-};
-function q(e, a, d, u, f) {
-  const l = n(e.idField), t = n(e.disableField), h = n(e.draggable), b = n(e.itemClass), v = n(e.multiSelect), i = n(e.multiSelectMode);
-  n(!0);
-  const { isDragging: c } = d, { activeIndex: o, focusedItemId: p, hoverIndex: r } = u, { clearSelection: m, selectedItems: F, toggleSelectItem: V } = f;
-  function S(M, O) {
-    const C = {
-      "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": h.value,
-      "f-un-click": !!M.unClick,
-      "f-un-select": !!M[t.value],
-      "f-listview-active": M.__fv_index__ === o.value,
-      "f-listview-hover": !c.value && O === r.value,
-      moving: !!M.moving
-    };
-    return b.value.split(" ").reduce((B, y) => (B[y] = !0, B), C), C;
-  }
-  function g(M, O) {
-    return M[l.value] || "";
-  }
-  const I = D(() => !v.value);
-  function k(M, O) {
-    M.unClick || M[t.value] || (I.value && (p.value = M[l.value]), V(M, O));
-  }
-  const w = D(() => v.value && i.value === "OnCheckClearByClick"), R = D(() => !v.value || v.value && (i.value === "OnCheckAndClick" || i.value === "OnClick"));
-  function _(M, O, C) {
-    if (O.unClick || O[t.value]) {
-      M.preventDefault(), M.stopPropagation();
-      return;
-    }
-    p.value = O[l.value], o.value = C, w.value && m(), R.value && V(O, C), a.emit("clickItem", { data: F.value, index: C });
-  }
-  return {
-    getKey: g,
-    listViewItemClass: S,
-    onCheckItem: k,
-    onClickItem: _
-  };
-}
-function J(e, a, d) {
-  const u = n(e.idField), f = n(e.multiSelect);
-  n(e.multiSelectMode);
-  const { getSelectionItems: l } = d, t = n(l(e.selectionValues));
-  L(() => e.selectionValues, (o) => {
-    t.value = n(l(o)).value;
-  });
-  const h = D(() => !f.value);
-  function b(o) {
-    return o[u.value] || "";
-  }
-  function v(o) {
-    return t.value.findIndex((r) => b(r) === b(o));
-  }
-  function i() {
-    t.value.forEach((o) => {
-      o.checked = !1;
-    }), t.value = [];
-  }
-  function c(o, p) {
-    h.value && i();
-    const r = v(o);
-    r > -1 ? (t.value.splice(r, 1), o.checked = !1) : (t.value.push(o), o.checked = !0), a.emit("selectionChange", t.value);
-  }
-  return { clearSelection: i, findIndexInSelectedItems: v, selectedItems: t, toggleSelectItem: c };
-}
-function Q(e, a) {
-  function d(l) {
-    const t = [];
-    let h = l.nextNode();
-    for (; h; )
-      t.push(h), h = l.nextNode();
-    return t;
-  }
-  function u(l, t) {
-    const h = document.createTreeWalker(l, NodeFilter.SHOW_TEXT);
-    return d(h).map((c) => ({ textNode: c, text: (c.textContent || "").toLocaleLowerCase() })).map(({ textNode: c, text: o }) => {
-      const p = [];
-      let r = 0;
-      for (; r < o.length; ) {
-        const m = o.indexOf(t, r);
-        if (m === -1)
-          break;
-        p.push(m), r = m + t.length;
-      }
-      return p.map((m) => {
-        const F = new Range();
-        return F.setStart(c, m), F.setEnd(c, m + t.length), F;
-      });
-    }).flat();
-  }
-  function f(l) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !l || !a))
-      return;
-    const t = u(a.value, l.toLocaleLowerCase()), h = new Highlight(...t);
-    CSS.highlights.set("search-result", h);
-  }
-  return { search: f };
-}
-const Y = {
-  checked: { Type: Boolean, default: !1 },
-  id: { Type: String, default: "" },
-  disabled: { Type: Boolean, default: !1 },
-  /**
-   * 组件值，字符串或者数组
-   */
-  modelValue: { Type: Boolean, default: !1 }
-}, P = /* @__PURE__ */ N({
-  name: "FListViewCheckBox",
-  props: Y,
-  emits: ["change", "update:modelValue"],
-  setup(e, a) {
-    const d = n(e.checked), u = n(e.disabled), f = n(e.id);
-    function l(t) {
-      t.stopPropagation(), t.preventDefault(), u.value || (d.value = !d.value, a.emit("change", {
-        originalEvent: t,
-        checked: d.value
-      }));
-    }
-    return L(() => e.checked, (t) => {
-      d.value = t;
-    }), () => s("div", {
-      class: "custom-control custom-checkbox  custom-control-inline listview-checkbox"
-    }, [x(s("input", {
-      id: f.value,
-      title: f.value,
-      type: "checkbox",
-      class: "custom-control-input",
-      "onUpdate:modelValue": (t) => d.value = t,
-      onChange: (t) => console.log(t)
-    }, null), [[K, d.value]]), s("label", {
-      for: f.value,
-      class: "custom-control-label",
-      onClick: (t) => l(t)
-    }, null)]);
-  }
-});
-function j(e, a, d, u, f, l, t, h) {
-  const b = n(e.size), v = n(e.textField), i = n(e.multiSelect), c = n(e.disableField), {
-    onMouseenterItem: o,
-    onMouseoverItem: p,
-    onMouseoutItem: r
-  } = f, {
-    getKey: m,
-    listViewItemClass: F,
-    onCheckItem: V,
-    onClickItem: S
-  } = l, g = D(() => ({
-    margin: b.value === "small" ? "0.25rem 0" : "10px 0"
-  }));
-  function I(k, w, R) {
-    return k.checked = t.findIndexInSelectedItems(k) > -1, s("li", {
-      class: F(k, w),
-      id: m(k, w),
-      key: m(k, w),
-      onClick: (_) => S(_, k, w),
-      onMouseenter: (_) => o(_, k, w),
-      onMouseover: (_) => p(_, k, w),
-      onMouseout: (_) => r(_, k, w)
-    }, [i.value && s("div", {
-      class: "f-list-select",
-      onClick: (_) => _.stopPropagation()
-    }, [s(P, {
-      id: "list-" + m(k, w),
-      disabled: k[c.value] || k.unClick,
-      checked: k.checked,
-      onChange: (_) => V(k, w)
-    }, null)]), s("div", {
-      class: "f-list-content"
-    }, [s("div", {
-      style: g.value
-    }, [k[v.value]])])]);
-  }
-  return {
-    renderItem: I
-  };
-}
-function Z(e, a, d, u, f, l, t, h) {
-  const b = n(e.multiSelect), v = n(e.disableField), {
-    onMouseenterItem: i,
-    onMouseoverItem: c,
-    onMouseoutItem: o
-  } = f, {
-    getKey: p,
-    listViewItemClass: r,
-    onCheckItem: m,
-    onClickItem: F
-  } = l;
-  function V(g, I, k) {
-    return a.slots.content ? s(G, null, [a.slots.content && a.slots.content({
-      item: g,
-      index: I,
-      selectedItem: k
-    })]) : s("div", {
-      style: "margin: 10px 0;"
-    }, [g.name]);
-  }
-  function S(g, I, k) {
-    return s("li", {
-      class: r(g, I),
-      id: p(g, I),
-      key: p(g, I),
-      onClick: (w) => F(w, g, I),
-      onMouseenter: (w) => i(w, g, I),
-      onMouseover: (w) => c(w, g, I),
-      onMouseout: (w) => o(w, g, I)
-    }, [b.value && s("div", {
-      class: "f-list-select",
-      onClick: (w) => w.stopPropagation()
-    }, [s(P, {
-      id: "list-" + p(g, I),
-      disabled: g[v.value] || g.unClick,
-      checked: g.checked,
-      onChange: (w) => m(g, I)
-    }, null)]), s("div", {
-      class: "f-list-content"
-    }, [V(g, I, k)])]);
-  }
-  return {
-    renderItem: S
-  };
-}
-function ee(e, a, d, u, f, l, t, h) {
-  const b = n(e.multiSelect), v = n(e.disableField), {
-    onMouseenterItem: i,
-    onMouseoverItem: c,
-    onMouseoutItem: o
-  } = f, {
-    getKey: p,
-    listViewItemClass: r,
-    onCheckItem: m,
-    onClickItem: F
-  } = l, {
-    dragstart: V,
-    dragenter: S,
-    dragover: g,
-    dragend: I
-  } = u, {
-    removeItem: k
-  } = h, w = D(() => ({
-    margin: b.value ? "10px 0" : "10px 0px 10px 14px"
-  }));
-  function R(C) {
-    return s("div", {
-      style: w.value
-    }, [C.name]);
-  }
-  function _() {
-    return a.slots.itemContent ? a.slots.itemContent : R;
-  }
-  const M = _();
-  function O(C, T, B) {
-    return s("li", {
-      class: r(C, T),
-      id: p(C, T),
-      key: p(C, T),
-      onClick: (y) => F(y, C, T),
-      onMouseenter: (y) => i(y, C, T),
-      onMouseover: (y) => c(y, C, T),
-      onMouseout: (y) => o(y, C, T),
-      draggable: "true",
-      onDragstart: (y) => V(y, C, T),
-      onDragenter: (y) => S(y, T),
-      onDragend: (y) => I(y, C),
-      onDragover: (y) => g(y, T)
-    }, [b.value && s("div", {
-      class: "f-list-select",
-      onClick: (y) => y.stopPropagation()
-    }, [s(P, {
-      id: "list-" + p(C, T),
-      disabled: C[v.value] || C.unClick,
-      checked: C.checked,
-      onChange: (y) => m(C, T)
-    }, null)]), s("div", {
-      class: "f-list-content"
-    }, [M(C)]), s("div", {
-      class: "f-list-remove",
-      onClick: (y) => k(T)
-    }, [s("div", {
-      class: "f-list-remove-icon"
-    }, [s("i", {
-      class: "f-icon f-icon-remove_face"
-    }, null)])]), s("div", {
-      class: "f-list-handle"
-    }, [s("div", null, [s("i", {
-      class: "f-icon f-icon-drag-vertical"
-    }, null)])])]);
-  }
-  return {
-    renderItem: O
-  };
-}
-function te(e, a, d) {
-  function u() {
-    return a.slots.header && s("div", {
-      class: "f-list-view-header"
-    }, [a.slots.header()]);
-  }
-  return {
-    renderHeader: u
-  };
-}
-function A(e, a, d) {
-  const u = n(e.headerClass), f = n(e.placeholder), l = n(""), t = D(() => !l.value), h = D(() => !!l.value);
-  function b(o) {
-    l.value = "";
-  }
-  L(l, (o) => {
-    d.search(o);
-  });
-  const v = D(() => {
-    const o = {
-      "form-group": !0,
-      "farris-form-group": !0
-    };
-    return u.value && u.value.split(" ").reduce((r, m) => (r[m] = !0, r), o), o;
-  });
-  function i(o) {
-  }
-  function c() {
-    return s("div", {
-      class: "f-list-view-header",
-      onClick: U(i, ["prevent", "stop"])
-    }, [s("div", {
-      class: v.value
-    }, [s("div", {
-      class: "farris-input-wrap"
-    }, [s("div", {
-      class: "f-cmp-inputgroup"
-    }, [s("div", {
-      class: "input-group f-state-editable"
-    }, [x(s("input", {
-      class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (o) => l.value = o,
-      name: "input-group-value",
-      type: "text",
-      placeholder: f.value,
-      autocomplete: "off"
-    }, null), [[W, l.value]]), s("div", {
-      class: "input-group-append"
-    }, [h.value && s("span", {
-      class: "input-group-text input-group-clear",
-      onClick: (o) => b()
-    }, [s("i", {
-      class: "f-icon f-icon-close-circle"
-    }, null)]), t.value && s("span", {
-      class: "input-group-text"
-    }, [s("span", {
-      class: "f-icon f-icon-search"
-    }, null)])])])])])])]);
-  }
-  return {
-    renderHeader: c
-  };
-}
-function ne(e, a) {
-  const d = n(e.idField), u = n(e.data), f = n(e.data), l = n(e.keepOrder);
-  function t() {
-    const v = u.value.map((i, c) => typeof i != "object" ? { __fv_index__: c, name: i } : (i.__fv_index__ = c, i));
-    return f.value = v, v;
-  }
-  const h = n(t());
-  L(
-    () => e.data,
-    (v) => {
-      if (l.value) {
-        const i = v.reduce((r, m) => (r.set(m.id, !0), r), /* @__PURE__ */ new Map()), c = u.value.reduce((r, m) => (r.set(m.id, !0), r), /* @__PURE__ */ new Map()), o = h.value.filter((r) => i.has(r.id)), p = v.filter((r) => !c.has(r.id));
-        u.value = [...o, ...p];
-      } else
-        u.value = v;
-      h.value = t();
-    }
-  );
-  function b(v) {
-    return v.map((c) => {
-      const o = f.value.findIndex((p) => p[d.value] === c);
-      return o > -1 ? f.value[o] : null;
-    }).filter((c) => c != null);
-  }
-  return {
-    dataView: h,
-    getSelectionItems: b
-  };
-}
-function le(e, a, d, u) {
-  const f = n(e.idField), { dataView: l } = d, t = n(-1), h = n(!1), { activeIndex: b, focusedItemId: v, hoverIndex: i, resumeHover: c, suspendHover: o } = u;
-  function p(V, S, g) {
-    V.stopPropagation(), o(), S && setTimeout(() => {
-      t.value = g, h.value = !0, S.moving = !0;
-    });
-  }
-  function r(V, S) {
-    if (V.preventDefault(), t.value !== S) {
-      const g = l.value[t.value], I = l.value;
-      I.splice(t.value, 1), I.splice(S, 0, g), t.value = S;
-    }
-  }
-  function m(V, S) {
-    V.preventDefault(), V.dataTransfer && (V.dataTransfer.dropEffect = "move");
-  }
-  function F(V, S) {
-    S && (S.moving = !1), l.value.forEach((g, I) => {
-      g.__fv_index__ = I;
-    }), h.value = !1, c(), i.value = S.__fv_index__, b.value = S.__fv_index__, v.value = S[f.value], a.emit("change", l.value);
-  }
-  return {
-    dragstart: p,
-    dragenter: r,
-    dragover: m,
-    dragend: F,
-    isDragging: h
-  };
-}
-function oe(e, a, d) {
-  const { dataView: u } = d;
-  function f(l) {
-    if (l > -1 && l < u.value.length) {
-      const t = u.value.splice(l, 1);
-      a.emit("removeItem", t[0]);
-    }
-  }
-  return { removeItem: f };
-}
-function se() {
-  const e = n(-1), a = n(""), d = n(-1), u = n(!1);
-  function f(v, i, c) {
-    d.value = c;
-  }
-  function l(v, i, c) {
-    u.value || (d.value = c);
-  }
-  function t(v, i, c) {
-    d.value = -1;
-  }
-  function h() {
-    u.value = !0;
-  }
-  function b() {
-    u.value = !1;
-  }
-  return {
-    activeIndex: e,
-    focusedItemId: a,
-    hoverIndex: d,
-    onMouseenterItem: f,
-    onMouseoverItem: l,
-    onMouseoutItem: t,
-    resumeHover: b,
-    suspendHover: h
-  };
-}
-const E = /* @__PURE__ */ N({
-  name: "FListView",
-  props: X,
-  emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change"],
-  setup(e, a) {
-    const d = n(), u = n(e.view), f = n(e.header), l = n(e.multiSelect), t = n(e.view === "CardView"), h = n(!0), b = n({}), v = n("暂无数据");
-    n(!0), n(!1), n("id");
-    const i = ne(e), {
-      dataView: c
-    } = i, o = D(() => {
-      const H = {
-        "f-list-view": !0,
-        "f-list-view-multiple": l.value
-      };
-      return e.size !== "default" && (H[`${e.size}-item`] = !0), H;
-    }), p = D(() => ({
-      "f-list-view-group": !0,
-      "d-flex": t.value,
-      "flex-wrap": t.value
-    })), r = D(() => !!c.value && c.value.length > 0), m = se(), F = J(e, a, i), V = le(e, a, i, m), S = oe(e, a, i), g = q(e, a, V, m, F), I = Q(e, d), k = D(() => c.value.length === 0), w = D(() => k.value && !a.slots.empty), R = D(() => !!a.slots.footer || h.value);
-    function _() {
-      return u.value === "SingleView" ? j : u.value === "DraggableView" ? ee : u.value === "ContentView" && a.slots.content ? Z : j;
-    }
-    const M = _(), {
-      renderItem: O
-    } = M(e, a, i, V, m, g, F, S);
-    function C() {
-      return f.value === "SearchBar" ? A : f.value === "ContentHeader" ? te : A;
-    }
-    const T = C(), {
-      renderHeader: B
-    } = T(e, a, I);
-    function y(H) {
-      I.search(H);
-    }
-    a.expose({
-      search: y
-    });
-    function $(H) {
-      l.value && (H.preventDefault(), H.stopPropagation());
-    }
-    return () => s("div", {
-      class: o.value,
-      onClick: $
-    }, [B(), s("div", {
-      ref: d,
-      class: "f-list-view-content"
-    }, [s("ul", {
-      class: p.value,
-      style: "list-style: none;"
-    }, [r.value && c.value.map((H, z) => O(H, z, b)), w.value && s("div", {
-      class: "f-list-view-emptydata"
-    }, [s("p", {
-      class: "f-empty-title"
-    }, [v.value])]), a.slots.empty && a.slots.empty()])]), R.value && s("div", {
-      class: "f-list-view-footer"
-    }, [a.slots.footer && a.slots.footer()])]);
-  }
-}), ce = {
-  install(e) {
-    e.component(E.name, E);
-  }
-};
-export {
-  E as ListView,
-  ce as default,
-  X as listViewProps
-};

package/list-view/index.umd.js

@@ -1 +0,0 @@
-(function(D,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(D=typeof globalThis<"u"?globalThis:D||self,e(D["list-view"]={},D.Vue))})(this,function(D,e){"use strict";const j={data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{Type:Boolean,default:!1},multiSelectMode:{Type:String,default:"OnCheck"},idField:{Type:String,default:"id"},valueField:{Type:String,default:"id"},textField:{Type:String,default:"name"},view:{Type:String,default:"ContentView"},size:{Type:String,default:"default"},placeholder:{type:String,default:""},header:{Type:String,default:"ContentHeader"},headerClass:{Type:String,default:""},itemClass:{Type:String,default:""},selectionValues:{type:Array,default:[]},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"}};function A(t,a,u,c,f){const l=e.ref(t.idField),n=e.ref(t.disableField),g=e.ref(t.draggable),S=e.ref(t.itemClass),d=e.ref(t.multiSelect),r=e.ref(t.multiSelectMode);e.ref(!0);const{isDragging:s}=u,{activeIndex:o,focusedItemId:v,hoverIndex:i}=c,{clearSelection:h,selectedItems:N,toggleSelectItem:y}=f;function w(b,_){const p={"f-list-view-group-item":!0,"f-list-view-draggable-item":g.value,"f-un-click":!!b.unClick,"f-un-select":!!b[n.value],"f-listview-active":b.__fv_index__===o.value,"f-listview-hover":!s.value&&_===i.value,moving:!!b.moving};return S.value.split(" ").reduce((H,k)=>(H[k]=!0,H),p),p}function m(b,_){return b[l.value]||""}const C=e.computed(()=>!d.value);function V(b,_){b.unClick||b[n.value]||(C.value&&(v.value=b[l.value]),y(b,_))}const I=e.computed(()=>d.value&&r.value==="OnCheckClearByClick"),O=e.computed(()=>!d.value||d.value&&(r.value==="OnCheckAndClick"||r.value==="OnClick"));function M(b,_,p){if(_.unClick||_[n.value]){b.preventDefault(),b.stopPropagation();return}v.value=_[l.value],o.value=p,I.value&&h(),O.value&&y(_,p),a.emit("clickItem",{data:N.value,index:p})}return{getKey:m,listViewItemClass:w,onCheckItem:V,onClickItem:M}}function E(t,a,u){const c=e.ref(t.idField),f=e.ref(t.multiSelect);e.ref(t.multiSelectMode);const{getSelectionItems:l}=u,n=e.ref(l(t.selectionValues));e.watch(()=>t.selectionValues,o=>{n.value=e.ref(l(o)).value});const g=e.computed(()=>!f.value);function S(o){return o[c.value]||""}function d(o){return n.value.findIndex(i=>S(i)===S(o))}function r(){n.value.forEach(o=>{o.checked=!1}),n.value=[]}function s(o,v){g.value&&r();const i=d(o);i>-1?(n.value.splice(i,1),o.checked=!1):(n.value.push(o),o.checked=!0),a.emit("selectionChange",n.value)}return{clearSelection:r,findIndexInSelectedItems:d,selectedItems:n,toggleSelectItem:s}}function $(t,a){function u(l){const n=[];let g=l.nextNode();for(;g;)n.push(g),g=l.nextNode();return n}function c(l,n){const g=document.createTreeWalker(l,NodeFilter.SHOW_TEXT);return u(g).map(s=>({textNode:s,text:(s.textContent||"").toLocaleLowerCase()})).map(({textNode:s,text:o})=>{const v=[];let i=0;for(;i<o.length;){const h=o.indexOf(n,i);if(h===-1)break;v.push(h),i=h+n.length}return v.map(h=>{const N=new Range;return N.setStart(s,h),N.setEnd(s,h+n.length),N})}).flat()}function f(l){if(!CSS.highlights||(CSS.highlights.clear(),!l||!a))return;const n=c(a.value,l.toLocaleLowerCase()),g=new Highlight(...n);CSS.highlights.set("search-result",g)}return{search:f}}const x={checked:{Type:Boolean,default:!1},id:{Type:String,default:""},disabled:{Type:Boolean,default:!1},modelValue:{Type:Boolean,default:!1}},R=e.defineComponent({name:"FListViewCheckBox",props:x,emits:["change","update:modelValue"],setup(t,a){const u=e.ref(t.checked),c=e.ref(t.disabled),f=e.ref(t.id);function l(n){n.stopPropagation(),n.preventDefault(),c.value||(u.value=!u.value,a.emit("change",{originalEvent:n,checked:u.value}))}return e.watch(()=>t.checked,n=>{u.value=n}),()=>e.createVNode("div",{class:"custom-control custom-checkbox  custom-control-inline listview-checkbox"},[e.withDirectives(e.createVNode("input",{id:f.value,title:f.value,type:"checkbox",class:"custom-control-input","onUpdate:modelValue":n=>u.value=n,onChange:n=>console.log(n)},null),[[e.vModelCheckbox,u.value]]),e.createVNode("label",{for:f.value,class:"custom-control-label",onClick:n=>l(n)},null)])}});function L(t,a,u,c,f,l,n,g){const S=e.ref(t.size),d=e.ref(t.textField),r=e.ref(t.multiSelect),s=e.ref(t.disableField),{onMouseenterItem:o,onMouseoverItem:v,onMouseoutItem:i}=f,{getKey:h,listViewItemClass:N,onCheckItem:y,onClickItem:w}=l,m=e.computed(()=>({margin:S.value==="small"?"0.25rem 0":"10px 0"}));function C(V,I,O){return V.checked=n.findIndexInSelectedItems(V)>-1,e.createVNode("li",{class:N(V,I),id:h(V,I),key:h(V,I),onClick:M=>w(M,V,I),onMouseenter:M=>o(M,V,I),onMouseover:M=>v(M,V,I),onMouseout:M=>i(M,V,I)},[r.value&&e.createVNode("div",{class:"f-list-select",onClick:M=>M.stopPropagation()},[e.createVNode(R,{id:"list-"+h(V,I),disabled:V[s.value]||V.unClick,checked:V.checked,onChange:M=>y(V,I)},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{style:m.value},[V[d.value]])])])}return{renderItem:C}}function z(t,a,u,c,f,l,n,g){const S=e.ref(t.multiSelect),d=e.ref(t.disableField),{onMouseenterItem:r,onMouseoverItem:s,onMouseoutItem:o}=f,{getKey:v,listViewItemClass:i,onCheckItem:h,onClickItem:N}=l;function y(m,C,V){return a.slots.content?e.createVNode(e.Fragment,null,[a.slots.content&&a.slots.content({item:m,index:C,selectedItem:V})]):e.createVNode("div",{style:"margin: 10px 0;"},[m.name])}function w(m,C,V){return e.createVNode("li",{class:i(m,C),id:v(m,C),key:v(m,C),onClick:I=>N(I,m,C),onMouseenter:I=>r(I,m,C),onMouseover:I=>s(I,m,C),onMouseout:I=>o(I,m,C)},[S.value&&e.createVNode("div",{class:"f-list-select",onClick:I=>I.stopPropagation()},[e.createVNode(R,{id:"list-"+v(m,C),disabled:m[d.value]||m.unClick,checked:m.checked,onChange:I=>h(m,C)},null)]),e.createVNode("div",{class:"f-list-content"},[y(m,C,V)])])}return{renderItem:w}}function K(t,a,u,c,f,l,n,g){const S=e.ref(t.multiSelect),d=e.ref(t.disableField),{onMouseenterItem:r,onMouseoverItem:s,onMouseoutItem:o}=f,{getKey:v,listViewItemClass:i,onCheckItem:h,onClickItem:N}=l,{dragstart:y,dragenter:w,dragover:m,dragend:C}=c,{removeItem:V}=g,I=e.computed(()=>({margin:S.value?"10px 0":"10px 0px 10px 14px"}));function O(p){return e.createVNode("div",{style:I.value},[p.name])}function M(){return a.slots.itemContent?a.slots.itemContent:O}const b=M();function _(p,F,H){return e.createVNode("li",{class:i(p,F),id:v(p,F),key:v(p,F),onClick:k=>N(k,p,F),onMouseenter:k=>r(k,p,F),onMouseover:k=>s(k,p,F),onMouseout:k=>o(k,p,F),draggable:"true",onDragstart:k=>y(k,p,F),onDragenter:k=>w(k,F),onDragend:k=>C(k,p),onDragover:k=>m(k,F)},[S.value&&e.createVNode("div",{class:"f-list-select",onClick:k=>k.stopPropagation()},[e.createVNode(R,{id:"list-"+v(p,F),disabled:p[d.value]||p.unClick,checked:p.checked,onChange:k=>h(p,F)},null)]),e.createVNode("div",{class:"f-list-content"},[b(p)]),e.createVNode("div",{class:"f-list-remove",onClick:k=>V(F)},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:_}}function G(t,a,u){function c(){return a.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[a.slots.header()])}return{renderHeader:c}}function B(t,a,u){const c=e.ref(t.headerClass),f=e.ref(t.placeholder),l=e.ref(""),n=e.computed(()=>!l.value),g=e.computed(()=>!!l.value);function S(o){l.value=""}e.watch(l,o=>{u.search(o)});const d=e.computed(()=>{const o={"form-group":!0,"farris-form-group":!0};return c.value&&c.value.split(" ").reduce((i,h)=>(i[h]=!0,i),o),o});function r(o){}function s(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(r,["prevent","stop"])},[e.createVNode("div",{class:d.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":o=>l.value=o,name:"input-group-value",type:"text",placeholder:f.value,autocomplete:"off"},null),[[e.vModelText,l.value]]),e.createVNode("div",{class:"input-group-append"},[g.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:o=>S()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),n.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:s}}const Z="";function U(t,a){const u=e.ref(t.idField),c=e.ref(t.data),f=e.ref(t.data),l=e.ref(t.keepOrder);function n(){const d=c.value.map((r,s)=>typeof r!="object"?{__fv_index__:s,name:r}:(r.__fv_index__=s,r));return f.value=d,d}const g=e.ref(n());e.watch(()=>t.data,d=>{if(l.value){const r=d.reduce((i,h)=>(i.set(h.id,!0),i),new Map),s=c.value.reduce((i,h)=>(i.set(h.id,!0),i),new Map),o=g.value.filter(i=>r.has(i.id)),v=d.filter(i=>!s.has(i.id));c.value=[...o,...v]}else c.value=d;g.value=n()});function S(d){return d.map(s=>{const o=f.value.findIndex(v=>v[u.value]===s);return o>-1?f.value[o]:null}).filter(s=>s!=null)}return{dataView:g,getSelectionItems:S}}function W(t,a,u,c){const f=e.ref(t.idField),{dataView:l}=u,n=e.ref(-1),g=e.ref(!1),{activeIndex:S,focusedItemId:d,hoverIndex:r,resumeHover:s,suspendHover:o}=c;function v(y,w,m){y.stopPropagation(),o(),w&&setTimeout(()=>{n.value=m,g.value=!0,w.moving=!0})}function i(y,w){if(y.preventDefault(),n.value!==w){const m=l.value[n.value],C=l.value;C.splice(n.value,1),C.splice(w,0,m),n.value=w}}function h(y,w){y.preventDefault(),y.dataTransfer&&(y.dataTransfer.dropEffect="move")}function N(y,w){w&&(w.moving=!1),l.value.forEach((m,C)=>{m.__fv_index__=C}),g.value=!1,s(),r.value=w.__fv_index__,S.value=w.__fv_index__,d.value=w[f.value],a.emit("change",l.value)}return{dragstart:v,dragenter:i,dragover:h,dragend:N,isDragging:g}}function q(t,a,u){const{dataView:c}=u;function f(l){if(l>-1&&l<c.value.length){const n=c.value.splice(l,1);a.emit("removeItem",n[0])}}return{removeItem:f}}function X(){const t=e.ref(-1),a=e.ref(""),u=e.ref(-1),c=e.ref(!1);function f(d,r,s){u.value=s}function l(d,r,s){c.value||(u.value=s)}function n(d,r,s){u.value=-1}function g(){c.value=!0}function S(){c.value=!1}return{activeIndex:t,focusedItemId:a,hoverIndex:u,onMouseenterItem:f,onMouseoverItem:l,onMouseoutItem:n,resumeHover:S,suspendHover:g}}const P=e.defineComponent({name:"FListView",props:j,emits:["checkValuesChange","clickItem","selectionChange","removeItem","change"],setup(t,a){const u=e.ref(),c=e.ref(t.view),f=e.ref(t.header),l=e.ref(t.multiSelect),n=e.ref(t.view==="CardView"),g=e.ref(!0),S=e.ref({}),d=e.ref("暂无数据");e.ref(!0),e.ref(!1),e.ref("id");const r=U(t),{dataView:s}=r,o=e.computed(()=>{const T={"f-list-view":!0,"f-list-view-multiple":l.value};return t.size!=="default"&&(T[`${t.size}-item`]=!0),T}),v=e.computed(()=>({"f-list-view-group":!0,"d-flex":n.value,"flex-wrap":n.value})),i=e.computed(()=>!!s.value&&s.value.length>0),h=X(),N=E(t,a,r),y=W(t,a,r,h),w=q(t,a,r),m=A(t,a,y,h,N),C=$(t,u),V=e.computed(()=>s.value.length===0),I=e.computed(()=>V.value&&!a.slots.empty),O=e.computed(()=>!!a.slots.footer||g.value);function M(){return c.value==="SingleView"?L:c.value==="DraggableView"?K:c.value==="ContentView"&&a.slots.content?z:L}const b=M(),{renderItem:_}=b(t,a,r,y,h,m,N,w);function p(){return f.value==="SearchBar"?B:f.value==="ContentHeader"?G:B}const F=p(),{renderHeader:H}=F(t,a,C);function k(T){C.search(T)}a.expose({search:k});function Q(T){l.value&&(T.preventDefault(),T.stopPropagation())}return()=>e.createVNode("div",{class:o.value,onClick:Q},[H(),e.createVNode("div",{ref:u,class:"f-list-view-content"},[e.createVNode("ul",{class:v.value,style:"list-style: none;"},[i.value&&s.value.map((T,Y)=>_(T,Y,S)),I.value&&e.createVNode("div",{class:"f-list-view-emptydata"},[e.createVNode("p",{class:"f-empty-title"},[d.value])]),a.slots.empty&&a.slots.empty()])]),O.value&&e.createVNode("div",{class:"f-list-view-footer"},[a.slots.footer&&a.slots.footer()])])}}),J={install(t){t.component(P.name,P)}};D.ListView=P,D.default=J,D.listViewProps=j,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/list-view/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "list-view",
-    "version": "1.0.3",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/list-view/index.d.ts"
-}

package/list-view/style.css

@@ -1 +0,0 @@
-.f-listview-fill{flex-grow:1;flex-shrink:1;flex-basis:0;overflow:hidden}.f-listview-fill .f-list-view{height:100%}.f-listview-fill .f-list-view .f-list-view-header,.f-listview-fill .f-list-view .f-list-view-footer{flex-shrink:0}.f-listview-fill .f-list-view .f-list-view-content{overflow-y:auto;flex-grow:1;flex-shrink:1;flex-basis:0}.f-list-view{display:flex;flex-direction:column;overflow:hidden}.f-list-view .f-list-view-content{flex:1;overflow:auto}.f-list-view .f-list-view-group{padding:0}.f-list-view .f-paging-wrapper{padding:14px 0}.f-list-view-group-item{display:flex;align-items:center;float:none;text-align:initial}.f-list-view-group-item.f-none-border{border-bottom:0}.f-list-view-group-item.f-listview-hover,.f-list-view-group-item.f-listview-active{cursor:pointer;color:#424347;background:#edf5ff!important}.f-list-view-group-item.f-listview-active{border-color:#529dff}.f-list-view-group-item.f-un-select{color:#848c9a}.f-list-view-group-item .f-list-content{flex:1 1 auto;width:100%}.f-list-view-draggable-item{border:1px solid;border-color:#e2e3e5;background-color:#fafbfd;border-radius:10px;margin:4px 2px}.f-list-view-draggable-item.f-listview-hover{cursor:pointer;color:#424347;background:#edf5ff!important}.f-list-view-draggable-item.f-listview-hover .f-list-remove-icon{display:initial}.f-list-view-draggable-item.f-listview-active{border-color:#529dff}.f-list-view-draggable-item.moving{opacity:0}.f-list-select{padding:0 0 0 14px}.f-list-select .listview-checkbox{margin:.25rem 0}.f-list-pin{color:#2986ff;padding:0 14px 0 0}.f-list-remove{width:30px;color:#f4625f;padding:0 14px 0 0}.f-list-remove-icon{display:none}.f-list-handle{padding:0 14px 0 0}.f-list-view-emptydata .f-empty-title{font-size:14px;line-height:22px;color:#999;padding:20px 0;text-align:center}.f-list-view.small-item .f-list-select{padding:initial}::highlight(search-result){background-color:#f06;color:#fff}