tdesign-vue-next/cjs/calendar/hooks/useState.js

TDesign Component for vue-next

/**
 * tdesign v1.20.0
 * (c) 2026 tdesign
 * @license MIT
 */

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var Vue = require('vue');
var dayjs = require('dayjs');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/typeof');
require('../../_chunks/dep-0e867224.js');
var configProvider_hooks_useConfig = require('../../config-provider/hooks/useConfig.js');
require('@babel/runtime/helpers/slicedToArray');
require('../../_chunks/dep-ce392f73.js');
require('@babel/runtime/helpers/defineProperty');
var calendar_constants_index = require('../constants/index.js');
var calendar_utils_index = require('../utils/index.js');
var isArray = require('../../_chunks/dep-8e3205d4.js');
require('../../_chunks/dep-b3ef977e.js');
require('../../_chunks/dep-a64c9b8c.js');
require('../../_chunks/dep-aafbacfe.js');
require('../../_chunks/dep-c539b8cf.js');
require('../../_chunks/dep-bd404105.js');
require('../../_chunks/dep-5ed96ff4.js');
require('../../_chunks/dep-cd6733fb.js');
require('../../_chunks/dep-caa8987f.js');
require('../../_chunks/dep-5c730151.js');
require('../../_chunks/dep-b937ef62.js');
require('../../_chunks/dep-0ad5a5a6.js');
require('../../_chunks/dep-68ca5b5a.js');
require('../../_chunks/dep-ce54d478.js');
require('../../_chunks/dep-9b493151.js');
require('../../_chunks/dep-933eb47e.js');
require('../../_chunks/dep-01e6d254.js');
require('../../_chunks/dep-d3fa0c96.js');
require('../../_chunks/dep-f549ecb7.js');
require('../../_chunks/dep-5a252af6.js');
require('../../_chunks/dep-f4839f43.js');
require('../../_chunks/dep-330e6dfc.js');
require('../../_chunks/dep-af55a921.js');
require('@babel/runtime/helpers/createClass');
require('@babel/runtime/helpers/classCallCheck');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);

function useState(props) {
  var _useConfig = configProvider_hooks_useConfig.useConfig(calendar_constants_index.COMPONENT_NAME),
    globalConfig = _useConfig.globalConfig;
  var state = Vue.reactive({
    realFirstDayOfWeek: 1,
    curDate: null,
    curDateList: [],
    curSelectedYear: null,
    curSelectedMonth: null,
    curSelectedMode: null,
    isShowWeekend: true,
    controlSize: "medium"
  });
  function toToday() {
    var curDate = calendar_utils_index.createDefaultCurDate();
    state.curDate = curDate;
    state.curSelectedYear = curDate.year();
    state.curSelectedMonth = parseInt(curDate.format("M"), 10);
  }
  function setCurSelectedYear(year) {
    var curSelectedYear = year ? parseInt("".concat(year), 10) : calendar_utils_index.createDefaultCurDate().year();
    if (!isNaN(curSelectedYear) && curSelectedYear > 0) {
      state.curSelectedYear = curSelectedYear;
    }
  }
  function setCurSelectedMonth(month) {
    var curSelectedMonth = month ? parseInt("".concat(month), 10) : parseInt(calendar_utils_index.createDefaultCurDate().format("M"), 10);
    if (!isNaN(curSelectedMonth) && curSelectedMonth > 0 && curSelectedMonth <= 12) {
      state.curSelectedMonth = curSelectedMonth;
    }
  }
  function setCurrentDate(value) {
    if (isArray.isArray(value)) {
      state.curDate = value && value.length ? dayjs__default["default"](value[0]) : calendar_utils_index.createDefaultCurDate();
    } else {
      state.curDate = value ? dayjs__default["default"](value) : calendar_utils_index.createDefaultCurDate();
    }
  }
  function setCurrentDateList(value) {
    if (isArray.isArray(value)) {
      state.curDateList = value && value.length ? value.map(function (item) {
        return dayjs__default["default"](item);
      }) : [calendar_utils_index.createDefaultCurDate()];
    } else {
      state.curDateList = value ? [dayjs__default["default"](value)] : [calendar_utils_index.createDefaultCurDate()];
    }
  }
  function checkDayVisible(day) {
    var re = true;
    if (!state.isShowWeekend) {
      re = day !== 6 && day !== 7;
    }
    return re;
  }
  Vue.watch(function () {
    return props.firstDayOfWeek;
  }, function () {
    var _ref, _props$firstDayOfWeek;
    state.realFirstDayOfWeek = (_ref = (_props$firstDayOfWeek = props.firstDayOfWeek) !== null && _props$firstDayOfWeek !== void 0 ? _props$firstDayOfWeek : globalConfig.value.firstDayOfWeek) !== null && _ref !== void 0 ? _ref : 1;
  }, {
    immediate: true
  });
  Vue.watch(function () {
    return props.value;
  }, function (v) {
    if (props.multiple) {
      setCurrentDateList(v);
    } else {
      setCurrentDate(v);
    }
  }, {
    immediate: true
  });
  Vue.watch(function () {
    return props.year;
  }, function (v) {
    setCurSelectedYear(v);
  }, {
    immediate: true
  });
  Vue.watch(function () {
    return props.month;
  }, function (v) {
    setCurSelectedMonth(v);
  }, {
    immediate: true
  });
  Vue.watch(function () {
    return props.isShowWeekendDefault;
  }, function (v) {
    state.isShowWeekend = v;
  }, {
    immediate: true
  });
  Vue.watch(function () {
    return props.mode;
  }, function (v) {
    state.curSelectedMode = v;
  }, {
    immediate: true
  });
  Vue.watch(function () {
    return props.theme;
  }, function (v) {
    if (v === "card") state.controlSize = "small";
    if (v === "full") state.controlSize = "medium";
  }, {
    immediate: true
  });
  return {
    state: state,
    toToday: toToday,
    checkDayVisible: checkDayVisible
  };
}

exports.useState = useState;
//# sourceMappingURL=useState.js.map