@farris/ui-vue 1.1.0 → 1.1.1

package/input-group/index.umd.js

@@ -1 +0,0 @@
-(function(w,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],t):(w=typeof globalThis<"u"?globalThis:w||self,t(w["input-group"]={},w.Vue,w.LodashES))})(this,function(w,t,F){"use strict";const H={},D={};function V(e){const{properties:n,title:u}=e,o=Object.keys(n).reduce((l,d)=>(l[d]=n[d].type==="object"&&n[d].properties?V(n[d]):F.cloneDeep(n[d].default),l),{});return o.id=`${u}-${Date.now()}`,o}function R(e,n){const u=V(n);return Object.keys(e).reduce((o,l)=>(o[l]=e[l],o),u),u}function $(e,n){return Object.keys(e).filter(o=>e[o]!=null).reduce((o,l)=>{if(n.has(l)){const d=n.get(l);if(typeof d=="string")o[d]=e[l];else{const f=d(l,e[l],e);Object.assign(o,f)}}else o[l]=e[l];return o},{})}function q(e,n,u=new Map){const o=R(e,n);return $(o,u)}function W(e={}){function n(a,s,c,i){if(typeof c=="number")return i[a].length===c;if(typeof c=="object"){const m=Object.keys(c)[0],b=c[m];if(m==="not")return Number(i[a].length)!==Number(b);if(m==="moreThan")return Number(i[a].length)>=Number(b);if(m==="lessThan")return Number(i[a].length)<=Number(b)}return!1}function u(a,s,c,i){return i[s]&&i[s].propertyValue&&String(i[s].propertyValue.value)===String(c)}const o=new Map([["length",n],["getProperty",u]]);Object.keys(e).reduce((a,s)=>(a.set(s,e[s]),a),o);function l(a,s){const c=a;return typeof s=="number"?[{target:c,operator:"length",param:null,value:Number(s)}]:typeof s=="boolean"?[{target:c,operator:"getProperty",param:a,value:!!s}]:typeof s=="object"?Object.keys(s).map(i=>{if(i==="length")return{target:c,operator:"length",param:null,value:s[i]};const m=i,b=s[i];return{target:c,operator:a,param:m,value:b}}):[]}function d(a){return Object.keys(a).reduce((c,i)=>{const m=l(i,a[i]);return c.push(...m),c},[])}function f(a,s){if(o.has(a.operator)){const c=o.get(a.operator);return c&&c(a.target,a.param,a.value,s)||!1}return!1}function y(a,s){return d(a).reduce((m,b)=>m&&f(b,s),!0)}function g(a,s){const c=Object.keys(a),i=c.includes("allOf"),m=c.includes("anyOf"),b=i||m,v=(b?a[b?i?"allOf":"anyOf":"allOf"]:[a]).map(T=>y(T,s));return i?!v.includes(!1):v.includes(!0)}return{parseValueSchema:g}}const _={},U={};W();function z(e,n,u=new Map,o=(f,y,g)=>y,l={},d=f=>f){return H[n.title]=n,D[n.title]=o,_[n.title]=l,U[n.title]=d,(f={})=>{const y=q(f,n,u),g=Object.keys(e).reduce((a,s)=>(a[s]=e[s].default,a),{});return Object.assign(g,y)}}function J(e,n){return{customClass:n.class}}const Q=new Map([["appearance",J]]);function X(e,n,u){return n}const Y={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/input-group.schema.json",title:"input-group",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:"input-group"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},addonDisabled:{description:"",type:"boolean",default:!1},addonContent:{description:"",type:"string",default:""},autoHeight:{description:"",type:"boolean",default:!1},enableAddon:{description:"",type:"boolean",default:!1},addonType:{description:"",type:"string",enum:["button","static"],default:"button"},enableClear:{description:"",type:"boolean",default:!0},enableViewPassword:{description:"",type:"boolean",default:!1},inputType:{description:"",type:"string",enum:["input","password","text"],default:"input"},maxHeight:{description:"",type:"number",default:500},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}}},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},Z={title:"input-group",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeHolder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-select",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中对齐"},{value:"right",name:"右对齐"}]}}}}}},A={autocomplete:{Type:String,default:"off"},customClass:{Type:String,default:""},disable:{Type:Boolean,default:!1},editable:{Type:Boolean,default:!0},enableClear:{Type:Boolean,default:!0},enableTitle:{Type:Boolean,default:!0},enableViewPassword:{Type:Boolean,default:!0},forcePlaceholder:{Type:Boolean,default:!1},groupText:{Type:String,default:""},isPassword:{Type:Boolean,default:!1},maxLength:{Type:Number||void 0,default:void 0},minLength:{Type:Number||void 0,default:void 0},modelValue:{Type:String||Boolean,default:""},noborder:{Type:Boolean,default:!1},placeholder:{Type:String,default:""},readonly:{Type:Boolean,default:!1},showButtonWhenDisabled:{Type:Boolean,default:!1},tabIndex:{Type:Number||void 0,default:void 0},textAlign:{Type:String,default:"left"},useExtendInfo:{Type:Boolean,default:!1},extendInfo:{Type:String,default:""},value:{Type:String,default:""}},S=z(A,Y,Q,X,Z);function j(e,n){const u=t.computed(()=>e.groupText),o=t.computed(()=>e.showButtonWhenDisabled&&(e.readonly||e.disabled)),l=t.computed(()=>e.enableClear||!!e.groupText);return{appendedButtonClass:t.computed(()=>({"input-group-append":!0,"append-force-show":o.value})),appendedContent:u,shouldShowAppendedButton:l}}function O(e,n,u,o){const{appendedContent:l}=o,d=t.ref(e.enableViewPassword),f=t.ref(e.isPassword),y='<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>',g='<span class="f-icon f-icon-eye"></span>',a=t.ref(!1);t.watch(()=>[e.readonly,e.disabled],([i,m])=>{f.value&&(u.value=i||m?"password":u.value,l.value=i||m?g:l.value)});function s(){return a.value=!a.value,u.value=a.value?"text":"password",l.value=a.value?y:g,!1}function c(){u.value=f.value?"password":"text",l.value=f.value?d.value?g:"":l.value}return c(),{isPassword:f,onClickAppendedButton:s}}function K(e,n,u,o){const l=t.ref(e.disable),d=t.ref(!1),f=t.ref("text"),y=t.ref(e.noborder),g=t.ref(e.textAlign),a=t.computed(()=>e.editable||!e.readonly),s=t.computed(()=>e.editable&&!e.disable&&!e.readonly),c=t.computed(()=>!e.disable&&d.value),i=t.computed(()=>u.value===""||u.value===null||u.value===void 0),m=t.computed(()=>(e.disable||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),b=t.computed(()=>e.readonly||!e.editable),h=t.computed(()=>e.enableTitle?u.value:""),C=t.computed(()=>({"form-control":!0,"f-utils-fill":!0,"text-left":g.value==="left","text-center":g.value==="center","text-right":g.value==="right"})),v=t.computed(()=>{const p={"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disable":l.value,"f-state-editable":s.value,"f-state-readonly":b.value,"f-state-focus":c.value};return(e.customClass||"").split(" ").reduce((G,ie)=>(G[ie]=!0,G),p),p}),B=t.computed(()=>y.value?"border-width : 0 ":"");function T(p,I=!0){u.value!==p&&(u.value=p,o.value!==p&&(o.value=p),I&&n.emit("change",p),n.emit("update:modelValue",p),n.emit("update:value",p))}t.watch(()=>e.modelValue,p=>{u.value!==e.modelValue&&(u.value=p,o.value=p)});function M(p){return d.value=!1,n.emit("blur",p),p.stopPropagation(),!1}function P(p){n.emit("click",p)}function E(p){e.disable||(y.value||(d.value=!0),a.value&&n.emit("focus",p))}function r(p){n.emit("input",p.target.value);const I=p.target.value;o.value=I}function x(p){n.emit("keydown",p)}function ue(p){n.emit("keyup",p)}function se(p){p.target.tagName!=="INPUT"&&p.preventDefault(),p.stopPropagation()}function re(p){const I=p.target.value;p.stopPropagation(),T(I)}return{changeTextBoxValue:T,disable:l,displayText:o,editable:s,hasFocused:c,inputGroupClass:v,inputType:f,isEmpty:i,modelValue:u,readonly:b,onBlur:M,onClick:P,onFocus:E,onInput:r,onKeydown:x,onKeyup:ue,onMousedown:se,onTextBoxValueChange:re,placeholder:m,textBoxClass:C,textBoxTitle:h,inputGroupStyle:B}}function ee(e,n,u){const o=t.ref(!1),l=t.computed(()=>e.enableClear&&!e.readonly&&!e.disable),{changeTextBoxValue:d,displayText:f,hasFocused:y,isEmpty:g}=u;function a(h){o.value=h}t.watch(f,()=>{y.value?a(!!f.value):a(!1)});const s=t.computed(()=>({"input-group-text":!0,"input-group-clear":!0})),c=t.computed(()=>({width:"24px",display:o.value?"flex":"none"}));function i(h){h.stopPropagation(),l.value&&(d("",!0),a(!o.value),n.emit("clear"))}function m(h){l.value&&!g.value&&a(!0)}function b(h){l.value&&a(!1)}return{clearButtonClass:s,clearButtonStyle:c,hasShownClearButton:o,onClearValue:i,onMouseEnter:m,onMouseLeave:b,shouldShowClearButton:l}}function N(e,n,u,o){const l=t.ref(e.autocomplete),d=t.ref(e.enableTitle),{isPassword:f}=u,y=t.ref(e.minLength),g=t.ref(e.maxLength),a=t.ref(e.tabIndex),{disable:s,displayText:c,inputType:i,onBlur:m,onFocus:b,onInput:h,onClick:C,onKeydown:v,onKeyup:B,onMousedown:T,onTextBoxValueChange:M,readonly:P,placeholder:E,textBoxClass:r,textBoxTitle:x}=o;return()=>t.createVNode("input",{name:"input-group-value",autocomplete:l.value,class:r.value,disabled:s.value,maxlength:g.value,minlength:y.value,placeholder:E.value,readonly:P.value,tabindex:a.value,title:d.value&&!f.value?x.value:"",type:i.value,value:c.value,onBlur:m,onClick:C,onChange:M,onFocus:b,onInput:h,onKeydown:v,onKeyup:B,onMousedown:T},null)}function L(e,n,u,o,l){const{appendedButtonClass:d,appendedContent:f}=u,y=t.computed(()=>e.showButtonWhenDisabled&&(!e.editable||!e.readonly)&&!e.disabled),g=t.computed(()=>f.value&&!n.slots.groupTextTemplate),a=t.computed(()=>!!n.slots.groupTextTemplate),{clearButtonClass:s,clearButtonStyle:c,onClearValue:i,shouldShowClearButton:m}=o;function b(){return t.createVNode("span",{id:"clearIcon",class:s.value,style:c.value,onClick:r=>i(r)},[t.createVNode("i",{class:"f-icon modal_close"},null)])}function h(r){n.emit("iconMouseEnter",r)}function C(r){n.emit("iconMouseLeave",r)}function v(r){y.value&&n.emit("clickHandle",{originalEvent:r}),r.stopPropagation()}const B=e.isPassword?l.onClickAppendedButton:v;function T(){return t.createVNode("span",{class:"input-group-text",onMouseenter:r=>h(r),onMouseleave:r=>C(r),innerHTML:f.value,onClick:r=>B(r)},null)}function M(){return n.slots.groupTextTemplate&&n.slots.groupTextTemplate()}function P(){return g.value?T:a.value?M:""}const E=P();return()=>t.createVNode("div",{class:d.value},[m.value&&b(),E&&E()])}function te(e,n){const u=t.computed(()=>e.useExtendInfo&&!!e.extendInfo),o=t.reactive({content:e.extendInfo});function l(){n.emit("updateExtendInfo")}return()=>u.value&&t.withDirectives(t.createVNode("span",{class:"input-group-before-tips",onMouseenter:l},[t.createVNode("i",{class:"f-icon f-icon-info-circle"},null),t.createVNode("b",{class:"tips-arrow"},null)]),[[t.resolveDirective("tooltip"),o]])}const k=t.defineComponent({name:"FInputGroup",props:A,emits:["clear","change","blur","click","clickHandle","focus","input","keydown","keyup","iconMouseEnter","iconMouseLeave","update:modelValue","update:value","updateExtendInfo"],setup(e,n){const u=t.ref(e.modelValue),o=t.ref(e.modelValue),l=K(e,n,u,o),{inputGroupClass:d,inputType:f,inputGroupStyle:y}=l,g=j(e),{shouldShowAppendedButton:a}=g,s=ee(e,n,l),{onMouseEnter:c,onMouseLeave:i}=s,m=O(e,n,f,g),b=N(e,n,m,l),h=L(e,n,g,s,m),C=te(e,n);return t.watch(()=>[e.value],([v])=>{u.value=v,o.value=v}),t.onMounted(()=>{e.value&&(u.value=e.value,o.value=e.value)}),()=>t.createVNode("div",{id:"inputGroup",class:d.value,style:y.value,onMouseenter:c,onMouseleave:i},[C(),b(),a.value&&h()])}});function ne(e,n){const u=t.ref("text"),o=t.ref(e.modelValue),l=t.ref(e.modelValue),d=t.ref(e.textAlign),f=t.ref(e.noborder),y=t.computed(()=>(e.disabled||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),g=t.computed(()=>e.editable||!e.readonly),a=t.computed(()=>e.readonly||!e.editable),s=t.computed(()=>o.value===""||o.value===null||o.value===void 0),c=t.ref(e.disabled),i=t.ref(e.editable),m="f-state-focus",b=t.computed(()=>({"form-control":!0,"f-utils-fill":!0,"text-left":d.value==="left","text-center":d.value==="center","text-right":d.value==="right"}));function h(r){return document.documentElement.classList.remove(m),n.emit("blurHandle",r),r.stopPropagation(),!1}function C(r){n.emit("enterHandle",{originalEvent:r})}function v(r){r.target.tagName!=="INPUT"&&r.preventDefault(),r.stopPropagation()}function B(r,x=!0){o.value!==r&&(o.value=r,x&&n.emit("change",r),n.emit("update:modelValue",r),n.emit("update:value",r))}function T(r){n.emit("input",r.target.value);const x=r.target.value;o.value!==x&&B(x,!1)}function M(r){e.disabled||(f.value||document.documentElement.classList.add(m),g.value&&n.emit("focusHandle",r))}function P(r){n.emit("inputClick",r)}function E(r){const x=r.target.value;r.stopPropagation(),B(x)}return t.watch(()=>e.modelValue,r=>{o.value=r}),{changeTextBoxValue:B,disabled:c,displayText:l,editable:i,inputGroupEditorClass:b,inputType:u,isEmpty:s,readonly:a,modelValue:o,onBlur:h,onEnter:C,onInput:T,onInputClick:P,onInputFocus:M,onMousedown:v,onTextBoxValueChange:E,textBoxPlaceholder:y}}function oe(e,n,u){const o=t.ref(!1),l=t.computed(()=>e.enableClear&&!e.readonly&&!e.disabled),{changeTextBoxValue:d,isEmpty:f}=u,y=t.computed(()=>({"input-group-text":!0,"input-group-clear":!0})),g=t.computed(()=>({width:"24px",display:o.value?"flex":"none"}));function a(i){i.stopPropagation(),l.value&&(d(""),o.value=!1,n.emit("clear"))}function s(i){l.value&&!f.value&&(o.value=!0)}function c(i){l.value&&(o.value=!1)}return{clearButtonClass:y,clearButtonStyle:g,hasShownClearButton:o,onClearValue:a,onMouseEnter:s,onMouseLeave:c,shouldShowClearButton:l}}const ae=t.defineComponent({name:"FInputGroupDesign",props:A,emits:["updateExtendInfo","clear","valueChange","clickHandle","blurHandle","focusHandle","enterHandle","iconMouseEnter","iconMouseLeave","keyupHandle","keydownHandle","inputClick"],setup(e,n){const u=ne(e,n),{disabled:o,editable:l,inputType:d,readonly:f}=u,y=j(e),{shouldShowAppendedButton:g}=y,a=oe(e,n,u),{onMouseEnter:s,onMouseLeave:c}=a,i=O(e,n,d,y),m=N(e,n,i,u),b=L(e,n,y,a,i),h=t.computed(()=>{const C={"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disabled":o.value,"f-state-editable":l.value&&!o.value&&!f.value,"f-state-readonly":f.value&&!o.value};return(e.customClass||"").split(" ").reduce((B,T)=>(B[T]=!0,B),C),C});return()=>t.createVNode("div",{id:"inputGroup",class:h.value,onMouseenter:s,onMouseleave:c},[m(),g.value&&b()])}}),le={install(e){e.component(k.name,k)},register(e,n,u){e["input-group"]=k,n["input-group"]=S},registerDesigner(e,n,u){e["input-group"]=ae,n["input-group"]=S}};w.InputGroup=k,w.default=le,w.inputGroupProps=A,w.propsResolver=S,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/input-group/package.json

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