@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
package/README.md
CHANGED
|
@@ -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=3e6e5c33&scoped=true&ts=true
|
|
2802
2802
|
|
|
2803
2803
|
|
|
2804
|
-
const
|
|
2804
|
+
const DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-3e6e5c33"), n = n(), _popScopeId(), n);
|
|
2805
2805
|
|
|
2806
|
-
const
|
|
2806
|
+
const DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_hoisted_1 = {
|
|
2807
2807
|
class: "picker__actions"
|
|
2808
2808
|
};
|
|
2809
|
-
function
|
|
2809
|
+
function DatePickervue_type_template_id_3e6e5c33_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");
|
|
@@ -2834,12 +2834,13 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
|
|
|
2834
2834
|
autocomplete: "off",
|
|
2835
2835
|
ref: "inputCalendar",
|
|
2836
2836
|
readonly: $props.readonly,
|
|
2837
|
-
|
|
2837
|
+
ellipsed: $props.multiple,
|
|
2838
|
+
mask: `${$options.isReadonly ? '' : '##/##/####'}`,
|
|
2838
2839
|
requiredMessage: $props.requiredMessage,
|
|
2839
2840
|
id: $props.inputId,
|
|
2840
|
-
rules:
|
|
2841
|
+
rules: $options.rules,
|
|
2841
2842
|
onKeyup: $options.keyUpInput
|
|
2842
|
-
}, null, 8, ["modelValue", "readonly", "mask", "requiredMessage", "id", "rules", "onKeyup"])]),
|
|
2843
|
+
}, null, 8, ["modelValue", "readonly", "ellipsed", "mask", "requiredMessage", "id", "rules", "onKeyup"])]),
|
|
2843
2844
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_VueDatePicker, {
|
|
2844
2845
|
"calendar-class-name": "dp-custom-calendar",
|
|
2845
2846
|
inline: "",
|
|
@@ -2850,10 +2851,12 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
|
|
|
2850
2851
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $data.dateField = $event),
|
|
2851
2852
|
"min-date": $options.minDate,
|
|
2852
2853
|
"max-date": $options.maxDate,
|
|
2853
|
-
"allowed-dates": $props.
|
|
2854
|
+
"allowed-dates": $props.allowedDates,
|
|
2855
|
+
"disabled-dates": $props.disabledDates,
|
|
2854
2856
|
"day-names": ['S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
|
|
2855
|
-
"start-date": $data.internalPickerDate
|
|
2856
|
-
|
|
2857
|
+
"start-date": $data.internalPickerDate,
|
|
2858
|
+
"multi-dates": $props.multiple
|
|
2859
|
+
}, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "disabled-dates", "start-date", "multi-dates"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_farm_btn, {
|
|
2857
2860
|
plain: "",
|
|
2858
2861
|
title: "Limpar",
|
|
2859
2862
|
color: "primary",
|
|
@@ -2885,7 +2888,7 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
|
|
|
2885
2888
|
_: 1
|
|
2886
2889
|
}, 8, ["modelValue", "bottom", "top"]);
|
|
2887
2890
|
}
|
|
2888
|
-
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=
|
|
2891
|
+
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=3e6e5c33&scoped=true&ts=true
|
|
2889
2892
|
|
|
2890
2893
|
;// CONCATENATED MODULE: ./src/helpers/formatDatePickerHeader.ts
|
|
2891
2894
|
const monthNumberToMonthName = {
|
|
@@ -3070,7 +3073,7 @@ const checkDateValid = date => {
|
|
|
3070
3073
|
* v-model bind
|
|
3071
3074
|
*/
|
|
3072
3075
|
modelValue: {
|
|
3073
|
-
type: String,
|
|
3076
|
+
type: [String, Array],
|
|
3074
3077
|
default: ''
|
|
3075
3078
|
},
|
|
3076
3079
|
|
|
@@ -3099,9 +3102,17 @@ const checkDateValid = date => {
|
|
|
3099
3102
|
},
|
|
3100
3103
|
|
|
3101
3104
|
/**
|
|
3102
|
-
* Allowed
|
|
3105
|
+
* Allowed dates (format YYYY-MM-DD)
|
|
3106
|
+
*/
|
|
3107
|
+
allowedDates: {
|
|
3108
|
+
type: Array,
|
|
3109
|
+
default: () => null
|
|
3110
|
+
},
|
|
3111
|
+
|
|
3112
|
+
/**
|
|
3113
|
+
* Disabled dates(format YYYY-MM-DD)
|
|
3103
3114
|
*/
|
|
3104
|
-
|
|
3115
|
+
disabledDates: {
|
|
3105
3116
|
type: Array,
|
|
3106
3117
|
default: () => null
|
|
3107
3118
|
},
|
|
@@ -3132,15 +3143,24 @@ const checkDateValid = date => {
|
|
|
3132
3143
|
invalidMessage: {
|
|
3133
3144
|
type: String,
|
|
3134
3145
|
default: 'Data inválida'
|
|
3146
|
+
},
|
|
3147
|
+
|
|
3148
|
+
/**
|
|
3149
|
+
* Allow multiple dates
|
|
3150
|
+
*/
|
|
3151
|
+
multiple: {
|
|
3152
|
+
type: Boolean,
|
|
3153
|
+
default: false
|
|
3135
3154
|
}
|
|
3136
3155
|
},
|
|
3137
3156
|
|
|
3138
3157
|
data() {
|
|
3158
|
+
const s = this.formatDateRange(this.modelValue);
|
|
3139
3159
|
return {
|
|
3140
3160
|
internalPickerDate: this.pickerDate,
|
|
3141
3161
|
menuField: false,
|
|
3142
3162
|
dateField: this.modelValue,
|
|
3143
|
-
fieldRange: revertDate(this.modelValue),
|
|
3163
|
+
fieldRange: this.multiple ? s : revertDate(this.modelValue),
|
|
3144
3164
|
checkDateValid: value => {
|
|
3145
3165
|
if (value.length > 0) {
|
|
3146
3166
|
return checkDateValid(value) ? true : this.invalidMessage;
|
|
@@ -3175,6 +3195,15 @@ const checkDateValid = date => {
|
|
|
3175
3195
|
}
|
|
3176
3196
|
|
|
3177
3197
|
return true;
|
|
3198
|
+
},
|
|
3199
|
+
checkIsInAllowedDates: value => {
|
|
3200
|
+
const dateSelected = convertDate(value);
|
|
3201
|
+
|
|
3202
|
+
if (!this.required && value.length === 0) {
|
|
3203
|
+
return true;
|
|
3204
|
+
}
|
|
3205
|
+
|
|
3206
|
+
return this.allowedDates(dateSelected) || 'Data inválida';
|
|
3178
3207
|
}
|
|
3179
3208
|
};
|
|
3180
3209
|
},
|
|
@@ -3182,11 +3211,12 @@ const checkDateValid = date => {
|
|
|
3182
3211
|
watch: {
|
|
3183
3212
|
modelValue(newValue) {
|
|
3184
3213
|
this.dateField = newValue;
|
|
3214
|
+
this.fieldRange = this.multiple ? this.formatDateRange(newValue) : revertDate(newValue);
|
|
3185
3215
|
},
|
|
3186
3216
|
|
|
3187
3217
|
fieldRange(newValue) {
|
|
3188
3218
|
if (!newValue) {
|
|
3189
|
-
this.dateField = '';
|
|
3219
|
+
this.dateField = this.multiple ? [] : '';
|
|
3190
3220
|
this.save();
|
|
3191
3221
|
}
|
|
3192
3222
|
},
|
|
@@ -3202,12 +3232,11 @@ const checkDateValid = date => {
|
|
|
3202
3232
|
save() {
|
|
3203
3233
|
this.inputVal = this.dateField;
|
|
3204
3234
|
this.menuField = false;
|
|
3205
|
-
this.fieldRange = revertDate(this.dateField);
|
|
3206
3235
|
this.closeDatepicker();
|
|
3207
3236
|
},
|
|
3208
3237
|
|
|
3209
3238
|
clear() {
|
|
3210
|
-
this.dateField = '';
|
|
3239
|
+
this.dateField = this.multiple ? [] : '';
|
|
3211
3240
|
this.save();
|
|
3212
3241
|
this.$refs.inputCalendar.reset();
|
|
3213
3242
|
},
|
|
@@ -3222,7 +3251,8 @@ const checkDateValid = date => {
|
|
|
3222
3251
|
|
|
3223
3252
|
if (this.validation(newValue) && newValue.length === 10) {
|
|
3224
3253
|
const [day, month, year] = newValue.split('/');
|
|
3225
|
-
|
|
3254
|
+
const formattedDate = `${year}-${month}-${day}`;
|
|
3255
|
+
this.dateField = this.multiple ? [formattedDate] : formattedDate;
|
|
3226
3256
|
this.save();
|
|
3227
3257
|
}
|
|
3228
3258
|
},
|
|
@@ -3243,7 +3273,19 @@ const checkDateValid = date => {
|
|
|
3243
3273
|
this.$refs.contextmenu.inputValue = false;
|
|
3244
3274
|
},
|
|
3245
3275
|
|
|
3246
|
-
formatDatePickerHeader: formatDatePickerHeader
|
|
3276
|
+
formatDatePickerHeader: formatDatePickerHeader,
|
|
3277
|
+
|
|
3278
|
+
formatDateRange(date) {
|
|
3279
|
+
if (!date || date.length === 0) return '';
|
|
3280
|
+
|
|
3281
|
+
if (this.multiple) {
|
|
3282
|
+
let dateString = [...date].sort((a, b) => +new Date(a) - +new Date(b)).map(defaultFormat).join(', ');
|
|
3283
|
+
return dateString;
|
|
3284
|
+
}
|
|
3285
|
+
|
|
3286
|
+
return defaultFormat(date);
|
|
3287
|
+
}
|
|
3288
|
+
|
|
3247
3289
|
},
|
|
3248
3290
|
computed: {
|
|
3249
3291
|
inputVal: {
|
|
@@ -3287,16 +3329,34 @@ const checkDateValid = date => {
|
|
|
3287
3329
|
}
|
|
3288
3330
|
|
|
3289
3331
|
return null;
|
|
3332
|
+
},
|
|
3333
|
+
|
|
3334
|
+
isReadonly() {
|
|
3335
|
+
return this.readonly || this.multiple;
|
|
3336
|
+
},
|
|
3337
|
+
|
|
3338
|
+
rules() {
|
|
3339
|
+
const allRules = [this.checkDateValid, this.checkMax, this.checkMin, this.checkRequire];
|
|
3340
|
+
|
|
3341
|
+
if (this.multiple) {
|
|
3342
|
+
if (!this.inputVal.length && this.required) {
|
|
3343
|
+
return allRules.map(rule => rule.call(this, ''));
|
|
3344
|
+
}
|
|
3345
|
+
|
|
3346
|
+
return this.inputVal.flatMap(date => allRules.map(rule => rule.call(this, date)));
|
|
3347
|
+
}
|
|
3348
|
+
|
|
3349
|
+
return allRules;
|
|
3290
3350
|
}
|
|
3291
3351
|
|
|
3292
3352
|
}
|
|
3293
3353
|
});
|
|
3294
3354
|
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=script&lang=ts
|
|
3295
3355
|
|
|
3296
|
-
;// 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=
|
|
3356
|
+
;// 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=3e6e5c33&lang=scss&scoped=true
|
|
3297
3357
|
// extracted by mini-css-extract-plugin
|
|
3298
3358
|
|
|
3299
|
-
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=
|
|
3359
|
+
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=3e6e5c33&lang=scss&scoped=true
|
|
3300
3360
|
|
|
3301
3361
|
;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue
|
|
3302
3362
|
|
|
@@ -3306,7 +3366,7 @@ const checkDateValid = date => {
|
|
|
3306
3366
|
;
|
|
3307
3367
|
|
|
3308
3368
|
|
|
3309
|
-
const DatePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DatePickervue_type_script_lang_ts, [['render',
|
|
3369
|
+
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"]])
|
|
3310
3370
|
|
|
3311
3371
|
/* harmony default export */ var DatePicker = (DatePicker_exports_);
|
|
3312
3372
|
;// CONCATENATED MODULE: ./src/components/DatePicker/index.ts
|
|
@@ -11932,14 +11992,14 @@ const TextArea_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(TextAreav
|
|
|
11932
11992
|
|
|
11933
11993
|
|
|
11934
11994
|
/* harmony default export */ var components_TextArea = ((/* unused pure expression or super */ null && (TextArea)));
|
|
11935
|
-
;// 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/TextFieldV2/TextFieldV2.vue?vue&type=template&id=
|
|
11995
|
+
;// 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/TextFieldV2/TextFieldV2.vue?vue&type=template&id=f7377700&scoped=true&ts=true
|
|
11936
11996
|
|
|
11937
11997
|
|
|
11938
|
-
const
|
|
11998
|
+
const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-f7377700"), n = n(), _popScopeId(), n);
|
|
11939
11999
|
|
|
11940
|
-
const
|
|
11941
|
-
const
|
|
11942
|
-
function
|
|
12000
|
+
const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_1 = ["id"];
|
|
12001
|
+
const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_2 = ["id", "disabled", "readonly", "type"];
|
|
12002
|
+
function TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11943
12003
|
const _component_farm_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("farm-icon");
|
|
11944
12004
|
|
|
11945
12005
|
const _component_farm_caption = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("farm-caption");
|
|
@@ -11956,7 +12016,8 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
|
|
|
11956
12016
|
'farm-textfield--focused': $setup.isFocus && !$props.readonly,
|
|
11957
12017
|
'farm-textfield--disabled': $props.disabled,
|
|
11958
12018
|
'farm-textfield--hiddendetails': $props.hideDetails,
|
|
11959
|
-
'farm-textfield--uppercase': $setup.isUppercase
|
|
12019
|
+
'farm-textfield--uppercase': $setup.isUppercase,
|
|
12020
|
+
'farm-textfield--ellipsed': $props.ellipsed
|
|
11960
12021
|
}]),
|
|
11961
12022
|
id: $setup.customId
|
|
11962
12023
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
|
|
@@ -11988,7 +12049,7 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
|
|
|
11988
12049
|
(...args) => $setup.onBlur && $setup.onBlur(...args)),
|
|
11989
12050
|
onFocusin: _cache[5] || (_cache[5] = $event => $setup.onFocus(true)),
|
|
11990
12051
|
onFocusout: _cache[6] || (_cache[6] = $event => $setup.onFocus(false))
|
|
11991
|
-
}), null, 16,
|
|
12052
|
+
}), null, 16, TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vModelDynamic, $setup.innerValue], [_directive_mask, $props.mask]]), $props.icon && $props.iconPosition === 'right' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", {
|
|
11992
12053
|
key: 1,
|
|
11993
12054
|
type: "button",
|
|
11994
12055
|
onClick: _cache[7] || (_cache[7] = $event => _ctx.$emit('onClickIcon'))
|
|
@@ -12015,9 +12076,9 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
|
|
|
12015
12076
|
}, {
|
|
12016
12077
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.hint), 1)]),
|
|
12017
12078
|
_: 1
|
|
12018
|
-
}, 8, ["class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10,
|
|
12079
|
+
}, 8, ["class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_1);
|
|
12019
12080
|
}
|
|
12020
|
-
;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=template&id=
|
|
12081
|
+
;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=template&id=f7377700&scoped=true&ts=true
|
|
12021
12082
|
|
|
12022
12083
|
;// 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/TextFieldV2/TextFieldV2.vue?vue&type=script&lang=ts
|
|
12023
12084
|
|
|
@@ -12136,6 +12197,14 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
|
|
|
12136
12197
|
type: Function,
|
|
12137
12198
|
// eslint-disable-next-line
|
|
12138
12199
|
default: event => {}
|
|
12200
|
+
},
|
|
12201
|
+
|
|
12202
|
+
/**
|
|
12203
|
+
* Hide overflow content using ellipsis
|
|
12204
|
+
*/
|
|
12205
|
+
ellipsed: {
|
|
12206
|
+
type: Boolean,
|
|
12207
|
+
default: false
|
|
12139
12208
|
}
|
|
12140
12209
|
},
|
|
12141
12210
|
|
|
@@ -12232,10 +12301,10 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
|
|
|
12232
12301
|
});
|
|
12233
12302
|
;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=script&lang=ts
|
|
12234
12303
|
|
|
12235
|
-
;// 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/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=
|
|
12304
|
+
;// 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/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=f7377700&lang=scss&scoped=true
|
|
12236
12305
|
// extracted by mini-css-extract-plugin
|
|
12237
12306
|
|
|
12238
|
-
;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=
|
|
12307
|
+
;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=f7377700&lang=scss&scoped=true
|
|
12239
12308
|
|
|
12240
12309
|
;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue
|
|
12241
12310
|
|
|
@@ -12245,7 +12314,7 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
|
|
|
12245
12314
|
;
|
|
12246
12315
|
|
|
12247
12316
|
|
|
12248
|
-
const TextFieldV2_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(TextFieldV2vue_type_script_lang_ts, [['render',
|
|
12317
|
+
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"]])
|
|
12249
12318
|
|
|
12250
12319
|
/* harmony default export */ var TextFieldV2_TextFieldV2 = (TextFieldV2_exports_);
|
|
12251
12320
|
;// CONCATENATED MODULE: ./src/components/TextFieldV2/index.ts
|