@huntflow/ui 0.0.48 → 0.0.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/dist/assets/sprite.svg +1 -1
- package/dist/components/base-button/button.vue.d.ts +3 -3
- package/dist/components/base-button/types.d.ts +2 -3
- package/dist/components/base-loader/index.d.ts +3 -0
- package/dist/components/base-loader/loader.vue.d.ts +6 -0
- package/dist/components/base-loader/types.d.ts +6 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/global.css +1 -1
- package/dist/sprite.svg +1 -1
- package/dist/ui.cjs.js +2 -2
- package/dist/ui.es.js +220 -207
- package/package.json +4 -2
package/dist/ui.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(){"use strict";var
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),
|
|
1
|
+
(function(){"use strict";var r;try{if(typeof document<"u"){var o=document.createElement("style");o.nonce=(r=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:r.content,o.appendChild(document.createTextNode('._button_1syl2_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border:solid 1px;cursor:pointer;font-family:var(--hf-font-family-body);font-style:normal;min-width:-moz-max-content;min-width:max-content;text-decoration:none;color:inherit;gap:4px}._button_1syl2_1:active{background-color:#999}._button_1syl2_1:focus{outline:none}._button_1syl2_1:focus-visible{outline:solid 3px var(--hf-color-button-disable-default)}._button_1syl2_1:is(._disabled_1syl2_1),._button_1syl2_1:is(._disabled_1syl2_1):hover{background:var(--hf-color-button-disable-default);border-color:transparent;color:var(--hf-color-text-light);box-shadow:none;transform:none;cursor:default}._button_1syl2_1._loading_1syl2_1>*:not(._loader_1syl2_1){visibility:hidden}._content_1syl2_1{display:flex;line-height:inherit}._content_1syl2_1:first-child:last-child{width:100%;text-align:center}._loader_1syl2_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}._s_1syl2_2{border-radius:var(--hf-radius-button-s);font-size:var(--hf-font-size-button-s);font-weight:var(--hf-font-weight-button-s);line-height:var(--hf-font-line-height-button-s);padding:var(--hf-padding-button-top-bottom-s) var(--hf-padding-button-left-right-s)}._xs_1syl2_1{font-size:var(--hf-font-size-button-xs);font-weight:var(--hf-font-weight-button-xs);line-height:var(--hf-font-line-height-button-xs);padding:var(--hf-padding-button-top-bottom-xs) var(--hf-padding-button-left-right-xs)}._xs_1syl2_1._square_1syl2_1{border-radius:var(--hf-radius-button-xs)}._xs_1syl2_1._circle_1syl2_1{border-radius:var(--hf-radius-button-circle)}._m_1syl2_1{border-radius:var(--hf-radius-button-m);font-size:var(--hf-font-size-button-m);font-weight:var(--hf-font-weight-button-m);line-height:var(--hf-font-line-height-button-m);padding:var(--hf-padding-button-top-bottom-m) var(--hf-padding-button-left-right-m)}._l_1syl2_1{border-radius:var(--hf-radius-button-l);font-size:var(--hf-font-size-button-l);font-weight:var(--hf-font-weight-button-l);line-height:var(--hf-font-line-height-button-l);padding:var(--hf-padding-button-top-bottom-l) var(--hf-padding-button-left-right-l)}._primary_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-primary-default);border-color:var(--hf-color-button-primary-default)}._primary_1syl2_1:hover{background-color:var(--hf-color-button-primary-hover);border-color:var(--hf-color-button-primary-hover)}._primary_1syl2_1:active{background-color:var(--hf-color-button-primary-active);border-color:var(--hf-color-button-primary-active)}._secondary_1syl2_1{color:var(--hf-color-text-main);background-color:var(--hf-color-button-secondary-fill-default);border-color:var(--hf-color-button-secondary-border-default);box-shadow:0 1px 4px #0505050a}._secondary_1syl2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover);border-color:var(--hf-color-button-secondary-fill-hover)}._secondary_1syl2_1:active{background-color:var(--hf-color-button-secondary-fill-active);border-color:var(--hf-color-button-secondary-fill-active)}._accent_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-accent-default);border-color:var(--hf-color-button-accent-default)}._accent_1syl2_1:hover{background-color:var(--hf-color-button-accent-hover);border-color:var(--hf-color-button-accent-hover)}._accent_1syl2_1:active{background-color:var(--hf-color-button-accent-active);border-color:var(--hf-color-button-accent-active)}._danger_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-default);border-color:var(--hf-color-button-danger-default)}._danger_1syl2_1:hover{background-color:var(--hf-color-button-danger-hover);border-color:var(--hf-color-button-danger-hover)}._danger_1syl2_1:active{background-color:var(--hf-color-button-danger-active);border-color:var(--hf-color-button-danger-active)}._jobsites_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-jobsite-default);border-color:var(--hf-color-button-jobsite-default)}._jobsites_1syl2_1:hover{background-color:var(--hf-color-button-jobsite-hover);border-color:var(--hf-color-button-jobsite-hover)}._jobsites_1syl2_1:active{background-color:var(--hf-color-button-jobsite-active);border-color:var(--hf-color-button-jobsite-active)}._ghost_1syl2_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost_1syl2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_1syl2_1:active{background-color:var(--hf-color-button-secondary-fill-active)}._ghost-danger_1syl2_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost-danger_1syl2_1:hover{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-hover)}._ghost-danger_1syl2_1:active{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-active)}@keyframes _loader-animation_t6bg6_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_t6bg6_10{display:block;color:var(--hf-loader-color);flex:0 0 auto}._circle_t6bg6_15{animation-name:_loader-animation_t6bg6_1;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:linear}._white_t6bg6_22{--hf-loader-color: var(--hf-color-text-invert)}._black_t6bg6_26{--hf-loader-color: var(--hf-color-text-main)}._s_t6bg6_30{width:18px;height:18px}._m_t6bg6_35{width:28px;height:28px}._l_t6bg6_10{width:56px;height:56px}._spinner_t6bg6_45{display:inline-block;border:1px solid var(--hf-loader-color);border-top-color:transparent;border-left-color:transparent;border-radius:50%}._wrapper_f5n0f_1{display:flex;flex-direction:column}._label_f5n0f_6{margin-bottom:4px;font-size:15px;font-weight:500;line-height:20px}._container_f5n0f_13{position:relative;display:flex;align-items:center}._input_f5n0f_19{flex:1;padding:8px 12px;font-size:15px;line-height:24px;border:1px solid #00000029;border-radius:12px;outline:none;transition:border-color .3s}._input_f5n0f_19._error_f5n0f_29{border:1px solid #FF0000}._input_f5n0f_19._error_f5n0f_29:focus{outline:3px solid #FFD6D6}._input_f5n0f_19:focus{outline:3px solid #C4EDFA}._xs_f5n0f_41{padding:4px 8px;font-size:12px}._s_f5n0f_46{padding:6px 10px;font-size:13px}._m_f5n0f_51{padding:8px 12px;font-size:14px}._l_f5n0f_6{padding:10px 14px;font-size:16px}._xl_f5n0f_61{padding:12px 16px;font-size:18px}._disabled_f5n0f_66{background-color:#e9ecef;cursor:not-allowed}._errorText_f5n0f_71{margin-top:4px;font-size:14px;line-height:20px;color:red}._prefix_f5n0f_78,._suffix_f5n0f_79{position:absolute;display:flex;align-items:center;color:#6c757d}._prefix_f5n0f_78{left:8px}._suffix_f5n0f_79{right:8px}._loading_f5n0f_94{cursor:wait}._spinner_f5n0f_98{position:absolute;right:8px;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#007bff;border-radius:50%;animation:_spin_f5n0f_98 .6s linear infinite}@keyframes _spin_f5n0f_98{to{transform:rotate(360deg)}}._label_jcdiv_1{display:flex;align-items:center;gap:8px;height:20px}._label_jcdiv_1._disabled_jcdiv_7{color:gray;cursor:not-allowed}._label_jcdiv_1 span{margin-top:-5px}._input_jcdiv_17[type=checkbox]{vertical-align:-2px;margin:0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;width:16px;height:16px;border:1px solid #25CFE8;transform:translateY(-.075em);display:grid;place-content:center}._input_jcdiv_17._error_jcdiv_30[type=checkbox]{border:1px solid #FF0000}._input_jcdiv_17[type=checkbox]:before{content:"";width:16px;height:16px;clip-path:polygon(0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;background-color:#25cfe8;border-radius:4px}._input_jcdiv_17[type=checkbox]:checked:before{transform:scale(1)}._input_jcdiv_17[type=checkbox]:focus{outline:2px solid #C4EDFA}._input_jcdiv_17._error_jcdiv_30[type=checkbox]:focus{outline:2px solid #FFD6D6}._input_jcdiv_17[type=checkbox]:disabled{border-color:#00000029;opacity:30%;color:#000;cursor:not-allowed}._text_jcdiv_70{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:15px;line-height:20px}._errorText_jcdiv_76{color:red;font-size:12px}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b="_button_1syl2_1",k="_disabled_1syl2_1",g="_loading_1syl2_1",h="_loader_1syl2_1",v="_content_1syl2_1",$="_s_1syl2_2",B="_xs_1syl2_1",C="_square_1syl2_1",E="_circle_1syl2_1",z="_m_1syl2_1",N="_l_1syl2_1",V="_primary_1syl2_1",w="_secondary_1syl2_1",S="_accent_1syl2_1",M="_danger_1syl2_1",j="_jobsites_1syl2_1",T="_ghost_1syl2_1",i={button:b,disabled:k,loading:g,loader:h,content:v,s:$,xs:B,square:C,circle:E,m:z,l:N,primary:V,secondary:w,accent:S,danger:M,jobsites:j,ghost:T,"ghost-danger":"_ghost-danger_1syl2_1"},x="_loader_t6bg6_10",I="_circle_t6bg6_15",D="_white_t6bg6_22",q="_black_t6bg6_26",L="_s_t6bg6_30",O="_m_t6bg6_35",A="_l_t6bg6_10",P="_spinner_t6bg6_45",_={loader:x,circle:I,"loader-animation":"_loader-animation_t6bg6_1",white:D,black:q,s:L,m:O,l:A,spinner:P},f=e.defineComponent({__name:"loader",props:{className:{},size:{default:"l"},color:{default:"black"}},setup(l){const o=l,t=e.computed(()=>[_.loader,_[o.size],_[o.color],_.circle]);return(a,s)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(_).spinner,t.value])},null,2))}}),R=["name","type","disabled"],U=e.defineComponent({name:"BaseButton",__name:"button",props:{size:{default:"m"},className:{},type:{default:"primary"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},active:{type:Boolean,default:!1},name:{},circle:{type:Boolean,default:!1},bordered:{type:Boolean,default:!1},htmlType:{}},emits:["click"],setup(l){const o=l,t={primary:"white",secondary:"black",accent:"white",danger:"white",jobsites:"white",ghost:"black","ghost-danger":"black"},a=e.computed(()=>[i.button,i[o.size],i[o.type],o.circle?[i.circle]:[i.square],{[i.disabled]:o.disabled,[i.loading]:o.loading,[i.active]:o.active,[i.bordered]:o.bordered},o.className]),s=e.computed(()=>t[o.type]||"white");return(r,d)=>(e.openBlock(),e.createElementBlock("button",{name:r.name,class:e.normalizeClass(a.value),type:r.htmlType,disabled:r.disabled||r.loading,onClick:d[0]||(d[0]=p=>r.$emit("click"))},[r.loading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(i).loader)},[e.createVNode(e.unref(f),{size:"s",color:s.value},null,8,["color"])],2)):e.createCommentVNode("",!0),r.$slots.before?e.renderSlot(r.$slots,"before",{key:1}):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(i).content)},[e.renderSlot(r.$slots,"default")],2),r.$slots.after?e.renderSlot(r.$slots,"after",{key:2}):e.createCommentVNode("",!0)],10,R))}}),K="_wrapper_f5n0f_1",F="_label_f5n0f_6",G="_container_f5n0f_13",H="_input_f5n0f_19",J="_error_f5n0f_29",Q="_xs_f5n0f_41",W="_s_f5n0f_46",X="_m_f5n0f_51",Y="_l_f5n0f_6",Z="_xl_f5n0f_61",ee="_disabled_f5n0f_66",se="_errorText_f5n0f_71",oe="_prefix_f5n0f_78",te="_suffix_f5n0f_79",ne="_loading_f5n0f_94",le="_spinner_f5n0f_98",ae="_spin_f5n0f_98",c={wrapper:K,label:F,container:G,input:H,error:J,xs:Q,s:W,m:X,l:Y,xl:Z,disabled:ee,errorText:se,prefix:oe,suffix:te,loading:ne,spinner:le,spin:ae},re=["for"],ce=["id","name","type","disabled","placeholder"],ie=e.defineComponent({__name:"input",props:e.mergeModels({value:{},type:{default:"text"},id:{},name:{},disabled:{type:Boolean},label:{},placeholder:{},loading:{type:Boolean},error:{},size:{default:"m"},className:{}},{value:{},valueModifiers:{}}),emits:e.mergeModels(["update:value","enter"],["update:value"]),setup(l,{emit:o}){const t=e.useModel(l,"value"),a=l,s=o,r=e.computed(()=>[c.input,c[a.size],{[c.disabled]:a.disabled,[c.error]:a.error,[c.loading]:a.loading},a.className]),d=n=>{s("update:value",n.target.value)},p=n=>{n.key==="Enter"&&s("enter")};return(n,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c).wrapper)},[n.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:n.id,class:e.normalizeClass(e.unref(c).label)},e.toDisplayString(n.label),11,re)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c).container)},[n.$slots.prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(c).prefix)},[e.renderSlot(n.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:n.id,"onUpdate:modelValue":m[0]||(m[0]=y=>t.value=y),name:n.name,type:n.type,disabled:n.disabled||n.loading,placeholder:n.placeholder,class:e.normalizeClass(r.value),onInput:d,onKeydown:p},null,42,ce),[[e.vModelDynamic,t.value]]),n.$slots.suffix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(c).suffix)},[e.renderSlot(n.$slots,"suffix")],2)):e.createCommentVNode("",!0),n.loading?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(c).spinner)},null,2)):e.createCommentVNode("",!0)],2),n.error?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(c).errorText)},e.toDisplayString(n.error),3)):e.createCommentVNode("",!0)],2))}}),de="_label_jcdiv_1",ue="_disabled_jcdiv_7",_e="_input_jcdiv_17",pe="_error_jcdiv_30",me="_text_jcdiv_70",fe="_errorText_jcdiv_76",u={label:de,disabled:ue,input:_e,error:pe,text:me,errorText:fe},ye=["for"],be=["id","name","disabled"],ke=e.defineComponent({__name:"checkbox",props:e.mergeModels({id:{},name:{},disabled:{type:Boolean},label:{},error:{},className:{}},{checked:{type:Boolean},checkedModifiers:{}}),emits:["update:checked"],setup(l){const o=e.useModel(l,"checked"),t=l,a=e.computed(()=>[u.label,{[u.disabled]:t.disabled},t.className]);return(s,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("label",{for:s.id,class:e.normalizeClass(a.value)},[e.withDirectives(e.createElementVNode("input",{id:s.id,"onUpdate:modelValue":r[0]||(r[0]=d=>o.value=d),name:s.name,type:"checkbox",disabled:s.disabled,class:e.normalizeClass([e.unref(u).input,{[e.unref(u).error]:!!t.error}])},null,10,be),[[e.vModelCheckbox,o.value]]),s.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(u).text)},[e.renderSlot(s.$slots,"default")],2)):e.createCommentVNode("",!0)],10,ye),s.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(u).errorText)},e.toDisplayString(s.error),3)):e.createCommentVNode("",!0)]))}}),ge=["aria-label","width","height"],he=["xlink:href"],ve=e.defineComponent({__name:"icon",props:{type:{},color:{},block:{type:Boolean}},setup(l){const o=l,t=e.computed(()=>{const s=o.type.match(/(\d+)$/);return s?parseInt(s[1],10):16}),a=e.computed(()=>{const s={};return o.color&&(s.color=o.color),o.block&&(s.display="block"),s});return(s,r)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(s.$style.icon),"aria-label":s.type,style:e.normalizeStyle(a.value),role:"img",width:t.value,height:t.value},[e.createElementVNode("use",{"xlink:href":`../assets/sprite.svg#${s.type}`},null,8,he)],14,ge))}}),$e="_icon_1p8iz_2",Be={icon:$e},Ce=(l,o)=>{const t=l.__vccOpts||l;for(const[a,s]of o)t[a]=s;return t},Ee={$style:Be},ze=Ce(ve,[["__cssModules",Ee]]),Ne=()=>{const l="huntflow-uikit-icons-sprite",o="/src/assets/sprite.svg";if(!document.getElementById(l)){const t=document.createElement("svg");t.style.display="none",t.id=l;const a=document.createElement("defs"),s=document.createElement("use");s.setAttribute("href",`${o}`),a.appendChild(s),t.appendChild(a),document.body.appendChild(t)}};exports.BaseButton=U;exports.BaseCheckbox=ke;exports.BaseIcon=ze;exports.BaseInput=ie;exports.BaseLoader=f;exports.useIcons=Ne;
|