meixioacomponent 2.0.67 → 2.0.68

package/lib/meixioacomponent.common.js

@@ -4557,7 +4557,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 7631:
+/***/ 9801:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4567,21 +4567,24 @@ __webpack_require__.d(__webpack_exports__, {
   "Z": function() { return /* binding */ tDateRangePicker; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/tDateRangePicker/tDateRangePicker.vue?vue&type=template&id=0e6fb5b8&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/tDateRangePicker/tDateRangePicker.vue?vue&type=template&id=d78204d8&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('date-range-picker', _vm._b({
+  return _c('div', [_c('date-range-picker', _vm._b({
+    ref: "refByDateRangePicker",
     attrs: {
+      "onConfirm": _vm.onConfirm,
       "enableTimePicker": "",
       "presets": _vm.computedPresets,
-      "readonly": _vm._readonly,
-      "disabled": _vm._disabled
+      "readonly": true,
+      "disabled": _vm._disabled,
+      "popupProps": _vm.popupProps,
+      "clearable": _vm._clearable
     },
     on: {
       "blur": _vm.onBlur,
       "change": _vm.onChange,
-      "confirm": _vm.onConfirm,
       "focus": _vm.onFocus,
       "input": _vm.onInput,
       "pick": _vm.onPick,
@@ -4594,7 +4597,7 @@ var render = function render() {
       },
       expression: "module"
     }
-  }, 'date-range-picker', _vm.$attrs, false));
+  }, 'date-range-picker', _vm.$attrs, false))], 1);
 };
 var staticRenderFns = [];
 
@@ -4605,7 +4608,18 @@ var utils = __webpack_require__(1914);
 /* harmony default export */ var tDateRangePickervue_type_script_lang_js_ = ({
   name: "tDateRangePicker",
   data() {
-    return {};
+    return {
+      popupVisible: false,
+      popupProps: {
+        visible: this._popupVisible,
+        onVisibleChange: value => {
+          console.log('onVisibleChange');
+          console.log(value);
+          if (this._readonly) return;
+          this.popupProps.visible = value;
+        }
+      }
+    };
   },
   props: {
     value: {
@@ -4622,6 +4636,14 @@ var utils = __webpack_require__(1914);
   components: {},
   created() {},
   computed: {
+    _popupVisible: {
+      get() {
+        return this.popupVisible;
+      },
+      set(val) {
+        this.popupVisible = val;
+      }
+    },
     module: {
       set(val) {
         this.$emit('input', val);
@@ -4652,35 +4674,49 @@ var utils = __webpack_require__(1914);
     },
     _readonly: {
       get() {
-        return !!(this.$attrs.disabled || this.$attrs.readonly);
+        return this.$attrs.disabled || this.$attrs.readonly;
       }
     },
     _disabled: {
       get() {
         return false;
       }
+    },
+    _clearable: {
+      get() {
+        if (this._readonly) return false;
+        return !!this.$attrs.clearable;
+      }
     }
   },
   methods: {
     onBlur(event) {
+      if (this._readonly) return;
       this.$emit('blur', event);
     },
     onChange(event) {
+      if (this._readonly) return;
       this.$emit('change', event);
     },
     onConfirm(event) {
+      if (this._readonly) return;
+      this.popupProps.visible = false;
       this.$emit('confirm', event);
     },
     onFocus(event) {
+      if (this._readonly) return;
       this.$emit('focus', event);
     },
     onInput(event) {
+      if (this._readonly) return;
       this.$emit('input', event);
     },
     onPick(event) {
+      if (this._readonly) return;
       this.$emit('pick', event);
     },
     onPresetClick(event) {
+      if (this._readonly) return;
       this.$emit('preset-click', event);
     }
   }
@@ -4703,7 +4739,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "0e6fb5b8",
+  "d78204d8",
   null
   
 )
@@ -34303,7 +34339,7 @@ var staticRenderFns = [];
 // EXTERNAL MODULE: ./packages/components/base/baseButtonHandle/baseButtonHandle.vue + 4 modules
 var baseButtonHandle = __webpack_require__(7148);
 // EXTERNAL MODULE: ./packages/components/base/tDateRangePicker/tDateRangePicker.vue + 3 modules
-var tDateRangePicker = __webpack_require__(7631);
+var tDateRangePicker = __webpack_require__(9801);
 // EXTERNAL MODULE: ./node_modules/tdesign-icons-vue/esm/components/time.js
 var time = __webpack_require__(2130);
 ;// CONCATENATED MODULE: ./packages/components/base/baseTimeTypeSelect/config.js
@@ -35939,7 +35975,7 @@ baseWait.install = function (Vue) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _tDateRangePicker_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7631);
+/* harmony import */ var _tDateRangePicker_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9801);
 
 _tDateRangePicker_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"].install */ .Z.install = function (Vue) {
   Vue.component(_tDateRangePicker_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"].name */ .Z.name, _tDateRangePicker_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z);

package/lib/meixioacomponent.umd.js

@@ -4567,7 +4567,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 1509:
+/***/ 2845:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4577,21 +4577,24 @@ __webpack_require__.d(__webpack_exports__, {
   "Z": function() { return /* binding */ tDateRangePicker; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-86.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/tDateRangePicker/tDateRangePicker.vue?vue&type=template&id=0e6fb5b8&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-86.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/tDateRangePicker/tDateRangePicker.vue?vue&type=template&id=d78204d8&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('date-range-picker', _vm._b({
+  return _c('div', [_c('date-range-picker', _vm._b({
+    ref: "refByDateRangePicker",
     attrs: {
+      "onConfirm": _vm.onConfirm,
       "enableTimePicker": "",
       "presets": _vm.computedPresets,
-      "readonly": _vm._readonly,
-      "disabled": _vm._disabled
+      "readonly": true,
+      "disabled": _vm._disabled,
+      "popupProps": _vm.popupProps,
+      "clearable": _vm._clearable
     },
     on: {
       "blur": _vm.onBlur,
       "change": _vm.onChange,
-      "confirm": _vm.onConfirm,
       "focus": _vm.onFocus,
       "input": _vm.onInput,
       "pick": _vm.onPick,
@@ -4604,7 +4607,7 @@ var render = function render() {
       },
       expression: "module"
     }
-  }, 'date-range-picker', _vm.$attrs, false));
+  }, 'date-range-picker', _vm.$attrs, false))], 1);
 };
 var staticRenderFns = [];
 
@@ -4615,7 +4618,18 @@ var utils = __webpack_require__(3161);
 /* harmony default export */ var tDateRangePickervue_type_script_lang_js_ = ({
   name: "tDateRangePicker",
   data() {
-    return {};
+    return {
+      popupVisible: false,
+      popupProps: {
+        visible: this._popupVisible,
+        onVisibleChange: value => {
+          console.log('onVisibleChange');
+          console.log(value);
+          if (this._readonly) return;
+          this.popupProps.visible = value;
+        }
+      }
+    };
   },
   props: {
     value: {
@@ -4632,6 +4646,14 @@ var utils = __webpack_require__(3161);
   components: {},
   created() {},
   computed: {
+    _popupVisible: {
+      get() {
+        return this.popupVisible;
+      },
+      set(val) {
+        this.popupVisible = val;
+      }
+    },
     module: {
       set(val) {
         this.$emit('input', val);
@@ -4662,35 +4684,49 @@ var utils = __webpack_require__(3161);
     },
     _readonly: {
       get() {
-        return !!(this.$attrs.disabled || this.$attrs.readonly);
+        return this.$attrs.disabled || this.$attrs.readonly;
       }
     },
     _disabled: {
       get() {
         return false;
       }
+    },
+    _clearable: {
+      get() {
+        if (this._readonly) return false;
+        return !!this.$attrs.clearable;
+      }
     }
   },
   methods: {
     onBlur(event) {
+      if (this._readonly) return;
       this.$emit('blur', event);
     },
     onChange(event) {
+      if (this._readonly) return;
       this.$emit('change', event);
     },
     onConfirm(event) {
+      if (this._readonly) return;
+      this.popupProps.visible = false;
       this.$emit('confirm', event);
     },
     onFocus(event) {
+      if (this._readonly) return;
       this.$emit('focus', event);
     },
     onInput(event) {
+      if (this._readonly) return;
       this.$emit('input', event);
     },
     onPick(event) {
+      if (this._readonly) return;
       this.$emit('pick', event);
     },
     onPresetClick(event) {
+      if (this._readonly) return;
       this.$emit('preset-click', event);
     }
   }
@@ -4713,7 +4749,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "0e6fb5b8",
+  "d78204d8",
   null
   
 )
@@ -34313,7 +34349,7 @@ var staticRenderFns = [];
 // EXTERNAL MODULE: ./packages/components/base/baseButtonHandle/baseButtonHandle.vue + 4 modules
 var baseButtonHandle = __webpack_require__(7690);
 // EXTERNAL MODULE: ./packages/components/base/tDateRangePicker/tDateRangePicker.vue + 3 modules
-var tDateRangePicker = __webpack_require__(1509);
+var tDateRangePicker = __webpack_require__(2845);
 // EXTERNAL MODULE: ./node_modules/tdesign-icons-vue/esm/components/time.js
 var time = __webpack_require__(8551);
 ;// CONCATENATED MODULE: ./packages/components/base/baseTimeTypeSelect/config.js
@@ -35949,7 +35985,7 @@ baseWait.install = function (Vue) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _tDateRangePicker_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1509);
+/* harmony import */ var _tDateRangePicker_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2845);
 
 _tDateRangePicker_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"].install */ .Z.install = function (Vue) {
   Vue.component(_tDateRangePicker_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"].name */ .Z.name, _tDateRangePicker_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z);