cnhis-design-vue 3.1.5-beta.14 → 3.1.5-beta.17

package/es/packages/form-render/src/hooks/useFieldList2Schema2.js

@@ -1,193 +0,0 @@
-import { arrayed, transformDateFormat } from '../utils/index2.js';
-import { useFormValidator } from './useFormValidator2.js';
-import { isObject } from '@vueuse/core';
-import { useTypeNormalize } from './useTypeNormalize2.js';
-
-function useFieldList2Schema(collector) {
-  const { createValidatorSchema } = useFormValidator();
-  const createStandardSchema = (item) => {
-    const result = {
-      name: item.val_key,
-      type: "string",
-      title: item.alias || item.name,
-      "x-decorator": "FORM_ITEM",
-      "x-decorator-props": { span: item.elem_width, showLabel: item.hide_title !== "1" },
-      "x-component": item.html_type,
-      "x-component-props": { placeholder: item.placeholder, clearable: item.is_empty === "1" },
-      "x-display": item.is_show === "0" ? "hidden" : "visible",
-      "x-pattern": item.is_edit === "0" ? "disabled" : "editable"
-    };
-    if (isObject(item.reactions)) {
-      result["x-reactions"] = item.reactions;
-    }
-    const rules = createValidatorSchema(item);
-    rules && (result["x-validator"] = rules);
-    item.is_null === "0" && (result.required = true);
-    return result;
-  };
-  const createInputSchema = (item) => {
-    const schema = createStandardSchema(item);
-    Object.assign(schema["x-component-props"], {
-      prefix: item.prefix,
-      suffix: item.suffix
-    });
-    return schema;
-  };
-  const createSelectSchema = (item) => {
-    const schema = createStandardSchema(item);
-    Object.assign(schema["x-component-props"], {
-      urlConfig: item.urlConfig,
-      options: item.option,
-      multiple: item.multi_select === "0",
-      maxTagCount: +item.multi_select_value
-    });
-    return schema;
-  };
-  const createRadioSchema = (item) => {
-    const schema = createStandardSchema(item);
-    Object.assign(schema["x-component-props"], {
-      options: item.option,
-      vertical: item.__vertical
-    });
-    return schema;
-  };
-  const createDateSchema = (item) => {
-    const schema = createStandardSchema(item);
-    Object.assign(schema["x-component-props"], {
-      valueFormat: item.date_format,
-      type: transformDateFormat(item.date_format),
-      validate: item.validate
-    });
-    return schema;
-  };
-  const createCascaderSchema = (item) => {
-    var _a;
-    const schema = createStandardSchema(item);
-    Object.assign(schema["x-component-props"], {
-      urlConfig: item.urlConfig,
-      deep: (_a = item.wordbook) == null ? void 0 : _a.level_num,
-      options: item.option
-    });
-    return schema;
-  };
-  const createSwitchSchema = (item) => {
-    const schema = createStandardSchema(item);
-    Object.assign(schema["x-component-props"], {
-      openDescription: item.open,
-      closeDescription: item.close
-    });
-    return schema;
-  };
-  const createCombinationSchema = (item) => {
-    const schema = createStandardSchema(item);
-    schema["x-decorator-props"].showLabel = false;
-    Object.assign(schema["x-component-props"], {
-      title: item.alias || item.name,
-      properties: transform(item.children || [])
-    });
-    return schema;
-  };
-  const createInputNumberSchema = (item) => {
-    const schema = createStandardSchema(item);
-    const { decimal_length, validate } = item;
-    Object.assign(schema["x-component-props"], {
-      precision: decimal_length || (validate == null ? void 0 : validate.decimal_length),
-      max: validate == null ? void 0 : validate.max_value,
-      min: validate == null ? void 0 : validate.min_value
-    });
-    return schema;
-  };
-  const createSliderSchema = (item) => {
-    const schema = createStandardSchema(item);
-    Object.assign(schema["x-component-props"], {
-      step: item.step_length,
-      max: item.max_length,
-      min: item.min_length,
-      option: item.option
-    });
-    return schema;
-  };
-  const createCustomSchema = (item) => {
-    const schema = createStandardSchema(item);
-    item.fieldType && (schema.type = item.fieldType);
-    Object.assign(schema["x-component-props"], {
-      fieldItem: item
-    });
-    return schema;
-  };
-  const createCollapseSchema = (item) => {
-    return {
-      name: item.val_key,
-      type: "void",
-      title: item.alias || item.name,
-      "x-component": "COLLAPSE",
-      "x-component-props": {
-        disabled: item.is_not_fold === "1",
-        show: !!item.is_show
-      }
-    };
-  };
-  const createComplexSchema = (item) => {
-    const schema = createStandardSchema(item);
-    const properties = Array.isArray(item.properties) ? transform(item.properties) : {};
-    schema.type = item.fieldType || "void";
-    schema.properties = properties;
-    return schema;
-  };
-  const creatorMap = /* @__PURE__ */ new Map([
-    ["LINEBAR", createCollapseSchema],
-    ["INPUT", createInputSchema],
-    ["INPUT_NUMBER", createInputNumberSchema],
-    ["SELECT", createSelectSchema],
-    ["DATE", createDateSchema],
-    ["SEARCH_CASCADE", createCascaderSchema],
-    ["COMBINATION", createCombinationSchema],
-    ["RADIO", createRadioSchema],
-    ["CHECKBOX", createRadioSchema],
-    ["SWITCH", createSwitchSchema],
-    ["SLIDER", createSliderSchema],
-    ["COMPLEX", createComplexSchema]
-  ]);
-  const createWidgetSchema = (item) => {
-    if (item.suffixConfig)
-      return createWidgetCombinationSchema(item);
-    const creator = creatorMap.get(item.html_type) || createCustomSchema;
-    return creator(item);
-  };
-  const createWidgetCombinationSchema = (item) => {
-    const suffixList = arrayed(item.suffixConfig);
-    const fieldList = [{ ...item, suffixConfig: void 0 }].concat(suffixList.map((suffix) => {
-      return { ...suffix, is_show: "1", hide_title: "1" };
-    }));
-    return {
-      type: "void",
-      title: item.alias || item.name,
-      "x-component": "INPUT_GROUP",
-      "x-component-props": { span: item.elem_width },
-      properties: transform(fieldList)
-    };
-  };
-  const { normalize } = useTypeNormalize();
-  function transform(fieldList) {
-    let prevCollapse = null;
-    return fieldList.reduce((fin, cur) => {
-      var _a;
-      normalize(cur);
-      const obj_type = (_a = cur.validate) == null ? void 0 : _a.obj_type;
-      obj_type && collector.collect(obj_type, cur.val_key);
-      if (cur.html_type === "LINEBAR") {
-        fin[cur.val_key] = createCollapseSchema(cur);
-        prevCollapse = fin[cur.val_key].properties = {};
-      } else if (prevCollapse) {
-        prevCollapse[cur.val_key] = createWidgetSchema(cur);
-      } else {
-        prevCollapse = null;
-        fin[cur.val_key] = createWidgetSchema(cur);
-      }
-      return fin;
-    }, {});
-  }
-  return { transform };
-}
-
-export { useFieldList2Schema };

package/es/packages/form-render/src/hooks/useFieldVisitor2.js

@@ -1,38 +0,0 @@
-import { arrayed } from '../utils/index2.js';
-import { isFunction } from '@vueuse/core';
-
-function useFieldVisitor() {
-  function traverse(fieldList, visitorMap, key = "val_key") {
-    if (!visitorMap)
-      return fieldList;
-    return fieldList.reduce((fin, field) => {
-      if (Array.isArray(field.children)) {
-        field.children = traverse(field.children, visitorMap, key);
-      }
-      if (field.suffixConfig) {
-        field.suffixConfig = traverse(arrayed(field.suffixConfig), visitorMap, key);
-      }
-      const visitor = visitorMap[field[key]];
-      let current = field;
-      const before = [];
-      const after = [];
-      isFunction(visitor) && visitor({
-        field,
-        replace(field2) {
-          current = field2;
-        },
-        insertBefore(field2) {
-          before.push(...arrayed(field2));
-        },
-        insertAfter(field2) {
-          after.push(...arrayed(field2));
-        }
-      });
-      fin.push(...before, current, ...after);
-      return fin;
-    }, []);
-  }
-  return { traverse };
-}
-
-export { useFieldVisitor };

package/es/packages/form-render/src/hooks/useFormField2.js

@@ -1,15 +0,0 @@
-import { useField } from '@formily/vue';
-import { computed } from 'vue';
-
-function useFormField() {
-  const field = useField();
-  return {
-    field,
-    title: computed(() => field.value.title),
-    fieldKey: computed(() => {
-      return field.value.props.name.toString();
-    })
-  };
-}
-
-export { useFormField };

package/es/packages/form-render/src/hooks/useFormItemDeps2.js

@@ -1,29 +0,0 @@
-import { arrayed } from '../..\\..\\../packages/form-render/src/utils';
-
-class FormItemDepsCollector {
-  constructor() {
-    this.collector = /* @__PURE__ */ new Map();
-  }
-  setDeps(key, dependKey, callback) {
-    dependKey = arrayed(dependKey);
-    dependKey.forEach((dependKey2) => {
-      const map = this.collector.get(dependKey2) || /* @__PURE__ */ new Map();
-      map.set(key, callback);
-      this.collector.set(dependKey2, map);
-    });
-  }
-  trigger(dependKey) {
-    const map = this.collector.get(dependKey);
-    map && map.forEach((cb) => {
-      typeof cb === "function" && cb();
-    });
-  }
-}
-function useFormItemDeps() {
-  function create() {
-    return new FormItemDepsCollector();
-  }
-  return { create };
-}
-
-export { FormItemDepsCollector, useFormItemDeps };

package/es/packages/form-render/src/hooks/useFormRequest2.js

@@ -1,12 +0,0 @@
-let http = null;
-function useFormRequest() {
-  function getHttpInstance() {
-    return http;
-  }
-  function registGlobHttpInstance(instance) {
-    http = instance;
-  }
-  return { getHttpInstance, registGlobHttpInstance };
-}
-
-export { useFormRequest };

package/es/packages/form-render/src/hooks/useFormValidator2.js

@@ -1,48 +0,0 @@
-import { arrayed } from '../utils/index2.js';
-import { isFunction } from '@vueuse/core';
-
-function useFormValidator() {
-  const validateMap = /* @__PURE__ */ new Map([
-    ["mobile", ({ validate }) => ({ format: "phone", message: validate == null ? void 0 : validate.message })],
-    ["integer", ({ validate }) => ({ format: "integer", message: validate == null ? void 0 : validate.message })],
-    ["number", ({ validate }) => ({ format: "number", message: validate == null ? void 0 : validate.message })],
-    [
-      "id_card",
-      ({ validate }) => ({
-        pattern: /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2]\d|3[0-1])\d{3}(\d|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2]\d|3[0-1])\d{3}))$/,
-        message: (validate == null ? void 0 : validate.message) || "\u8BF7\u8F93\u5165\u5408\u6CD5\u7684\u8EAB\u4EFD\u8BC1\u53F7"
-      })
-    ],
-    [
-      "regular",
-      (field) => {
-        const { validate, regular_expression, regular_error_tip } = field;
-        const pattern = regular_expression || (validate == null ? void 0 : validate.regular_expression) || "";
-        const message = regular_error_tip || (validate == null ? void 0 : validate.regular_error_tip) || (validate == null ? void 0 : validate.message) || "\u683C\u5F0F\u9519\u8BEF";
-        return { pattern, message };
-      }
-    ]
-  ]);
-  const commonValidateConfig = { triggerType: "onBlur" };
-  function createValidatorSchema(fieldItem) {
-    const rules = [];
-    const { validate: { vali_obj, max_length, message } = {}, validator } = fieldItem;
-    if (validator) {
-      const _validator = arrayed(validator);
-      _validator.forEach((f) => {
-        if (!isFunction(f))
-          return;
-        rules.push({ validator: (value) => f(value, fieldItem) });
-      });
-    }
-    if (max_length) {
-      rules.push({ max: max_length, message });
-    }
-    const ruleCreator = vali_obj && validateMap.get(vali_obj);
-    ruleCreator && rules.push(Object.assign({}, commonValidateConfig, ruleCreator(fieldItem)));
-    return rules;
-  }
-  return { createValidatorSchema };
-}
-
-export { useFormValidator };

package/es/packages/form-render/src/hooks/useTypeNormalize2.js

@@ -1,37 +0,0 @@
-function useTypeNormalize() {
-  function normalizeAgeField(item) {
-    item.html_type = "INPUT";
-    item.suffixConfig = [
-      {
-        val_key: item.val_key_unit,
-        html_type: "SELECT",
-        option: item.option
-      }
-    ];
-  }
-  const types = [
-    [["SEARCH", "PHONE_TYPE", "IDCARD_TYPE"], "SELECT"],
-    ["DIGITAL", "INPUT_NUMBER"],
-    ["CHECKBOX_BLOCK", "CHECKBOX"],
-    ["RADIO_BLOCK", "RADIO"],
-    [["DATE-INPUT", "DATETIME-INPUT"], "DATE"],
-    ["SWITCH_COMPONENT", "SWITCH"],
-    ["SLIDER_COMPONENT", "SLIDER"]
-  ];
-  function normalize(item) {
-    const type = item.html_type;
-    if (["CHECK_BLOCK", "RADIO_BLOCK"].includes(item.html_type)) {
-      item.__vertical = true;
-    }
-    if (item.html_type === "AGE") {
-      normalizeAgeField(item);
-    }
-    types.some(([rule, target]) => {
-      const match = Array.isArray(rule) ? rule.includes(type) : rule === type;
-      return match && (item.html_type = target);
-    });
-  }
-  return { normalize };
-}
-
-export { useTypeNormalize };

package/es/packages/form-render/src/utils/index2.js

@@ -1,71 +0,0 @@
-import { FIELD_SEX_VALUE } from '../constants/index2.js';
-import { isField } from '@formily/core';
-import differenceInDays from '../../../../node_modules/date-fns/esm/differenceInDays/index.js';
-import differenceInMonths from '../../../../node_modules/date-fns/esm/differenceInMonths/index.js';
-import { inject, provide } from 'vue';
-
-function formRenderLog(message, type = "log") {
-  console[type](`[FormRender]: ${message}`);
-}
-function arrayed(maybeArray) {
-  if (Array.isArray(maybeArray))
-    return maybeArray;
-  return [maybeArray];
-}
-function assignUpdateValue(props, field) {
-  const _props = { ...props };
-  if (isField(field)) {
-    Object.assign(_props, {
-      "onUpdate:value"(value) {
-        field.setValue(value);
-      }
-    });
-  }
-  return _props;
-}
-function transformDateFormat(format) {
-  return format.includes("HH") ? "datetime" : "date";
-}
-function isIdCard(idCardNo) {
-  return /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2]\d|3[0-1])\d{3}(\d|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2]\d|3[0-1])\d{3}))$/.test(idCardNo);
-}
-function parseIdCard(idCardNo) {
-  const parseInner = (certificateNo, idxSexStart, birthYearSpan) => {
-    const res = {};
-    const idxSex = 1 - certificateNo.substr(idxSexStart, 1) % 2;
-    res.sex = idxSex === 1 ? FIELD_SEX_VALUE.FEMALE : FIELD_SEX_VALUE.MALE;
-    const year = (birthYearSpan == 2 ? "19" : "") + certificateNo.substr(6, birthYearSpan);
-    const month = certificateNo.substr(6 + birthYearSpan, 2);
-    const day = certificateNo.substr(8 + birthYearSpan, 2);
-    res.birthday = year + "-" + month + "-" + day;
-    const d = new Date();
-    const monthFloor = d.getMonth() + 1 < parseInt(month, 10) || d.getMonth() + 1 == parseInt(month, 10) && d.getDate() < parseInt(day, 10) ? 1 : 0;
-    res.age = res.year = d.getFullYear() - parseInt(year, 10) - monthFloor;
-    res.day = differenceInDays(d, new Date(res.birthday));
-    res.month = differenceInMonths(d, new Date(res.birthday));
-    return res;
-  };
-  return parseInner(idCardNo, idCardNo.length == 15 ? 14 : 16, idCardNo.length == 15 ? 2 : 4);
-}
-function injectOrProvide(key, creator) {
-  let injected = inject(key, null);
-  if (!injected) {
-    injected = creator();
-    provide(key, injected);
-  }
-  return injected;
-}
-function generateUrlParams(field, dependKeys) {
-  const result = {};
-  if (dependKeys) {
-    arrayed(dependKeys).forEach((dependKey) => {
-      const _field = field.query(dependKey).take();
-      if (isField(_field)) {
-        result[dependKey] = _field.value;
-      }
-    });
-  }
-  return result;
-}
-
-export { arrayed, assignUpdateValue, formRenderLog, generateUrlParams, injectOrProvide, isIdCard, parseIdCard, transformDateFormat };

package/es/packages/form-render/style/index.less

@@ -1,129 +0,0 @@
-@block: ~"form-render";
-
-#form-grid() {
-  .display(@column) {
-    display: grid !important;
-    grid-template-columns: repeat(@column, minmax(0px, 1fr));
-    gap: 0 8px;
-  }
-  .item(@column) {
-    grid-column: span @column / span @column;
-  }
-}
-
-#form-input-group(@direction) {
-  border-bottom-@{direction}-radius: 0;
-  border-top-@{direction}-radius: 0;
-}
-
-.@{block} {
-  @display: #form-grid .display(var(--column));
-  @item: #form-grid .item(var(--column));
-  @form-item: #form-grid .item(var(--form-item-column));
-
-  &__wrapper {
-    @display();
-  }
-
-  &__formItem {
-    @form-item();
-
-    .n-date-picker {
-      width: 100%;
-    }
-  }
-
-  &__collapse {
-    @item();
-
-    &Header {
-      cursor: pointer;
-      display: flex;
-      background: #fafafa;
-      height: 36px;
-      align-items: center;
-      padding: 0 16px;
-      margin-bottom: 8px;
-      border: 1px solid #d9d9d9;
-    }
-
-    &Item {
-      @display();
-    }
-  }
-
-  &__inputGroup {
-    @item();
-    display: flex;
-    align-items: flex-end;
-
-    > div {
-      flex: 1;
-
-      &:not(:last-of-type) {
-        .n-input__border,
-        .n-base-selection__border {
-          border-right: 0;
-          #form-input-group(right);
-        }
-      }
-
-      &:last-of-type {
-        .n-input__border,
-        .n-base-selection__border {
-          #form-input-group(left);
-        }
-      }
-    }
-  }
-
-  &__combination {
-    width: 100%;
-
-    &Header {
-      > h3 {
-        font-size: 16px;
-        font-weight: 700;
-        padding: 0;
-        margin: 0;
-      }
-
-      display: flex;
-      gap: 12px;
-    }
-
-    &HeaderText {
-      font-size: 16px;
-      font-weight: 500;
-    }
-
-    &Close {
-      position: absolute;
-      right: 0;
-      top: 5px;
-      width: 14px;
-      height: 14px;
-      border-radius: 50%;
-      background: red;
-      cursor: pointer;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      color: white;
-      vertical-align: middle;
-      font-size: 16px;
-    }
-
-    &Content {
-      position: relative;
-    }
-  }
-
-  &__complex {
-    width: 100%;
-
-    &Content {
-      @display();
-    }
-  }
-}

package/es/packages/form-table/index2.js

@@ -1,11 +0,0 @@
-import { COMPONENT_NAMESPACE } from '../../src/global/variable';
-import { safeComponentRegister } from '../../src/utils';
-import './src/FormTable2.js';
-import script from './src/FormTable.vue_vue_type_script_setup_true_lang.js';
-
-const FormTable = script;
-FormTable.install = function(app) {
-  safeComponentRegister(app, FormTable, COMPONENT_NAMESPACE + "FormTable");
-};
-
-export { FormTable as default };

package/es/packages/form-table/src/FormTable2.js

@@ -1,4 +0,0 @@
-import script from './FormTable.vue_vue_type_script_setup_true_lang.js';
-export { default } from './FormTable.vue_vue_type_script_setup_true_lang.js';
-
-script.__file = "packages/form-table/src/FormTable.vue";

package/es/packages/form-table/src/components/index2.js

@@ -1,54 +0,0 @@
-import configData from '../configs/index2.js';
-import './table-age2.js';
-import './table-date-picker2.js';
-import './table-digital2.js';
-import './table-input2.js';
-import './table-input-password2.js';
-import './table-month-picker2.js';
-import './table-search2.js';
-import './table-search-more2.js';
-import './table-select2.js';
-import './table-select-multiple2.js';
-import './table-textarea2.js';
-import './table-time-picker2.js';
-import './table-tree-select2.js';
-import './text-over-tooltip2.js';
-import script from './table-age.vue_vue_type_script_setup_true_lang.js';
-import script$1 from './table-date-picker.vue_vue_type_script_setup_true_lang.js';
-import script$2 from './table-digital.vue_vue_type_script_setup_true_lang.js';
-import script$3 from './table-input.vue_vue_type_script_setup_true_lang.js';
-import script$4 from './table-input-password.vue_vue_type_script_setup_true_lang.js';
-import script$5 from './table-month-picker.vue_vue_type_script_setup_true_lang.js';
-import script$6 from './table-search.vue_vue_type_script_setup_true_lang.js';
-import script$7 from './table-search-more.vue_vue_type_script_setup_true_lang.js';
-import script$8 from './table-select.vue_vue_type_script_setup_true_lang.js';
-import script$9 from './table-select-multiple.vue_vue_type_script_setup_true_lang.js';
-import script$a from './table-textarea.vue_vue_type_script_setup_true_lang.js';
-import script$b from './table-time-picker.vue_vue_type_script_setup_true_lang.js';
-import script$c from './table-tree-select.vue_vue_type_script_setup_true_lang.js';
-import script$d from './text-over-tooltip.vue_vue_type_script_setup_true_lang.js';
-
-function useComponents() {
-  const cmps = {
-    tableAge: script,
-    tableDatePicker: script$1,
-    tableDigital: script$2,
-    tableInput: script$3,
-    tableInputPassword: script$4,
-    tableMonthPicker: script$5,
-    tableSearch: script$6,
-    tableSearchMore: script$7,
-    tableSelect: script$8,
-    tableSelectMultiple: script$9,
-    tableTextarea: script$a,
-    tableTimePicker: script$b,
-    tableTreeSelect: script$c,
-    textOverTooltip: script$d
-  };
-  function getComName(v = {}) {
-    return configData.getComName(v);
-  }
-  return { cmps, getComName };
-}
-
-export { useComponents };

package/es/packages/form-table/src/components/table-age2.js

@@ -1,4 +0,0 @@
-import script from './table-age.vue_vue_type_script_setup_true_lang.js';
-export { default } from './table-age.vue_vue_type_script_setup_true_lang.js';
-
-script.__file = "packages/form-table/src/components/table-age.vue";

package/es/packages/form-table/src/components/table-date-picker2.js

@@ -1,4 +0,0 @@
-import script from './table-date-picker.vue_vue_type_script_setup_true_lang.js';
-export { default } from './table-date-picker.vue_vue_type_script_setup_true_lang.js';
-
-script.__file = "packages/form-table/src/components/table-date-picker.vue";

package/es/packages/form-table/src/components/table-digital2.js

@@ -1,4 +0,0 @@
-import script from './table-digital.vue_vue_type_script_setup_true_lang.js';
-export { default } from './table-digital.vue_vue_type_script_setup_true_lang.js';
-
-script.__file = "packages/form-table/src/components/table-digital.vue";

package/es/packages/form-table/src/components/table-input-password2.js

@@ -1,4 +0,0 @@
-import script from './table-input-password.vue_vue_type_script_setup_true_lang.js';
-export { default } from './table-input-password.vue_vue_type_script_setup_true_lang.js';
-
-script.__file = "packages/form-table/src/components/table-input-password.vue";

package/es/packages/form-table/src/components/table-input2.js

@@ -1,4 +0,0 @@
-import script from './table-input.vue_vue_type_script_setup_true_lang.js';
-export { default } from './table-input.vue_vue_type_script_setup_true_lang.js';
-
-script.__file = "packages/form-table/src/components/table-input.vue";

package/es/packages/form-table/src/components/table-month-picker2.js

@@ -1,4 +0,0 @@
-import script from './table-month-picker.vue_vue_type_script_setup_true_lang.js';
-export { default } from './table-month-picker.vue_vue_type_script_setup_true_lang.js';
-
-script.__file = "packages/form-table/src/components/table-month-picker.vue";