框架源码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1162 lines
32 KiB

4 years ago
  1. module.exports =
  2. /******/ (function(modules) { // webpackBootstrap
  3. /******/ // The module cache
  4. /******/ var installedModules = {};
  5. /******/
  6. /******/ // The require function
  7. /******/ function __webpack_require__(moduleId) {
  8. /******/
  9. /******/ // Check if module is in cache
  10. /******/ if(installedModules[moduleId]) {
  11. /******/ return installedModules[moduleId].exports;
  12. /******/ }
  13. /******/ // Create a new module (and put it into the cache)
  14. /******/ var module = installedModules[moduleId] = {
  15. /******/ i: moduleId,
  16. /******/ l: false,
  17. /******/ exports: {}
  18. /******/ };
  19. /******/
  20. /******/ // Execute the module function
  21. /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  22. /******/
  23. /******/ // Flag the module as loaded
  24. /******/ module.l = true;
  25. /******/
  26. /******/ // Return the exports of the module
  27. /******/ return module.exports;
  28. /******/ }
  29. /******/
  30. /******/
  31. /******/ // expose the modules object (__webpack_modules__)
  32. /******/ __webpack_require__.m = modules;
  33. /******/
  34. /******/ // expose the module cache
  35. /******/ __webpack_require__.c = installedModules;
  36. /******/
  37. /******/ // define getter function for harmony exports
  38. /******/ __webpack_require__.d = function(exports, name, getter) {
  39. /******/ if(!__webpack_require__.o(exports, name)) {
  40. /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
  41. /******/ }
  42. /******/ };
  43. /******/
  44. /******/ // define __esModule on exports
  45. /******/ __webpack_require__.r = function(exports) {
  46. /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
  47. /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
  48. /******/ }
  49. /******/ Object.defineProperty(exports, '__esModule', { value: true });
  50. /******/ };
  51. /******/
  52. /******/ // create a fake namespace object
  53. /******/ // mode & 1: value is a module id, require it
  54. /******/ // mode & 2: merge all properties of value into the ns
  55. /******/ // mode & 4: return value when already ns object
  56. /******/ // mode & 8|1: behave like require
  57. /******/ __webpack_require__.t = function(value, mode) {
  58. /******/ if(mode & 1) value = __webpack_require__(value);
  59. /******/ if(mode & 8) return value;
  60. /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
  61. /******/ var ns = Object.create(null);
  62. /******/ __webpack_require__.r(ns);
  63. /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
  64. /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
  65. /******/ return ns;
  66. /******/ };
  67. /******/
  68. /******/ // getDefaultExport function for compatibility with non-harmony modules
  69. /******/ __webpack_require__.n = function(module) {
  70. /******/ var getter = module && module.__esModule ?
  71. /******/ function getDefault() { return module['default']; } :
  72. /******/ function getModuleExports() { return module; };
  73. /******/ __webpack_require__.d(getter, 'a', getter);
  74. /******/ return getter;
  75. /******/ };
  76. /******/
  77. /******/ // Object.prototype.hasOwnProperty.call
  78. /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
  79. /******/
  80. /******/ // __webpack_public_path__
  81. /******/ __webpack_require__.p = "/dist/";
  82. /******/
  83. /******/
  84. /******/ // Load entry module and return exports
  85. /******/ return __webpack_require__(__webpack_require__.s = 524);
  86. /******/ })
  87. /************************************************************************/
  88. /******/ ({
  89. /***/ 105:
  90. /***/ (function(module, exports) {
  91. module.exports = require("tis-ui/lib/utils/date");
  92. /***/ }),
  93. /***/ 119:
  94. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  95. "use strict";
  96. // ESM COMPAT FLAG
  97. __webpack_require__.r(__webpack_exports__);
  98. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button-group.vue?vue&type=template&id=3d8661d0&
  99. var render = function() {
  100. var _vm = this
  101. var _h = _vm.$createElement
  102. var _c = _vm._self._c || _h
  103. return _c("div", { staticClass: "el-button-group" }, [_vm._t("default")], 2)
  104. }
  105. var staticRenderFns = []
  106. render._withStripped = true
  107. // CONCATENATED MODULE: ./packages/button/src/button-group.vue?vue&type=template&id=3d8661d0&
  108. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button-group.vue?vue&type=script&lang=js&
  109. //
  110. //
  111. //
  112. //
  113. //
  114. /* harmony default export */ var button_groupvue_type_script_lang_js_ = ({
  115. name: 'TisButtonGroup'
  116. });
  117. // CONCATENATED MODULE: ./packages/button/src/button-group.vue?vue&type=script&lang=js&
  118. /* harmony default export */ var src_button_groupvue_type_script_lang_js_ = (button_groupvue_type_script_lang_js_);
  119. // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
  120. var componentNormalizer = __webpack_require__(2);
  121. // CONCATENATED MODULE: ./packages/button/src/button-group.vue
  122. /* normalize component */
  123. var component = Object(componentNormalizer["a" /* default */])(
  124. src_button_groupvue_type_script_lang_js_,
  125. render,
  126. staticRenderFns,
  127. false,
  128. null,
  129. null,
  130. null
  131. )
  132. /* hot reload */
  133. if (false) { var api; }
  134. component.options.__file = "packages/button/src/button-group.vue"
  135. /* harmony default export */ var button_group = (component.exports);
  136. // CONCATENATED MODULE: ./packages/button-group/index.js
  137. /* istanbul ignore next */
  138. button_group.install = function (Vue) {
  139. Vue.component(button_group.name, button_group);
  140. };
  141. /* harmony default export */ var packages_button_group = __webpack_exports__["default"] = (button_group);
  142. /***/ }),
  143. /***/ 2:
  144. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  145. "use strict";
  146. /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
  147. /* globals __VUE_SSR_CONTEXT__ */
  148. // IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
  149. // This module is a runtime utility for cleaner component module output and will
  150. // be included in the final webpack user bundle.
  151. function normalizeComponent (
  152. scriptExports,
  153. render,
  154. staticRenderFns,
  155. functionalTemplate,
  156. injectStyles,
  157. scopeId,
  158. moduleIdentifier, /* server only */
  159. shadowMode /* vue-cli only */
  160. ) {
  161. // Vue.extend constructor export interop
  162. var options = typeof scriptExports === 'function'
  163. ? scriptExports.options
  164. : scriptExports
  165. // render functions
  166. if (render) {
  167. options.render = render
  168. options.staticRenderFns = staticRenderFns
  169. options._compiled = true
  170. }
  171. // functional template
  172. if (functionalTemplate) {
  173. options.functional = true
  174. }
  175. // scopedId
  176. if (scopeId) {
  177. options._scopeId = 'data-v-' + scopeId
  178. }
  179. var hook
  180. if (moduleIdentifier) { // server build
  181. hook = function (context) {
  182. // 2.3 injection
  183. context =
  184. context || // cached call
  185. (this.$vnode && this.$vnode.ssrContext) || // stateful
  186. (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
  187. // 2.2 with runInNewContext: true
  188. if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
  189. context = __VUE_SSR_CONTEXT__
  190. }
  191. // inject component styles
  192. if (injectStyles) {
  193. injectStyles.call(this, context)
  194. }
  195. // register component module identifier for async chunk inferrence
  196. if (context && context._registeredComponents) {
  197. context._registeredComponents.add(moduleIdentifier)
  198. }
  199. }
  200. // used by ssr in case component is cached and beforeCreate
  201. // never gets called
  202. options._ssrRegister = hook
  203. } else if (injectStyles) {
  204. hook = shadowMode
  205. ? function () {
  206. injectStyles.call(
  207. this,
  208. (options.functional ? this.parent : this).$root.$options.shadowRoot
  209. )
  210. }
  211. : injectStyles
  212. }
  213. if (hook) {
  214. if (options.functional) {
  215. // for template-only hot-reload because in that case the render fn doesn't
  216. // go through the normalizer
  217. options._injectStyles = hook
  218. // register for functional component in vue file
  219. var originalRender = options.render
  220. options.render = function renderWithStyleInjection (h, context) {
  221. hook.call(context)
  222. return originalRender(h, context)
  223. }
  224. } else {
  225. // inject component registration as beforeCreate hook
  226. var existing = options.beforeCreate
  227. options.beforeCreate = existing
  228. ? [].concat(existing, hook)
  229. : [hook]
  230. }
  231. }
  232. return {
  233. exports: scriptExports,
  234. options: options
  235. }
  236. }
  237. /***/ }),
  238. /***/ 38:
  239. /***/ (function(module, exports) {
  240. module.exports = require("tis-ui/lib/mixins/locale");
  241. /***/ }),
  242. /***/ 524:
  243. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  244. "use strict";
  245. // ESM COMPAT FLAG
  246. __webpack_require__.r(__webpack_exports__);
  247. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/main.vue?vue&type=template&id=6d9756be&
  248. var render = function() {
  249. var _vm = this
  250. var _h = _vm.$createElement
  251. var _c = _vm._self._c || _h
  252. return _c("div", { staticClass: "el-calendar" }, [
  253. _c("div", { staticClass: "el-calendar__header" }, [
  254. _c("div", { staticClass: "el-calendar__title" }, [
  255. _vm._v("\n " + _vm._s(_vm.i18nDate) + "\n ")
  256. ]),
  257. _vm.validatedRange.length === 0
  258. ? _c(
  259. "div",
  260. { staticClass: "el-calendar__button-group" },
  261. [
  262. _c(
  263. "tis-button-group",
  264. [
  265. _c(
  266. "tis-button",
  267. {
  268. attrs: { type: "plain", size: "mini" },
  269. on: {
  270. click: function($event) {
  271. _vm.selectDate("prev-month")
  272. }
  273. }
  274. },
  275. [
  276. _vm._v(
  277. "\n " +
  278. _vm._s(_vm.t("el.datepicker.prevMonth")) +
  279. "\n "
  280. )
  281. ]
  282. ),
  283. _c(
  284. "tis-button",
  285. {
  286. attrs: { type: "plain", size: "mini" },
  287. on: {
  288. click: function($event) {
  289. _vm.selectDate("today")
  290. }
  291. }
  292. },
  293. [
  294. _vm._v(
  295. "\n " +
  296. _vm._s(_vm.t("el.datepicker.today")) +
  297. "\n "
  298. )
  299. ]
  300. ),
  301. _c(
  302. "tis-button",
  303. {
  304. attrs: { type: "plain", size: "mini" },
  305. on: {
  306. click: function($event) {
  307. _vm.selectDate("next-month")
  308. }
  309. }
  310. },
  311. [
  312. _vm._v(
  313. "\n " +
  314. _vm._s(_vm.t("el.datepicker.nextMonth")) +
  315. "\n "
  316. )
  317. ]
  318. )
  319. ],
  320. 1
  321. )
  322. ],
  323. 1
  324. )
  325. : _vm._e()
  326. ]),
  327. _vm.validatedRange.length === 0
  328. ? _c(
  329. "div",
  330. { key: "no-range", staticClass: "el-calendar__body" },
  331. [
  332. _c("date-table", {
  333. attrs: {
  334. date: _vm.date,
  335. "selected-day": _vm.realSelectedDay,
  336. "first-day-of-week": _vm.realFirstDayOfWeek
  337. },
  338. on: { pick: _vm.pickDay }
  339. })
  340. ],
  341. 1
  342. )
  343. : _c(
  344. "div",
  345. { key: "has-range", staticClass: "el-calendar__body" },
  346. _vm._l(_vm.validatedRange, function(range, index) {
  347. return _c("date-table", {
  348. key: index,
  349. attrs: {
  350. date: range[0],
  351. "selected-day": _vm.realSelectedDay,
  352. range: range,
  353. "hide-header": index !== 0,
  354. "first-day-of-week": _vm.realFirstDayOfWeek
  355. },
  356. on: { pick: _vm.pickDay }
  357. })
  358. }),
  359. 1
  360. )
  361. ])
  362. }
  363. var staticRenderFns = []
  364. render._withStripped = true
  365. // CONCATENATED MODULE: ./packages/calendar/src/main.vue?vue&type=template&id=6d9756be&
  366. // EXTERNAL MODULE: external "tis-ui/lib/mixins/locale"
  367. var locale_ = __webpack_require__(38);
  368. var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
  369. // EXTERNAL MODULE: external "tis-ui/lib/utils/date"
  370. var date_ = __webpack_require__(105);
  371. var date_default = /*#__PURE__*/__webpack_require__.n(date_);
  372. // EXTERNAL MODULE: ./packages/button/index.js + 5 modules
  373. var packages_button = __webpack_require__(70);
  374. // EXTERNAL MODULE: ./packages/button-group/index.js + 5 modules
  375. var button_group = __webpack_require__(119);
  376. // EXTERNAL MODULE: external "tis-ui/lib/utils/date-util"
  377. var date_util_ = __webpack_require__(8);
  378. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/date-table.vue?vue&type=script&lang=js&
  379. /* harmony default export */ var date_tablevue_type_script_lang_js_ = ({
  380. props: {
  381. selectedDay: String, // formated date yyyy-MM-dd
  382. range: {
  383. type: Array,
  384. validator: function validator(val) {
  385. if (!(val && val.length)) return true;
  386. var start = val[0],
  387. end = val[1];
  388. return Object(date_util_["validateRangeInOneMonth"])(start, end);
  389. }
  390. },
  391. date: Date,
  392. hideHeader: Boolean,
  393. firstDayOfWeek: Number
  394. },
  395. inject: ['elCalendar'],
  396. data: function data() {
  397. return {
  398. WEEK_DAYS: Object(date_util_["getI18nSettings"])().dayNames
  399. };
  400. },
  401. methods: {
  402. toNestedArr: function toNestedArr(days) {
  403. return Object(date_util_["range"])(days.length / 7).map(function (_, index) {
  404. var start = index * 7;
  405. return days.slice(start, start + 7);
  406. });
  407. },
  408. getFormateDate: function getFormateDate(day, type) {
  409. if (!day || ['prev', 'current', 'next'].indexOf(type) === -1) {
  410. throw new Error('invalid day or type');
  411. }
  412. var prefix = this.curMonthDatePrefix;
  413. if (type === 'prev') {
  414. prefix = this.prevMonthDatePrefix;
  415. } else if (type === 'next') {
  416. prefix = this.nextMonthDatePrefix;
  417. }
  418. day = ('00' + day).slice(-2);
  419. return prefix + '-' + day;
  420. },
  421. getCellClass: function getCellClass(_ref) {
  422. var text = _ref.text,
  423. type = _ref.type;
  424. var classes = [type];
  425. if (type === 'current') {
  426. var date = this.getFormateDate(text, type);
  427. if (date === this.selectedDay) {
  428. classes.push('is-selected');
  429. }
  430. if (date === this.formatedToday) {
  431. classes.push('is-today');
  432. }
  433. }
  434. return classes;
  435. },
  436. pickDay: function pickDay(_ref2) {
  437. var text = _ref2.text,
  438. type = _ref2.type;
  439. var date = this.getFormateDate(text, type);
  440. this.$emit('pick', date);
  441. },
  442. cellRenderProxy: function cellRenderProxy(_ref3) {
  443. var text = _ref3.text,
  444. type = _ref3.type;
  445. var h = this.$createElement;
  446. var render = this.elCalendar.$scopedSlots.dateCell;
  447. if (!render) return h('span', [text]);
  448. var day = this.getFormateDate(text, type);
  449. var date = new Date(day);
  450. var data = {
  451. isSelected: this.selectedDay === day,
  452. type: type + '-month',
  453. day: day
  454. };
  455. return render({ date: date, data: data });
  456. }
  457. },
  458. computed: {
  459. prevMonthDatePrefix: function prevMonthDatePrefix() {
  460. var temp = new Date(this.date.getTime());
  461. temp.setDate(0);
  462. return date_default.a.format(temp, 'yyyy-MM');
  463. },
  464. curMonthDatePrefix: function curMonthDatePrefix() {
  465. return date_default.a.format(this.date, 'yyyy-MM');
  466. },
  467. nextMonthDatePrefix: function nextMonthDatePrefix() {
  468. var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
  469. return date_default.a.format(temp, 'yyyy-MM');
  470. },
  471. formatedToday: function formatedToday() {
  472. return this.elCalendar.formatedToday;
  473. },
  474. isInRange: function isInRange() {
  475. return this.range && this.range.length;
  476. },
  477. rows: function rows() {
  478. var days = [];
  479. // if range exists, should render days in range.
  480. if (this.isInRange) {
  481. var _range = this.range,
  482. start = _range[0],
  483. end = _range[1];
  484. var currentMonthRange = Object(date_util_["range"])(end.getDate() - start.getDate() + 1).map(function (_, index) {
  485. return {
  486. text: start.getDate() + index,
  487. type: 'current'
  488. };
  489. });
  490. var remaining = currentMonthRange.length % 7;
  491. remaining = remaining === 0 ? 0 : 7 - remaining;
  492. var nextMonthRange = Object(date_util_["range"])(remaining).map(function (_, index) {
  493. return {
  494. text: index + 1,
  495. type: 'next'
  496. };
  497. });
  498. days = currentMonthRange.concat(nextMonthRange);
  499. } else {
  500. var date = this.date;
  501. var firstDay = Object(date_util_["getFirstDayOfMonth"])(date);
  502. firstDay = firstDay === 0 ? 7 : firstDay;
  503. var firstDayOfWeek = typeof this.firstDayOfWeek === 'number' ? this.firstDayOfWeek : 1;
  504. var prevMonthDays = Object(date_util_["getPrevMonthLastDays"])(date, firstDay - firstDayOfWeek).map(function (day) {
  505. return {
  506. text: day,
  507. type: 'prev'
  508. };
  509. });
  510. var currentMonthDays = Object(date_util_["getMonthDays"])(date).map(function (day) {
  511. return {
  512. text: day,
  513. type: 'current'
  514. };
  515. });
  516. days = [].concat(prevMonthDays, currentMonthDays);
  517. var nextMonthDays = Object(date_util_["range"])(42 - days.length).map(function (_, index) {
  518. return {
  519. text: index + 1,
  520. type: 'next'
  521. };
  522. });
  523. days = days.concat(nextMonthDays);
  524. }
  525. return this.toNestedArr(days);
  526. },
  527. weekDays: function weekDays() {
  528. var start = this.firstDayOfWeek;
  529. var WEEK_DAYS = this.WEEK_DAYS;
  530. if (typeof start !== 'number' || start === 0) {
  531. return WEEK_DAYS.slice();
  532. } else {
  533. return WEEK_DAYS.slice(start).concat(WEEK_DAYS.slice(0, start));
  534. }
  535. }
  536. },
  537. render: function render() {
  538. var _this = this;
  539. var h = arguments[0];
  540. var thead = this.hideHeader ? null : h('thead', [this.weekDays.map(function (day) {
  541. return h(
  542. 'th',
  543. { key: day },
  544. [day]
  545. );
  546. })]);
  547. return h(
  548. 'table',
  549. {
  550. 'class': {
  551. 'el-calendar-table': true,
  552. 'is-range': this.isInRange
  553. },
  554. attrs: { cellspacing: '0',
  555. cellpadding: '0' }
  556. },
  557. [thead, h('tbody', [this.rows.map(function (row, index) {
  558. return h(
  559. 'tr',
  560. {
  561. 'class': {
  562. 'el-calendar-table__row': true,
  563. 'el-calendar-table__row--hide-border': index === 0 && _this.hideHeader
  564. },
  565. key: index },
  566. [row.map(function (cell, key) {
  567. return h(
  568. 'td',
  569. { key: key,
  570. 'class': _this.getCellClass(cell),
  571. on: {
  572. 'click': _this.pickDay.bind(_this, cell)
  573. }
  574. },
  575. [h(
  576. 'div',
  577. { 'class': 'el-calendar-day' },
  578. [_this.cellRenderProxy(cell)]
  579. )]
  580. );
  581. })]
  582. );
  583. })])]
  584. );
  585. }
  586. });
  587. // CONCATENATED MODULE: ./packages/calendar/src/date-table.vue?vue&type=script&lang=js&
  588. /* harmony default export */ var src_date_tablevue_type_script_lang_js_ = (date_tablevue_type_script_lang_js_);
  589. // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
  590. var componentNormalizer = __webpack_require__(2);
  591. // CONCATENATED MODULE: ./packages/calendar/src/date-table.vue
  592. var date_table_render, date_table_staticRenderFns
  593. /* normalize component */
  594. var component = Object(componentNormalizer["a" /* default */])(
  595. src_date_tablevue_type_script_lang_js_,
  596. date_table_render,
  597. date_table_staticRenderFns,
  598. false,
  599. null,
  600. null,
  601. null
  602. )
  603. /* hot reload */
  604. if (false) { var api; }
  605. component.options.__file = "packages/calendar/src/date-table.vue"
  606. /* harmony default export */ var date_table = (component.exports);
  607. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/main.vue?vue&type=script&lang=js&
  608. //
  609. //
  610. //
  611. //
  612. //
  613. //
  614. //
  615. //
  616. //
  617. //
  618. //
  619. //
  620. //
  621. //
  622. //
  623. //
  624. //
  625. //
  626. //
  627. //
  628. //
  629. //
  630. //
  631. //
  632. //
  633. //
  634. //
  635. //
  636. //
  637. //
  638. //
  639. //
  640. //
  641. //
  642. //
  643. //
  644. //
  645. //
  646. //
  647. //
  648. //
  649. //
  650. //
  651. //
  652. //
  653. //
  654. //
  655. //
  656. //
  657. //
  658. //
  659. //
  660. //
  661. //
  662. //
  663. //
  664. //
  665. //
  666. var validTypes = ['prev-month', 'today', 'next-month'];
  667. var weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
  668. var oneDay = 86400000;
  669. /* harmony default export */ var mainvue_type_script_lang_js_ = ({
  670. name: 'TisCalendar',
  671. mixins: [locale_default.a],
  672. components: {
  673. DateTable: date_table,
  674. ElButton: packages_button["default"],
  675. ElButtonGroup: button_group["default"]
  676. },
  677. props: {
  678. value: [Date, String, Number],
  679. range: {
  680. type: Array,
  681. validator: function validator(range) {
  682. if (Array.isArray(range)) {
  683. return range.length === 2 && range.every(function (item) {
  684. return typeof item === 'string' || typeof item === 'number' || item instanceof Date;
  685. });
  686. } else {
  687. return true;
  688. }
  689. }
  690. },
  691. firstDayOfWeek: {
  692. type: Number,
  693. default: 1
  694. }
  695. },
  696. provide: function provide() {
  697. return {
  698. elCalendar: this
  699. };
  700. },
  701. methods: {
  702. pickDay: function pickDay(day) {
  703. this.realSelectedDay = day;
  704. },
  705. selectDate: function selectDate(type) {
  706. if (validTypes.indexOf(type) === -1) {
  707. throw new Error('invalid type ' + type);
  708. }
  709. var day = '';
  710. if (type === 'prev-month') {
  711. day = this.prevMonthDatePrefix + '-01';
  712. } else if (type === 'next-month') {
  713. day = this.nextMonthDatePrefix + '-01';
  714. } else {
  715. day = this.formatedToday;
  716. }
  717. if (day === this.formatedDate) return;
  718. this.pickDay(day);
  719. },
  720. toDate: function toDate(val) {
  721. if (!val) {
  722. throw new Error('invalid val');
  723. }
  724. return val instanceof Date ? val : new Date(val);
  725. },
  726. rangeValidator: function rangeValidator(date, isStart) {
  727. var firstDayOfWeek = this.realFirstDayOfWeek;
  728. var expected = isStart ? firstDayOfWeek : firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;
  729. var message = (isStart ? 'start' : 'end') + ' of range should be ' + weekDays[expected] + '.';
  730. if (date.getDay() !== expected) {
  731. console.warn('[ElementCalendar]', message, 'Invalid range will be ignored.');
  732. return false;
  733. }
  734. return true;
  735. }
  736. },
  737. computed: {
  738. prevMonthDatePrefix: function prevMonthDatePrefix() {
  739. var temp = new Date(this.date.getTime());
  740. temp.setDate(0);
  741. return date_default.a.format(temp, 'yyyy-MM');
  742. },
  743. curMonthDatePrefix: function curMonthDatePrefix() {
  744. return date_default.a.format(this.date, 'yyyy-MM');
  745. },
  746. nextMonthDatePrefix: function nextMonthDatePrefix() {
  747. var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
  748. return date_default.a.format(temp, 'yyyy-MM');
  749. },
  750. formatedDate: function formatedDate() {
  751. return date_default.a.format(this.date, 'yyyy-MM-dd');
  752. },
  753. i18nDate: function i18nDate() {
  754. var year = this.date.getFullYear();
  755. var month = this.date.getMonth() + 1;
  756. return year + ' ' + this.t('el.datepicker.year') + ' ' + this.t('el.datepicker.month' + month);
  757. },
  758. formatedToday: function formatedToday() {
  759. return date_default.a.format(this.now, 'yyyy-MM-dd');
  760. },
  761. realSelectedDay: {
  762. get: function get() {
  763. if (!this.value) return this.selectedDay;
  764. return this.formatedDate;
  765. },
  766. set: function set(val) {
  767. this.selectedDay = val;
  768. var date = new Date(val);
  769. this.$emit('input', date);
  770. }
  771. },
  772. date: function date() {
  773. if (!this.value) {
  774. if (this.realSelectedDay) {
  775. var d = this.selectedDay.split('-');
  776. return new Date(d[0], d[1] - 1, d[2]);
  777. } else if (this.validatedRange.length) {
  778. return this.validatedRange[0][0];
  779. }
  780. return this.now;
  781. } else {
  782. return this.toDate(this.value);
  783. }
  784. },
  785. // if range is valid, we get a two-digit array
  786. validatedRange: function validatedRange() {
  787. var _this = this;
  788. var range = this.range;
  789. if (!range) return [];
  790. range = range.reduce(function (prev, val, index) {
  791. var date = _this.toDate(val);
  792. if (_this.rangeValidator(date, index === 0)) {
  793. prev = prev.concat(date);
  794. }
  795. return prev;
  796. }, []);
  797. if (range.length === 2) {
  798. var _range = range,
  799. start = _range[0],
  800. end = _range[1];
  801. if (start > end) {
  802. console.warn('[ElementCalendar]end time should be greater than start time');
  803. return [];
  804. }
  805. // start time and end time in one month
  806. if (Object(date_util_["validateRangeInOneMonth"])(start, end)) {
  807. return [[start, end]];
  808. }
  809. var data = [];
  810. var startDay = new Date(start.getFullYear(), start.getMonth() + 1, 1);
  811. var lastDay = this.toDate(startDay.getTime() - oneDay);
  812. if (!Object(date_util_["validateRangeInOneMonth"])(startDay, end)) {
  813. console.warn('[ElementCalendar]start time and end time interval must not exceed two months');
  814. return [];
  815. }
  816. // 第一个月的时间范围
  817. data.push([start, lastDay]);
  818. // 下一月的时间范围,需要计算一下该月的第一个周起始日
  819. var firstDayOfWeek = this.realFirstDayOfWeek;
  820. var nextMontFirstDay = startDay.getDay();
  821. var interval = 0;
  822. if (nextMontFirstDay !== firstDayOfWeek) {
  823. if (firstDayOfWeek === 0) {
  824. interval = 7 - nextMontFirstDay;
  825. } else {
  826. interval = firstDayOfWeek - nextMontFirstDay;
  827. interval = interval > 0 ? interval : 7 + interval;
  828. }
  829. }
  830. startDay = this.toDate(startDay.getTime() + interval * oneDay);
  831. if (startDay.getDate() < end.getDate()) {
  832. data.push([startDay, end]);
  833. }
  834. return data;
  835. }
  836. return [];
  837. },
  838. realFirstDayOfWeek: function realFirstDayOfWeek() {
  839. if (this.firstDayOfWeek < 1 || this.firstDayOfWeek > 6) {
  840. return 0;
  841. }
  842. return Math.floor(this.firstDayOfWeek);
  843. }
  844. },
  845. data: function data() {
  846. return {
  847. selectedDay: '',
  848. now: new Date()
  849. };
  850. }
  851. });
  852. // CONCATENATED MODULE: ./packages/calendar/src/main.vue?vue&type=script&lang=js&
  853. /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_);
  854. // CONCATENATED MODULE: ./packages/calendar/src/main.vue
  855. /* normalize component */
  856. var main_component = Object(componentNormalizer["a" /* default */])(
  857. src_mainvue_type_script_lang_js_,
  858. render,
  859. staticRenderFns,
  860. false,
  861. null,
  862. null,
  863. null
  864. )
  865. /* hot reload */
  866. if (false) { var main_api; }
  867. main_component.options.__file = "packages/calendar/src/main.vue"
  868. /* harmony default export */ var main = (main_component.exports);
  869. // CONCATENATED MODULE: ./packages/calendar/index.js
  870. /* istanbul ignore next */
  871. main.install = function (Vue) {
  872. Vue.component(main.name, main);
  873. };
  874. /* harmony default export */ var calendar = __webpack_exports__["default"] = (main);
  875. /***/ }),
  876. /***/ 70:
  877. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  878. "use strict";
  879. // ESM COMPAT FLAG
  880. __webpack_require__.r(__webpack_exports__);
  881. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button.vue?vue&type=template&id=ca859fb4&
  882. var render = function() {
  883. var _vm = this
  884. var _h = _vm.$createElement
  885. var _c = _vm._self._c || _h
  886. return _c(
  887. "button",
  888. {
  889. staticClass: "el-button",
  890. class: [
  891. _vm.type ? "el-button--" + _vm.type : "",
  892. _vm.buttonSize ? "el-button--" + _vm.buttonSize : "",
  893. {
  894. "is-disabled": _vm.buttonDisabled,
  895. "is-loading": _vm.loading,
  896. "is-plain": _vm.plain,
  897. "is-round": _vm.round,
  898. "is-circle": _vm.circle
  899. }
  900. ],
  901. attrs: {
  902. disabled: _vm.buttonDisabled || _vm.loading,
  903. autofocus: _vm.autofocus,
  904. type: _vm.nativeType
  905. },
  906. on: { click: _vm.handleClick }
  907. },
  908. [
  909. _vm.loading ? _c("i", { staticClass: "el-icon-loading" }) : _vm._e(),
  910. _vm.icon && !_vm.loading ? _c("i", { class: _vm.icon }) : _vm._e(),
  911. _vm.$slots.default ? _c("span", [_vm._t("default")], 2) : _vm._e()
  912. ]
  913. )
  914. }
  915. var staticRenderFns = []
  916. render._withStripped = true
  917. // CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=template&id=ca859fb4&
  918. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button.vue?vue&type=script&lang=js&
  919. //
  920. //
  921. //
  922. //
  923. //
  924. //
  925. //
  926. //
  927. //
  928. //
  929. //
  930. //
  931. //
  932. //
  933. //
  934. //
  935. //
  936. //
  937. //
  938. //
  939. //
  940. //
  941. //
  942. //
  943. /* harmony default export */ var buttonvue_type_script_lang_js_ = ({
  944. name: 'TisButton',
  945. inject: {
  946. elForm: {
  947. default: ''
  948. },
  949. elFormItem: {
  950. default: ''
  951. }
  952. },
  953. props: {
  954. type: {
  955. type: String,
  956. default: 'default'
  957. },
  958. size: String,
  959. icon: {
  960. type: String,
  961. default: ''
  962. },
  963. nativeType: {
  964. type: String,
  965. default: 'button'
  966. },
  967. loading: Boolean,
  968. disabled: Boolean,
  969. plain: Boolean,
  970. autofocus: Boolean,
  971. round: Boolean,
  972. circle: Boolean
  973. },
  974. computed: {
  975. _elFormItemSize: function _elFormItemSize() {
  976. return (this.elFormItem || {}).elFormItemSize;
  977. },
  978. buttonSize: function buttonSize() {
  979. return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
  980. },
  981. buttonDisabled: function buttonDisabled() {
  982. return this.disabled || (this.elForm || {}).disabled;
  983. }
  984. },
  985. methods: {
  986. handleClick: function handleClick(evt) {
  987. this.$emit('click', evt);
  988. }
  989. }
  990. });
  991. // CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=script&lang=js&
  992. /* harmony default export */ var src_buttonvue_type_script_lang_js_ = (buttonvue_type_script_lang_js_);
  993. // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
  994. var componentNormalizer = __webpack_require__(2);
  995. // CONCATENATED MODULE: ./packages/button/src/button.vue
  996. /* normalize component */
  997. var component = Object(componentNormalizer["a" /* default */])(
  998. src_buttonvue_type_script_lang_js_,
  999. render,
  1000. staticRenderFns,
  1001. false,
  1002. null,
  1003. null,
  1004. null
  1005. )
  1006. /* hot reload */
  1007. if (false) { var api; }
  1008. component.options.__file = "packages/button/src/button.vue"
  1009. /* harmony default export */ var src_button = (component.exports);
  1010. // CONCATENATED MODULE: ./packages/button/index.js
  1011. /* istanbul ignore next */
  1012. src_button.install = function (Vue) {
  1013. Vue.component(src_button.name, src_button);
  1014. };
  1015. /* harmony default export */ var packages_button = __webpack_exports__["default"] = (src_button);
  1016. /***/ }),
  1017. /***/ 8:
  1018. /***/ (function(module, exports) {
  1019. module.exports = require("tis-ui/lib/utils/date-util");
  1020. /***/ })
  1021. /******/ });