@farm-investimentos/front-mfe-components-vue3 0.2.1 → 0.3.2
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/DialogFooter/DialogFooter.scss +1 -1
- package/src/components/Modal/Modal.stories.js +2 -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
- package/src/examples/Dialog.stories.js +37 -1
- package/src/plugins/DialogPrompt/index.ts +2 -1
- package/src/plugins/DialogPrompt/utils/bootstrap.ts +10 -2
- package/src/stories/Introduction.stories.mdx +1 -1
|
@@ -2815,15 +2815,15 @@ const DataTablePaginator_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)
|
|
|
2815
2815
|
;// CONCATENATED MODULE: ./src/components/DataTablePaginator/index.ts
|
|
2816
2816
|
|
|
2817
2817
|
/* harmony default export */ var components_DataTablePaginator = (DataTablePaginator);
|
|
2818
|
-
;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.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-89.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=
|
|
2818
|
+
;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.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-89.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
|
|
2819
2819
|
|
|
2820
2820
|
|
|
2821
|
-
const
|
|
2821
|
+
const DatePickervue_type_template_id_1d0094c1_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-1d0094c1"), n = n(), _popScopeId(), n);
|
|
2822
2822
|
|
|
2823
|
-
const
|
|
2823
|
+
const DatePickervue_type_template_id_1d0094c1_scoped_true_ts_true_hoisted_1 = {
|
|
2824
2824
|
class: "picker__actions"
|
|
2825
2825
|
};
|
|
2826
|
-
function
|
|
2826
|
+
function DatePickervue_type_template_id_1d0094c1_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2827
2827
|
const _component_VueDatePicker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("VueDatePicker");
|
|
2828
2828
|
|
|
2829
2829
|
const _component_farm_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-btn");
|
|
@@ -2852,10 +2852,11 @@ function DatePickervue_type_template_id_1b881220_scoped_true_ts_true_render(_ctx
|
|
|
2852
2852
|
ref: "inputCalendar",
|
|
2853
2853
|
readonly: $props.readonly,
|
|
2854
2854
|
mask: `${$props.readonly ? '' : '##/##/####'}`,
|
|
2855
|
+
requiredMessage: $props.requiredMessage,
|
|
2855
2856
|
id: $props.inputId,
|
|
2856
2857
|
rules: [$data.checkDateValid, $data.checkMax, $data.checkMin, $data.checkRequire],
|
|
2857
2858
|
onKeyup: $options.keyUpInput
|
|
2858
|
-
}, null, 8, ["modelValue", "readonly", "mask", "id", "rules", "onKeyup"])]),
|
|
2859
|
+
}, null, 8, ["modelValue", "readonly", "mask", "requiredMessage", "id", "rules", "onKeyup"])]),
|
|
2859
2860
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_VueDatePicker, {
|
|
2860
2861
|
"calendar-class-name": "dp-custom-calendar",
|
|
2861
2862
|
inline: "",
|
|
@@ -2869,7 +2870,7 @@ function DatePickervue_type_template_id_1b881220_scoped_true_ts_true_render(_ctx
|
|
|
2869
2870
|
"allowed-dates": $props.allowedDays,
|
|
2870
2871
|
"day-names": ['S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
|
|
2871
2872
|
"start-date": $data.internalPickerDate
|
|
2872
|
-
}, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "start-date"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
2873
|
+
}, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "start-date"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", DatePickervue_type_template_id_1d0094c1_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_btn, {
|
|
2873
2874
|
plain: "",
|
|
2874
2875
|
title: "Limpar",
|
|
2875
2876
|
color: "primary",
|
|
@@ -2901,7 +2902,7 @@ function DatePickervue_type_template_id_1b881220_scoped_true_ts_true_render(_ctx
|
|
|
2901
2902
|
_: 1
|
|
2902
2903
|
}, 8, ["modelValue", "bottom", "top"]);
|
|
2903
2904
|
}
|
|
2904
|
-
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=
|
|
2905
|
+
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=1d0094c1&scoped=true&ts=true
|
|
2905
2906
|
|
|
2906
2907
|
;// CONCATENATED MODULE: ./src/helpers/formatDatePickerHeader.ts
|
|
2907
2908
|
const monthNumberToMonthName = {
|
|
@@ -3140,6 +3141,10 @@ const checkDateValid = date => {
|
|
|
3140
3141
|
readonly: {
|
|
3141
3142
|
type: Boolean,
|
|
3142
3143
|
default: false
|
|
3144
|
+
},
|
|
3145
|
+
requiredMessage: {
|
|
3146
|
+
type: String,
|
|
3147
|
+
default: 'Campo obrigatório'
|
|
3143
3148
|
}
|
|
3144
3149
|
},
|
|
3145
3150
|
|
|
@@ -3157,7 +3162,7 @@ const checkDateValid = date => {
|
|
|
3157
3162
|
return true;
|
|
3158
3163
|
},
|
|
3159
3164
|
checkRequire: value => {
|
|
3160
|
-
return this.required ? !!value || value != '' ||
|
|
3165
|
+
return this.required ? !!value || value != '' || this.requiredMessage : true;
|
|
3161
3166
|
},
|
|
3162
3167
|
checkMax: value => {
|
|
3163
3168
|
if (!this.required && value.length === 0) {
|
|
@@ -3301,10 +3306,10 @@ const checkDateValid = date => {
|
|
|
3301
3306
|
});
|
|
3302
3307
|
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=script&lang=ts
|
|
3303
3308
|
|
|
3304
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.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=
|
|
3309
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.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
|
|
3305
3310
|
// extracted by mini-css-extract-plugin
|
|
3306
3311
|
|
|
3307
|
-
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=
|
|
3312
|
+
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=1d0094c1&lang=scss&scoped=true
|
|
3308
3313
|
|
|
3309
3314
|
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue
|
|
3310
3315
|
|
|
@@ -3314,7 +3319,7 @@ const checkDateValid = date => {
|
|
|
3314
3319
|
;
|
|
3315
3320
|
|
|
3316
3321
|
|
|
3317
|
-
const DatePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DatePickervue_type_script_lang_ts, [['render',
|
|
3322
|
+
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"]])
|
|
3318
3323
|
|
|
3319
3324
|
/* harmony default export */ var DatePicker = (DatePicker_exports_);
|
|
3320
3325
|
;// CONCATENATED MODULE: ./src/components/DatePicker/index.ts
|
|
@@ -9645,17 +9650,20 @@ const Modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Modalvue_typ
|
|
|
9645
9650
|
|
|
9646
9651
|
|
|
9647
9652
|
/* harmony default export */ var components_Modal = ((/* unused pure expression or super */ null && (Modal)));
|
|
9648
|
-
;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.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-89.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=
|
|
9653
|
+
;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.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-89.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
|
|
9649
9654
|
|
|
9650
|
-
function
|
|
9655
|
+
function ProgressBarvue_type_template_id_40a71405_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
9651
9656
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
9652
9657
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($setup.classes),
|
|
9653
9658
|
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($setup.containerStyle)
|
|
9654
9659
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
9660
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)({
|
|
9661
|
+
'farm-progressbar--infinite': $props.indeterminate
|
|
9662
|
+
}),
|
|
9655
9663
|
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($setup.valueStyle)
|
|
9656
|
-
}, null,
|
|
9664
|
+
}, null, 6)], 6);
|
|
9657
9665
|
}
|
|
9658
|
-
;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=template&id=
|
|
9666
|
+
;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=template&id=40a71405&scoped=true&ts=true
|
|
9659
9667
|
|
|
9660
9668
|
;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.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-89.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
|
|
9661
9669
|
|
|
@@ -9684,6 +9692,14 @@ function ProgressBarvue_type_template_id_4d5a4a65_scoped_true_ts_true_render(_ct
|
|
|
9684
9692
|
value: {
|
|
9685
9693
|
type: Number,
|
|
9686
9694
|
required: true
|
|
9695
|
+
},
|
|
9696
|
+
|
|
9697
|
+
/**
|
|
9698
|
+
* Indeterminate
|
|
9699
|
+
*/
|
|
9700
|
+
indeterminate: {
|
|
9701
|
+
type: Boolean,
|
|
9702
|
+
default: false
|
|
9687
9703
|
}
|
|
9688
9704
|
},
|
|
9689
9705
|
|
|
@@ -9691,7 +9707,8 @@ function ProgressBarvue_type_template_id_4d5a4a65_scoped_true_ts_true_render(_ct
|
|
|
9691
9707
|
const {
|
|
9692
9708
|
backgroundColor,
|
|
9693
9709
|
valueColor,
|
|
9694
|
-
value
|
|
9710
|
+
value,
|
|
9711
|
+
indeterminate
|
|
9695
9712
|
} = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toRefs)(props);
|
|
9696
9713
|
const classes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
9697
9714
|
const obj = {};
|
|
@@ -9711,7 +9728,7 @@ function ProgressBarvue_type_template_id_4d5a4a65_scoped_true_ts_true_render(_ct
|
|
|
9711
9728
|
});
|
|
9712
9729
|
const valueStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
9713
9730
|
const obj = {
|
|
9714
|
-
width: `${value.value}%`
|
|
9731
|
+
width: indeterminate.value ? '100%' : `${value.value}%`
|
|
9715
9732
|
};
|
|
9716
9733
|
|
|
9717
9734
|
if (valueColor.value.startsWith('#')) {
|
|
@@ -9739,10 +9756,10 @@ function ProgressBarvue_type_template_id_4d5a4a65_scoped_true_ts_true_render(_ct
|
|
|
9739
9756
|
});
|
|
9740
9757
|
;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=script&lang=ts
|
|
9741
9758
|
|
|
9742
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.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=
|
|
9759
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.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
|
|
9743
9760
|
// extracted by mini-css-extract-plugin
|
|
9744
9761
|
|
|
9745
|
-
;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=style&index=0&id=
|
|
9762
|
+
;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=style&index=0&id=40a71405&lang=scss&scoped=true
|
|
9746
9763
|
|
|
9747
9764
|
;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue
|
|
9748
9765
|
|
|
@@ -9752,7 +9769,7 @@ function ProgressBarvue_type_template_id_4d5a4a65_scoped_true_ts_true_render(_ct
|
|
|
9752
9769
|
;
|
|
9753
9770
|
|
|
9754
9771
|
|
|
9755
|
-
const ProgressBar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ProgressBarvue_type_script_lang_ts, [['render',
|
|
9772
|
+
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"]])
|
|
9756
9773
|
|
|
9757
9774
|
/* harmony default export */ var ProgressBar_ProgressBar = (ProgressBar_exports_);
|
|
9758
9775
|
;// CONCATENATED MODULE: ./src/components/ProgressBar/index.ts
|