@farm-investimentos/front-mfe-components-vue3 0.5.1 → 0.6.0
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 +1 -1
- package/dist/front-mfe-components.common.js +104 -35
- 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 +104 -35
- 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 +17 -14
- package/src/components/AlertReload/AlertReload.stories.js +2 -0
- package/src/components/Buttons/ConfirmButton/ConfirmButton.stories.js +1 -1
- package/src/components/Buttons/RemoveButton/RemoveButton.stories.js +4 -4
- package/src/components/Checkbox/Checkbox.stories.js +1 -2
- package/src/components/Chip/Chip.stories.js +1 -1
- package/src/components/DataTableEmptyWrapper/DataTableEmptyWrapper.stories.js +2 -3
- package/src/components/DataTableHeader/DataTableHeader.stories.js +0 -2
- package/src/components/DataTablePaginator/DataTablePaginator.stories.js +6 -4
- package/src/components/DatePicker/DatePicker.stories.js +60 -9
- package/src/components/DatePicker/DatePicker.vue +82 -12
- package/src/components/DialogHeader/DialogHeader.stories.js +1 -1
- package/src/components/IdCaption/IdCaption.stories.js +6 -6
- package/src/components/InputDecimalFormatter/InputDecimalFormatter.stories.js +2 -10
- package/src/components/ListItem/ListItem.stories.js +0 -2
- package/src/components/Loader/Loader.stories.ts +2 -0
- package/src/components/Logger/Logger.stories.js +3 -3
- package/src/components/ManagersList/ManagersList.stories.js +3 -3
- package/src/components/ModalPromptUser/ModalPromptUser.stories.js +2 -3
- package/src/components/MultipleFilePicker/MultipleFilePicker.stories.js +2 -2
- package/src/components/ProgressBar/ProgressBar.stories.js +2 -1
- package/src/components/PromptUserToConfirm/PromptUserToConfirm.stories.js +2 -1
- package/src/components/RangeDatePicker/RangeDatePicker.stories.js +2 -2
- package/src/components/TextFieldV2/TextFieldV2.scss +6 -0
- package/src/components/TextFieldV2/TextFieldV2.stories.js +21 -7
- package/src/components/TextFieldV2/TextFieldV2.vue +8 -1
- package/src/components/Typography/Typography.stories.js +0 -1
- package/src/components/layout/Box/Box.stories.js +0 -1
- package/src/components/layout/Col/Col.stories.js +8 -9
- package/src/components/layout/DisplayBreakpoints.mdx +111 -0
- package/src/components/layout/GridSystem.stories.js +0 -2
- package/src/components/layout/{PropsValues.stories.mdx → PropsValues.mdx} +11 -4
- package/src/components/layout/Row/Row.stories.js +0 -2
- package/src/examples/Colors.stories.js +1 -1
- package/src/examples/Dialog.stories.js +20 -16
- package/src/examples/Table.stories.js +15 -3
- package/src/scss/Sticky-table.scss +7 -4
- package/src/scss/utils.scss +4 -4
- package/src/stories/Introduction.mdx +118 -0
- package/src/components/layout/DisplayBreakpoints.stories.mdx +0 -90
- package/src/stories/Introduction.stories.mdx +0 -118
|
@@ -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=3e6e5c33&scoped=true&ts=true
|
|
2819
2819
|
|
|
2820
2820
|
|
|
2821
|
-
const
|
|
2821
|
+
const DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-3e6e5c33"), n = n(), _popScopeId(), n);
|
|
2822
2822
|
|
|
2823
|
-
const
|
|
2823
|
+
const DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_hoisted_1 = {
|
|
2824
2824
|
class: "picker__actions"
|
|
2825
2825
|
};
|
|
2826
|
-
function
|
|
2826
|
+
function DatePickervue_type_template_id_3e6e5c33_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");
|
|
@@ -2851,12 +2851,13 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
|
|
|
2851
2851
|
autocomplete: "off",
|
|
2852
2852
|
ref: "inputCalendar",
|
|
2853
2853
|
readonly: $props.readonly,
|
|
2854
|
-
|
|
2854
|
+
ellipsed: $props.multiple,
|
|
2855
|
+
mask: `${$options.isReadonly ? '' : '##/##/####'}`,
|
|
2855
2856
|
requiredMessage: $props.requiredMessage,
|
|
2856
2857
|
id: $props.inputId,
|
|
2857
|
-
rules:
|
|
2858
|
+
rules: $options.rules,
|
|
2858
2859
|
onKeyup: $options.keyUpInput
|
|
2859
|
-
}, null, 8, ["modelValue", "readonly", "mask", "requiredMessage", "id", "rules", "onKeyup"])]),
|
|
2860
|
+
}, null, 8, ["modelValue", "readonly", "ellipsed", "mask", "requiredMessage", "id", "rules", "onKeyup"])]),
|
|
2860
2861
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_VueDatePicker, {
|
|
2861
2862
|
"calendar-class-name": "dp-custom-calendar",
|
|
2862
2863
|
inline: "",
|
|
@@ -2867,10 +2868,12 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
|
|
|
2867
2868
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $data.dateField = $event),
|
|
2868
2869
|
"min-date": $options.minDate,
|
|
2869
2870
|
"max-date": $options.maxDate,
|
|
2870
|
-
"allowed-dates": $props.
|
|
2871
|
+
"allowed-dates": $props.allowedDates,
|
|
2872
|
+
"disabled-dates": $props.disabledDates,
|
|
2871
2873
|
"day-names": ['S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
|
|
2872
|
-
"start-date": $data.internalPickerDate
|
|
2873
|
-
|
|
2874
|
+
"start-date": $data.internalPickerDate,
|
|
2875
|
+
"multi-dates": $props.multiple
|
|
2876
|
+
}, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "disabled-dates", "start-date", "multi-dates"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_btn, {
|
|
2874
2877
|
plain: "",
|
|
2875
2878
|
title: "Limpar",
|
|
2876
2879
|
color: "primary",
|
|
@@ -2902,7 +2905,7 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
|
|
|
2902
2905
|
_: 1
|
|
2903
2906
|
}, 8, ["modelValue", "bottom", "top"]);
|
|
2904
2907
|
}
|
|
2905
|
-
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=
|
|
2908
|
+
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=3e6e5c33&scoped=true&ts=true
|
|
2906
2909
|
|
|
2907
2910
|
;// CONCATENATED MODULE: ./src/helpers/formatDatePickerHeader.ts
|
|
2908
2911
|
const monthNumberToMonthName = {
|
|
@@ -3087,7 +3090,7 @@ const checkDateValid = date => {
|
|
|
3087
3090
|
* v-model bind
|
|
3088
3091
|
*/
|
|
3089
3092
|
modelValue: {
|
|
3090
|
-
type: String,
|
|
3093
|
+
type: [String, Array],
|
|
3091
3094
|
default: ''
|
|
3092
3095
|
},
|
|
3093
3096
|
|
|
@@ -3116,9 +3119,17 @@ const checkDateValid = date => {
|
|
|
3116
3119
|
},
|
|
3117
3120
|
|
|
3118
3121
|
/**
|
|
3119
|
-
* Allowed
|
|
3122
|
+
* Allowed dates (format YYYY-MM-DD)
|
|
3123
|
+
*/
|
|
3124
|
+
allowedDates: {
|
|
3125
|
+
type: Array,
|
|
3126
|
+
default: () => null
|
|
3127
|
+
},
|
|
3128
|
+
|
|
3129
|
+
/**
|
|
3130
|
+
* Disabled dates(format YYYY-MM-DD)
|
|
3120
3131
|
*/
|
|
3121
|
-
|
|
3132
|
+
disabledDates: {
|
|
3122
3133
|
type: Array,
|
|
3123
3134
|
default: () => null
|
|
3124
3135
|
},
|
|
@@ -3149,15 +3160,24 @@ const checkDateValid = date => {
|
|
|
3149
3160
|
invalidMessage: {
|
|
3150
3161
|
type: String,
|
|
3151
3162
|
default: 'Data inválida'
|
|
3163
|
+
},
|
|
3164
|
+
|
|
3165
|
+
/**
|
|
3166
|
+
* Allow multiple dates
|
|
3167
|
+
*/
|
|
3168
|
+
multiple: {
|
|
3169
|
+
type: Boolean,
|
|
3170
|
+
default: false
|
|
3152
3171
|
}
|
|
3153
3172
|
},
|
|
3154
3173
|
|
|
3155
3174
|
data() {
|
|
3175
|
+
const s = this.formatDateRange(this.modelValue);
|
|
3156
3176
|
return {
|
|
3157
3177
|
internalPickerDate: this.pickerDate,
|
|
3158
3178
|
menuField: false,
|
|
3159
3179
|
dateField: this.modelValue,
|
|
3160
|
-
fieldRange: revertDate(this.modelValue),
|
|
3180
|
+
fieldRange: this.multiple ? s : revertDate(this.modelValue),
|
|
3161
3181
|
checkDateValid: value => {
|
|
3162
3182
|
if (value.length > 0) {
|
|
3163
3183
|
return checkDateValid(value) ? true : this.invalidMessage;
|
|
@@ -3192,6 +3212,15 @@ const checkDateValid = date => {
|
|
|
3192
3212
|
}
|
|
3193
3213
|
|
|
3194
3214
|
return true;
|
|
3215
|
+
},
|
|
3216
|
+
checkIsInAllowedDates: value => {
|
|
3217
|
+
const dateSelected = convertDate(value);
|
|
3218
|
+
|
|
3219
|
+
if (!this.required && value.length === 0) {
|
|
3220
|
+
return true;
|
|
3221
|
+
}
|
|
3222
|
+
|
|
3223
|
+
return this.allowedDates(dateSelected) || 'Data inválida';
|
|
3195
3224
|
}
|
|
3196
3225
|
};
|
|
3197
3226
|
},
|
|
@@ -3199,11 +3228,12 @@ const checkDateValid = date => {
|
|
|
3199
3228
|
watch: {
|
|
3200
3229
|
modelValue(newValue) {
|
|
3201
3230
|
this.dateField = newValue;
|
|
3231
|
+
this.fieldRange = this.multiple ? this.formatDateRange(newValue) : revertDate(newValue);
|
|
3202
3232
|
},
|
|
3203
3233
|
|
|
3204
3234
|
fieldRange(newValue) {
|
|
3205
3235
|
if (!newValue) {
|
|
3206
|
-
this.dateField = '';
|
|
3236
|
+
this.dateField = this.multiple ? [] : '';
|
|
3207
3237
|
this.save();
|
|
3208
3238
|
}
|
|
3209
3239
|
},
|
|
@@ -3219,12 +3249,11 @@ const checkDateValid = date => {
|
|
|
3219
3249
|
save() {
|
|
3220
3250
|
this.inputVal = this.dateField;
|
|
3221
3251
|
this.menuField = false;
|
|
3222
|
-
this.fieldRange = revertDate(this.dateField);
|
|
3223
3252
|
this.closeDatepicker();
|
|
3224
3253
|
},
|
|
3225
3254
|
|
|
3226
3255
|
clear() {
|
|
3227
|
-
this.dateField = '';
|
|
3256
|
+
this.dateField = this.multiple ? [] : '';
|
|
3228
3257
|
this.save();
|
|
3229
3258
|
this.$refs.inputCalendar.reset();
|
|
3230
3259
|
},
|
|
@@ -3239,7 +3268,8 @@ const checkDateValid = date => {
|
|
|
3239
3268
|
|
|
3240
3269
|
if (this.validation(newValue) && newValue.length === 10) {
|
|
3241
3270
|
const [day, month, year] = newValue.split('/');
|
|
3242
|
-
|
|
3271
|
+
const formattedDate = `${year}-${month}-${day}`;
|
|
3272
|
+
this.dateField = this.multiple ? [formattedDate] : formattedDate;
|
|
3243
3273
|
this.save();
|
|
3244
3274
|
}
|
|
3245
3275
|
},
|
|
@@ -3260,7 +3290,19 @@ const checkDateValid = date => {
|
|
|
3260
3290
|
this.$refs.contextmenu.inputValue = false;
|
|
3261
3291
|
},
|
|
3262
3292
|
|
|
3263
|
-
formatDatePickerHeader: formatDatePickerHeader
|
|
3293
|
+
formatDatePickerHeader: formatDatePickerHeader,
|
|
3294
|
+
|
|
3295
|
+
formatDateRange(date) {
|
|
3296
|
+
if (!date || date.length === 0) return '';
|
|
3297
|
+
|
|
3298
|
+
if (this.multiple) {
|
|
3299
|
+
let dateString = [...date].sort((a, b) => +new Date(a) - +new Date(b)).map(defaultFormat).join(', ');
|
|
3300
|
+
return dateString;
|
|
3301
|
+
}
|
|
3302
|
+
|
|
3303
|
+
return defaultFormat(date);
|
|
3304
|
+
}
|
|
3305
|
+
|
|
3264
3306
|
},
|
|
3265
3307
|
computed: {
|
|
3266
3308
|
inputVal: {
|
|
@@ -3304,16 +3346,34 @@ const checkDateValid = date => {
|
|
|
3304
3346
|
}
|
|
3305
3347
|
|
|
3306
3348
|
return null;
|
|
3349
|
+
},
|
|
3350
|
+
|
|
3351
|
+
isReadonly() {
|
|
3352
|
+
return this.readonly || this.multiple;
|
|
3353
|
+
},
|
|
3354
|
+
|
|
3355
|
+
rules() {
|
|
3356
|
+
const allRules = [this.checkDateValid, this.checkMax, this.checkMin, this.checkRequire];
|
|
3357
|
+
|
|
3358
|
+
if (this.multiple) {
|
|
3359
|
+
if (!this.inputVal.length && this.required) {
|
|
3360
|
+
return allRules.map(rule => rule.call(this, ''));
|
|
3361
|
+
}
|
|
3362
|
+
|
|
3363
|
+
return this.inputVal.flatMap(date => allRules.map(rule => rule.call(this, date)));
|
|
3364
|
+
}
|
|
3365
|
+
|
|
3366
|
+
return allRules;
|
|
3307
3367
|
}
|
|
3308
3368
|
|
|
3309
3369
|
}
|
|
3310
3370
|
});
|
|
3311
3371
|
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=script&lang=ts
|
|
3312
3372
|
|
|
3313
|
-
;// 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=
|
|
3373
|
+
;// 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=3e6e5c33&lang=scss&scoped=true
|
|
3314
3374
|
// extracted by mini-css-extract-plugin
|
|
3315
3375
|
|
|
3316
|
-
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=
|
|
3376
|
+
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=3e6e5c33&lang=scss&scoped=true
|
|
3317
3377
|
|
|
3318
3378
|
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue
|
|
3319
3379
|
|
|
@@ -3323,7 +3383,7 @@ const checkDateValid = date => {
|
|
|
3323
3383
|
;
|
|
3324
3384
|
|
|
3325
3385
|
|
|
3326
|
-
const DatePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DatePickervue_type_script_lang_ts, [['render',
|
|
3386
|
+
const DatePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DatePickervue_type_script_lang_ts, [['render',DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_render],['__scopeId',"data-v-3e6e5c33"]])
|
|
3327
3387
|
|
|
3328
3388
|
/* harmony default export */ var DatePicker = (DatePicker_exports_);
|
|
3329
3389
|
;// CONCATENATED MODULE: ./src/components/DatePicker/index.ts
|
|
@@ -11949,14 +12009,14 @@ const TextArea_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(TextAreav
|
|
|
11949
12009
|
|
|
11950
12010
|
|
|
11951
12011
|
/* harmony default export */ var components_TextArea = ((/* unused pure expression or super */ null && (TextArea)));
|
|
11952
|
-
;// 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/TextFieldV2/TextFieldV2.vue?vue&type=template&id=
|
|
12012
|
+
;// 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/TextFieldV2/TextFieldV2.vue?vue&type=template&id=f7377700&scoped=true&ts=true
|
|
11953
12013
|
|
|
11954
12014
|
|
|
11955
|
-
const
|
|
12015
|
+
const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-f7377700"), n = n(), _popScopeId(), n);
|
|
11956
12016
|
|
|
11957
|
-
const
|
|
11958
|
-
const
|
|
11959
|
-
function
|
|
12017
|
+
const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_1 = ["id"];
|
|
12018
|
+
const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_2 = ["id", "disabled", "readonly", "type"];
|
|
12019
|
+
function TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11960
12020
|
const _component_farm_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-icon");
|
|
11961
12021
|
|
|
11962
12022
|
const _component_farm_caption = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-caption");
|
|
@@ -11973,7 +12033,8 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
|
|
|
11973
12033
|
'farm-textfield--focused': $setup.isFocus && !$props.readonly,
|
|
11974
12034
|
'farm-textfield--disabled': $props.disabled,
|
|
11975
12035
|
'farm-textfield--hiddendetails': $props.hideDetails,
|
|
11976
|
-
'farm-textfield--uppercase': $setup.isUppercase
|
|
12036
|
+
'farm-textfield--uppercase': $setup.isUppercase,
|
|
12037
|
+
'farm-textfield--ellipsed': $props.ellipsed
|
|
11977
12038
|
}]),
|
|
11978
12039
|
id: $setup.customId
|
|
11979
12040
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
@@ -12005,7 +12066,7 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
|
|
|
12005
12066
|
(...args) => $setup.onBlur && $setup.onBlur(...args)),
|
|
12006
12067
|
onFocusin: _cache[5] || (_cache[5] = $event => $setup.onFocus(true)),
|
|
12007
12068
|
onFocusout: _cache[6] || (_cache[6] = $event => $setup.onFocus(false))
|
|
12008
|
-
}), null, 16,
|
|
12069
|
+
}), null, 16, TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vModelDynamic, $setup.innerValue], [_directive_mask, $props.mask]]), $props.icon && $props.iconPosition === 'right' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
|
|
12009
12070
|
key: 1,
|
|
12010
12071
|
type: "button",
|
|
12011
12072
|
onClick: _cache[7] || (_cache[7] = $event => _ctx.$emit('onClickIcon'))
|
|
@@ -12032,9 +12093,9 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
|
|
|
12032
12093
|
}, {
|
|
12033
12094
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.hint), 1)]),
|
|
12034
12095
|
_: 1
|
|
12035
|
-
}, 8, ["class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10,
|
|
12096
|
+
}, 8, ["class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_1);
|
|
12036
12097
|
}
|
|
12037
|
-
;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=template&id=
|
|
12098
|
+
;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=template&id=f7377700&scoped=true&ts=true
|
|
12038
12099
|
|
|
12039
12100
|
;// 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/TextFieldV2/TextFieldV2.vue?vue&type=script&lang=ts
|
|
12040
12101
|
|
|
@@ -12153,6 +12214,14 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
|
|
|
12153
12214
|
type: Function,
|
|
12154
12215
|
// eslint-disable-next-line
|
|
12155
12216
|
default: event => {}
|
|
12217
|
+
},
|
|
12218
|
+
|
|
12219
|
+
/**
|
|
12220
|
+
* Hide overflow content using ellipsis
|
|
12221
|
+
*/
|
|
12222
|
+
ellipsed: {
|
|
12223
|
+
type: Boolean,
|
|
12224
|
+
default: false
|
|
12156
12225
|
}
|
|
12157
12226
|
},
|
|
12158
12227
|
|
|
@@ -12249,10 +12318,10 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
|
|
|
12249
12318
|
});
|
|
12250
12319
|
;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=script&lang=ts
|
|
12251
12320
|
|
|
12252
|
-
;// 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/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=
|
|
12321
|
+
;// 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/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=f7377700&lang=scss&scoped=true
|
|
12253
12322
|
// extracted by mini-css-extract-plugin
|
|
12254
12323
|
|
|
12255
|
-
;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=
|
|
12324
|
+
;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=f7377700&lang=scss&scoped=true
|
|
12256
12325
|
|
|
12257
12326
|
;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue
|
|
12258
12327
|
|
|
@@ -12262,7 +12331,7 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
|
|
|
12262
12331
|
;
|
|
12263
12332
|
|
|
12264
12333
|
|
|
12265
|
-
const TextFieldV2_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(TextFieldV2vue_type_script_lang_ts, [['render',
|
|
12334
|
+
const TextFieldV2_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(TextFieldV2vue_type_script_lang_ts, [['render',TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_render],['__scopeId',"data-v-f7377700"]])
|
|
12266
12335
|
|
|
12267
12336
|
/* harmony default export */ var TextFieldV2_TextFieldV2 = (TextFieldV2_exports_);
|
|
12268
12337
|
;// CONCATENATED MODULE: ./src/components/TextFieldV2/index.ts
|