@farris/ui-vue 1.0.0-beta.5 → 1.0.0

package/response-toolbar/index.esm.js

@@ -0,0 +1,433 @@
+var K = Object.defineProperty;
+var U = (d, n, o) => n in d ? K(d, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : d[n] = o;
+var i = (d, n, o) => (U(d, typeof n != "symbol" ? n + "" : n, o), o);
+import { computed as I, createVNode as f, ref as T, defineComponent as V, onMounted as q, onUnmounted as J, watch as Q } from "vue";
+const X = {
+  alignment: { Type: String, default: "right" },
+  items: { Type: Array, default: [] }
+};
+class B {
+  constructor(n) {
+    /** 工具栏项标识 */
+    i(this, "id", "");
+    /** 工具栏项自定义样式 */
+    i(this, "class", "btn-secondary");
+    /** 图标 */
+    i(this, "icon", "");
+    /** 所属分组 */
+    i(this, "groupId", "");
+    /** 收藏顺序 */
+    i(this, "order", -1);
+    /** 是否作为下拉菜单的顶层按钮 */
+    i(this, "asDropDownTop", !1);
+    /** 文本 */
+    i(this, "text", "");
+    /** 是否可见 */
+    i(this, "visible", !0);
+    i(this, "responsed", !1);
+    /** 是否启用提示消息 */
+    i(this, "tipsEnable", !1);
+    /** 提示消息内容 */
+    i(this, "tipsText", "");
+    /** 记录宽度 */
+    i(this, "width", 0);
+    i(this, "onClick", () => {
+    });
+    i(this, "options");
+    this.options = n;
+    const o = [
+      "id",
+      "class",
+      "icon",
+      "groupId",
+      "order",
+      "asDropDownTop",
+      "text",
+      "isDP",
+      "visible",
+      "responsed",
+      "width",
+      "tipsEnable",
+      "tipsText",
+      "onClick"
+    ];
+    Object.keys(n).filter((a) => o.indexOf(a) > -1).forEach((a) => {
+      this[a] = n[a];
+    });
+  }
+  /** 是否可用 */
+  get enable() {
+    return Object.keys(this.options).indexOf("enable") > -1 ? this.options.enable : I(() => !0);
+  }
+  /** 设置宽度 */
+  setWidth(n) {
+    this.width = parseInt(n, 10);
+  }
+  /** 获取宽度 */
+  getWidth() {
+    return this.visible ? this.width : !1;
+  }
+}
+class Y extends B {
+  constructor(n) {
+    super(n);
+  }
+}
+function P() {
+  function d(n) {
+    const o = [];
+    return n.reduce((a, l) => (l.children && l.children.length > 0 ? a.push(new k(l)) : a.push(new Y(l)), a), o), o;
+  }
+  return { buildResponseToolbarItems: d };
+}
+const { buildResponseToolbarItems: Z } = P();
+class k extends B {
+  constructor(o) {
+    super(o);
+    i(this, "placement", "");
+    // 下拉位置
+    /** 下拉class */
+    i(this, "dropdownClass", "");
+    /** 下拉菜单class */
+    i(this, "menuClass", "");
+    /** 是否用分开的下拉按钮 */
+    i(this, "split", !1);
+    i(this, "children", []);
+    i(this, "expanded", !1);
+    const a = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
+    Object.keys(o).filter((l) => a.indexOf(l) > -1).forEach((l) => {
+      this[l] = o[l];
+    }), o.children && o.children.length && (this.children = Z(o.children));
+  }
+}
+function $() {
+  function d(r) {
+    const e = {
+      "dropdown-menu": !0
+    };
+    if (r.class) {
+      const t = r.menuClass.split(" ");
+      t && t.length && t.reduce((c, u) => (c[u] = !0, c), e);
+    }
+    return e;
+  }
+  function n(r) {
+    const e = {
+      disabled: !r.enable,
+      "dropdown-submenu": !0,
+      "f-rt-dropdown": !0
+    }, t = r.dropdownClass.split(" ");
+    return t && t.length && t.reduce((c, u) => (c[u] = !0, c), e), e;
+  }
+  function o(r) {
+    const e = {
+      disabled: !r.enable,
+      "dropdown-item": !0,
+      "f-rt-btn": !0
+    }, t = r.class.split(" ");
+    return t && t.length && t.reduce((c, u) => (c[u] = !0, c), e), e;
+  }
+  let a;
+  const l = /* @__PURE__ */ new Map();
+  function x(r, e, t) {
+    var u;
+    ((u = r.target) == null ? void 0 : u.id) === e.id && r.stopPropagation();
+    const c = t ? t.id : "__top_item__";
+    if (e.children && e.children.length && (e.expanded = !e.expanded, e.expanded ? l.set(c, e) : l.delete(c)), l.has(c) && l.get(c) !== e) {
+      const g = l.get(c);
+      g && (g.expanded = !1);
+    }
+  }
+  function v(r) {
+    return r.children.map((e) => e.children && e.children.length ? f("li", {
+      class: n(e),
+      id: e.id,
+      onClick: (t) => e.enable && x(t, e, r)
+    }, [f("span", {
+      id: e.id,
+      class: o(e),
+      onMouseover: (t) => e.enable && x(t, e, r)
+    }, [e.text, f("i", {
+      class: "f-icon f-icon-arrow-chevron-right",
+      style: "display: inline-block;float: right;line-height: 1.25rem;"
+    }, null)]), a(e, r)]) : f("li", {
+      class: o(e),
+      id: e.id,
+      onClick: (t) => e.enable && e.onClick(t, e.id),
+      onMouseover: (t) => e.enable && x(t, e, r)
+    }, [e.text]));
+  }
+  function R(r, e) {
+    const t = {
+      display: r.expanded ? "block" : "none"
+    }, c = document.getElementsByTagName("body")[0].getClientRects()[0].width, u = document.getElementById(r.id), g = u == null ? void 0 : u.getClientRects();
+    if (u && g && g.length) {
+      const _ = g[0].x;
+      c - _ <= 160 && (t.right = 0, t.left = "unset");
+    }
+    return e && (t.top = 0, t.right = "160px", t.left = "unset"), t;
+  }
+  a = function(r, e) {
+    return f("ul", {
+      class: d(r),
+      style: R(r, e),
+      id: r.id + "_menu"
+    }, [v(r)]);
+  };
+  function M() {
+    l.forEach((r) => {
+      r.expanded = !1;
+    }), l.clear();
+  }
+  return {
+    renderDropdownMenu: a,
+    clearAllDropDownMenu: M
+  };
+}
+function ee(d, n) {
+  const o = T(d.alignment), {
+    renderDropdownMenu: a,
+    clearAllDropDownMenu: l
+  } = $();
+  function x(e) {
+    const t = {
+      "btn-group": !0,
+      "f-rt-dropdown": !0,
+      "f-btn-ml": o.value === "right",
+      "f-btn-mr": o.value === "left"
+    }, c = e.dropdownClass.split(" ");
+    return c && c.length && c.reduce((u, g) => (u[g] = !0, u), t), t;
+  }
+  function v(e) {
+    const t = {
+      btn: !0,
+      disabled: !e.enable,
+      "f-rt-btn": !0,
+      "btn-icontext": !!(e.icon && e.icon.trim())
+    };
+    if (e.class) {
+      const c = e.class.split(" ");
+      c && c.length && c.reduce((u, g) => (u[g] = !0, u), t);
+    }
+    return t;
+  }
+  function R(e, t) {
+    e.stopPropagation(), t.expanded = !t.expanded;
+  }
+  function M(e) {
+    return f("div", {
+      id: e.id,
+      class: x(e)
+    }, [f("div", {
+      class: v(e),
+      style: "display: flex;padding-right: 0.1rem;",
+      onClick: (t) => e.enable && R(t, e)
+    }, [n.shouldShowIcon(e) && f("i", {
+      class: n.iconClass(e)
+    }, null), f("span", null, [e.text]), f("i", {
+      class: "f-icon f-icon-arrow-chevron-down",
+      style: "display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"
+    }, null)]), a(e)]);
+  }
+  function r() {
+    l();
+  }
+  return {
+    renderToolbarDropdown: M,
+    clearAllDropDown: r
+  };
+}
+function ne() {
+  function d(o) {
+    const a = {
+      "f-icon": !0
+    };
+    if (o.icon) {
+      const l = o.icon.trim().split(" ");
+      l && l.length && l.reduce((x, v) => (x[v] = !0, x), a);
+    }
+    return a;
+  }
+  function n(o) {
+    return !!(o.icon && o.icon.trim());
+  }
+  return { iconClass: d, shouldShowIcon: n };
+}
+const {
+  buildResponseToolbarItems: N
+} = P(), W = /* @__PURE__ */ V({
+  name: "FResponseToolbar",
+  props: X,
+  emits: ["Click"],
+  setup(d) {
+    const n = T(N(d.items)), o = T(), a = T(), l = T(d.alignment), x = {
+      id: "__more_buttons__",
+      text: "More"
+    }, v = T(new k(x)), R = ne(), M = I(() => v.value.children.length > 0), r = I(() => ({
+      "f-toolbar": !0,
+      "f-response-toolbar": !0,
+      "position-relative": !0
+    })), e = I(() => ({
+      "d-flex": !0,
+      "flex-nowrap": !0,
+      "justify-content-end": l.value === "right",
+      "justify-content-start": l.value === "left"
+    })), {
+      renderToolbarDropdown: t,
+      clearAllDropDown: c
+    } = ee(d, R);
+    function u() {
+      n.value.filter((s) => s.children && s.children.length > 0).forEach((s) => {
+        s.expanded = !1;
+      }), v.value.expanded = !1, c();
+    }
+    function g(s) {
+      const C = {
+        "f-icon": !0
+      };
+      if (s.icon) {
+        const h = s.icon.trim().split(" ");
+        h && h.length && h.reduce((w, y) => (w[y] = !0, w), C);
+      }
+      return C;
+    }
+    function _(s) {
+      return !!(s.icon && s.icon.trim());
+    }
+    function z(s) {
+      const C = {
+        btn: !0,
+        "f-rt-btn": !0,
+        "f-btn-ml": l.value === "right",
+        "f-btn-mr": l.value === "left",
+        "btn-icontext": !!(s.icon && s.icon.trim())
+      };
+      if (s.class) {
+        const h = s.class.split(" ");
+        h && h.length && h.reduce((w, y) => (w[y] = !0, w), C);
+      }
+      return C;
+    }
+    function L(s) {
+      return f("button", {
+        type: "button",
+        class: z(s),
+        id: s.id,
+        disabled: !s.enable,
+        onClick: (C) => s.onClick(C, s.id)
+      }, [_(s) && f("i", {
+        class: g(s)
+      }, null), s.text]);
+    }
+    const O = /* @__PURE__ */ new Map(), D = [];
+    function H(s) {
+      const C = a.value;
+      let h = s;
+      const w = Array.from(C.children), y = w[w.length - 1].id === "__more_buttons__" ? w[w.length - 1] : null;
+      if (y) {
+        const p = y.computedStyleMap().get("margin-left"), b = y.computedStyleMap().get("margin-right"), E = (p ? p.value : 0) + y.getBoundingClientRect().width + (b ? b.value : 0);
+        h -= E;
+      }
+      const F = w.filter((p) => p.id !== "__more_buttons__");
+      for (const p of F) {
+        const b = p.computedStyleMap().get("margin-left"), E = p.computedStyleMap().get("margin-right"), j = (b ? b.value : 0) + p.getBoundingClientRect().width + (E ? E.value : 0);
+        h < j ? (O.set(p.id, !0), D.push({
+          id: p.id,
+          width: j
+        })) : h -= j;
+      }
+      if (D.length)
+        for (let p = D.length - 1; p >= 0; p--) {
+          const b = D[p].width;
+          if (h >= b)
+            h -= b, O.delete(D[p].id), D.pop();
+          else
+            break;
+        }
+      const m = Object.assign({}, v.value);
+      m.children = [];
+      const A = new k(m), G = n.value.reduce((p, b) => (O.has(b.id) && A.children.push(b), b.visible = !O.has(b.id), p.push(b), p), []);
+      v.value = A, n.value = G;
+    }
+    const S = new ResizeObserver((s) => {
+      if (s.length) {
+        const h = s[0].contentRect.width, y = a.value.getBoundingClientRect().width;
+        (h < y || D.length) && H(h);
+      }
+    });
+    return q(() => {
+      const s = o.value;
+      S.observe(s), document.body.addEventListener("click", u);
+    }), J(() => {
+      S.disconnect(), document.body.removeEventListener("click", u);
+    }), Q(() => d.items, () => {
+      n.value = N(d.items);
+    }), () => f("div", {
+      class: r.value
+    }, [f("div", {
+      ref: o,
+      class: e.value
+    }, [f("div", {
+      ref: a,
+      class: "d-inline-block f-response-content",
+      style: "white-space: nowrap;"
+    }, [n.value.filter((s) => s.visible).map((s) => s.children && s.children.length > 0 ? t(s) : L(s)), M.value && t(v.value)])])]);
+  }
+});
+class oe {
+  constructor(n, o) {
+    i(this, "id");
+    i(this, "name");
+    /** 记录元素的Id */
+    i(this, "presetId", []);
+    /** 记录转变为下拉时元素的位置 */
+    i(this, "responsedIndex", []);
+    /** 记录宽度 */
+    i(this, "width");
+    this.id = n, this.name = o, this.width = 0;
+  }
+  // 设置宽度
+  setWidth(n) {
+    this.width = parseInt(n + "", 10);
+  }
+  // 获取宽度
+  getWidth() {
+    return this.width;
+  }
+  // 更新presetIndex
+  setPreset(n) {
+    Array.isArray(n) ? this.presetId = this.presetId.concat(n) : this.presetId.push(n);
+  }
+  // 清除preset
+  delPreset() {
+    this.presetId = [];
+  }
+  // 删除
+  removeResponsed(n) {
+    this.responsedIndex.splice(n, 1);
+  }
+  // 更新responsedIndex
+  setResponsed(n) {
+    Array.isArray(n) ? this.responsedIndex = this.responsedIndex.concat(n) : this.responsedIndex.push(n);
+  }
+  // 是否已经开始处理响应式
+  isResponsing() {
+    return this.responsedIndex.length > 0;
+  }
+  // 是否已经处理完响应式
+  isResponsed() {
+    return this.presetId.length === this.responsedIndex.length;
+  }
+}
+const re = {
+  install(d) {
+    d.component(W.name, W);
+  }
+};
+export {
+  W as ResponseToolbar,
+  k as ResponseToolbarDropDownItem,
+  oe as ResponseToolbarGroup,
+  Y as ResponseToolbarItem,
+  re as default
+};

package/response-toolbar/index.umd.js

@@ -0,0 +1 @@
+(function(h,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(h=typeof globalThis<"u"?globalThis:h||self,t(h["response-toolbar"]={},h.Vue))})(this,function(h,t){"use strict";var Y=Object.defineProperty;var Z=(h,t,R)=>t in h?Y(h,t,{enumerable:!0,configurable:!0,writable:!0,value:R}):h[t]=R;var d=(h,t,R)=>(Z(h,typeof t!="symbol"?t+"":t,R),R);const R={alignment:{Type:String,default:"right"},items:{Type:Array,default:[]}};class m{constructor(s){d(this,"id","");d(this,"class","btn-secondary");d(this,"icon","");d(this,"groupId","");d(this,"order",-1);d(this,"asDropDownTop",!1);d(this,"text","");d(this,"visible",!0);d(this,"responsed",!1);d(this,"tipsEnable",!1);d(this,"tipsText","");d(this,"width",0);d(this,"onClick",()=>{});d(this,"options");this.options=s;const l=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","onClick"];Object.keys(s).filter(a=>l.indexOf(a)>-1).forEach(a=>{this[a]=s[a]})}get enable(){return Object.keys(this.options).indexOf("enable")>-1?this.options.enable:t.computed(()=>!0)}setWidth(s){this.width=parseInt(s,10)}getWidth(){return this.visible?this.width:!1}}class V extends m{constructor(s){super(s)}}function S(){function p(s){const l=[];return s.reduce((a,c)=>(c.children&&c.children.length>0?a.push(new O(c)):a.push(new V(c)),a),l),l}return{buildResponseToolbarItems:p}}const{buildResponseToolbarItems:z}=S();class O extends m{constructor(l){super(l);d(this,"placement","");d(this,"dropdownClass","");d(this,"menuClass","");d(this,"split",!1);d(this,"children",[]);d(this,"expanded",!1);const a=["isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(l).filter(c=>a.indexOf(c)>-1).forEach(c=>{this[c]=l[c]}),l.children&&l.children.length&&(this.children=z(l.children))}}function L(){function p(r){const e={"dropdown-menu":!0};if(r.class){const n=r.menuClass.split(" ");n&&n.length&&n.reduce((i,u)=>(i[u]=!0,i),e)}return e}function s(r){const e={disabled:!r.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},n=r.dropdownClass.split(" ");return n&&n.length&&n.reduce((i,u)=>(i[u]=!0,i),e),e}function l(r){const e={disabled:!r.enable,"dropdown-item":!0,"f-rt-btn":!0},n=r.class.split(" ");return n&&n.length&&n.reduce((i,u)=>(i[u]=!0,i),e),e}let a;const c=new Map;function C(r,e,n){var u;((u=r.target)==null?void 0:u.id)===e.id&&r.stopPropagation();const i=n?n.id:"__top_item__";if(e.children&&e.children.length&&(e.expanded=!e.expanded,e.expanded?c.set(i,e):c.delete(i)),c.has(i)&&c.get(i)!==e){const w=c.get(i);w&&(w.expanded=!1)}}function x(r){return r.children.map(e=>e.children&&e.children.length?t.createVNode("li",{class:s(e),id:e.id,onClick:n=>e.enable&&C(n,e,r)},[t.createVNode("span",{id:e.id,class:l(e),onMouseover:n=>e.enable&&C(n,e,r)},[e.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),a(e,r)]):t.createVNode("li",{class:l(e),id:e.id,onClick:n=>e.enable&&e.onClick(n,e.id),onMouseover:n=>e.enable&&C(n,e,r)},[e.text]))}function N(r,e){const n={display:r.expanded?"block":"none"},i=document.getElementsByTagName("body")[0].getClientRects()[0].width,u=document.getElementById(r.id),w=u==null?void 0:u.getClientRects();if(u&&w&&w.length){const E=w[0].x;i-E<=160&&(n.right=0,n.left="unset")}return e&&(n.top=0,n.right="160px",n.left="unset"),n}a=function(r,e){return t.createVNode("ul",{class:p(r),style:N(r,e),id:r.id+"_menu"},[x(r)])};function I(){c.forEach(r=>{r.expanded=!1}),c.clear()}return{renderDropdownMenu:a,clearAllDropDownMenu:I}}function H(p,s){const l=t.ref(p.alignment),{renderDropdownMenu:a,clearAllDropDownMenu:c}=L();function C(e){const n={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":l.value==="right","f-btn-mr":l.value==="left"},i=e.dropdownClass.split(" ");return i&&i.length&&i.reduce((u,w)=>(u[w]=!0,u),n),n}function x(e){const n={btn:!0,disabled:!e.enable,"f-rt-btn":!0,"btn-icontext":!!(e.icon&&e.icon.trim())};if(e.class){const i=e.class.split(" ");i&&i.length&&i.reduce((u,w)=>(u[w]=!0,u),n)}return n}function N(e,n){e.stopPropagation(),n.expanded=!n.expanded}function I(e){return t.createVNode("div",{id:e.id,class:C(e)},[t.createVNode("div",{class:x(e),style:"display: flex;padding-right: 0.1rem;",onClick:n=>e.enable&&N(n,e)},[s.shouldShowIcon(e)&&t.createVNode("i",{class:s.iconClass(e)},null),t.createVNode("span",null,[e.text]),t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),a(e)])}function r(){c()}return{renderToolbarDropdown:I,clearAllDropDown:r}}function G(){function p(l){const a={"f-icon":!0};if(l.icon){const c=l.icon.trim().split(" ");c&&c.length&&c.reduce((C,x)=>(C[x]=!0,C),a)}return a}function s(l){return!!(l.icon&&l.icon.trim())}return{iconClass:p,shouldShowIcon:s}}const{buildResponseToolbarItems:A}=S(),v=t.defineComponent({name:"FResponseToolbar",props:R,emits:["Click"],setup(p){const s=t.ref(A(p.items)),l=t.ref(),a=t.ref(),c=t.ref(p.alignment),C={id:"__more_buttons__",text:"More"},x=t.ref(new O(C)),N=G(),I=t.computed(()=>x.value.children.length>0),r=t.computed(()=>({"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0})),e=t.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":c.value==="right","justify-content-start":c.value==="left"})),{renderToolbarDropdown:n,clearAllDropDown:i}=H(p,N);function u(){s.value.filter(o=>o.children&&o.children.length>0).forEach(o=>{o.expanded=!1}),x.value.expanded=!1,i()}function w(o){const D={"f-icon":!0};if(o.icon){const b=o.icon.trim().split(" ");b&&b.length&&b.reduce((y,T)=>(y[T]=!0,y),D)}return D}function E(o){return!!(o.icon&&o.icon.trim())}function K(o){const D={btn:!0,"f-rt-btn":!0,"f-btn-ml":c.value==="right","f-btn-mr":c.value==="left","btn-icontext":!!(o.icon&&o.icon.trim())};if(o.class){const b=o.class.split(" ");b&&b.length&&b.reduce((y,T)=>(y[T]=!0,y),D)}return D}function U(o){return t.createVNode("button",{type:"button",class:K(o),id:o.id,disabled:!o.enable,onClick:D=>o.onClick(D,o.id)},[E(o)&&t.createVNode("i",{class:w(o)},null),o.text])}const _=new Map,M=[];function J(o){const D=a.value;let b=o;const y=Array.from(D.children),T=y[y.length-1].id==="__more_buttons__"?y[y.length-1]:null;if(T){const f=T.computedStyleMap().get("margin-left"),g=T.computedStyleMap().get("margin-right"),j=(f?f.value:0)+T.getBoundingClientRect().width+(g?g.value:0);b-=j}const Q=y.filter(f=>f.id!=="__more_buttons__");for(const f of Q){const g=f.computedStyleMap().get("margin-left"),j=f.computedStyleMap().get("margin-right"),k=(g?g.value:0)+f.getBoundingClientRect().width+(j?j.value:0);b<k?(_.set(f.id,!0),M.push({id:f.id,width:k})):b-=k}if(M.length)for(let f=M.length-1;f>=0;f--){const g=M[f].width;if(b>=g)b-=g,_.delete(M[f].id),M.pop();else break}const P=Object.assign({},x.value);P.children=[];const B=new O(P),X=s.value.reduce((f,g)=>(_.has(g.id)&&B.children.push(g),g.visible=!_.has(g.id),f.push(g),f),[]);x.value=B,s.value=X}const W=new ResizeObserver(o=>{if(o.length){const b=o[0].contentRect.width,T=a.value.getBoundingClientRect().width;(b<T||M.length)&&J(b)}});return t.onMounted(()=>{const o=l.value;W.observe(o),document.body.addEventListener("click",u)}),t.onUnmounted(()=>{W.disconnect(),document.body.removeEventListener("click",u)}),t.watch(()=>p.items,()=>{s.value=A(p.items)}),()=>t.createVNode("div",{class:r.value},[t.createVNode("div",{ref:l,class:e.value},[t.createVNode("div",{ref:a,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[s.value.filter(o=>o.visible).map(o=>o.children&&o.children.length>0?n(o):U(o)),I.value&&n(x.value)])])])}});class q{constructor(s,l){d(this,"id");d(this,"name");d(this,"presetId",[]);d(this,"responsedIndex",[]);d(this,"width");this.id=s,this.name=l,this.width=0}setWidth(s){this.width=parseInt(s+"",10)}getWidth(){return this.width}setPreset(s){Array.isArray(s)?this.presetId=this.presetId.concat(s):this.presetId.push(s)}delPreset(){this.presetId=[]}removeResponsed(s){this.responsedIndex.splice(s,1)}setResponsed(s){Array.isArray(s)?this.responsedIndex=this.responsedIndex.concat(s):this.responsedIndex.push(s)}isResponsing(){return this.responsedIndex.length>0}isResponsed(){return this.presetId.length===this.responsedIndex.length}}const F={install(p){p.component(v.name,v)}};h.ResponseToolbar=v,h.ResponseToolbarDropDownItem=O,h.ResponseToolbarGroup=q,h.ResponseToolbarItem=V,h.default=F,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/response-toolbar/package.json

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

package/search-box/index.esm.js

@@ -0,0 +1,208 @@
+import { defineComponent as b, ref as u, computed as C, createVNode as l, createTextVNode as m, resolveComponent as g, watch as h } from "vue";
+const B = {};
+function y(e) {
+  const { properties: t } = e;
+  return Object.keys(t).reduce((o, n) => (o[n] = t[n].type === "object" && t[n].properties ? y(t[n]) : t[n].default, o), {});
+}
+function j(e, t) {
+  const s = y(t);
+  return Object.keys(e).reduce((o, n) => (o[n] = e[n], o), s), s;
+}
+function V(e, t) {
+  return Object.keys(e).filter((o) => e[o] != null).reduce((o, n) => {
+    if (t.has(n)) {
+      const c = t.get(n);
+      if (typeof c == "string")
+        o[c] = e[n];
+      else {
+        const i = c(n, e[n]);
+        Object.assign(o, i);
+      }
+    } else
+      o[n] = e[n];
+    return o;
+  }, {});
+}
+function R(e, t, s = /* @__PURE__ */ new Map()) {
+  const o = j(e, t);
+  return V(o, s);
+}
+function k(e, t, s = /* @__PURE__ */ new Map()) {
+  return B[t.title] = t, (o) => {
+    const n = R(o, t, s), c = Object.keys(e).reduce((i, a) => (i[a] = e[a].default, i), {});
+    return Object.assign(c, n);
+  };
+}
+function O(e, t) {
+  return { customClass: t.class };
+}
+const S = /* @__PURE__ */ new Map([
+  ["appearance", O]
+]), w = "https://json-schema.org/draft/2020-12/schema", D = "https://farris-design.gitee.io/check-box.schema.json", E = "CheckBox", q = "A Farris Input Component", A = "object", F = {
+  id: {
+    description: "The unique identifier for a check box",
+    type: "string"
+  },
+  type: {
+    description: "The type string of check box component",
+    type: "string"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeHolder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, M = [
+  "id",
+  "type"
+], P = {
+  $schema: w,
+  $id: D,
+  title: E,
+  description: q,
+  type: A,
+  properties: F,
+  required: M
+}, x = {
+  /**
+   * 组件值
+   */
+  modelValue: { type: String, default: "" },
+  popupHost: { type: Object },
+  popupRightBoundary: { type: Object },
+  popupOffsetX: { type: Object },
+  recommendedData: { type: Array, default: [] }
+}, T = k(x, P, S), $ = {
+  data: { type: Array, default: [] }
+}, H = /* @__PURE__ */ b({
+  name: "FSearchBoxContainer",
+  props: $,
+  emits: ["confirmResult"],
+  setup(e, t) {
+    const s = u(e.data), o = u(), n = C(() => ({
+      "search-box-container": !0
+    }));
+    function c(a) {
+      var p;
+      (p = o.value) == null || p.search(a);
+    }
+    function i(a) {
+      a.length && t.emit("confirmResult", a[0].name);
+    }
+    return t.expose({
+      search: c
+    }), () => l("div", {
+      class: n.value
+    }, [l("div", {
+      class: "search-box-container-title"
+    }, [m("查询结果")]), l(g("f-list-view"), {
+      ref: o,
+      data: s.value,
+      view: "SingleView",
+      onClickItem: (a) => i(a.data)
+    }, {
+      default: () => [m(" ")]
+    })]);
+  }
+});
+const d = /* @__PURE__ */ b({
+  name: "FSearchBox",
+  props: x,
+  emits: ["update:modelValue", "change"],
+  setup(e, t) {
+    const s = u(e.recommendedData), o = u(), n = u(), c = u("请输入关键词"), i = u('<i class="f-icon f-icon-search"></i>'), a = u(e.modelValue);
+    h(a, (r) => {
+      var f;
+      (f = n.value) == null || f.search(r), t.emit("update:modelValue", r);
+    }), h(() => e.modelValue, (r) => {
+      a.value = r;
+    });
+    function p(r) {
+      o.value.commitValue(r);
+    }
+    function v(r) {
+      t.emit("change", r);
+    }
+    return () => l("div", null, [l(g("f-button-edit"), {
+      ref: o,
+      "button-content": i.value,
+      placeholder: c.value,
+      onChange: v,
+      "enable-clear": !0,
+      "button-behavior": "Execute",
+      modelValue: a.value,
+      "onUpdate:modelValue": (r) => a.value = r,
+      "popup-host": e.popupHost,
+      "popup-right-boundary": e.popupRightBoundary,
+      "popup-offset-x": e.popupOffsetX,
+      "popup-on-input": !0,
+      "popup-on-focus": !0
+    }, {
+      default: () => [l(H, {
+        ref: n,
+        data: s.value,
+        onConfirmResult: p
+      }, null)]
+    })]);
+  }
+}), N = {
+  install(e) {
+    e.component(d.name, d);
+  },
+  register(e, t) {
+    e["search-box"] = d, t["search-box"] = T;
+  }
+};
+export {
+  d as SearchBox,
+  N as default,
+  T as propsResolver,
+  x as searchBoxProps
+};

package/search-box/index.umd.js

@@ -0,0 +1 @@
+(function(c,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(c=typeof globalThis<"u"?globalThis:c||self,t(c["search-box"]={},c.Vue))})(this,function(c,t){"use strict";const y={};function h(e){const{properties:n}=e;return Object.keys(n).reduce((r,o)=>(r[o]=n[o].type==="object"&&n[o].properties?h(n[o]):n[o].default,r),{})}function g(e,n){const s=h(n);return Object.keys(e).reduce((r,o)=>(r[o]=e[o],r),s),s}function x(e,n){return Object.keys(e).filter(r=>e[r]!=null).reduce((r,o)=>{if(n.has(o)){const u=n.get(o);if(typeof u=="string")r[u]=e[o];else{const l=u(o,e[o]);Object.assign(r,l)}}else r[o]=e[o];return r},{})}function C(e,n,s=new Map){const r=g(e,n);return x(r,s)}function V(e,n,s=new Map){return y[n.title]=n,r=>{const o=C(r,n,s),u=Object.keys(e).reduce((l,a)=>(l[a]=e[a].default,l),{});return Object.assign(u,o)}}function B(e,n){return{customClass:n.class}}const j=new Map([["appearance",B]]),R={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/check-box.schema.json",title:"CheckBox",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},f={modelValue:{type:String,default:""},popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},recommendedData:{type:Array,default:[]}},m=V(f,R,j),S={data:{type:Array,default:[]}},O=t.defineComponent({name:"FSearchBoxContainer",props:S,emits:["confirmResult"],setup(e,n){const s=t.ref(e.data),r=t.ref(),o=t.computed(()=>({"search-box-container":!0}));function u(a){var d;(d=r.value)==null||d.search(a)}function l(a){a.length&&n.emit("confirmResult",a[0].name)}return n.expose({search:u}),()=>t.createVNode("div",{class:o.value},[t.createVNode("div",{class:"search-box-container-title"},[t.createTextVNode("查询结果")]),t.createVNode(t.resolveComponent("f-list-view"),{ref:r,data:s.value,view:"SingleView",onClickItem:a=>l(a.data)},{default:()=>[t.createTextVNode(" ")]})])}}),v="",p=t.defineComponent({name:"FSearchBox",props:f,emits:["update:modelValue","change"],setup(e,n){const s=t.ref(e.recommendedData),r=t.ref(),o=t.ref(),u=t.ref("请输入关键词"),l=t.ref('<i class="f-icon f-icon-search"></i>'),a=t.ref(e.modelValue);t.watch(a,i=>{var b;(b=o.value)==null||b.search(i),n.emit("update:modelValue",i)}),t.watch(()=>e.modelValue,i=>{a.value=i});function d(i){r.value.commitValue(i)}function w(i){n.emit("change",i)}return()=>t.createVNode("div",null,[t.createVNode(t.resolveComponent("f-button-edit"),{ref:r,"button-content":l.value,placeholder:u.value,onChange:w,"enable-clear":!0,"button-behavior":"Execute",modelValue:a.value,"onUpdate:modelValue":i=>a.value=i,"popup-host":e.popupHost,"popup-right-boundary":e.popupRightBoundary,"popup-offset-x":e.popupOffsetX,"popup-on-input":!0,"popup-on-focus":!0},{default:()=>[t.createVNode(O,{ref:o,data:s.value,onConfirmResult:d},null)]})])}}),k={install(e){e.component(p.name,p)},register(e,n){e["search-box"]=p,n["search-box"]=m}};c.SearchBox=p,c.default=k,c.propsResolver=m,c.searchBoxProps=f,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/search-box/package.json

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

package/search-box/style.css

@@ -0,0 +1 @@
+.search-box-container{background-color:#fff;background-clip:padding-box}.search-box-container-title{color:#878d99;text-align:left;margin-bottom:10px}