meixioacomponent 2.0.59 → 2.0.60

package/packages/components/base/baseSelect/baseSelect.vue

@@ -1,102 +1,102 @@
-
-
-<template>
-  <div class="base_select-wrap">
-
-    <t-select v-model="value"
-               :clearable="clearable"
-               @change="onChange"
-               @clear="onClear"
-               @blur="onBlur"
-               @focus="onFocus"
-               @visible-change="onVisibleChange"
-               :multiple="multiple" :placeholder="placeholder" :disabled="disabled" :size="size">
-      <t-option v-for="(item,index) in options" :key="index" :label="labelKey" :value="valueKey"></t-option>
-    </t-select>
-
-  </div>
-
-</template>
-
-<script>
-import {defineComponent} from 'vue'
-export default defineComponent({
-  name: "baseSelect",
-  props: {
-    multiple: {
-      type: Boolean,
-      default: false,
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    value: {},
-    size: {
-      type: String,
-      default: 'small'
-    },
-    clearable: {
-      type: Boolean,
-      default: false,
-    },
-    placeholder: {
-      type: String,
-      default: '请选择'
-    },
-    options: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    valueKey: {
-      type: String,
-      default: 'value'
-    },
-    labelKey: {
-      type: String,
-      default: 'label'
-    }
-  },
-  computed: {
-    module: {
-      set(val) {
-        this.$emit('input', val);
-      },
-      get() {
-        return this.$props.value
-      }
-    }
-
-  },
-  methods: {
-    onChange(event) {
-      this.$emit('change', event);
-    },
-    onClear(event) {
-      this.$emit('clear', event);
-    },
-    onBlur(event) {
-      this.$emit('blur', event);
-    },
-    onFocus(event) {
-      this.$emit('focus', event);
-    },
-    onVisibleChange(value) {
-      this.$emit('visible-change', value);
-    }
-  }
-})
-</script>
-
-
-
-<style scoped lang="less">
-.base_select-wrap {
-  width: auto;
-  height: auto;
-}
-</style>
-
-
+
+
+<template>
+  <div class="base_select-wrap">
+
+    <t-select v-model="value"
+               :clearable="clearable"
+               @change="onChange"
+               @clear="onClear"
+               @blur="onBlur"
+               @focus="onFocus"
+               @visible-change="onVisibleChange"
+               :multiple="multiple" :placeholder="placeholder" :disabled="disabled" :size="size">
+      <t-option v-for="(item,index) in options" :key="index" :label="labelKey" :value="valueKey"></t-option>
+    </t-select>
+
+  </div>
+
+</template>
+
+<script>
+import {defineComponent} from 'vue'
+export default defineComponent({
+  name: "baseSelect",
+  props: {
+    multiple: {
+      type: Boolean,
+      default: false,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    value: {},
+    size: {
+      type: String,
+      default: 'small'
+    },
+    clearable: {
+      type: Boolean,
+      default: false,
+    },
+    placeholder: {
+      type: String,
+      default: '请选择'
+    },
+    options: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    valueKey: {
+      type: String,
+      default: 'value'
+    },
+    labelKey: {
+      type: String,
+      default: 'label'
+    }
+  },
+  computed: {
+    module: {
+      set(val) {
+        this.$emit('input', val);
+      },
+      get() {
+        return this.$props.value
+      }
+    }
+
+  },
+  methods: {
+    onChange(event) {
+      this.$emit('change', event);
+    },
+    onClear(event) {
+      this.$emit('clear', event);
+    },
+    onBlur(event) {
+      this.$emit('blur', event);
+    },
+    onFocus(event) {
+      this.$emit('focus', event);
+    },
+    onVisibleChange(value) {
+      this.$emit('visible-change', value);
+    }
+  }
+})
+</script>
+
+
+
+<style scoped lang="less">
+.base_select-wrap {
+  width: auto;
+  height: auto;
+}
+</style>
+
+

package/packages/components/base/baseSelect/index.js

@@ -1,6 +1,6 @@
-import baseSelect from "./baseSection.vue";
-
-baseSelect.install = function (Vue) {
-    Vue.component(baseSelect.name, baseSelect);
-};
-export default baseSelect;
+import baseSelect from "./baseSection.vue";
+
+baseSelect.install = function (Vue) {
+    Vue.component(baseSelect.name, baseSelect);
+};
+export default baseSelect;

package/packages/components/base/baseStoreSelect/index.vue

@@ -43,8 +43,8 @@ export default {
   name: 'baseStoreSelect',
   data() {
     return {
-      checkAll: false,
       isIndeterminate: true,
+      checkAll: false,
     }
   },
 

package/packages/components/base/baseTimeRangePicker/baseTimeRangePicker.vue

@@ -1,60 +1,60 @@
-<template>
-  <div class="base_time_range_picker-wrap">
-    <t-date-range-picker
-        ref="baseTimeRangePickerContentRef"
-        v-model="module" v-bind="$attrs"
-        @change="onChange"
-        @focus="onFocus"
-        @blur="onblur"
-    ></t-date-range-picker>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "baseTimeRangePicker",
-  data() {
-    return {}
-  },
-  computed: {
-    module: {
-      set(val) {
-        this.$emit('input', val);
-      },
-      get() {
-        return this.$props.value
-      }
-    }
-  },
-  props: {
-    value: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    }
-  },
-  methods: {
-    onChange(value) {
-      this.$emit('change', value);
-    },
-    onFocus(value) {
-      this.$emit('focus', value);
-    },
-    onblur(value) {
-      this.$emit('blur', value);
-    }
-
-  }
-}
-</script>
-
-
-<style scoped lang="less">
-.base_time_range_picker-wrap {
-  width: auto;
-  height: auto;
-}
-
+<template>
+  <div class="base_time_range_picker-wrap">
+    <t-date-range-picker
+        ref="baseTimeRangePickerContentRef"
+        v-model="module" v-bind="$attrs"
+        @change="onChange"
+        @focus="onFocus"
+        @blur="onblur"
+    ></t-date-range-picker>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "baseTimeRangePicker",
+  data() {
+    return {}
+  },
+  computed: {
+    module: {
+      set(val) {
+        this.$emit('input', val);
+      },
+      get() {
+        return this.$props.value
+      }
+    }
+  },
+  props: {
+    value: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    }
+  },
+  methods: {
+    onChange(value) {
+      this.$emit('change', value);
+    },
+    onFocus(value) {
+      this.$emit('focus', value);
+    },
+    onblur(value) {
+      this.$emit('blur', value);
+    }
+
+  }
+}
+</script>
+
+
+<style scoped lang="less">
+.base_time_range_picker-wrap {
+  width: auto;
+  height: auto;
+}
+
 </style>

package/packages/components/base/baseTimeRangePicker/index.js

@@ -1,7 +1,7 @@
-import baseTimeRangePicker from "./baseTimeRangePicker.vue";
-
-baseTimeRangePicker.install = function (Vue) {
-    Vue.component(baseTimeRangePicker.name, baseTimeRangePicker);
-};
-
-export default baseTimeRangePicker;
+import baseTimeRangePicker from "./baseTimeRangePicker.vue";
+
+baseTimeRangePicker.install = function (Vue) {
+    Vue.component(baseTimeRangePicker.name, baseTimeRangePicker);
+};
+
+export default baseTimeRangePicker;

package/packages/components/base/baseToggle/toggle.vue

@@ -1,22 +1,22 @@
 <template>
   <t-radio-group
       ref="tRadioGroupRef"
-      v-model="module" :readonly="disabled" variant="primary-filled" :size="componentSize">
+      v-model="module" :disabled="disabled" :size="componentSize" variant="primary-filled">
     <t-radio-button
-        :readonly="item.disabled"
         v-for="(item, index) in toggleList"
         :key="index"
+        :disabled="item.disabled"
         :value="item.value">{{ item.label }}
     </t-radio-button>
   </t-radio-group>
 </template>
 
 <script>
-const checkedClassName = 'tInputNumber-is-checked';
-const radioButtonClassName = 'tInputNumber-radio-button';
-const blockClassName = 'tInputNumber-radio-group__bg-block'
+const checkedClassName = 't-is-checked';
+const radioButtonClassName = 't-radio-button';
+const blockClassName = 't-radio-group__bg-block'
 
-import {TransomComponentSize} from "../../../utils/utils";
+import {isIos, TransomComponentSize} from "../../../utils/utils";
 
 export default {
   name: 'baseToggle',
@@ -94,7 +94,8 @@ export default {
       this.$emit('handletoggle', item)
     },
     onRadioChange(value) {
-      if (this.$props.toggleList.length !== 2) return;
+      if (this.$props.toggleList.length !== 2 || isIos()) return;
+
       this.$nextTick(() => {
         const toggleIndex = this.$props.toggleList.findIndex(item => {
           return item.value === value;
@@ -119,7 +120,7 @@ export default {
             }
           }
         }
-      })
+      });
     }
   },
 }

package/packages/components/base/tDateRangePicker/index.js

@@ -1,6 +1,6 @@
-import tDateRangePicker from "./tDateRangePicker.vue"
-
-tDateRangePicker.install = function (Vue) {
-    Vue.component(tDateRangePicker.name, tDateRangePicker)
-}
+import tDateRangePicker from "./tDateRangePicker.vue"
+
+tDateRangePicker.install = function (Vue) {
+    Vue.component(tDateRangePicker.name, tDateRangePicker)
+}
 export default tDateRangePicker

package/packages/components/base/tDateRangePicker/tDateRangePicker.vue

@@ -1,112 +1,103 @@
-<template>
-  <date-range-picker v-model="module"
-                     v-bind="$attrs"
-                     @blur="onBlur"
-                     @change="onChange"
-                     @confirm="onConfirm"
-                     @focus="onFocus"
-                     @input="onInput"
-                     @pick="onPick"
-                     enableTimePicker
-                     @preset-click="onPresetClick"
-                     :presets="computedPresets"
-                     :readonly="_readonly"
-                     :disabled="_disabled"
-  />
-</template>
-
-
-<script>
-
-
-import {getEndOfDayTimestamp, getStartOfDayTimestamp} from "../../../utils/utils";
-
-export default {
-  name: "tDateRangePicker",
-  data() {
-    return {}
-  },
-  props: {
-    value: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    enableTimePicker:{
-      type:Boolean,
-      default:true
-    }
-  },
-  components: {},
-  created() {
-  },
-  computed: {
-    module: {
-      set(val) {
-        this.$emit('input', val);
-      },
-      get() {
-        return this.$props.value;
-      }
-    },
-    computedPresets() {
-      const now = {
-        '此刻': () => {
-          if (this.$attrs['valueType'] === 'time-stamp') {
-            return [getStartOfDayTimestamp(), getEndOfDayTimestamp()]
-          }
-          return [new Date(), new Date()];
-        }
-      }
-      if (this.$attrs[`presets`] && typeof this.$attrs[`presets`] === 'object') {
-        return {
-          ...this.$attrs['presets'],
-          ...now,
-        }
-      } else {
-        return {
-          ...now
-        }
-      }
-    },
-    _readonly: {
-      get() {
-        return !!(this.$attrs.disabled || this.$attrs.readonly);
-      }
-    },
-    _disabled: {
-      get() {
-        return false;
-      }
-    }
-  },
-  methods: {
-    onBlur(event) {
-      this.$emit('blur', event);
-    },
-    onChange(event) {
-      this.$emit('change', event);
-    },
-    onConfirm(event) {
-      this.$emit('confirm', event);
-    },
-    onFocus(event) {
-      this.$emit('focus', event);
-    },
-    onInput(event) {
-      this.$emit('input', event);
-    },
-    onPick(event) {
-      this.$emit('pick', event);
-    },
-    onPresetClick(event) {
-      this.$emit('preset-click', event);
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
+<template>
+  <date-range-picker v-model="module"
+                     v-bind="$attrs"
+                     @blur="onBlur"
+                     @change="onChange"
+                     @confirm="onConfirm"
+                     @focus="onFocus"
+                     @input="onInput"
+                     @pick="onPick"
+                     enableTimePicker
+                     @preset-click="onPresetClick"
+                     :presets="computedPresets"/>
+</template>
+
+
+<script>
+
+
+import {getEndOfDayTimestamp, getStartOfDayTimestamp} from "../../../utils/utils";
+
+export default {
+  name: "tDateRangePicker",
+  data() {
+    return {}
+  },
+  props: {
+    value: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    enableTimePicker:{
+      type:Boolean,
+      default:true
+    }
+  },
+  components: {},
+  created() {
+  },
+  computed: {
+    module: {
+      set(val) {
+        this.$emit('input', val);
+      },
+      get() {
+        return this.$props.value;
+      }
+    },
+    computedPresets() {
+      const now = {
+        '此刻': () => {
+          if (this.$attrs['valueType'] === 'time-stamp') {
+            return [getStartOfDayTimestamp(), getEndOfDayTimestamp()]
+          }
+          return [new Date(), new Date()];
+        }
+      }
+      if (this.$attrs[`presets`] && typeof this.$attrs[`presets`] === 'object') {
+        return {
+          ...this.$attrs['presets'],
+          ...now,
+        }
+      } else {
+        return {
+          ...now
+        }
+      }
+    }
+  },
+  methods: {
+    onBlur(event) {
+      this.$emit('blur', event);
+    },
+    onChange(event) {
+      this.$emit('change', event);
+    },
+    onConfirm(event) {
+      this.$emit('confirm', event);
+    },
+    onFocus(event) {
+      this.$emit('focus', event);
+    },
+    onInput(event) {
+      this.$emit('input', event);
+    },
+    onPick(event) {
+      this.$emit('pick', event);
+    },
+    onPresetClick(event) {
+      this.$emit('preset-click', event);
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.t_date_range_picker-wrap {
+  width: auto;
+  height: auto;
+}
+
 </style>