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

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(j,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(j=typeof globalThis<"u"?globalThis:j||self,t(j["button-edit"]={},j.Vue))})(this,function(j,t){"use strict";const te={};function K(e){const{properties:n}=e;return Object.keys(n).reduce((i,o)=>(i[o]=n[o].type==="object"&&n[o].properties?K(n[o]):n[o].default,i),{})}function ne(e,n){const l=K(n);return Object.keys(e).reduce((i,o)=>(i[o]=e[o],i),l),l}function oe(e,n){return Object.keys(e).filter(i=>e[i]!=null).reduce((i,o)=>{if(n.has(o)){const r=n.get(o);if(typeof r=="string")i[r]=e[o];else{const d=r(o,e[o]);Object.assign(i,d)}}else i[o]=e[o];return i},{})}function ae(e,n,l=new Map){const i=ne(e,n);return oe(i,l)}function le(e,n,l=new Map){return te[n.title]=n,i=>{const o=ae(i,n,l),r=Object.keys(e).reduce((d,s)=>(d[s]=e[s].default,d),{});return Object.assign(r,o)}}function ie(e,n){return{customClass:n.class}}const se=new Map([["appearance",ie]]),ue={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-edit.schema.json",title:"button-edit",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"button-edit"},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},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},autoComplete:{description:"",type:"boolean",default:!1},buttonContent:{description:"",type:"string",default:""},enableClear:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["text","tag"],default:"text"},multiSelect:{description:"",type:"boolean",default:!1},popup:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},separator:{type:"string",default:","},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},wrapText:{type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},G={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},buttonBehavior:{type:String,default:"Popup"},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,popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},popupOnInput:{type:Boolean,default:!1},popupOnFocus:{type:Boolean,default:!1},popupMinWidth:{type:Number,default:320},wrapText:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","}},U=le(G,ue,se),re={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object}},ce=t.defineComponent({name:"FOverlay",props:re,emits:["click"],setup(e,n){const l=t.ref(e.popupContentPosition),i=t.ref(e.host);function o(s){n.emit("click"),s.preventDefault(),s.stopPropagation()}const r=t.computed(()=>{const s=i.value;if(s){const y=s.getBoundingClientRect(),{left:f,top:m,height:g}=y;return{left:f,top:m+g}}return l.value}),d=t.computed(()=>({position:"relative",left:`${r.value.left}px`,top:`${r.value.top}px`}));return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var s,y;return[t.createVNode("div",{class:"overlay-container",style:"pointer-events: auto;",onClick:f=>o(f)},[t.createVNode("div",{style:d.value},[(y=(s=n.slots).default)==null?void 0:y.call(s)])])]}})}});function de(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function fe(e){const n=document.createElement("div");n.style.display="contents";let l;const i=e.onClickCallback||(()=>{}),o=()=>{i(),l&&l.unmount()};return l=t.createApp({setup(){t.onUnmounted(()=>{document.body.removeChild(n)});const r=de(e);return()=>t.createVNode(ce,{"popup-content-position":e.popupPosition,host:e.host,onClick:o},{default:()=>[r&&r()]})}}),document.body.appendChild(n),l.mount(n),l}class pe{static show(n){return fe(n)}}function ge(e,n,l,i){const o=t.ref(e.buttonBehavior),r=t.ref(e.popupOnInput),d=t.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),s=t.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable);async function y(v){if(s.value){const C=!!n.slots.default;o.value==="Overlay"&&pe.show({host:l.value,render:()=>{if(n.slots.default)return n.slots.default()}}),C&&o.value==="Popup"&&i.togglePopup(),C&&r.value&&i.hidePopup(),n.emit("clickButton",{origin:v,value:e.modelValue})}v.stopPropagation()}function f(v){n.emit("mouseEnterIcon",v)}function m(v){n.emit("mouseLeaveIcon",v)}function g(){n.emit("mouseOverButton")}return{buttonClass:d,onClickButton:y,onMouseEnterButton:f,onMouseLeaveButton:m,onMouseOverButton:g}}function me(e,n,l,i,o,r){const d=t.ref(!1),s=t.computed(()=>e.enableClear&&!e.readonly&&!e.disable),{changeTextBoxValue:y}=r;function f(C){d.value=C}t.watch(o,()=>{i.value?f(!!o.value):f(!1)});function m(C){const T=!e.readonly&&!e.disable&&e.editable,b=!e.editable;C.stopPropagation(),(T||b)&&(y("",!1),f(!d.value),n.emit("clear"))}function g(C){if(s.value){if(!l.value){f(!1);return}(!e.editable||!e.readonly)&&!e.disable&&f(!0)}}function v(C){s.value&&f(!1)}return{enableClearButton:s,showClearButton:d,onClearValue:m,onMouseEnterTextBox:g,onMouseLeaveTextBox:v}}function he(e,n,l,i,o){const r=t.ref(e.popupOnInput),d=t.ref(e.popupOnFocus),{shouldPopupContent:s}=o,y=t.computed(()=>e.enableTitle?l.value:""),f=t.computed(()=>(e.disable||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),m=t.computed(()=>e.readonly||!e.editable);let g=!1;const v=t.computed(()=>!e.disable&&g),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})),T=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":v.value}));function b(p,V=!0){l.value!==p&&(l.value=p,V&&n.emit("change",p),n.emit("update:modelValue",p))}function M(p){s.value=!1,b(p,!0)}t.watch(()=>e.modelValue,p=>{l.value=p,n.emit("change",p)});function P(p){g=!1,n.emit("blur",p),p.stopPropagation()}function I(p){n.emit("click",p)}function w(p){if(e.disable){g=!0;return}g=!0,m.value||(n.emit("focus",p),d.value&&!s.value&&o.popup())}function O(p){n.emit("input",p.target.value);const V=p.target.value;i.value=V,l.value!==V&&b(V,!1),r.value&&!s.value&&o.popup()}function L(p){p.target.tagName!=="INPUT"&&p.preventDefault(),p.stopPropagation()}function R(p){n.emit("keydown",p)}function D(p){p.key==="Enter"&&(r.value||d.value)&&o.hidePopup(),n.emit("keyup",p)}function S(p){const V=p.target.value;p.stopPropagation(),b(V)}return{hasFocusedTextBox:v,isTextBoxReadonly:m,textBoxClass:C,textBoxPlaceholder:f,textBoxTitle:y,inputGroupClass:T,changeTextBoxValue:b,commitValue:M,onBlurTextBox:P,onClickTextBox:I,onFocusTextBox:w,onInput:O,onKeyDownTextBox:R,onKeyUpTextBox:D,onMouseDownTextBox:L,onTextBoxValueChange:S}}function ye(e,n,l){const i=t.ref(),o=t.ref(!1);function r(){const f=i.value;f&&f.show(l.value)}async function d(){!!n.slots.default&&(o.value=!o.value,await t.nextTick(),r())}async function s(){!!n.slots.default&&(o.value=!0,await t.nextTick(),r())}function y(){o.value=!1}return{hidePopup:y,popup:s,shouldPopupContent:o,togglePopup:d,popoverRef:i}}function ve(e,n,l){const{isTextBoxReadonly:i,textBoxClass:o,textBoxPlaceholder:r,textBoxTitle:d,onBlurTextBox:s,onClickTextBox:y,onFocusTextBox:f,onInput:m,onKeyDownTextBox:g,onKeyUpTextBox:v,onMouseDownTextBox:C,onTextBoxValueChange:T}=l;return()=>t.createVNode("input",{name:"input-group-value",autocomplete:e.autoComplete?"on":"off",class:o.value,disabled:e.disable,maxlength:e.maxLength,minlength:e.minLength,placeholder:r.value,readonly:i.value,tabindex:e.tabIndex,title:d.value,type:e.inputType,value:n.value,onBlur:s,onChange:T,onClick:y,onFocus:f,onInput:m,onKeydown:g,onKeyup:v,onMousedown:C},null)}const be={activeTag:{Type:String,default:""},addButtonText:{Type:String,default:""},customClass:{Type:String,default:""},customStyle:{Type:String,default:""},data:{type:Array,default:[]},enableAddButton:{Type:Boolean,default:!1},placeholder:{Type:String,default:""},selectable:{Type:Boolean,default:!1},showAddButton:{Type:Boolean,default:!1},showClose:{Type:Boolean,default:!1},showColor:{Type:Boolean,default:!1},showInput:{Type:Boolean,default:!1},tagType:{Type:String,default:""},tagStyle:{Type:String,default:""},wrapText:{Type:Boolean,default:!1},draggable:{Type:Boolean,default:!1}},Je="";function Be(e,n,l,i){const o=t.ref(-1),r=t.ref(!1);function d(m,g,v){m.stopPropagation(),g&&setTimeout(()=>{o.value=v,r.value=!0,g.moving=!0})}function s(m,g){if(m.preventDefault(),o.value!==g){const v=i.value[o.value],C=i.value;C.splice(o.value,1),C.splice(g,0,v),o.value=g}}function y(m,g){m.preventDefault(),m.dataTransfer&&(m.dataTransfer.dropEffect="move")}function f(m,g){g&&(g.moving=!1),l.value=i.value.filter(v=>v.type==="Tag").map(v=>v.payload),r.value=!1,n.emit("change",l.value)}return{dragstart:d,dragenter:s,dragover:y,dragend:f,isDragging:r}}const Ce=t.defineComponent({name:"FTags",props:be,emits:["remove","selectionChange","change"],setup(e,n){const l=t.ref(e.selectable),i=t.ref(e.customClass),o=t.ref(e.data),r=t.ref(e.tagType),d=t.ref(e.tagStyle),s=t.ref(e.showColor),y=t.ref(e.activeTag),f=t.ref(e.customStyle),m=t.ref(e.showClose),g=t.ref(e.showAddButton),v=t.ref(e.showInput),C=t.ref(e.addButtonText),T=t.ref(e.enableAddButton);t.ref(e.placeholder),t.ref(""),t.ref();const b=t.ref(),M=t.ref(e.wrapText),P=t.ref();function I(){const a=o.value.map(u=>({type:"Tag",payload:u}));return g.value&&a.push({type:"AddButton"}),a}const w=t.ref(I());function O(a){o.value=a,w.value=I()}const L=t.computed(()=>w.value.findIndex(a=>a.type==="Input")),R=Be(e,n,o,w),{dragstart:D,dragenter:S,dragover:p,dragend:V}=R;t.watch(()=>e.data,a=>O(a));const _=t.computed(()=>{const a={"farris-tags":!0,"farris-tags-checkable":l.value,"farris-tags-nowrap":!M.value};return i.value.split(" ").reduce((u,c)=>(u[c]=!0,u),a),a});function H(a){const u={"farris-tag-item":!0,"farris-tag-item-checked":l.value&&a.checked,"farris-tag-item-checkable":l.value,"farris-tag-item-has-color":s.value,"farris-tag-item-actived":y.value===a.name};if(r.value){const c=`farris-tag-item-${r.value}`;u[c]=!0}return u}const J=t.computed(()=>{const a={};return f.value&&f.value.split(";").reduce((u,c)=>{const k=c.split(":");return u[k[0]]=k[1],u},a),a});function z(a,u){l.value&&u.selectable&&(u.checked=!u.checked,y.value=u.checked?u.name:"",u.checked&&o.value.filter(c=>c.name!==u.name).forEach(c=>{c.checked=!u.checked}),n.emit("change",o.value),n.emit("selectionChange",u))}function h(a,u){let c;switch(a.key){case"Backspace":o.value=o.value.filter(k=>k.name!==u.name),n.emit("change",o.value);break;case"ArrowLeft":c=Math.max(b.value.scrollLeft+20,0),b.value.scrollLeft=c;break;case"ArrowRight":c=Math.max(b.value.scrollLeft-20,0),b.value.scrollLeft=c}}function B(a,u){const c=o.value.findIndex(k=>k.name===u.name);if(c>-1){const[k]=o.value.splice(c,1);w.value=I(),n.emit("change",o.value),n.emit("remove",o.value,k,c)}a.stopPropagation()}const x=t.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!T.value}));function A(a){}function N(){return t.createVNode("li",{class:x.value,onClick:a=>void 0},[t.createVNode("span",{class:"f-icon f-icon-amplification"},null),t.createVNode("span",{class:"farris-tag-add-text"},[C.value])])}function W(a){if(a&&!a.innerText){const u=L.value;if(u>0){const[c]=o.value.splice(u-1,1);w.value.splice(u-1,1),n.emit("remove",o.value,c,u-1)}}}function X(a,u,c){a>-1&&(o.value.splice(a,0,{name:u,value:c,selectable:l.value}),w.value=I(),n.emit("change",o.value))}function q(a){if(a&&a.innerText){const u=a.innerText,c=L.value;X(c,u,u),a.innerText=""}}function Q(a){const u=a.target;u&&(u.innerText?q(u):n.emit("change",o.value))}function Ve(a){a.key==="Enter"&&q(a.target),a.key==="Backspace"&&(W(a.target),t.nextTick(()=>{P.value&&P.value.focus()}))}function Ne(){return t.createVNode("li",{class:"farris-tag-input-box"},[t.createVNode("div",{ref:P,class:"form-control",contenteditable:"true",onKeyup:Ve,onBlur:Q},null)])}function je(a,u){return t.createVNode("li",{class:H(a),style:J.value,tabindex:0,id:a.name,key:a.name,onClick:c=>z(c,a),onKeydown:c=>h(c,a),draggable:"true",onDragstart:c=>D(c,a,u),onDragenter:c=>S(c,u),onDragend:c=>V(c,a),onDragover:c=>p(c,u)},[t.createVNode("div",{title:a.name,class:"tag-box"},[a.name]),m.value&&t.createVNode("span",{class:"tag-delete"},[t.createVNode("i",{class:"f-icon f-icon-close",onClick:c=>B(c,a)},null)])])}function Me(){return w.value.map((a,u)=>{switch(a.type){case"Tag":return je(a.payload,u);case"AddButton":return N();case"Input":return Ne()}})}const De=t.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":d.value==="capsule"}));function Ae(a){const u=Math.max(b.value.scrollLeft-a.deltaX,0);b.value.scrollLeft=u}function We(a){const u=b.value,c=o.value.length-1;if(u){const k=Array.from(u.children).filter(E=>E.className.indexOf("farris-tag-item")>-1).findIndex(E=>{const F=E.getBoundingClientRect(),Y=window.getComputedStyle(E),ee=parseInt(Y["margin-left"],10)+F.width+parseInt(Y["margin-right"],10);return F.left+ee>a});if(k>-1)return k}return c}function Ee(a){if(v.value){const c=We(a.clientX)+1,E=w.value.filter(F=>F.type!=="Input");E.splice(c,0,{type:"Input"}),w.value=E,t.nextTick(()=>{P.value&&P.value.focus()})}}function Fe(a){var c;a.preventDefault(),a.stopPropagation();const u=(c=a.dataTransfer)==null?void 0:c.getData("Text");if(u){const k=u.split(":"),E=k[0],F=k[1];[...o.value].findIndex(Z=>(console.log(`${Z.value} === ${F} is ${Z.value===F}`),Z.value===F))>-1||X(o.value.length,E,F)}}function Xe(a){a.preventDefault()}return()=>t.createVNode("div",{class:_.value,onClick:Ee,onDrop:Fe,onDragover:Xe},[t.createVNode("ul",{ref:b,class:De.value,onWheel:a=>Ae(a)},[Me()])])}});function Te(e,n,l){const i=t.ref(e.separator),{changeTextBoxValue:o}=l,r=t.computed(()=>n.value?n.value.split(i.value).map(s=>({name:s,selectable:!0})):[]);function d(s){o(s.map(y=>y.name).join(i.value),!0)}return()=>t.createVNode(Ce,{class:"form-control",data:r.value,showClose:!0,showInput:!0,onChange:d},null)}function xe(e,n,l){const{buttonClass:i,onClickButton:o,onMouseEnterButton:r,onMouseLeaveButton:d}=n,{enableClearButton:s,showClearButton:y,onClearValue:f}=l;return()=>t.createVNode("div",{class:i.value},[s.value&&t.withDirectives(t.createVNode("span",{class:"input-group-text input-group-clear",onClick:f},[t.createVNode("i",{class:"f-icon modal_close"},null)]),[[t.vShow,y.value]]),e.buttonContent&&t.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:e.buttonContent,onClick:o,onMouseenter:r,onMouseleave:d},null)])}const we={title:{type:String},placement:{type:String,default:"bottom"},reference:{type:Object},host:{type:Object},leftBoundary:{type:Object},rightBoundary:{type:Object},visible:{type:Boolean,default:!1},class:{type:String},offsetX:{type:Object,default:t.ref(0)},zIndex:{type:Number,default:-1},keepWidthWithReference:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},minWidth:{type:Number,default:-1}},Qe="";function ke(e){const n=e.host?e.host:"body",l=t.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),i=t.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),o=t.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(e.rightBoundary?e.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width);return{host:n,hostLeft:i,hostTop:l,hostWidth:o}}function Pe(e,n,l,i){var z;const o=t.ref(0),r=t.ref(((z=e.offsetX)==null?void 0:z.value)||0),d=t.ref(-1),s=t.ref(-1),y=t.ref(-1),f=t.ref(e.placement),m=t.ref(0),g=t.ref(0),v=t.ref(0),C=t.ref(document.documentElement.scrollLeft),T=t.ref(document.documentElement.scrollTop),{hostLeft:b,hostTop:M,hostWidth:P}=i;t.watch(e.offsetX,h=>{o.value=h-r.value});const I=t.computed(()=>{const h={left:`${g.value}px`,top:`${v.value}px`,transform:`translateX(${o.value}px)`};return e.zIndex!==-1&&(h["z-index"]=e.zIndex),d.value!==-1&&(h.width=`${d.value}px`),h}),w=t.computed(()=>({left:`${m.value}px`}));function O(h){if(h&&e.keepWidthWithReference){const B=h.getBoundingClientRect();d.value=Math.max(e.minWidth,B.width)}}function L(h,B){const x=P.value-h.width-4;return x>0?x:B}function R(h,B,x){const A=m.value,N=B.left-b.value+B.width/2+C.value,W=B.top-M.value-(h.height+x.height)+T.value;return{popoverLeft:N,popoverTop:W,arrowLeft:A}}function D(h,B,x){return B.top-M.value+(B.height+x.height)+T.value}function S(h,B){const x=L(B,h),A=h<=x?m.value:h-x;return{popoverLeft:Math.min(h,x),arrowLeft:A}}function p(h,B,x){const A=B.left-b.value+B.width/2-(x.width/2-(h.left-b.value))+C.value,{arrowLeft:N,popoverLeft:W}=S(A,h),X=D(h,B,x);return{popoverLeft:W,popoverTop:X,arrowLeft:N}}function V(h,B,x){const A=B.left-b.value+C.value,{arrowLeft:N,popoverLeft:W}=S(A,h),X=D(h,B,x);return{popoverLeft:W,popoverTop:X,arrowLeft:N}}const _=new Map([["top",R],["bottom",p],["bottom-left",V]]);function H(h){var W;const B=h.getBoundingClientRect();s.value=B.top,y.value=B.left;const x=n.value.getBoundingClientRect(),A=(W=l.value)==null?void 0:W.getBoundingClientRect(),N=_.get(f.value);if(N){const{arrowLeft:X,popoverLeft:q,popoverTop:Q}=N(A,B,x);m.value=X,g.value=q,v.value=Q}e.keepWidthWithReference&&O(h)}function J(h){if(h){const B=h.getBoundingClientRect();(B.left!==y.value||B.top!==s.value)&&H(h)}}return{arrowStyle:w,popoverStyle:I,position:f,popoverWidth:d,fitToReference:O,followToReferencePosition:J,locateToReference:H}}function Ie(e,n,l,i,o,r,d){const s=t.ref(e.visible),y=t.computed(()=>s.value),{fitToReference:f,locateToReference:m}=d;let g;function v(){s.value=!1,document.body.removeEventListener("click",g),n.emit("hidden")}g=T=>{if(!o.value.contains(T.target)){const b=o.value.closest(".popover");b&&b.removeEventListener("click",g),v()}};async function C(T){if(i.value&&l.value&&T){s.value=!0,o.value=T,await t.nextTick(),m(T),r.value&&f(T),document.body.addEventListener("click",g);const b=T.closest(".popover");b&&b.addEventListener("click",g),n.emit("shown")}}return n.expose({hide:v,show:C,shown:y}),{showPopover:s,hidePopverOnClickBodyHandler:g}}function Oe(e,n,l,i,o){const{popoverWidth:r,fitToReference:d,followToReferencePosition:s}=o;function y(){if(l.value){s(l.value);const f=l.value.getBoundingClientRect();i.value&&f.width!==r.value&&d(l.value)}}return{onResize:y}}const Re=t.defineComponent({name:"FPopover",props:we,emits:["shown","hidden"],setup(e,n){const l=t.ref(),i=t.ref(),o=t.ref(e.reference),r=t.ref(e.keepWidthWithReference),d=t.computed(()=>!!e.title),s=ke(e),{host:y}=s,f=Pe(e,l,i,s),{position:m,arrowStyle:g,popoverStyle:v,fitToReference:C,locateToReference:T}=f,{showPopover:b,hidePopverOnClickBodyHandler:M}=Ie(e,n,l,i,o,r,f),{onResize:P}=Oe(e,n,o,r,f),I=t.computed(()=>{const O=`popover in popover-${m.value}`,L=`bs-popover-${m.value}`,R={"popover-fitcontent":e.fitContent};return R[O]=!0,R[L]=!0,(e.class||"").split(" ").reduce((S,p)=>(S[p]=!0,S),R),R}),w=t.computed(()=>({"popover-content":!0,"popover-body":!0}));return t.onMounted(()=>{e.reference&&T(o.value),r.value&&C(o.value),window.addEventListener("resize",P)}),t.onUnmounted(()=>{document.body.removeEventListener("click",M),window.removeEventListener("resize",P)}),()=>t.createVNode(t.Teleport,{to:y},{default:()=>{var O;return[t.withDirectives(t.createVNode("div",{ref:i,class:I.value,style:v.value,onClick:L=>{L.stopPropagation()}},[t.createVNode("div",{ref:l,class:"popover-arrow arrow",style:g.value},null),d.value&&t.createVNode("h3",{class:"popover-title popover-header"},[e.title]),t.createVNode("div",{class:w.value},[n.slots.default&&((O=n.slots)==null?void 0:O.default())])]),[[t.vShow,b.value]])]}})}});function Le(e,n,l){const i=t.ref(e.popupMinWidth),{hidePopup:o,popoverRef:r}=l;return()=>t.createVNode(Re,{ref:r,visible:!0,placement:"bottom-left",host:e.popupHost,"keep-width-with-reference":!0,fitContent:!0,"right-boundary":e.popupRightBoundary,minWidth:i.value,offsetX:e.popupOffsetX,onHidden:o},{default:()=>{var d,s;return[(s=(d=n.slots).default)==null?void 0:s.call(d)]}})}const Ye="",$=t.defineComponent({name:"FButtonEdit",props:G,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(e,n){const l=t.ref(),i=t.ref(e.customClass),o=t.ref(e.modelValue),r=ye(e,n,l),{shouldPopupContent:d,hidePopup:s}=r,y=ge(e,n,l,r),f=t.ref(""),m=he(e,n,o,f,r),{hasFocusedTextBox:g,commitValue:v,inputGroupClass:C}=m,T=me(e,n,o,g,f,m),{onMouseEnterTextBox:b,onMouseLeaveTextBox:M}=T,P=t.computed(()=>{const D={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!e.wrapText};return i.value&&i.value.split(" ").reduce((S,p)=>(S[p]=!0,S),D),D});function I(){return e.multiSelect&&e.inputType==="tag"?Te(e,o,m):ve(e,o,m)}let w=I();t.watch([()=>e.multiSelect,()=>e.inputType],()=>{w=I()});const O=xe(e,y,T),L=Le(e,n,r),R={commitValue:v,elementRef:l,hidePopup:s};return t.onMounted(()=>{l.value.componentInstance=R}),n.expose(R),()=>t.createVNode(t.Fragment,null,[t.createVNode("div",t.mergeProps(n.attrs,{ref:l,class:P.value,id:e.id}),[t.createVNode("div",{class:C.value,onMouseenter:b,onMouseleave:M},[w(),O()])]),d.value&&L()])}}),Se={install(e){e.component($.name,$)},register(e,n){e["button-edit"]=$,n["button-eidt"]=U},registerDesigner(e,n){e["button-edit"]=$,n["button-eidt"]=U}};j.ButtonEdit=$,j.buttonEditProps=G,j.default=Se,j.propsResolver=U,Object.defineProperties(j,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/button-edit/package.json

@@ -1,8 +1,8 @@
 {
     "name": "button-edit",
-    "version": "1.0.0-beta.6",
+    "version": "1.0.2",
     "main": "index.umd.js",
-    "module": "index.es.js",
+    "module": "index.esm.js",
     "style": "style.css",
     "types": "../types/button-edit/index.d.ts"
 }

package/button-edit/style.css

@@ -0,0 +1 @@
+.farris-tags .farris-tags-item-container{margin:0;padding:0}.farris-tags .farris-tags-item-container .farris-tag-item{display:inline-flex!important;padding:0 8px;margin:3px 6px 3px 0;line-height:24px;font-size:13px;color:#2d314e;background:#f6faff;border:1px solid #e6e6e6!important;white-space:nowrap;border-radius:3px;cursor:default;opacity:1;transition:all .3s cubic-bezier(.78,.14,.15,.86);max-width:9rem}.farris-tags .farris-tags-item-container .farris-tag-item a,.farris-tags .farris-tags-item-container .farris-tag-item a:hover{color:#000000d9}.farris-tags .farris-tags-item-container .farris-tag-item>a:first-child:last-child{display:inline-flex;margin:0 -8px;padding:0 8px}.farris-tags .farris-tags-item-container .farris-tag-item .tag-box{text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;display:inline-flex;max-width:7rem;vertical-align:middle}.farris-tags .farris-tags-item-container .farris-tag-item .tag-delete{display:inline-block;margin-left:6px;color:#0003;cursor:pointer;transition:all .3s cubic-bezier(.78,.14,.15,.86)}.farris-tags .farris-tags-item-container .farris-tag-item .tag-delete:hover{color:#000000d9}.farris-tags .farris-tags-item-container .farris-tag-item>.f-icon{font-size:12px}.farris-tags .farris-tags-item-container .farris-tag-item>.f-icon+span,.farris-tags .farris-tags-item-container .farris-tag-item>span+.f-icon{margin-left:7px}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-success{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-info{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-error{color:#f5222d;background:#fff1f0;border-color:#ffa39e}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-warning{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-default{color:#2d314e;background:#f6faff;border:1px solid #e6e6e6}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked){cursor:pointer}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):active{color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):hover{color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkdisabled{background-color:transparent;border-color:transparent;cursor:not-allowed;color:#00000073}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checked{background-color:#fff;border-color:#2a87ff;color:#2a87ff}.farris-tags .farris-tags-item-container .farris-tag-item:last-child{margin-right:0}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-actived,.farris-tags .farris-tags-item-container .farris-tag-item:active{background-color:#2a87ff;color:#fff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-actived .tag-delete,.farris-tags .farris-tags-item-container .farris-tag-item:active .tag-delete{color:#fff}.farris-tags .farris-tags-item-container .farris-tag-add-button{cursor:pointer;background:#f9f9f9;border:1px dashed #babdc9}.farris-tags .farris-tags-item-container .farris-tag-add-button .farris-tag-add-text{color:#00000073;line-height:24px}.farris-tags .farris-tags-item-container .farris-tag-add-button .f-icon{color:#0003;line-height:24px}.farris-tags .farris-tags-item-container .farris-tag-add-button:hover{background-color:#f9f9f9;border-color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-add-button:hover .farris-tag-add-text,.farris-tags .farris-tags-item-container .farris-tag-add-button:hover .f-icon{color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled{background-color:#f7f7f7;border-color:#dcdcdc;border-style:solid;cursor:not-allowed}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled .farris-tag-add-text{color:#00000040}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled:hover{background-color:#f7f7f7;border-color:#dcdcdc}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled:hover .farris-tag-add-text,.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled:hover .f-icon{color:#00000040}.farris-tags .farris-tags-item-container .farris-tag-input-box{display:inline-flex!important;padding:0;margin:2px 3px 2px -3px;line-height:22px;font-size:13px}.farris-tags .farris-tags-item-container .farris-tag-input-box .form-control{padding:2px 0;min-width:2px;border:none;background:none;line-height:inherit;text-wrap:nowrap;width:100%!important;height:22px!important}.farris-tags .farris-tags-item-container .farris-tag-input-box .form-control:focus{box-shadow:none}.farris-tags .farris-tags-item-container .farris-tag-input-box .form-control:focus-visible{outline:none}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item{border-radius:24px}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked){background:#ffffff;border:1px solid #e6e6e6;cursor:pointer}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):active{color:#59a1ff}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):hover{color:#59a1ff}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checked{background-color:#2a87ff0f;border-color:#2a87ff29;color:#2a87ff}.farris-tags.farris-tags-checkable .farris-tag-item{line-height:22px}.farris-tags.farris-tags-nowrap{overflow:hidden}.farris-tags.farris-tags-nowrap .farris-tags-item-container{display:flex;flex-wrap:nowrap;overflow:hidden}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-warning{color:#f5a144;border-color:#fad0a1;background:#fef5ec}.bs3.popover-top{margin-bottom:10px}.bs3.popover.top>.arrow{margin-left:-2px}.bs3.popover.top{margin-bottom:10px}.popover.bottom>.arrow{margin-left:-4px}.bs3.bs-popover-left{margin-right:.5rem}.bs3.bs-popover-right .arrow,.bs3.bs-popover-left .arrow{margin:.3rem 0}.arrow-left .arrow{left:calc(50% - 10px)}.bs-popover-bottom-left .arrow{top:calc((.5rem + 1px)*-1)}.bs-popover-bottom-left .arrow:before{top:0;border-bottom-color:#fff6!important}.bs-popover-bottom-left .arrow:before,.bs-popover-bottom-left .arrow:after{border-width:0 .5rem .5rem}.bs-popover-bottom-left .arrow:after{top:1px;border-bottom-color:#fff!important}.popover.popover-fitcontent .popover-body{max-width:initial;padding:initial}.f-button-edit .farris-tags.form-control{padding:0}.f-button-edit .farris-tag-item,.f-button-edit .farris-tag-input-box{line-height:17px!important;margin:2px 6px 2px 0!important}.f-button-edit .farris-tag-input-box .form-control{height:inherit!important;padding:1px 0!important}.f-button-edit-nowrap .input-group{flex-wrap:nowrap!important}.f-button-edit-nowrap .farris-tags{overflow:hidden}.f-button-edit-nowrap .farris-tags-item-container{display:flex;flex-wrap:nowrap;overflow:hidden}

package/calculator/index.esm.js

@@ -0,0 +1,315 @@
+import { defineComponent as j, ref as E, computed as z, onBeforeMount as J, onMounted as K, createVNode as c, Fragment as Q, withModifiers as I, createTextVNode as n } from "vue";
+const U = {
+  /**
+   * 组件标识
+   */
+  id: String
+};
+function Y() {
+  function x(l, t = 12) {
+    return +parseFloat(l.toPrecision(t));
+  }
+  function d(l) {
+    const t = l.toString().split(/[eE]/), r = (t[0].split(".")[1] || "").length - +(t[1] || 0);
+    return r > 0 ? r : 0;
+  }
+  function i(l) {
+    if (l.toString().indexOf("e") === -1)
+      return Number(l.toString().replace(".", ""));
+    const t = d(l);
+    return t > 0 ? x(l * 10 ** t) : l;
+  }
+  function h(l) {
+    a && (l > Number.MAX_SAFE_INTEGER || l < Number.MIN_SAFE_INTEGER) && console.warn(
+      `${l} is beyond boundary when transfer to integer, the results may not be accurate`
+    );
+  }
+  function v(l, t, ...r) {
+    if (r.length > 0)
+      return v(v(l, t), r[0], ...r.slice(1));
+    const f = i(l), C = i(t), M = d(l) + d(t), S = f * C;
+    return h(S), S / 10 ** M;
+  }
+  function m(l, t, ...r) {
+    if (r.length > 0)
+      return m(m(l, t), r[0], ...r.slice(1));
+    const f = 10 ** Math.max(d(l), d(t));
+    return (v(l, f) + v(t, f)) / f;
+  }
+  function b(l, t, ...r) {
+    if (r.length > 0)
+      return b(b(l, t), r[0], ...r.slice(1));
+    const f = 10 ** Math.max(d(l), d(t));
+    return (v(l, f) - v(t, f)) / f;
+  }
+  function p(l, t, ...r) {
+    if (r.length > 0)
+      return p(p(l, t), r[0], ...r.slice(1));
+    const f = i(l), C = i(t);
+    return h(f), h(C), v(
+      f / C,
+      10 ** (d(t) - d(l))
+    );
+  }
+  function s(l, t) {
+    const r = 10 ** t;
+    return p(Math.round(v(l, r)), r);
+  }
+  let a = !1;
+  function o(l = !0) {
+    a = l;
+  }
+  return {
+    strip: x,
+    plus: m,
+    minus: b,
+    times: v,
+    divide: p,
+    round: s,
+    digitLength: d,
+    float2Fixed: i,
+    enableBoundaryChecking: o
+  };
+}
+const q = /* @__PURE__ */ j({
+  name: "FCalculator",
+  props: U,
+  emits: [],
+  setup(x, d) {
+    const i = E(), h = E(), v = E(), m = E(), b = E(), p = E();
+    let s = "", a = "0", o = [], l = [], t, r;
+    const {
+      plus: f,
+      minus: C,
+      times: M,
+      divide: S
+    } = Y();
+    function F() {
+      i.value && m.value && b.value && p.value && (i.value.scrollWidth > m.value.offsetWidth ? (b.value.style.display = "block", p.value.style.display = "block") : (b.value.style.display = "none", p.value.style.display = "none"));
+    }
+    function _(e) {
+      i.value && (i.value.innerHTML = e);
+    }
+    function A(e) {
+      h.value && (h.value.innerHTML = e);
+    }
+    function H() {
+      return s.lastIndexOf("+") !== -1 || s.lastIndexOf("-") !== -1 || s.lastIndexOf("×") !== -1 || s.lastIndexOf("÷") !== -1;
+    }
+    function B(e, u, k) {
+      let g = 0;
+      switch (e = Number(e), u = Number(u), k) {
+        case "+":
+          g = f(e, u);
+          break;
+        case "-":
+          g = C(e, u);
+          break;
+        case "×":
+          g = M(e, u);
+          break;
+        case "÷":
+          g = S(e, u);
+          break;
+      }
+      return g;
+    }
+    function R(e) {
+      a.indexOf("0") === 0 && a.indexOf(".") === -1 || t === !0 ? a = e : a += e, t = !1, r = !1;
+    }
+    function V(e) {
+      t === !0 ? a = "0" + e : a.indexOf(".") === -1 && (a += e), t = !1, r = !1;
+    }
+    function W() {
+      a.indexOf("-") === -1 && a !== "0" ? a = "-" + a : a.indexOf("-") > -1 && a !== "0" && (a = a.substring(1));
+    }
+    function $(e) {
+      if (o.length < 2 && (t !== !0 || r === !0) ? (a = parseFloat(a) + "", s = s + " " + a + " " + e, o.push(a), l.push(e), t = !0) : o.length < 2 && H() && (s = s.substring(0, s.length - 1) + "" + e, l.push(e)), o.length === 2) {
+        const u = l[l.length - 2];
+        if (o[1] === "0" && u === "÷") {
+          o = [], a = "除数不能为零", s = "", t = !0;
+          return;
+        }
+        const k = B(o[0], o[1], u);
+        o = [], o.push(k), a = k + "", t = !0;
+      }
+    }
+    function D() {
+      if (o.length > 0) {
+        const e = l.pop();
+        if (a === "0" && e === "÷") {
+          o = [], a = "除数不能为零", s = "", t = !0, r = !0;
+          return;
+        }
+        const u = B(o[0], a, e);
+        o = [], a = u + "", s = "", t = !0, r = !0;
+      }
+    }
+    function G() {
+      a = "0";
+    }
+    function P() {
+      a = "0", s = "", t = !0, o = [], l = [];
+    }
+    function X() {
+      a = a.length > 1 ? a.substring(0, a.length - 1) : "0";
+    }
+    const y = z(() => `fv-calculator-main${Math.floor(Math.random() * 1e3).toString()}`);
+    function N(e) {
+      i.value && (i.value.scrollLeft += 50);
+    }
+    function O(e) {
+      i.value && (i.value.scrollLeft -= 50);
+    }
+    function w(e) {
+      if (v.value && !v.value.contains(e.target))
+        return;
+      const u = e.target.innerHTML;
+      switch (u) {
+        case "0":
+        case "1":
+        case "2":
+        case "3":
+        case "4":
+        case "5":
+        case "6":
+        case "7":
+        case "8":
+        case "9":
+          R(u);
+          break;
+        case ".":
+          V(u);
+          break;
+        case "±":
+          W();
+          break;
+        case "+":
+        case "-":
+        case "×":
+        case "÷":
+          $(u);
+          break;
+        case "=":
+          D();
+          break;
+        case "CE":
+          G();
+          break;
+        case "C":
+          P();
+          break;
+        case "Back":
+          X();
+          break;
+      }
+      _(s), A(a);
+    }
+    return J(() => {
+    }), K(() => {
+      var e, u, k, g, T, L;
+      i.value = (e = document.getElementById(y.value)) == null ? void 0 : e.querySelector("#fv-calculator-pre-step"), h.value = (u = document.getElementById(y.value)) == null ? void 0 : u.querySelector("#fv-calculator-show-input"), v.value = (k = document.getElementById(y.value)) == null ? void 0 : k.querySelector("#fv-calculator-num-symbol"), m.value = (g = document.getElementById(y.value)) == null ? void 0 : g.querySelector(".fv-calculator-pre"), b.value = (T = document.getElementById(y.value)) == null ? void 0 : T.querySelector(".fv-calculator-pre-left"), p.value = (L = document.getElementById(y.value)) == null ? void 0 : L.querySelector(".fv-calculator-pre-right"), F();
+    }), () => c(Q, null, [c("div", {
+      class: "fv-calculator-standard-main",
+      id: y.value,
+      onMousedown: I((e) => w(e), ["prevent"]),
+      onTouchstart: I((e) => w(e), ["prevent"])
+    }, [c("div", {
+      class: "fv-calculator-title"
+    }, [n("计算器")]), c("div", {
+      class: "fv-calculator-result"
+    }, [c("div", {
+      class: "fv-calculator-type",
+      id: "fv-calculator-show-bar"
+    }, [n("Standard")]), c("div", {
+      class: "fv-calculator-pre"
+    }, [c("div", {
+      class: "fv-calculator-pre-left",
+      style: "display:none;",
+      onMousedown: I((e) => O(), ["prevent"]),
+      onTouchstart: I((e) => O(), ["prevent"])
+    }, [n("<")]), c("div", {
+      class: "fv-calculator-pre-content",
+      id: "fv-calculator-pre-step"
+    }, null), c("div", {
+      class: "fv-calculator-pre-right",
+      style: "display:none;",
+      onMousedown: I((e) => N(), ["prevent"]),
+      onTouchstart: I((e) => N(), ["prevent"])
+    }, [n(">")])]), c("div", {
+      class: "fv-calculator-result-out"
+    }, [c("div", {
+      class: "fv-calculator-second",
+      id: "fv-calculator-show-input"
+    }, [n("0")])])]), c("ul", {
+      id: "fv-calculator-num-symbol"
+    }, [c("li", {
+      value: "37",
+      class: "fv-calculator-letter"
+    }, [n("CE")]), c("li", {
+      value: "38",
+      class: "fv-calculator-letter"
+    }, [n("C")]), c("li", {
+      value: "39",
+      class: "fv-calculator-letter"
+    }, [n("Back")]), c("li", {
+      value: "16",
+      class: "fv-calculator-operator"
+    }, [n("÷")]), c("li", {
+      class: "fv-calculator-number",
+      value: "7"
+    }, [n("7")]), c("li", {
+      class: "fv-calculator-number",
+      value: "8"
+    }, [n("8")]), c("li", {
+      class: "fv-calculator-number",
+      value: "9"
+    }, [n("9")]), c("li", {
+      value: "15",
+      class: "fv-calculator-operator"
+    }, [n("×")]), c("li", {
+      class: "fv-calculator-number",
+      value: "4"
+    }, [n("4")]), c("li", {
+      class: "fv-calculator-number",
+      value: "5"
+    }, [n("5")]), c("li", {
+      class: "fv-calculator-number",
+      value: "6"
+    }, [n("6")]), c("li", {
+      value: "14",
+      class: "fv-calculator-operator"
+    }, [n("-")]), c("li", {
+      class: "fv-calculator-number",
+      value: "1"
+    }, [n("1")]), c("li", {
+      class: "fv-calculator-number",
+      value: "2"
+    }, [n("2")]), c("li", {
+      class: "fv-calculator-number",
+      value: "3"
+    }, [n("3")]), c("li", {
+      value: "13",
+      class: "fv-calculator-operator"
+    }, [n("+")]), c("li", {
+      value: "11"
+    }, [n("±")]), c("li", {
+      class: "fv-calculator-number",
+      value: "0"
+    }, [n("0")]), c("li", {
+      value: "10"
+    }, [n(".")]), c("li", {
+      value: "12",
+      class: "fv-calculator-operator"
+    }, [n("=")])])])]);
+  }
+}), ee = {
+  install(x) {
+    x.component(q.name, q);
+  }
+};
+export {
+  q as calculator,
+  U as calculatorProps,
+  ee as default
+};

package/calculator/index.umd.js

@@ -0,0 +1 @@
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.calculator={},p.Vue))})(this,function(p,e){"use strict";const E={id:String};function q(){function v(a,l=12){return+parseFloat(a.toPrecision(l))}function f(a){const l=a.toString().split(/[eE]/),r=(l[0].split(".")[1]||"").length-+(l[1]||0);return r>0?r:0}function i(a){if(a.toString().indexOf("e")===-1)return Number(a.toString().replace(".",""));const l=f(a);return l>0?v(a*10**l):a}function h(a){c&&(a>Number.MAX_SAFE_INTEGER||a<Number.MIN_SAFE_INTEGER)&&console.warn(`${a} is beyond boundary when transfer to integer, the results may not be accurate`)}function d(a,l,...r){if(r.length>0)return d(d(a,l),r[0],...r.slice(1));const u=i(a),m=i(l),C=f(a)+f(l),T=u*m;return h(T),T/10**C}function g(a,l,...r){if(r.length>0)return g(g(a,l),r[0],...r.slice(1));const u=10**Math.max(f(a),f(l));return(d(a,u)+d(l,u))/u}function V(a,l,...r){if(r.length>0)return V(V(a,l),r[0],...r.slice(1));const u=10**Math.max(f(a),f(l));return(d(a,u)-d(l,u))/u}function N(a,l,...r){if(r.length>0)return N(N(a,l),r[0],...r.slice(1));const u=i(a),m=i(l);return h(u),h(m),d(u/m,10**(f(l)-f(a)))}function s(a,l){const r=10**l;return N(Math.round(d(a,r)),r)}let c=!1;function n(a=!0){c=a}return{strip:v,plus:g,minus:V,times:d,divide:N,round:s,digitLength:f,float2Fixed:i,enableBoundaryChecking:n}}const z="",k=e.defineComponent({name:"FCalculator",props:E,emits:[],setup(v,f){const i=e.ref(),h=e.ref(),d=e.ref(),g=e.ref(),V=e.ref(),N=e.ref();let s="",c="0",n=[],a=[],l,r;const{plus:u,minus:m,times:C,divide:T}=q();function F(){i.value&&g.value&&V.value&&N.value&&(i.value.scrollWidth>g.value.offsetWidth?(V.value.style.display="block",N.value.style.display="block"):(V.value.style.display="none",N.value.style.display="none"))}function _(t){i.value&&(i.value.innerHTML=t)}function A(t){h.value&&(h.value.innerHTML=t)}function P(){return s.lastIndexOf("+")!==-1||s.lastIndexOf("-")!==-1||s.lastIndexOf("×")!==-1||s.lastIndexOf("÷")!==-1}function M(t,o,y){let b=0;switch(t=Number(t),o=Number(o),y){case"+":b=u(t,o);break;case"-":b=m(t,o);break;case"×":b=C(t,o);break;case"÷":b=T(t,o);break}return b}function H(t){c.indexOf("0")===0&&c.indexOf(".")===-1||l===!0?c=t:c+=t,l=!1,r=!1}function R(t){l===!0?c="0"+t:c.indexOf(".")===-1&&(c+=t),l=!1,r=!1}function W(){c.indexOf("-")===-1&&c!=="0"?c="-"+c:c.indexOf("-")>-1&&c!=="0"&&(c=c.substring(1))}function $(t){if(n.length<2&&(l!==!0||r===!0)?(c=parseFloat(c)+"",s=s+" "+c+" "+t,n.push(c),a.push(t),l=!0):n.length<2&&P()&&(s=s.substring(0,s.length-1)+""+t,a.push(t)),n.length===2){const o=a[a.length-2];if(n[1]==="0"&&o==="÷"){n=[],c="除数不能为零",s="",l=!0;return}const y=M(n[0],n[1],o);n=[],n.push(y),c=y+"",l=!0}}function j(){if(n.length>0){const t=a.pop();if(c==="0"&&t==="÷"){n=[],c="除数不能为零",s="",l=!0,r=!0;return}const o=M(n[0],c,t);n=[],c=o+"",s="",l=!0,r=!0}}function D(){c="0"}function G(){c="0",s="",l=!0,n=[],a=[]}function X(){c=c.length>1?c.substring(0,c.length-1):"0"}const x=e.computed(()=>`fv-calculator-main${Math.floor(Math.random()*1e3).toString()}`);function I(t){i.value&&(i.value.scrollLeft+=50)}function S(t){i.value&&(i.value.scrollLeft-=50)}function w(t){if(d.value&&!d.value.contains(t.target))return;const o=t.target.innerHTML;switch(o){case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":H(o);break;case".":R(o);break;case"±":W();break;case"+":case"-":case"×":case"÷":$(o);break;case"=":j();break;case"CE":D();break;case"C":G();break;case"Back":X();break}_(s),A(c)}return e.onBeforeMount(()=>{}),e.onMounted(()=>{var t,o,y,b,B,O;i.value=(t=document.getElementById(x.value))==null?void 0:t.querySelector("#fv-calculator-pre-step"),h.value=(o=document.getElementById(x.value))==null?void 0:o.querySelector("#fv-calculator-show-input"),d.value=(y=document.getElementById(x.value))==null?void 0:y.querySelector("#fv-calculator-num-symbol"),g.value=(b=document.getElementById(x.value))==null?void 0:b.querySelector(".fv-calculator-pre"),V.value=(B=document.getElementById(x.value))==null?void 0:B.querySelector(".fv-calculator-pre-left"),N.value=(O=document.getElementById(x.value))==null?void 0:O.querySelector(".fv-calculator-pre-right"),F()}),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"fv-calculator-standard-main",id:x.value,onMousedown:e.withModifiers(t=>w(t),["prevent"]),onTouchstart:e.withModifiers(t=>w(t),["prevent"])},[e.createVNode("div",{class:"fv-calculator-title"},[e.createTextVNode("计算器")]),e.createVNode("div",{class:"fv-calculator-result"},[e.createVNode("div",{class:"fv-calculator-type",id:"fv-calculator-show-bar"},[e.createTextVNode("Standard")]),e.createVNode("div",{class:"fv-calculator-pre"},[e.createVNode("div",{class:"fv-calculator-pre-left",style:"display:none;",onMousedown:e.withModifiers(t=>S(),["prevent"]),onTouchstart:e.withModifiers(t=>S(),["prevent"])},[e.createTextVNode("<")]),e.createVNode("div",{class:"fv-calculator-pre-content",id:"fv-calculator-pre-step"},null),e.createVNode("div",{class:"fv-calculator-pre-right",style:"display:none;",onMousedown:e.withModifiers(t=>I(),["prevent"]),onTouchstart:e.withModifiers(t=>I(),["prevent"])},[e.createTextVNode(">")])]),e.createVNode("div",{class:"fv-calculator-result-out"},[e.createVNode("div",{class:"fv-calculator-second",id:"fv-calculator-show-input"},[e.createTextVNode("0")])])]),e.createVNode("ul",{id:"fv-calculator-num-symbol"},[e.createVNode("li",{value:"37",class:"fv-calculator-letter"},[e.createTextVNode("CE")]),e.createVNode("li",{value:"38",class:"fv-calculator-letter"},[e.createTextVNode("C")]),e.createVNode("li",{value:"39",class:"fv-calculator-letter"},[e.createTextVNode("Back")]),e.createVNode("li",{value:"16",class:"fv-calculator-operator"},[e.createTextVNode("÷")]),e.createVNode("li",{class:"fv-calculator-number",value:"7"},[e.createTextVNode("7")]),e.createVNode("li",{class:"fv-calculator-number",value:"8"},[e.createTextVNode("8")]),e.createVNode("li",{class:"fv-calculator-number",value:"9"},[e.createTextVNode("9")]),e.createVNode("li",{value:"15",class:"fv-calculator-operator"},[e.createTextVNode("×")]),e.createVNode("li",{class:"fv-calculator-number",value:"4"},[e.createTextVNode("4")]),e.createVNode("li",{class:"fv-calculator-number",value:"5"},[e.createTextVNode("5")]),e.createVNode("li",{class:"fv-calculator-number",value:"6"},[e.createTextVNode("6")]),e.createVNode("li",{value:"14",class:"fv-calculator-operator"},[e.createTextVNode("-")]),e.createVNode("li",{class:"fv-calculator-number",value:"1"},[e.createTextVNode("1")]),e.createVNode("li",{class:"fv-calculator-number",value:"2"},[e.createTextVNode("2")]),e.createVNode("li",{class:"fv-calculator-number",value:"3"},[e.createTextVNode("3")]),e.createVNode("li",{value:"13",class:"fv-calculator-operator"},[e.createTextVNode("+")]),e.createVNode("li",{value:"11"},[e.createTextVNode("±")]),e.createVNode("li",{class:"fv-calculator-number",value:"0"},[e.createTextVNode("0")]),e.createVNode("li",{value:"10"},[e.createTextVNode(".")]),e.createVNode("li",{value:"12",class:"fv-calculator-operator"},[e.createTextVNode("=")])])])])}}),L={install(v){v.component(k.name,k)}};p.calculator=k,p.calculatorProps=E,p.default=L,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/calculator/package.json

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

package/calculator/style.css

@@ -0,0 +1 @@
+.fv-calculator-standard-main{background-color:#f1f1f1;margin:0 auto;box-shadow:0 0 15px #4d4d4d}.fv-calculator-standard-main ul{list-style:none;margin:0;padding:0}.fv-calculator-standard-main li{float:left;text-align:center;cursor:pointer}.fv-calculator-standard-main li img{height:14px}.fv-calculator-standard-main .fv-calculator-title{padding:5px 0;height:30px;line-height:30px;font-size:18px;margin-left:10px}.fv-calculator-standard-main .fv-calculator-result{height:140px;text-align:right;width:100%}.fv-calculator-standard-main .fv-calculator-result-out{margin:0 5px;height:48px;overflow:hidden}.fv-calculator-standard-main .fv-calculator-second{font-size:42px;font-weight:700;overflow-y:auto;white-space:nowrap;text-align:right}.fv-calculator-standard-main .fv-calculator-pre{color:#a7a7a7;padding:0 20px;font-size:16px;height:24px;width:100%;overflow:hidden;position:relative;z-index:99}.fv-calculator-standard-main .fv-calculator-pre .fv-calculator-pre-left{width:16px;text-align:center;line-height:20px;height:24px;position:absolute;z-index:101;left:0;top:0;font-weight:600;cursor:pointer;background:#f1f1f1}.fv-calculator-standard-main .fv-calculator-pre .fv-calculator-pre-right{width:16px;text-align:center;line-height:20px;height:24px;position:absolute;z-index:101;right:0;top:0;font-weight:600;cursor:pointer;background:#f1f1f1}.fv-calculator-pre .fv-calculator-pre-content{text-align:right;height:24px;line-height:24px;white-space:nowrap;overflow-y:auto;overflow-x:hidden}.fv-calculator-pre-left:hover,.fv-calculator-pre-right:hover{color:#1853d1;background:#9b9b9b}.fv-calculator-standard-main .fv-calculator-type{height:auto;text-align:left;font-weight:700;margin:10px 0 20px 10px;font-size:22px}.fv-calculator-standard-main .fv-calculator-type-bar{height:90px;width:100px;position:absolute;top:110px;background-color:#e6e6e6}.fv-calculator-standard-main .fv-calculator-type-bar li{float:left;width:100px;text-align:center;line-height:30px}.fv-calculator-standard-main .active{background-color:#cfcfcf}.fv-calculator-standard-main .fv-calculator-number{font-weight:700;border:1px solid #fff!important;background:#fff!important}.fv-calculator-standard-main .fv-calculator-number:hover{border:1px solid #f1f1f1!important;background:#c6c6c6!important}.fv-calculator-standard-main .fv-calculator-operator:hover{border:1px solid #f1f1f1!important;background:#82bceb!important;color:#fff}.fv-calculator-standard-main .fv-calculator-letter{font-size:16px}.fv-calculator-standard-main{width:500px;height:460px}#fv-calculator-num-symbol{height:270px;font-size:20px;display:flex;flex-wrap:wrap;justify-content:center}#fv-calculator-num-symbol li{line-height:48px;width:23%;margin:5px 0 0 5px;background:#dedede;border:1px solid #dedede;list-style-type:none}#fv-calculator-num-symbol li:hover{background:#c6c6c6;border:1px solid #f1f1f1}