@farm-investimentos/front-mfe-components-vue3 0.2.1 → 0.3.1
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/front-mfe-components.common.js +37 -20
- package/dist/front-mfe-components.common.js.map +1 -1
- package/dist/front-mfe-components.css +1 -1
- package/dist/front-mfe-components.umd.js +37 -20
- package/dist/front-mfe-components.umd.js.map +1 -1
- package/dist/front-mfe-components.umd.min.js +1 -1
- package/dist/front-mfe-components.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/DatePicker/DatePicker.stories.js +12 -0
- package/src/components/DatePicker/DatePicker.vue +6 -1
- package/src/components/DatePicker/customDatePicker.scss +4 -0
- package/src/components/ProgressBar/ProgressBar.scss +21 -1
- package/src/components/ProgressBar/ProgressBar.stories.js +9 -0
- package/src/components/ProgressBar/ProgressBar.vue +18 -4
|
@@ -2798,15 +2798,15 @@ const DataTablePaginator_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)
|
|
|
2798
2798
|
;// CONCATENATED MODULE: ./src/components/DataTablePaginator/index.ts
|
|
2799
2799
|
|
|
2800
2800
|
/* harmony default export */ var components_DataTablePaginator = (DataTablePaginator);
|
|
2801
|
-
;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-42.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=template&id=
|
|
2801
|
+
;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-42.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=template&id=1d0094c1&scoped=true&ts=true
|
|
2802
2802
|
|
|
2803
2803
|
|
|
2804
|
-
const
|
|
2804
|
+
const DatePickervue_type_template_id_1d0094c1_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-1d0094c1"), n = n(), _popScopeId(), n);
|
|
2805
2805
|
|
|
2806
|
-
const
|
|
2806
|
+
const DatePickervue_type_template_id_1d0094c1_scoped_true_ts_true_hoisted_1 = {
|
|
2807
2807
|
class: "picker__actions"
|
|
2808
2808
|
};
|
|
2809
|
-
function
|
|
2809
|
+
function DatePickervue_type_template_id_1d0094c1_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2810
2810
|
const _component_VueDatePicker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("VueDatePicker");
|
|
2811
2811
|
|
|
2812
2812
|
const _component_farm_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("farm-btn");
|
|
@@ -2835,10 +2835,11 @@ function DatePickervue_type_template_id_1b881220_scoped_true_ts_true_render(_ctx
|
|
|
2835
2835
|
ref: "inputCalendar",
|
|
2836
2836
|
readonly: $props.readonly,
|
|
2837
2837
|
mask: `${$props.readonly ? '' : '##/##/####'}`,
|
|
2838
|
+
requiredMessage: $props.requiredMessage,
|
|
2838
2839
|
id: $props.inputId,
|
|
2839
2840
|
rules: [$data.checkDateValid, $data.checkMax, $data.checkMin, $data.checkRequire],
|
|
2840
2841
|
onKeyup: $options.keyUpInput
|
|
2841
|
-
}, null, 8, ["modelValue", "readonly", "mask", "id", "rules", "onKeyup"])]),
|
|
2842
|
+
}, null, 8, ["modelValue", "readonly", "mask", "requiredMessage", "id", "rules", "onKeyup"])]),
|
|
2842
2843
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_VueDatePicker, {
|
|
2843
2844
|
"calendar-class-name": "dp-custom-calendar",
|
|
2844
2845
|
inline: "",
|
|
@@ -2852,7 +2853,7 @@ function DatePickervue_type_template_id_1b881220_scoped_true_ts_true_render(_ctx
|
|
|
2852
2853
|
"allowed-dates": $props.allowedDays,
|
|
2853
2854
|
"day-names": ['S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
|
|
2854
2855
|
"start-date": $data.internalPickerDate
|
|
2855
|
-
}, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "start-date"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div",
|
|
2856
|
+
}, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "start-date"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", DatePickervue_type_template_id_1d0094c1_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_farm_btn, {
|
|
2856
2857
|
plain: "",
|
|
2857
2858
|
title: "Limpar",
|
|
2858
2859
|
color: "primary",
|
|
@@ -2884,7 +2885,7 @@ function DatePickervue_type_template_id_1b881220_scoped_true_ts_true_render(_ctx
|
|
|
2884
2885
|
_: 1
|
|
2885
2886
|
}, 8, ["modelValue", "bottom", "top"]);
|
|
2886
2887
|
}
|
|
2887
|
-
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=
|
|
2888
|
+
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=1d0094c1&scoped=true&ts=true
|
|
2888
2889
|
|
|
2889
2890
|
;// CONCATENATED MODULE: ./src/helpers/formatDatePickerHeader.ts
|
|
2890
2891
|
const monthNumberToMonthName = {
|
|
@@ -3123,6 +3124,10 @@ const checkDateValid = date => {
|
|
|
3123
3124
|
readonly: {
|
|
3124
3125
|
type: Boolean,
|
|
3125
3126
|
default: false
|
|
3127
|
+
},
|
|
3128
|
+
requiredMessage: {
|
|
3129
|
+
type: String,
|
|
3130
|
+
default: 'Campo obrigatório'
|
|
3126
3131
|
}
|
|
3127
3132
|
},
|
|
3128
3133
|
|
|
@@ -3140,7 +3145,7 @@ const checkDateValid = date => {
|
|
|
3140
3145
|
return true;
|
|
3141
3146
|
},
|
|
3142
3147
|
checkRequire: value => {
|
|
3143
|
-
return this.required ? !!value || value != '' ||
|
|
3148
|
+
return this.required ? !!value || value != '' || this.requiredMessage : true;
|
|
3144
3149
|
},
|
|
3145
3150
|
checkMax: value => {
|
|
3146
3151
|
if (!this.required && value.length === 0) {
|
|
@@ -3284,10 +3289,10 @@ const checkDateValid = date => {
|
|
|
3284
3289
|
});
|
|
3285
3290
|
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=script&lang=ts
|
|
3286
3291
|
|
|
3287
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=
|
|
3292
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=1d0094c1&lang=scss&scoped=true
|
|
3288
3293
|
// extracted by mini-css-extract-plugin
|
|
3289
3294
|
|
|
3290
|
-
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=
|
|
3295
|
+
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=1d0094c1&lang=scss&scoped=true
|
|
3291
3296
|
|
|
3292
3297
|
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue
|
|
3293
3298
|
|
|
@@ -3297,7 +3302,7 @@ const checkDateValid = date => {
|
|
|
3297
3302
|
;
|
|
3298
3303
|
|
|
3299
3304
|
|
|
3300
|
-
const DatePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DatePickervue_type_script_lang_ts, [['render',
|
|
3305
|
+
const DatePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DatePickervue_type_script_lang_ts, [['render',DatePickervue_type_template_id_1d0094c1_scoped_true_ts_true_render],['__scopeId',"data-v-1d0094c1"]])
|
|
3301
3306
|
|
|
3302
3307
|
/* harmony default export */ var DatePicker = (DatePicker_exports_);
|
|
3303
3308
|
;// CONCATENATED MODULE: ./src/components/DatePicker/index.ts
|
|
@@ -9628,17 +9633,20 @@ const Modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Modalvue_typ
|
|
|
9628
9633
|
|
|
9629
9634
|
|
|
9630
9635
|
/* harmony default export */ var components_Modal = ((/* unused pure expression or super */ null && (Modal)));
|
|
9631
|
-
;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-42.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ProgressBar/ProgressBar.vue?vue&type=template&id=
|
|
9636
|
+
;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-42.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ProgressBar/ProgressBar.vue?vue&type=template&id=40a71405&scoped=true&ts=true
|
|
9632
9637
|
|
|
9633
|
-
function
|
|
9638
|
+
function ProgressBarvue_type_template_id_40a71405_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
9634
9639
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
|
|
9635
9640
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($setup.classes),
|
|
9636
9641
|
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)($setup.containerStyle)
|
|
9637
9642
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
|
|
9643
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)({
|
|
9644
|
+
'farm-progressbar--infinite': $props.indeterminate
|
|
9645
|
+
}),
|
|
9638
9646
|
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)($setup.valueStyle)
|
|
9639
|
-
}, null,
|
|
9647
|
+
}, null, 6)], 6);
|
|
9640
9648
|
}
|
|
9641
|
-
;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=template&id=
|
|
9649
|
+
;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=template&id=40a71405&scoped=true&ts=true
|
|
9642
9650
|
|
|
9643
9651
|
;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-42.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ProgressBar/ProgressBar.vue?vue&type=script&lang=ts
|
|
9644
9652
|
|
|
@@ -9667,6 +9675,14 @@ function ProgressBarvue_type_template_id_4d5a4a65_scoped_true_ts_true_render(_ct
|
|
|
9667
9675
|
value: {
|
|
9668
9676
|
type: Number,
|
|
9669
9677
|
required: true
|
|
9678
|
+
},
|
|
9679
|
+
|
|
9680
|
+
/**
|
|
9681
|
+
* Indeterminate
|
|
9682
|
+
*/
|
|
9683
|
+
indeterminate: {
|
|
9684
|
+
type: Boolean,
|
|
9685
|
+
default: false
|
|
9670
9686
|
}
|
|
9671
9687
|
},
|
|
9672
9688
|
|
|
@@ -9674,7 +9690,8 @@ function ProgressBarvue_type_template_id_4d5a4a65_scoped_true_ts_true_render(_ct
|
|
|
9674
9690
|
const {
|
|
9675
9691
|
backgroundColor,
|
|
9676
9692
|
valueColor,
|
|
9677
|
-
value
|
|
9693
|
+
value,
|
|
9694
|
+
indeterminate
|
|
9678
9695
|
} = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toRefs)(props);
|
|
9679
9696
|
const classes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
|
|
9680
9697
|
const obj = {};
|
|
@@ -9694,7 +9711,7 @@ function ProgressBarvue_type_template_id_4d5a4a65_scoped_true_ts_true_render(_ct
|
|
|
9694
9711
|
});
|
|
9695
9712
|
const valueStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
|
|
9696
9713
|
const obj = {
|
|
9697
|
-
width: `${value.value}%`
|
|
9714
|
+
width: indeterminate.value ? '100%' : `${value.value}%`
|
|
9698
9715
|
};
|
|
9699
9716
|
|
|
9700
9717
|
if (valueColor.value.startsWith('#')) {
|
|
@@ -9722,10 +9739,10 @@ function ProgressBarvue_type_template_id_4d5a4a65_scoped_true_ts_true_render(_ct
|
|
|
9722
9739
|
});
|
|
9723
9740
|
;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=script&lang=ts
|
|
9724
9741
|
|
|
9725
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ProgressBar/ProgressBar.vue?vue&type=style&index=0&id=
|
|
9742
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ProgressBar/ProgressBar.vue?vue&type=style&index=0&id=40a71405&lang=scss&scoped=true
|
|
9726
9743
|
// extracted by mini-css-extract-plugin
|
|
9727
9744
|
|
|
9728
|
-
;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=style&index=0&id=
|
|
9745
|
+
;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=style&index=0&id=40a71405&lang=scss&scoped=true
|
|
9729
9746
|
|
|
9730
9747
|
;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue
|
|
9731
9748
|
|
|
@@ -9735,7 +9752,7 @@ function ProgressBarvue_type_template_id_4d5a4a65_scoped_true_ts_true_render(_ct
|
|
|
9735
9752
|
;
|
|
9736
9753
|
|
|
9737
9754
|
|
|
9738
|
-
const ProgressBar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ProgressBarvue_type_script_lang_ts, [['render',
|
|
9755
|
+
const ProgressBar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ProgressBarvue_type_script_lang_ts, [['render',ProgressBarvue_type_template_id_40a71405_scoped_true_ts_true_render],['__scopeId',"data-v-40a71405"]])
|
|
9739
9756
|
|
|
9740
9757
|
/* harmony default export */ var ProgressBar_ProgressBar = (ProgressBar_exports_);
|
|
9741
9758
|
;// CONCATENATED MODULE: ./src/components/ProgressBar/index.ts
|