xt-element-ui 2.2.1 → 2.2.2

package/lib/index.common.2.js

@@ -0,0 +1,141 @@
+((typeof self !== 'undefined' ? self : this)["webpackJsonpindex"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpindex"] || []).push([[2],{
+
+/***/ "b0ea":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cd9b04-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-date-picker/component/Picker.vue?vue&type=template&id=4a866a03
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"date-picker"},[(_vm.type !== 'quarter')?_c('el-date-picker',_vm._g(_vm._b({attrs:{"type":_vm.pickerType,"value-format":_vm.valueFormat,"disabled":_vm.disabled,"placeholder":_vm.placeholder,"popper-append-to-body":"","popper-class":"base-date-popper"},model:{value:(_vm.innerValue),callback:function ($$v) {_vm.innerValue=$$v},expression:"innerValue"}},'el-date-picker',_vm.$attrs,false),_vm.$listeners)):_c('el-popover',{attrs:{"trigger":"manual","placement":"bottom-start","width":"240"},model:{value:(_vm.quarterPopVisible),callback:function ($$v) {_vm.quarterPopVisible=$$v},expression:"quarterPopVisible"}},[_c('div',{staticClass:"quarter-panel"},[_c('div',{staticClass:"quarter-header"},[_c('el-button',{attrs:{"icon":"el-icon-d-arrow-left"},on:{"click":function($event){_vm.year--}}}),_c('span',[_vm._v(_vm._s(_vm.year)+" 年")]),_c('el-button',{attrs:{"icon":"el-icon-d-arrow-right"},on:{"click":function($event){_vm.year++}}})],1),_c('div',{staticClass:"quarter-list"},_vm._l((4),function(q){return _c('div',{key:q,staticClass:"quarter-item",class:{ active: _vm.quarterNum === q },on:{"click":function($event){return _vm.selectQuarter(q)}}},[_vm._v(" Q"+_vm._s(q)+" ")])}),0)]),_c('el-input',{ref:"quarterInput",attrs:{"slot":"reference","size":"small","readonly":"","placeholder":_vm.placeholder,"disabled":_vm.disabled,"clearable":""},on:{"clear":_vm.handleClearQuarter},slot:"reference",model:{value:(_vm.quarterShowText),callback:function ($$v) {_vm.quarterShowText=$$v},expression:"quarterShowText"}},[_c('i',{staticClass:"el-icon-date",attrs:{"slot":"affix"},slot:"affix"})])],1)],1)
+}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/xt-date-picker/component/Picker.vue?vue&type=template&id=4a866a03
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-date-picker/component/Picker.vue?vue&type=script&lang=js
+
+/* harmony default export */ var Pickervue_type_script_lang_js = ({
+  name: 'BaseDatePicker',
+  inheritAttrs: false,
+  props: {
+    value: {
+      type: [String, null],
+      default: null
+    },
+    type: {
+      type: String,
+      default: 'date',
+      validator: val => ['date', 'month', 'year', 'quarter', 'week'].includes(val)
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      quarterPopVisible: false,
+      year: new Date().getFullYear(),
+      quarterNum: null
+    }
+  },
+  computed: {
+    pickerType() {
+      return this.type === 'quarter' ? null : this.type
+    },
+    placeholder() {
+      const map = {
+        date: '请选择日期',
+        month: '请选择月份',
+        year: '请选择年份',
+        quarter: '请选择季度',
+        week: '请选择周'
+      }
+      return map[this.type] || '请选择日期'
+    },
+    valueFormat() {
+      const map = {
+        date: 'yyyy-MM-dd',
+        month: 'yyyy-MM',
+        year: 'yyyy',
+        quarter: 'yyyy-Qq',
+        week: 'yyyy-WW'
+      }
+      return map[this.type] || 'yyyy-MM-dd'
+    },
+    innerValue: {
+      get() { return this.value },
+      set(val) { this.$emit('input', val) }
+    },
+    quarterShowText() {
+      if (!this.value) return ''
+      return `${this.year}-Q${this.quarterNum}`
+    }
+  },
+  watch: {
+    value: {
+      handler(val) {
+        if (this.type !== 'quarter' || !val) {
+          this.quarterNum = null
+          return
+        }
+        const [y, q] = val.split('-Q')
+        this.year = Number(y)
+        this.quarterNum = Number(q)
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    selectQuarter(q) {
+      this.quarterNum = q
+      const val = `${this.year}-Q${q}`
+      this.$emit('input', val)
+      this.quarterPopVisible = false
+    },
+    handleClearQuarter() {
+      this.quarterNum = null
+      this.$emit('input', null)
+    }
+  },
+  mounted() {
+    if (this.type === 'quarter' && this.$refs.quarterInput) {
+      this.$refs.quarterInput.$el.addEventListener('click', () => {
+        if (!this.disabled) this.quarterPopVisible = true
+      })
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/xt-date-picker/component/Picker.vue?vue&type=script&lang=js
+ /* harmony default export */ var component_Pickervue_type_script_lang_js = (Pickervue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./src/components/xt-date-picker/component/Picker.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  component_Pickervue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var Picker = __webpack_exports__["default"] = (component.exports);
+
+/***/ })
+
+}]);