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

package/accordion/index.esm.js

@@ -6,7 +6,7 @@ const C = {
   enableFold: { type: Boolean, default: !0 },
   expanded: { type: Boolean, default: !1 }
 };
-const h = f({
+const h = /* @__PURE__ */ f({
   name: "FAccordion",
   props: C,
   emits: [],
@@ -32,7 +32,7 @@ const h = f({
   title: { type: String, default: "" },
   disable: { type: Boolean, default: !1 }
 };
-const m = f({
+const m = /* @__PURE__ */ f({
   name: "FAccordionItem",
   props: g,
   emits: [],

package/accordion/package.json

@@ -1,6 +1,6 @@
 {
     "name": "accordion",
-    "version": "1.0.0-beta.6",
+    "version": "1.0.0-beta.7",
     "main": "index.umd.js",
     "module": "index.es.js",
     "style": "style.css",

package/avatar/index.esm.js

@@ -1,13 +1,40 @@
 import { ref as s, computed as n, defineComponent as m, createVNode as t } from "vue";
 const C = {
+  /**
+   * 头像宽度
+   */
   avatarWidth: { type: Number, default: 100 },
+  /**
+   * 头像高度
+   */
   avatarHeight: { type: Number, default: 100 },
+  /**
+   * 组件标识
+   */
   cover: { type: String },
+  /**
+   * 只读
+   */
   readonly: { type: Boolean, default: !1 },
+  /**
+   * 头像形状
+   */
   shape: { type: String, default: "circle" },
+  /**
+   * 头像最大尺寸, 单位MB
+   */
   maxSize: { type: Number, default: 1 },
+  /**
+   * 组件值
+   */
   modelValue: { type: String, default: "" },
+  /**
+   * 头像标题
+   */
   tile: { type: String, default: "" },
+  /**
+   * 支持的头像类型
+   */
   type: { type: Array, default: [] }
 };
 function Q(A, y, a, r) {
@@ -35,7 +62,7 @@ function Q(A, y, a, r) {
   }
   return { acceptTypes: c, imageSource: i, imageTitle: f, onClickImage: H };
 }
-const v = m({
+const v = /* @__PURE__ */ m({
   name: "FAvatar",
   props: C,
   emits: ["change", "update:modelValue"],

package/avatar/package.json

@@ -1,6 +1,6 @@
 {
     "name": "avatar",
-    "version": "1.0.0-beta.6",
+    "version": "1.0.0-beta.7",
     "main": "index.umd.js",
     "module": "index.es.js",
     "style": "style.css",

package/button/index.esm.js

@@ -1,11 +1,23 @@
-import { defineComponent as x, createVNode as i, ref as b, nextTick as E } from "vue";
-const V = {
+import { defineComponent as C, ref as p, computed as E, createVNode as i, nextTick as V } from "vue";
+const G = {
+  /**
+   * 组件标识
+   */
   id: String,
+  /**
+   * 设置按钮类型
+   */
   type: { type: String, default: "primary" },
+  /**
+   * 是否禁用
+   */
   disabled: { type: Boolean, default: !1 },
+  /**
+   * 按钮尺寸
+   */
   size: { type: String, default: "small" }
 };
-function G(n, u) {
+function j(n, u) {
   function c(f) {
     f.stopPropagation(), n.disabled || u.emit("click", f);
   }
@@ -13,92 +25,138 @@ function G(n, u) {
     onClickButton: c
   };
 }
-const R = x({
+const R = /* @__PURE__ */ C({
   name: "FButton",
-  props: V,
+  props: G,
   emits: ["click"],
   setup(n, u) {
     const {
       onClickButton: c
-    } = G(n, u);
+    } = j(n, u), f = p(n.size), r = p(n.type), d = p(n.disabled), a = E(() => {
+      const s = {
+        btn: !0,
+        "btn-lg": f.value === "large",
+        "btn-sm": f.value !== "large"
+      };
+      return r.value && (s[`btn-${r.value}`] = !0), s;
+    });
     return () => i("button", {
-      class: (n.size === "large" ? "btn-lg " : "btn-sm ") + "btn " + (n.type ? "btn-" + n.type + " " : ""),
-      disabled: n.disabled,
-      onClick: (f) => c(f)
+      class: a.value,
+      disabled: d.value,
+      onClick: (s) => c(s)
     }, [u.slots.default && u.slots.default()]);
   }
 }), L = {
+  /**
+   * 组件标识
+   */
   id: String,
+  /**
+   * 横向纠正的参照
+   */
   rectifyReferenceH: { type: Object },
+  /**
+   * 纵向纠正的参照
+   */
   rectifyReferenceV: { type: Object },
+  /**
+   * 是否自动纠正位置
+   */
   autoRectify: { type: Boolean, default: !1 },
+  /**
+   * 计算方向的真正placement
+   */
   realPlacement: { type: String, default: "bottom-right" },
+  /**
+   * 重新计算后的placement
+   */
   rectifyPlacement: { type: String, default: "bottom-right" },
+  /**
+   * 按钮信息
+   */
   data: { type: Array },
+  /**
+   * 显示的按钮数量  默认为2
+   */
   count: { type: Number, default: 2 },
+  /**
+   * 按钮大小
+   */
   size: { type: String, default: "small" },
+  /**
+   * 按钮样式
+   */
   type: { type: String, default: "primary" },
+  /**
+   * 按钮展示位置
+   */
   placement: { type: String, default: "bottom" },
+  /**
+   * 下拉面板显示
+   */
   showPanel: { type: Boolean, default: !1 },
+  /**
+   * 下拉面板显示标志
+   */
   dpFlag: { type: Boolean, default: !1 }
 };
-function j(n, u, c, f) {
+function $(n, u, c, f) {
   let r = 0, d = 0;
-  const a = b(n.showPanel);
-  let p = b(n.realPlacement), s = !1;
+  const a = p(n.showPanel), s = p(n.realPlacement);
+  let g = !1;
   function h() {
     c.value && document.body.appendChild(c.value);
   }
   function k() {
     a.value = !0;
   }
-  function y() {
+  function b() {
     a.value = !1;
   }
   function P() {
-    a.value && !s && setTimeout(() => {
-      a.value && !s && (y(), s = !1);
+    a.value && !g && setTimeout(() => {
+      a.value && !g && (b(), g = !1);
     }, 1e3);
   }
   function e() {
     setTimeout(() => {
-      a.value && (y(), s = !1);
+      a.value && (b(), g = !1);
     }, 1e3);
   }
-  function g() {
-    k(), s = !0;
+  function m() {
+    k(), g = !0;
   }
-  function B() {
+  function x() {
     e();
   }
-  function C() {
-    let l = document.documentElement.clientWidth, t = document.documentElement.clientHeight, o = 0, v = 0;
+  function O() {
+    let l = document.documentElement.clientWidth, t = document.documentElement.clientHeight, o = 0, y = 0;
     if (n.rectifyReferenceH) {
-      const m = document.querySelector("props.rectifyReferenceH");
-      m && (l = m.getBoundingClientRect().right, v = m.getBoundingClientRect().left);
+      const v = document.querySelector("props.rectifyReferenceH");
+      v && (l = v.getBoundingClientRect().right, y = v.getBoundingClientRect().left);
     }
     if (n.rectifyReferenceV) {
-      const m = document.querySelector("props.rectifyReferenceV");
-      m && (t = m.getBoundingClientRect().bottom, o = m.getBoundingClientRect().top);
+      const v = document.querySelector("props.rectifyReferenceV");
+      v && (t = v.getBoundingClientRect().bottom, o = v.getBoundingClientRect().top);
     }
-    return { top: o, left: v, right: l, bottom: t };
+    return { top: o, left: y, right: l, bottom: t };
   }
-  function M(l) {
+  function B(l) {
     if (!n.autoRectify)
       return;
-    const t = C(), o = p;
-    o.value.indexOf("bottom") > -1 ? d > t.bottom - l.bottom && (o.value = o.value.replace("bottom", "top")) : o.value.indexOf("top") > -1 && d > l.top - t.top && (o.value = o.value.replace("top", "bottom")), o.value.indexOf("left") > -1 ? r > l.left - t.left && (o.value = o.value.replace("left", "right")) : o.value.indexOf("right") > -1 && r > t.right - l.right && (o.value = o.value.replace("right", "left")), p = o;
+    const t = O(), o = s;
+    o.value.indexOf("bottom") > -1 ? d > t.bottom - l.bottom && (o.value = o.value.replace("bottom", "top")) : o.value.indexOf("top") > -1 && d > l.top - t.top && (o.value = o.value.replace("top", "bottom")), o.value.indexOf("left") > -1 ? r > l.left - t.left && (o.value = o.value.replace("left", "right")) : o.value.indexOf("right") > -1 && r > t.right - l.right && (o.value = o.value.replace("right", "left")), s.value = o.value;
   }
-  function O(l) {
+  function M(l) {
     let t = "";
-    n.autoRectify ? t = n.rectifyPlacement : t = p.value;
-    let o = 0, v = 0;
-    t.indexOf("top") > -1 ? o = l.top - d : t.indexOf("bottom") > -1 && (o = l.bottom), t.indexOf("right") > -1 ? v = l.right : t.indexOf("left") > -1 && (v = l.left - r), t.indexOf("-top") > -1 ? o -= l.height : t.indexOf("-bottom") > -1 && (o += l.height), c.value.style.top = o + "px", c.value.style.left = v + "px";
+    n.autoRectify ? t = n.rectifyPlacement : t = s.value;
+    let o = 0, y = 0;
+    t.indexOf("top") > -1 ? o = l.top - d : t.indexOf("bottom") > -1 && (o = l.bottom), t.indexOf("right") > -1 ? y = l.right : t.indexOf("left") > -1 && (y = l.left - r), t.indexOf("-top") > -1 ? o -= l.height : t.indexOf("-bottom") > -1 && (o += l.height), c.value.style.top = o + "px", c.value.style.left = y + "px";
   }
   async function F() {
-    await E();
+    await V();
     const l = f.value.getBoundingClientRect(), t = c.value.getBoundingClientRect();
-    d = t.height, r = t.width, n.autoRectify && M(l), O(l);
+    d = t.height, r = t.width, n.autoRectify && B(l), M(l);
   }
   function T(l) {
     l.stopPropagation(), a.value = !a.value, a.value && (h(), F()), u.emit("changeState", a.value);
@@ -124,32 +182,32 @@ function j(n, u, c, f) {
       default:
         t = l;
     }
-    p.value = t;
+    s.value = t;
   }
   return {
     showPanel: a,
     clickEvent: T,
     toggle: H,
     getRealPlacement: S,
-    bindMenuMouseenter: g,
+    bindMenuMouseenter: m,
     unbindMenuMouseleave: P,
-    bindMenuMouseleave: B
+    bindMenuMouseleave: x
   };
 }
-const w = x({
+const w = /* @__PURE__ */ C({
   name: "FButtonGroup",
   props: L,
   emits: ["click", "changeState", "change", "clickMenuOut"],
   setup(n, u) {
-    const c = n.data && n.data.slice(0, n.count) || [], f = n.data && n.data.slice(n.count) || [], r = b(), d = b(), {
+    const c = n.data && n.data.slice(0, n.count) || [], f = n.data && n.data.slice(n.count) || [], r = p(), d = p(), {
       showPanel: a,
-      clickEvent: p,
-      toggle: s,
+      clickEvent: s,
+      toggle: g,
       getRealPlacement: h,
       bindMenuMouseenter: k,
-      unbindMenuMouseleave: y,
+      unbindMenuMouseleave: b,
       bindMenuMouseleave: P
-    } = j(n, u, r, d);
+    } = $(n, u, r, d);
     return h(n.placement), () => i("div", {
       class: "f-btn-group"
     }, [i("div", {
@@ -159,22 +217,22 @@ const w = x({
       id: e.id,
       title: e.id,
       class: "btn btn-link btn-icontext" + (e.disabled ? " disabled" : ""),
-      onClick: (g) => s(g, e)
+      onClick: (m) => g(m, e)
     }, [i("i", {
-      class: "'f-icon '+ btn.icon?btn.icon:''"
+      class: `f-icon ${e.icon ? e.icon : ""}`
     }, null)]), !e.icon && i("button", {
       id: e.id,
       class: "btn " + (e.type ? "btn-" + e.type : "btn-link") + " " + (e.type && e.type !== "link" ? "f-btn-ml" : "") + (e.disabled ? " disabled" : ""),
-      onClick: (g) => s(g, e)
+      onClick: (m) => g(m, e)
     }, [e == null ? void 0 : e.text])]))]), f.length ? i("div", {
       class: "btn-group f-btn-group-dropdown",
-      onMouseleave: (e) => y()
+      onMouseleave: (e) => b()
     }, [i("button", {
       title: "button",
       ref: d,
       type: "button",
       class: "f-btn-dropdown",
-      onClick: (e) => p(e)
+      onClick: (e) => s(e)
     }, [i("span", {
       class: "f-icon f-icon-lookup"
     }, null)]), i("div", {
@@ -186,9 +244,9 @@ const w = x({
     }, [f.map((e) => i("div", null, [i("div", null, [e.divider && i("div", {
       class: "dropdown-divider"
     }, null), i("li", {
-      id: "dpBtn.id",
+      id: e.id,
       class: "dropdown-item" + (e.disabled ? " disabled" : ""),
-      onClick: (g) => s(g, e)
+      onClick: (m) => g(m, e)
     }, [e.icon && i("i", {
       class: "f-icon dropdown-item-icon" + e.icon
     }, null), i("span", null, [e == null ? void 0 : e.text])])])]))])]) : ""]);
@@ -200,7 +258,8 @@ const w = x({
 };
 export {
   R as FButton,
+  w as FButtonGroup,
   L as buttonGroupProps,
-  V as buttonProps,
+  G as buttonProps,
   N as default
 };

package/button/index.umd.js

@@ -1 +1 @@
-(function(f,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(f=typeof globalThis<"u"?globalThis:f||self,o(f.button={},f.Vue))})(this,function(f,o){"use strict";const R={id:String,type:{type:String,default:"primary"},disabled:{type:Boolean,default:!1},size:{type:String,default:"small"}};function B(n,c){function u(d){d.stopPropagation(),n.disabled||c.emit("click",d)}return{onClickButton:u}}const v=o.defineComponent({name:"FButton",props:R,emits:["click"],setup(n,c){const{onClickButton:u}=B(n,c);return()=>o.createVNode("button",{class:(n.size==="large"?"btn-lg ":"btn-sm ")+"btn "+(n.type?"btn-"+n.type+" ":""),disabled:n.disabled,onClick:d=>u(d)},[c.slots.default&&c.slots.default()])}}),N={id:String,rectifyReferenceH:{type:Object},rectifyReferenceV:{type:Object},autoRectify:{type:Boolean,default:!1},realPlacement:{type:String,default:"bottom-right"},rectifyPlacement:{type:String,default:"bottom-right"},data:{type:Array},count:{type:Number,default:2},size:{type:String,default:"small"},type:{type:String,default:"primary"},placement:{type:String,default:"bottom"},showPanel:{type:Boolean,default:!1},dpFlag:{type:Boolean,default:!1}};function C(n,c,u,d){let s=0,m=0;const a=o.ref(n.showPanel);let b=o.ref(n.realPlacement),r=!1;function P(){u.value&&document.body.appendChild(u.value)}function k(){a.value=!0}function h(){a.value=!1}function V(){a.value&&!r&&setTimeout(()=>{a.value&&!r&&(h(),r=!1)},1e3)}function e(){setTimeout(()=>{a.value&&(h(),r=!1)},1e3)}function g(){k(),r=!0}function O(){e()}function x(){let i=document.documentElement.clientWidth,t=document.documentElement.clientHeight,l=0,y=0;if(n.rectifyReferenceH){const p=document.querySelector("props.rectifyReferenceH");p&&(i=p.getBoundingClientRect().right,y=p.getBoundingClientRect().left)}if(n.rectifyReferenceV){const p=document.querySelector("props.rectifyReferenceV");p&&(t=p.getBoundingClientRect().bottom,l=p.getBoundingClientRect().top)}return{top:l,left:y,right:i,bottom:t}}function T(i){if(!n.autoRectify)return;const t=x(),l=b;l.value.indexOf("bottom")>-1?m>t.bottom-i.bottom&&(l.value=l.value.replace("bottom","top")):l.value.indexOf("top")>-1&&m>i.top-t.top&&(l.value=l.value.replace("top","bottom")),l.value.indexOf("left")>-1?s>i.left-t.left&&(l.value=l.value.replace("left","right")):l.value.indexOf("right")>-1&&s>t.right-i.right&&(l.value=l.value.replace("right","left")),b=l}function F(i){let t="";n.autoRectify?t=n.rectifyPlacement:t=b.value;let l=0,y=0;t.indexOf("top")>-1?l=i.top-m:t.indexOf("bottom")>-1&&(l=i.bottom),t.indexOf("right")>-1?y=i.right:t.indexOf("left")>-1&&(y=i.left-s),t.indexOf("-top")>-1?l-=i.height:t.indexOf("-bottom")>-1&&(l+=i.height),u.value.style.top=l+"px",u.value.style.left=y+"px"}async function S(){await o.nextTick();const i=d.value.getBoundingClientRect(),t=u.value.getBoundingClientRect();m=t.height,s=t.width,n.autoRectify&&T(i),F(i)}function H(i){i.stopPropagation(),a.value=!a.value,a.value&&(P(),S()),c.emit("changeState",a.value)}function E(i,t){i.stopPropagation(),!t.disabled&&(a.value=!1,c.emit("change",t.id),c.emit("click",t))}function G(i){let t="bottom-right";switch(i){case"top":t="top-right";break;case"left":t="left-bottom";break;case"right":t="right-bottom";break;case"bottom":t="bottom-right";break;default:t=i}b.value=t}return{showPanel:a,clickEvent:H,toggle:E,getRealPlacement:G,bindMenuMouseenter:g,unbindMenuMouseleave:V,bindMenuMouseleave:O}}const w=o.defineComponent({name:"FButtonGroup",props:N,emits:["click","changeState","change","clickMenuOut"],setup(n,c){const u=n.data&&n.data.slice(0,n.count)||[],d=n.data&&n.data.slice(n.count)||[],s=o.ref(),m=o.ref(),{showPanel:a,clickEvent:b,toggle:r,getRealPlacement:P,bindMenuMouseenter:k,unbindMenuMouseleave:h,bindMenuMouseleave:V}=C(n,c,s,m);return P(n.placement),()=>o.createVNode("div",{class:"f-btn-group"},[o.createVNode("div",{class:(n.size==="large"?"btn-group-lg":"btn-group-sm")+" btn-group f-btn-group-links"},[u.map(e=>o.createVNode("div",null,[e.icon&&o.createVNode("button",{type:"button",id:e.id,title:e.id,class:"btn btn-link btn-icontext"+(e.disabled?" disabled":""),onClick:g=>r(g,e)},[o.createVNode("i",{class:"'f-icon '+ btn.icon?btn.icon:''"},null)]),!e.icon&&o.createVNode("button",{id:e.id,class:"btn "+(e.type?"btn-"+e.type:"btn-link")+" "+(e.type&&e.type!=="link"?"f-btn-ml":"")+(e.disabled?" disabled":""),onClick:g=>r(g,e)},[e==null?void 0:e.text])]))]),d.length?o.createVNode("div",{class:"btn-group f-btn-group-dropdown",onMouseleave:e=>h()},[o.createVNode("button",{title:"button",ref:m,type:"button",class:"f-btn-dropdown",onClick:e=>b(e)},[o.createVNode("span",{class:"f-icon f-icon-lookup"},null)]),o.createVNode("div",{ref:s,class:"dropdown-menu f-btn-group-dropdown-menu"+(a.value?" show":""),style:"position:fixed;",onMouseenter:e=>k(),onMouseleave:e=>V()},[d.map(e=>o.createVNode("div",null,[o.createVNode("div",null,[e.divider&&o.createVNode("div",{class:"dropdown-divider"},null),o.createVNode("li",{id:"dpBtn.id",class:"dropdown-item"+(e.disabled?" disabled":""),onClick:g=>r(g,e)},[e.icon&&o.createVNode("i",{class:"f-icon dropdown-item-icon"+e.icon},null),o.createVNode("span",null,[e==null?void 0:e.text])])])]))])]):""])}}),M={install(n){n.component(v.name,v),n.component(w.name,w)}};f.FButton=v,f.buttonGroupProps=N,f.buttonProps=R,f.default=M,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(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.button={},c.Vue))})(this,function(c,t){"use strict";const N={id:String,type:{type:String,default:"primary"},disabled:{type:Boolean,default:!1},size:{type:String,default:"small"}};function w(o,u){function f(s){s.stopPropagation(),o.disabled||u.emit("click",s)}return{onClickButton:f}}const v=t.defineComponent({name:"FButton",props:N,emits:["click"],setup(o,u){const{onClickButton:f}=w(o,u),s=t.ref(o.size),d=t.ref(o.type),m=t.ref(o.disabled),a=t.computed(()=>{const r={btn:!0,"btn-lg":s.value==="large","btn-sm":s.value!=="large"};return d.value&&(r[`btn-${d.value}`]=!0),r});return()=>t.createVNode("button",{class:a.value,disabled:m.value,onClick:r=>f(r)},[u.slots.default&&u.slots.default()])}}),C={id:String,rectifyReferenceH:{type:Object},rectifyReferenceV:{type:Object},autoRectify:{type:Boolean,default:!1},realPlacement:{type:String,default:"bottom-right"},rectifyPlacement:{type:String,default:"bottom-right"},data:{type:Array},count:{type:Number,default:2},size:{type:String,default:"small"},type:{type:String,default:"primary"},placement:{type:String,default:"bottom"},showPanel:{type:Boolean,default:!1},dpFlag:{type:Boolean,default:!1}};function B(o,u,f,s){let d=0,m=0;const a=t.ref(o.showPanel),r=t.ref(o.realPlacement);let g=!1;function k(){f.value&&document.body.appendChild(f.value)}function V(){a.value=!0}function h(){a.value=!1}function R(){a.value&&!g&&setTimeout(()=>{a.value&&!g&&(h(),g=!1)},1e3)}function e(){setTimeout(()=>{a.value&&(h(),g=!1)},1e3)}function p(){V(),g=!0}function O(){e()}function x(){let l=document.documentElement.clientWidth,n=document.documentElement.clientHeight,i=0,b=0;if(o.rectifyReferenceH){const y=document.querySelector("props.rectifyReferenceH");y&&(l=y.getBoundingClientRect().right,b=y.getBoundingClientRect().left)}if(o.rectifyReferenceV){const y=document.querySelector("props.rectifyReferenceV");y&&(n=y.getBoundingClientRect().bottom,i=y.getBoundingClientRect().top)}return{top:i,left:b,right:l,bottom:n}}function T(l){if(!o.autoRectify)return;const n=x(),i=r;i.value.indexOf("bottom")>-1?m>n.bottom-l.bottom&&(i.value=i.value.replace("bottom","top")):i.value.indexOf("top")>-1&&m>l.top-n.top&&(i.value=i.value.replace("top","bottom")),i.value.indexOf("left")>-1?d>l.left-n.left&&(i.value=i.value.replace("left","right")):i.value.indexOf("right")>-1&&d>n.right-l.right&&(i.value=i.value.replace("right","left")),r.value=i.value}function F(l){let n="";o.autoRectify?n=o.rectifyPlacement:n=r.value;let i=0,b=0;n.indexOf("top")>-1?i=l.top-m:n.indexOf("bottom")>-1&&(i=l.bottom),n.indexOf("right")>-1?b=l.right:n.indexOf("left")>-1&&(b=l.left-d),n.indexOf("-top")>-1?i-=l.height:n.indexOf("-bottom")>-1&&(i+=l.height),f.value.style.top=i+"px",f.value.style.left=b+"px"}async function S(){await t.nextTick();const l=s.value.getBoundingClientRect(),n=f.value.getBoundingClientRect();m=n.height,d=n.width,o.autoRectify&&T(l),F(l)}function G(l){l.stopPropagation(),a.value=!a.value,a.value&&(k(),S()),u.emit("changeState",a.value)}function H(l,n){l.stopPropagation(),!n.disabled&&(a.value=!1,u.emit("change",n.id),u.emit("click",n))}function j(l){let n="bottom-right";switch(l){case"top":n="top-right";break;case"left":n="left-bottom";break;case"right":n="right-bottom";break;case"bottom":n="bottom-right";break;default:n=l}r.value=n}return{showPanel:a,clickEvent:G,toggle:H,getRealPlacement:j,bindMenuMouseenter:p,unbindMenuMouseleave:R,bindMenuMouseleave:O}}const P=t.defineComponent({name:"FButtonGroup",props:C,emits:["click","changeState","change","clickMenuOut"],setup(o,u){const f=o.data&&o.data.slice(0,o.count)||[],s=o.data&&o.data.slice(o.count)||[],d=t.ref(),m=t.ref(),{showPanel:a,clickEvent:r,toggle:g,getRealPlacement:k,bindMenuMouseenter:V,unbindMenuMouseleave:h,bindMenuMouseleave:R}=B(o,u,d,m);return k(o.placement),()=>t.createVNode("div",{class:"f-btn-group"},[t.createVNode("div",{class:(o.size==="large"?"btn-group-lg":"btn-group-sm")+" btn-group f-btn-group-links"},[f.map(e=>t.createVNode("div",null,[e.icon&&t.createVNode("button",{type:"button",id:e.id,title:e.id,class:"btn btn-link btn-icontext"+(e.disabled?" disabled":""),onClick:p=>g(p,e)},[t.createVNode("i",{class:`f-icon ${e.icon?e.icon:""}`},null)]),!e.icon&&t.createVNode("button",{id:e.id,class:"btn "+(e.type?"btn-"+e.type:"btn-link")+" "+(e.type&&e.type!=="link"?"f-btn-ml":"")+(e.disabled?" disabled":""),onClick:p=>g(p,e)},[e==null?void 0:e.text])]))]),s.length?t.createVNode("div",{class:"btn-group f-btn-group-dropdown",onMouseleave:e=>h()},[t.createVNode("button",{title:"button",ref:m,type:"button",class:"f-btn-dropdown",onClick:e=>r(e)},[t.createVNode("span",{class:"f-icon f-icon-lookup"},null)]),t.createVNode("div",{ref:d,class:"dropdown-menu f-btn-group-dropdown-menu"+(a.value?" show":""),style:"position:fixed;",onMouseenter:e=>V(),onMouseleave:e=>R()},[s.map(e=>t.createVNode("div",null,[t.createVNode("div",null,[e.divider&&t.createVNode("div",{class:"dropdown-divider"},null),t.createVNode("li",{id:e.id,class:"dropdown-item"+(e.disabled?" disabled":""),onClick:p=>g(p,e)},[e.icon&&t.createVNode("i",{class:"f-icon dropdown-item-icon"+e.icon},null),t.createVNode("span",null,[e==null?void 0:e.text])])])]))])]):""])}}),M={install(o){o.component(v.name,v),o.component(P.name,P)}};c.FButton=v,c.FButtonGroup=P,c.buttonGroupProps=C,c.buttonProps=N,c.default=M,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/button/package.json

@@ -1,6 +1,6 @@
 {
     "name": "button",
-    "version": "1.0.0-beta.6",
+    "version": "1.0.0-beta.7",
     "main": "index.umd.js",
     "module": "index.es.js",
     "style": "style.css",

package/button-edit/index.esm.js

@@ -1,22 +1,76 @@
 import { computed as d, watch as P, ref as g, defineComponent as E, createVNode as f, Teleport as H, Fragment as _, mergeProps as q, withDirectives as z, vShow as J } from "vue";
 const Q = {
+  /**
+   * 组件标识
+   */
   id: String,
+  /**
+   * 扩展按钮显示内容，这是一段现在扩展按钮中的html标签
+   */
   buttonContent: { type: String, default: '<i class="f-icon f-icon-lookup"></i>' },
+  /**
+   * 启用输入框自动完成功能
+   */
   autoComplete: { type: Boolean, default: !1 },
+  /**
+   * 组件自定义样式
+   */
   customClass: { type: String, default: "" },
+  /**
+   * 禁用组件，既不允许在输入框中录入，也不允许点击扩展按钮。
+   */
   disable: { type: Boolean, default: !1 },
+  /**
+   * 允许在输入框中录入文本。
+   */
   editable: { type: Boolean, default: !0 },
+  /**
+   * 显示清空文本按钮
+   */
   enableClear: { type: Boolean, default: !1 },
+  /**
+   * 组件值
+   */
   modelValue: { type: String, default: "" },
+  /**
+   * 将组件设置为只读，既不允许在输入框中录入，也不允许点击扩展按钮，但是允许复制输入框中的内容。
+   */
   readonly: { type: Boolean, default: !1 },
+  /**
+   * 文本对齐方式
+   */
   textAlign: { type: String, default: "left" },
+  /**
+   * 禁用组件时，是否显示扩展按钮
+   */
   showButtonWhenDisabled: { type: Boolean, default: !1 },
+  /**
+   * 显示输入框的标签
+   */
   enableTitle: { type: Boolean, default: !1 },
+  /**
+   * 输入框类型
+   */
   inputType: { type: String, default: "text" },
+  /**
+   * 显示输入框提示信息
+   */
   forcePlaceholder: { type: Boolean, default: !1 },
+  /**
+   * 输入框提示文本
+   */
   placeholder: { type: String, default: "" },
+  /**
+   * 输入框最小长度
+   */
   minLength: Number,
+  /**
+   * 输入框最大长度
+   */
   maxLength: Number,
+  /**
+   * 输入框Tab键索引
+   */
   tabIndex: Number
 };
 function X(e, n, o) {
@@ -124,7 +178,7 @@ function Y(e, n, o, r, a) {
     v.stopPropagation(), (y || b) && (s("", !1), c(!l.value), n.emit("clear"));
   }
   function B(v) {
-    if (!!u.value) {
+    if (u.value) {
       if (!o.value) {
         c(!1);
         return;
@@ -133,7 +187,7 @@ function Y(e, n, o, r, a) {
     }
   }
   function m(v) {
-    !u.value || c(!1);
+    u.value && c(!1);
   }
   return {
     enableClearButton: u,
@@ -145,7 +199,7 @@ function Y(e, n, o, r, a) {
 }
 const Z = {
   popupContentPosition: { type: Object, default: { left: 0, top: 0 } }
-}, $ = E({
+}, $ = /* @__PURE__ */ E({
   name: "FOverlay",
   props: Z,
   emits: ["click"],
@@ -174,7 +228,7 @@ const Z = {
       }
     });
   }
-}), M = E({
+}), M = /* @__PURE__ */ E({
   name: "FButtonEdit",
   props: Q,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],

package/button-edit/index.umd.js

@@ -1 +1 @@
-(function(m,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(m=typeof globalThis<"u"?globalThis:m||self,t(m["button-edit"]={},m.Vue))})(this,function(m,t){"use strict";const w={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},textAlign:{type:String,default:"left"},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number};function P(e,o,l){const f=t.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),u=t.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable);function a(c){u.value&&(l.value=!0,o.emit("clickButton",{origin:c,value:e.modelValue})),c.stopPropagation()}function i(c){o.emit("mouseEnterIcon",c)}function s(c){o.emit("mouseLeaveIcon",c)}function d(){o.emit("mouseOverButton")}return{buttonClass:f,onClickButton:a,onMouseEnterButton:i,onMouseLeaveButton:s,onMouseOverButton:d}}function M(e,o,l,f){const u=t.computed(()=>e.enableTitle?l.value:""),a=t.computed(()=>(e.disable||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),i=t.computed(()=>e.readonly||!e.editable);let s=!1;const d=t.computed(()=>!e.disable&&s),c=t.computed(()=>({"text-left":e.textAlign==="left","text-center":e.textAlign==="center","text-right":e.textAlign==="right","form-control":!0,"f-utils-fill":!0}));function x(n,r=!0){l.value!==n&&(l.value=n,r&&o.emit("change",n),o.emit("update:modelValue",n))}t.watch(()=>e.modelValue,n=>{l.value=n,o.emit("change",n)});function g(n){s=!1,o.emit("blur",n),n.stopPropagation()}function B(n){o.emit("click",n)}function b(n){if(e.disable){s=!0;return}s=!0,i.value||o.emit("focus",n)}function y(n){o.emit("input",n.target.value);const r=n.target.value;f.value=r,l.value!==r&&x(r,!1)}function T(n){n.target.tagName!=="INPUT"&&n.preventDefault(),n.stopPropagation()}function v(n){o.emit("keydown",n)}function k(n){o.emit("keyup",n)}function V(n){const r=n.target.value;x(r)}return{hasFocusedTextBox:d,isTextBoxReadonly:i,textBoxClass:c,textBoxPlaceholder:a,textBoxTitle:u,changeTextBoxValue:x,onBlurTextBox:g,onClickTextBox:B,onFocusTextBox:b,onInput:y,onKeyDownTextBox:v,onKeyUpTextBox:k,onMouseDownTextBox:T,onTextBoxValueChange:V}}function N(e,o,l,f,u){const a=t.ref(!1),i=t.computed(()=>e.enableClear&&!e.readonly&&!e.disable),{changeTextBoxValue:s}=M(e,o,l,u);function d(B){a.value=B}t.watch(u,()=>{f.value?d(!!u.value):d(!1)});function c(B){const b=!e.readonly&&!e.disable&&e.editable,y=!e.editable;B.stopPropagation(),(b||y)&&(s("",!1),d(!a.value),o.emit("clear"))}function x(B){if(!!i.value){if(!l.value){d(!1);return}(!e.editable||!e.readonly)&&!e.disable&&d(!0)}}function g(B){!i.value||d(!1)}return{enableClearButton:i,showClearButton:a,onClearValue:c,onMouseEnterTextBox:x,onMouseLeaveTextBox:g}}const E={popupContentPosition:{type:Object,default:{left:0,top:0}}},S=t.defineComponent({name:"FOverlay",props:E,emits:["click"],setup(e,o){const l=t.ref(e.popupContentPosition);function f(a){o.emit("click"),a.preventDefault(),a.stopPropagation()}const u=t.computed(()=>({position:"relative",left:`${l.value.left}px`,top:`${l.value.top}px`}));return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var a,i;return[t.createVNode("div",{class:"overlay-container",style:"pointer-events: auto;",onClick:s=>f(s)},[t.createVNode("div",{style:u.value},[(i=(a=o.slots).default)==null?void 0:i.call(a)])])]}})}}),p=t.defineComponent({name:"FButtonEdit",props:w,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(e,o){const l=t.ref(),f=t.ref(e.modelValue),u=t.ref(!1),{buttonClass:a,onClickButton:i,onMouseEnterButton:s,onMouseLeaveButton:d}=P(e,o,u),c=t.ref(""),{hasFocusedTextBox:x,isTextBoxReadonly:g,textBoxClass:B,textBoxPlaceholder:b,textBoxTitle:y,onBlurTextBox:T,onClickTextBox:v,onFocusTextBox:k,onInput:V,onKeyDownTextBox:n,onKeyUpTextBox:r,onMouseDownTextBox:L,onTextBoxValueChange:O}=M(e,o,f,c),{enableClearButton:D,showClearButton:F,onClearValue:K,onMouseEnterTextBox:j,onMouseLeaveTextBox:A}=N(e,o,f,x,c),R=t.computed(()=>({"input-group":!0,"f-state-disable":e.disable,"f-state-editable":e.editable&&!e.disable&&!e.readonly,"f-state-readonly":e.readonly&&!e.disable,"f-state-focus":x}));function U(){u.value=!1}const W=t.computed(()=>u.value),_=()=>{if(l.value){const C=l.value.getBoundingClientRect(),{left:h,top:G,height:H}=C;return{left:h,top:G+H}}return{left:0,top:0}};function q(C){u.value=!1}return o.expose({commitValue:q}),()=>t.createVNode(t.Fragment,null,[t.createVNode("div",t.mergeProps(o.attrs,{ref:l,class:"f-cmp-inputgroup",id:e.id}),[t.createVNode("div",{class:[e.customClass,R.value],onMouseenter:j,onMouseleave:A},[t.createVNode("input",{name:"input-group-value",autocomplete:""+e.autoComplete,class:B.value,disabled:e.disable,maxlength:e.maxLength,minlength:e.minLength,placeholder:b.value,readonly:g.value,tabindex:e.tabIndex,title:y.value,type:e.inputType,value:f.value,onBlur:T,onChange:O,onClick:v,onFocus:k,onInput:V,onKeydown:n,onKeyup:r,onMousedown:L},null),t.createVNode("div",{class:a.value},[D.value&&t.withDirectives(t.createVNode("span",{class:"input-group-text input-group-clear",onClick:K},[t.createVNode("i",{class:"f-icon modal_close"},null)]),[[t.vShow,F.value]]),e.buttonContent&&t.createVNode("span",{class:"input-group-text input-group-append-button",onClick:i,onMouseenter:s,onMouseleave:d,innerHTML:e.buttonContent},null)])])]),W.value&&t.createVNode(S,{"popup-content-position":_(),onClick:U},{default:()=>{var C,h;return[(h=(C=o.slots).default)==null?void 0:h.call(C)]}})])}}),I={install(e){e.component(p.name,p)}};m.ButtonEdit=p,m.buttonEditProps=w,m.default=I,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(m,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(m=typeof globalThis<"u"?globalThis:m||self,t(m["button-edit"]={},m.Vue))})(this,function(m,t){"use strict";const w={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},textAlign:{type:String,default:"left"},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number};function P(e,o,l){const f=t.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),u=t.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable);function a(c){u.value&&(l.value=!0,o.emit("clickButton",{origin:c,value:e.modelValue})),c.stopPropagation()}function i(c){o.emit("mouseEnterIcon",c)}function s(c){o.emit("mouseLeaveIcon",c)}function d(){o.emit("mouseOverButton")}return{buttonClass:f,onClickButton:a,onMouseEnterButton:i,onMouseLeaveButton:s,onMouseOverButton:d}}function M(e,o,l,f){const u=t.computed(()=>e.enableTitle?l.value:""),a=t.computed(()=>(e.disable||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),i=t.computed(()=>e.readonly||!e.editable);let s=!1;const d=t.computed(()=>!e.disable&&s),c=t.computed(()=>({"text-left":e.textAlign==="left","text-center":e.textAlign==="center","text-right":e.textAlign==="right","form-control":!0,"f-utils-fill":!0}));function x(n,r=!0){l.value!==n&&(l.value=n,r&&o.emit("change",n),o.emit("update:modelValue",n))}t.watch(()=>e.modelValue,n=>{l.value=n,o.emit("change",n)});function g(n){s=!1,o.emit("blur",n),n.stopPropagation()}function B(n){o.emit("click",n)}function b(n){if(e.disable){s=!0;return}s=!0,i.value||o.emit("focus",n)}function y(n){o.emit("input",n.target.value);const r=n.target.value;f.value=r,l.value!==r&&x(r,!1)}function T(n){n.target.tagName!=="INPUT"&&n.preventDefault(),n.stopPropagation()}function v(n){o.emit("keydown",n)}function k(n){o.emit("keyup",n)}function V(n){const r=n.target.value;x(r)}return{hasFocusedTextBox:d,isTextBoxReadonly:i,textBoxClass:c,textBoxPlaceholder:a,textBoxTitle:u,changeTextBoxValue:x,onBlurTextBox:g,onClickTextBox:B,onFocusTextBox:b,onInput:y,onKeyDownTextBox:v,onKeyUpTextBox:k,onMouseDownTextBox:T,onTextBoxValueChange:V}}function N(e,o,l,f,u){const a=t.ref(!1),i=t.computed(()=>e.enableClear&&!e.readonly&&!e.disable),{changeTextBoxValue:s}=M(e,o,l,u);function d(B){a.value=B}t.watch(u,()=>{f.value?d(!!u.value):d(!1)});function c(B){const b=!e.readonly&&!e.disable&&e.editable,y=!e.editable;B.stopPropagation(),(b||y)&&(s("",!1),d(!a.value),o.emit("clear"))}function x(B){if(i.value){if(!l.value){d(!1);return}(!e.editable||!e.readonly)&&!e.disable&&d(!0)}}function g(B){i.value&&d(!1)}return{enableClearButton:i,showClearButton:a,onClearValue:c,onMouseEnterTextBox:x,onMouseLeaveTextBox:g}}const E={popupContentPosition:{type:Object,default:{left:0,top:0}}},S=t.defineComponent({name:"FOverlay",props:E,emits:["click"],setup(e,o){const l=t.ref(e.popupContentPosition);function f(a){o.emit("click"),a.preventDefault(),a.stopPropagation()}const u=t.computed(()=>({position:"relative",left:`${l.value.left}px`,top:`${l.value.top}px`}));return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var a,i;return[t.createVNode("div",{class:"overlay-container",style:"pointer-events: auto;",onClick:s=>f(s)},[t.createVNode("div",{style:u.value},[(i=(a=o.slots).default)==null?void 0:i.call(a)])])]}})}}),p=t.defineComponent({name:"FButtonEdit",props:w,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(e,o){const l=t.ref(),f=t.ref(e.modelValue),u=t.ref(!1),{buttonClass:a,onClickButton:i,onMouseEnterButton:s,onMouseLeaveButton:d}=P(e,o,u),c=t.ref(""),{hasFocusedTextBox:x,isTextBoxReadonly:g,textBoxClass:B,textBoxPlaceholder:b,textBoxTitle:y,onBlurTextBox:T,onClickTextBox:v,onFocusTextBox:k,onInput:V,onKeyDownTextBox:n,onKeyUpTextBox:r,onMouseDownTextBox:L,onTextBoxValueChange:O}=M(e,o,f,c),{enableClearButton:D,showClearButton:F,onClearValue:K,onMouseEnterTextBox:j,onMouseLeaveTextBox:A}=N(e,o,f,x,c),R=t.computed(()=>({"input-group":!0,"f-state-disable":e.disable,"f-state-editable":e.editable&&!e.disable&&!e.readonly,"f-state-readonly":e.readonly&&!e.disable,"f-state-focus":x}));function U(){u.value=!1}const W=t.computed(()=>u.value),_=()=>{if(l.value){const C=l.value.getBoundingClientRect(),{left:h,top:G,height:H}=C;return{left:h,top:G+H}}return{left:0,top:0}};function q(C){u.value=!1}return o.expose({commitValue:q}),()=>t.createVNode(t.Fragment,null,[t.createVNode("div",t.mergeProps(o.attrs,{ref:l,class:"f-cmp-inputgroup",id:e.id}),[t.createVNode("div",{class:[e.customClass,R.value],onMouseenter:j,onMouseleave:A},[t.createVNode("input",{name:"input-group-value",autocomplete:""+e.autoComplete,class:B.value,disabled:e.disable,maxlength:e.maxLength,minlength:e.minLength,placeholder:b.value,readonly:g.value,tabindex:e.tabIndex,title:y.value,type:e.inputType,value:f.value,onBlur:T,onChange:O,onClick:v,onFocus:k,onInput:V,onKeydown:n,onKeyup:r,onMousedown:L},null),t.createVNode("div",{class:a.value},[D.value&&t.withDirectives(t.createVNode("span",{class:"input-group-text input-group-clear",onClick:K},[t.createVNode("i",{class:"f-icon modal_close"},null)]),[[t.vShow,F.value]]),e.buttonContent&&t.createVNode("span",{class:"input-group-text input-group-append-button",onClick:i,onMouseenter:s,onMouseleave:d,innerHTML:e.buttonContent},null)])])]),W.value&&t.createVNode(S,{"popup-content-position":_(),onClick:U},{default:()=>{var C,h;return[(h=(C=o.slots).default)==null?void 0:h.call(C)]}})])}}),I={install(e){e.component(p.name,p)}};m.ButtonEdit=p,m.buttonEditProps=w,m.default=I,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/button-edit/package.json

@@ -1,6 +1,6 @@
 {
     "name": "button-edit",
-    "version": "1.0.0-beta.6",
+    "version": "1.0.0-beta.7",
     "main": "index.umd.js",
     "module": "index.es.js",
     "style": "style.css",

package/checkbox/index.esm.js

@@ -1,16 +1,53 @@
 import { computed as x, ref as v, defineComponent as p, createVNode as m } from "vue";
 const V = {
+  /**
+   * 组件标识
+   */
   id: String,
+  /**
+   * 组件名称
+   */
   name: { type: String, default: "" },
+  /**
+   * 单选组枚举数组
+   */
   enumData: { type: Array, default: [] },
+  /**
+   * 枚举数组中展示文本的key值。
+   */
   textField: { type: String, default: "name" },
+  /**
+   * 枚举数组中枚举值的key值。
+   */
   valueField: { type: String, default: "value" },
+  /**
+   * 组件是否水平排列
+   */
   horizontal: { type: Boolean, default: !1 },
+  /**
+   * 禁用组件，不允许切换单选值
+   */
   disable: { type: Boolean, default: !1 },
+  /**
+   * 组件值，字符串或者数组
+   */
   modelValue: [String, Array],
+  /**
+   * 输入框Tab键索引
+   */
   tabIndex: { type: Number, default: 0 },
+  /**
+   * 分隔符，默认逗号
+   */
   separator: { type: String, default: "," },
+  /**
+   * 值类型是否为字符串
+   */
   isStringValue: { type: Boolean, default: !0 },
+  /**
+   * 异步获取枚举数组方法
+   */
+  // loadData: () => Observable < { data: Array<Checkbox> } >
   loadData: { type: Function }
 };
 function y(e, i, l) {
@@ -48,7 +85,7 @@ function y(e, i, l) {
     onClickCheckbox: b
   };
 }
-const k = p({
+const k = /* @__PURE__ */ p({
   name: "FCheckboxGroup",
   props: V,
   emits: ["changeValue", "update:modelValue"],

package/checkbox/package.json

@@ -1,6 +1,6 @@
 {
     "name": "checkbox",
-    "version": "1.0.0-beta.6",
+    "version": "1.0.0-beta.7",
     "main": "index.umd.js",
     "module": "index.es.js",
     "style": "style.css",