@phila/phila-ui-input-form 0.0.1 → 0.0.3
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/dist/InputForm.js +20 -18
- package/dist/InputForm.umd.cjs +1 -1
- package/dist/InputForm.vue.d.ts +2 -2
- package/dist/types.d.ts +2 -1
- package/package.json +3 -3
package/dist/InputForm.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import "./InputForm.css";
|
|
2
|
-
import { defineComponent as f, computed as h, openBlock as s, createElementBlock as
|
|
2
|
+
import { defineComponent as f, computed as h, openBlock as s, createElementBlock as a, mergeProps as v, toDisplayString as d, createCommentVNode as i, renderSlot as c, createElementVNode as u, pushScopeId as y, popScopeId as _ } from "vue";
|
|
3
3
|
import g from "@phila/phila-ui-core";
|
|
4
|
-
const k = (t) => (y("data-v-906e820c"), t = t(), _(), t),
|
|
4
|
+
const k = (t) => (y("data-v-906e820c"), t = t(), _(), t), b = ["id"], I = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "form-title form-padding"
|
|
7
7
|
}, C = {
|
|
8
8
|
key: 1,
|
|
9
9
|
class: "form-subtitle form-padding"
|
|
10
|
-
},
|
|
10
|
+
}, B = {
|
|
11
11
|
key: 2,
|
|
12
12
|
class: "form-errors has-text-centered has-text-weight-bold has-text-love-park-red-dark"
|
|
13
|
-
},
|
|
13
|
+
}, E = /* @__PURE__ */ k(() => /* @__PURE__ */ u("span", { class: "icon" }, [
|
|
14
14
|
/* @__PURE__ */ u("i", { class: "fa fa-exclamation-triangle" })
|
|
15
|
-
], -1)),
|
|
15
|
+
], -1)), S = {
|
|
16
16
|
key: 3,
|
|
17
17
|
class: "form-submit form-padding"
|
|
18
|
-
}, { formHelpers:
|
|
18
|
+
}, { formHelpers: $ } = g, { randomID: V } = $, O = /* @__PURE__ */ f({
|
|
19
19
|
__name: "InputForm",
|
|
20
20
|
props: {
|
|
21
21
|
id: { default: V() },
|
|
@@ -23,7 +23,9 @@ const k = (t) => (y("data-v-906e820c"), t = t(), _(), t), I = ["id"], b = {
|
|
|
23
23
|
return [];
|
|
24
24
|
} },
|
|
25
25
|
optgroup: { type: Boolean },
|
|
26
|
+
disableableOptions: { type: Boolean },
|
|
26
27
|
options: {},
|
|
28
|
+
name: {},
|
|
27
29
|
textKey: {},
|
|
28
30
|
valueKey: {},
|
|
29
31
|
imaskProps: {},
|
|
@@ -32,31 +34,31 @@ const k = (t) => (y("data-v-906e820c"), t = t(), _(), t), I = ["id"], b = {
|
|
|
32
34
|
hideErrorsCount: { type: Boolean, default: !1 }
|
|
33
35
|
},
|
|
34
36
|
setup(t) {
|
|
35
|
-
const o = t, r = h(() => Array.isArray(o.errors) ? o.errors.length : typeof o.errors == "string" || typeof o.errors == "number" ? 1 : l(o.errors)), l = (e) => Object.keys(e).map((
|
|
36
|
-
(
|
|
37
|
+
const o = t, r = h(() => Array.isArray(o.errors) ? o.errors.length : typeof o.errors == "string" || typeof o.errors == "number" ? 1 : l(o.errors)), l = (e) => Object.keys(e).map((n) => e[n]).reduce(
|
|
38
|
+
(n, m) => m.length > 0 ? n + 1 : n,
|
|
37
39
|
0
|
|
38
40
|
);
|
|
39
|
-
return (e, p) => (s(),
|
|
41
|
+
return (e, p) => (s(), a("form", v({
|
|
40
42
|
id: `form-${e.id}`
|
|
41
43
|
}, e.$attrs, { novalidate: "" }), [
|
|
42
|
-
e.title ? (s(),
|
|
43
|
-
e.desc ? (s(),
|
|
44
|
+
e.title ? (s(), a("div", I, d(e.title), 1)) : i("", !0),
|
|
45
|
+
e.desc ? (s(), a("p", C, d(e.desc), 1)) : i("", !0),
|
|
44
46
|
c(e.$slots, "default", {}, void 0, !0),
|
|
45
|
-
!e.hideErrorsCount && r.value > 0 ? (s(),
|
|
46
|
-
|
|
47
|
+
!e.hideErrorsCount && r.value > 0 ? (s(), a("div", B, [
|
|
48
|
+
E,
|
|
47
49
|
u("span", null, " This form has " + d(r.value) + " error" + d(r.value > 1 ? "s" : ""), 1)
|
|
48
50
|
])) : i("", !0),
|
|
49
|
-
e.$slots.submit ? (s(),
|
|
51
|
+
e.$slots.submit ? (s(), a("div", S, [
|
|
50
52
|
c(e.$slots, "submit", {}, void 0, !0)
|
|
51
53
|
])) : i("", !0)
|
|
52
|
-
], 16,
|
|
54
|
+
], 16, b));
|
|
53
55
|
}
|
|
54
|
-
}),
|
|
56
|
+
}), P = (t, o) => {
|
|
55
57
|
const r = t.__vccOpts || t;
|
|
56
58
|
for (const [l, e] of o)
|
|
57
59
|
r[l] = e;
|
|
58
60
|
return r;
|
|
59
|
-
},
|
|
61
|
+
}, K = /* @__PURE__ */ P(O, [["__scopeId", "data-v-906e820c"]]);
|
|
60
62
|
export {
|
|
61
|
-
|
|
63
|
+
K as default
|
|
62
64
|
};
|
package/dist/InputForm.umd.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
(function(t,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue"),require("@phila/phila-ui-core")):typeof define=="function"&&define.amd?define(["vue","@phila/phila-ui-core"],a):(t=typeof globalThis<"u"?globalThis:t||self,t.InputForm=a(t.Vue,t.PhilaUICore))})(this,function(t,a){"use strict";var f=document.createElement("style");f.textContent=`@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}.form-title[data-v-906e820c]{font-family:Montserrat,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;color:#444;font-weight:600;margin:0 0 .5rem;line-height:2.1875rem;font-size:1.75rem!important}.form-errors[data-v-906e820c]{font-size:.875rem;padding:1rem 1.5rem;background-color:#fee7e7;margin:1rem 0}.form-errors span.icon[data-v-906e820c]{font-size:1rem}
|
|
2
|
-
`,document.head.appendChild(f);const i=o=>(t.pushScopeId("data-v-906e820c"),o=o(),t.popScopeId(),o),p=["id"],c={key:0,class:"form-title form-padding"},m={key:1,class:"form-subtitle form-padding"},d={key:2,class:"form-errors has-text-centered has-text-weight-bold has-text-love-park-red-dark"},w=i(()=>t.createElementVNode("span",{class:"icon"},[t.createElementVNode("i",{class:"fa fa-exclamation-triangle"})],-1)),h={key:3,class:"form-submit form-padding"},{formHelpers:u}=a,{randomID:S}=u,g=t.defineComponent({__name:"InputForm",props:{id:{default:S()},errors:{default(){return[]}},optgroup:{type:Boolean},options:{},textKey:{},valueKey:{},imaskProps:{},title:{default:""},desc:{default:""},hideErrorsCount:{type:Boolean,default:!1}},setup(o){const n=o,s=t.computed(()=>Array.isArray(n.errors)?n.errors.length:typeof n.errors=="string"||typeof n.errors=="number"?1:l(n.errors)),l=e=>Object.keys(e).map(r=>e[r]).reduce((r,y)=>y.length>0?r+1:r,0);return(e,O)=>(t.openBlock(),t.createElementBlock("form",t.mergeProps({id:`form-${e.id}`},e.$attrs,{novalidate:""}),[e.title?(t.openBlock(),t.createElementBlock("div",c,t.toDisplayString(e.title),1)):t.createCommentVNode("",!0),e.desc?(t.openBlock(),t.createElementBlock("p",m,t.toDisplayString(e.desc),1)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},void 0,!0),!e.hideErrorsCount&&s.value>0?(t.openBlock(),t.createElementBlock("div",d,[w,t.createElementVNode("span",null," This form has "+t.toDisplayString(s.value)+" error"+t.toDisplayString(s.value>1?"s":""),1)])):t.createCommentVNode("",!0),e.$slots.submit?(t.openBlock(),t.createElementBlock("div",h,[t.renderSlot(e.$slots,"submit",{},void 0,!0)])):t.createCommentVNode("",!0)],16,p))}});return((o,n)=>{const s=o.__vccOpts||o;for(const[l,e]of n)s[l]=e;return s})(g,[["__scopeId","data-v-906e820c"]])});
|
|
2
|
+
`,document.head.appendChild(f);const i=o=>(t.pushScopeId("data-v-906e820c"),o=o(),t.popScopeId(),o),p=["id"],c={key:0,class:"form-title form-padding"},m={key:1,class:"form-subtitle form-padding"},d={key:2,class:"form-errors has-text-centered has-text-weight-bold has-text-love-park-red-dark"},w=i(()=>t.createElementVNode("span",{class:"icon"},[t.createElementVNode("i",{class:"fa fa-exclamation-triangle"})],-1)),h={key:3,class:"form-submit form-padding"},{formHelpers:u}=a,{randomID:S}=u,g=t.defineComponent({__name:"InputForm",props:{id:{default:S()},errors:{default(){return[]}},optgroup:{type:Boolean},disableableOptions:{type:Boolean},options:{},name:{},textKey:{},valueKey:{},imaskProps:{},title:{default:""},desc:{default:""},hideErrorsCount:{type:Boolean,default:!1}},setup(o){const n=o,s=t.computed(()=>Array.isArray(n.errors)?n.errors.length:typeof n.errors=="string"||typeof n.errors=="number"?1:l(n.errors)),l=e=>Object.keys(e).map(r=>e[r]).reduce((r,y)=>y.length>0?r+1:r,0);return(e,O)=>(t.openBlock(),t.createElementBlock("form",t.mergeProps({id:`form-${e.id}`},e.$attrs,{novalidate:""}),[e.title?(t.openBlock(),t.createElementBlock("div",c,t.toDisplayString(e.title),1)):t.createCommentVNode("",!0),e.desc?(t.openBlock(),t.createElementBlock("p",m,t.toDisplayString(e.desc),1)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},void 0,!0),!e.hideErrorsCount&&s.value>0?(t.openBlock(),t.createElementBlock("div",d,[w,t.createElementVNode("span",null," This form has "+t.toDisplayString(s.value)+" error"+t.toDisplayString(s.value>1?"s":""),1)])):t.createCommentVNode("",!0),e.$slots.submit?(t.openBlock(),t.createElementBlock("div",h,[t.renderSlot(e.$slots,"submit",{},void 0,!0)])):t.createCommentVNode("",!0)],16,p))}});return((o,n)=>{const s=o.__vccOpts||o;for(const[l,e]of n)s[l]=e;return s})(g,[["__scopeId","data-v-906e820c"]])});
|
package/dist/InputForm.vue.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InputProps
|
|
1
|
+
import { InputProps } from '@phila/phila-ui-core';
|
|
2
2
|
import { InputFormProps } from './types';
|
|
3
3
|
|
|
4
4
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps & InputFormProps>, {
|
|
@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
|
|
|
17
17
|
id: any;
|
|
18
18
|
}>>>, {
|
|
19
19
|
id: string;
|
|
20
|
-
errors:
|
|
20
|
+
errors: import('@phila/phila-ui-core').InputErrors;
|
|
21
21
|
title: string;
|
|
22
22
|
desc: string;
|
|
23
23
|
hideErrorsCount: boolean;
|
package/dist/types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as InputForm } from './InputForm.vue';
|
|
2
2
|
|
|
3
|
-
declare module "
|
|
3
|
+
declare module "vue" {
|
|
4
4
|
interface GlobalComponents {
|
|
5
5
|
InputForm: typeof InputForm;
|
|
6
6
|
}
|
|
@@ -10,3 +10,4 @@ export interface InputFormProps {
|
|
|
10
10
|
desc?: string;
|
|
11
11
|
hideErrorsCount: boolean;
|
|
12
12
|
}
|
|
13
|
+
export default InputForm;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@phila/phila-ui-input-form",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.3",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"access": "public"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@phila/phila-ui-core": "1.0.
|
|
23
|
+
"@phila/phila-ui-core": "^1.0.21",
|
|
24
24
|
"vue": "^3.3.8"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
@@ -33,5 +33,5 @@
|
|
|
33
33
|
"vite-plugin-lib-inject-css": "^1.3.0",
|
|
34
34
|
"vue-tsc": "^1.8.22"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "62924e3ac0fd1187900911ff3346a09929ec5aa3"
|
|
37
37
|
}
|