meixioacomponent 2.0.42 → 2.0.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "2.0.42",
+  "version": "2.0.44",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/packages/components/base/baseInput/baseInput.vue

@@ -0,0 +1,98 @@
+<template>
+  <div class="base_input-wrap">
+    <t-input
+        v-model="module"
+        :clearable="clearable"
+        :readonly="readonly"
+        :maxlength="maxlength"
+        :size="size"
+        :disabled="disabled"
+        :placeholder="placeholder"
+        @change="onChange"
+        @blur="onBlur"
+        @focus="onFocus"
+        @input="onInput"
+        @clear="onClear"
+        @enter="onEnter"
+    />
+  </div>
+</template>
+
+
+<script>
+import {defineComponent} from 'vue'
+
+export default defineComponent({
+  name: "baseInput",
+  props: {
+    placeholder: {
+      type: String,
+      default: '请输入内容'
+    },
+    value: {
+      type: String,
+      default: '',
+      required: true
+    },
+    size: {
+      type: String,
+      default: 'mini'
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    maxlength: {
+      type: Number,
+    },
+    clearable: {
+      type: Boolean,
+      default: false,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    computed: {
+      module: {
+        set(val) {
+          this.$emit('input', val);
+        },
+        get() {
+          return this.$props.value
+        }
+      }
+    },
+  },
+
+  methods: {
+    onBlur() {
+      this.$emit('blur')
+    },
+    onFocus() {
+      this.$emit('focus')
+    },
+    onChange() {
+      this.$emit('change')
+    },
+    onInput() {
+      this.$emit('input')
+    },
+    onClear() {
+      this.$emit('clear')
+    },
+    onEnter(event) {
+      this.$emit('enter', event);
+    }
+  }
+})
+</script>
+<style scoped lang="less">
+.base_input-wrap {
+  width: auto;
+  height: auto;
+}
+</style>
+

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

@@ -0,0 +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>
+
+

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

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

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

@@ -1,5 +1,6 @@
 <template>
-  <div :class="[ 'base-text-wrap',type ]" v-if="content" :title="content" @click="onClick">
+  <div :class="[ 'base-text-wrap',type ]" v-if="(content===0||content==='0')||content" :title="content"
+       @click="onClick">
     <div v-if="type==='phone'" :class="['content-wrap',type]">
       <MobileIcon style="margin-right: var(--margin-2)"></MobileIcon>
       {{ content }}
@@ -136,7 +137,7 @@ export default {
   width: fit-content;
   font-size: var(--font-size-base);
 
-  .default{
+  .default {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -180,7 +181,6 @@ export default {
 }
 
 
-
 .empty {
   color: var(--font-color-ds);
   font-size: var(--font-size-s);

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

@@ -0,0 +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;
+}
+
+</style>

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

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

package/packages/components/base/baseTimeTypeSelect/base_time_type_select.vue

@@ -1,5 +1,5 @@
 <template>
-  <t-popup v-model="isOpen" ref="popover" placement="bottom" trigger="click" @visible-change="visibleChange">
+  <t-popup placement="bottom" trigger="click" @visible-change="visibleChange">
     <template #content>
       <div class="time-type-select-content">
         <div class="content-line-wrap">
@@ -27,7 +27,6 @@
             <t-date-range-picker
                 v-model="timeModule"
                 size="medium"
-                enable-time-picker=""
                 :clearable="true"
                 style="width: 100%; margin-top: var(--margin-4)"
                 valueType="time-stamp"
@@ -70,11 +69,13 @@
 
 <script>
 import baseButtonHandle from "../baseButtonHandle/baseButtonHandle.vue";
+import tDateRangePicker from "../tDateRangePicker/tDateRangePicker.vue"
 import {TimeIcon} from "tdesign-icons-vue"
 //
 import {baseTimeTypeConfig} from "./config";
 import {FilterTime} from "../../../utils/utils";
 
+
 export default {
   name: "baseTimeTypeSelect",
   data() {
@@ -116,7 +117,8 @@ export default {
   },
   components: {
     baseButtonHandle,
-    TimeIcon
+    TimeIcon,
+    tDateRangePicker
   },
   computed: {
     module: {
@@ -183,18 +185,18 @@ export default {
         this.timeModule = renderTime;
       }
     },
-
     doClose() {
       this.isOpen = false;
     },
-
     eventHide() {
       this.isOpen = false;
     },
 
     visibleChange(visible) {
       if (visible) {
-        this.eventShow()
+        this.$nextTick(() => {
+          this.eventShow();
+        })
       } else {
         this.eventHide();
       }
@@ -208,6 +210,8 @@ export default {
 
       if ((Array.isArray(_timeModule) && _timeModule?.length >= 1)) {
         this.module = _timeModule;
+      } else {
+        this.module = [];
       }
       if (_selectLineItem) {
         this.module = _selectLineItem;
@@ -272,7 +276,7 @@ export default {
 
   .content-line-wrap {
     box-sizing: border-box;
-    padding: var(--padding-5) 0px;
+    padding: var(--padding-5) 0;
 
     .content-line {
       width: 100%;

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

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

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

@@ -0,0 +1,96 @@
+<template>
+  <date-range-picker v-model="module"
+                     v-bind="$attrs"
+                     @blur="onBlur"
+                     @change="onChange"
+                     @confirm="onConfirm"
+                     @focus="onFocus"
+                     @input="onInput"
+                     @pick="onPick"
+                     @preset-click="onPresetClick"
+                     :presets="computedPresets"/>
+</template>
+
+
+<script>
+
+
+export default {
+  name: "tDateRangePicker",
+  data() {
+    return {}
+  },
+  props: {
+    value: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    }
+  },
+  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 [new Date().valueOf(), new Date().valueOf()]
+          }
+          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>

package/packages/components/index.js

@@ -29,6 +29,8 @@ var baseTimeTypeSelect_1 = require("./base/baseTimeTypeSelect");
 var baseToggle_1 = require("./base/baseToggle");
 var baseUploadItem_1 = require("./base/baseUpload/baseUploadItem");
 var baseUpload_1 = require("./base/baseUpload/baseUpload");
+var tDateRangePicker_1 = require("./base/tDateRangePicker");
+var baseTimeRangePicker_1 = require("./base/baseTimeRangePicker");
 var upload_1 = require("./base/upload");
 var dialogFormIndex_1 = require("./proForm/dialogForm/dialogFormIndex");
 var index_1 = require("./proForm/proForm/index");
@@ -127,7 +129,9 @@ var meixicomponents = [
     baseWait_1["default"],
     vuedraggable_1["default"],
     baseUploadImgAndName_1["default"],
-    baseButton_1["default"]
+    baseButton_1["default"],
+    tDateRangePicker_1["default"],
+    baseTimeRangePicker_1["default"]
 ];
 var install = function (Vue) {
     componentConfig_1["default"].Vue = Vue;
@@ -185,6 +189,7 @@ var meixioacomponent = {
     baseToggle: baseToggle_1["default"],
     baseUploadItem: baseUploadItem_1["default"],
     baseUpload: baseUpload_1["default"],
+    tDateRangePicker: tDateRangePicker_1["default"],
     upload: upload_1["default"],
     baseDialogForm: dialogFormIndex_1["default"],
     baseForm: index_1["default"],
@@ -216,6 +221,7 @@ var meixioacomponent = {
     useViewVideo: UseViewVideo_1["default"],
     useGuide: UseGuide_1["default"],
     DynamicMountClass: DynamicMountClass_1["default"],
+    baseTimeRangePicker: baseTimeRangePicker_1["default"],
     useWait: UseWait_1["default"],
     LinkViewClass: LinkViewClass_1["default"],
     //type 类型

package/packages/components/index.ts

@@ -27,6 +27,8 @@ import baseTimeTypeSelect from "./base/baseTimeTypeSelect";
 import baseToggle from "./base/baseToggle";
 import baseUploadItem from "./base/baseUpload/baseUploadItem";
 import baseUpload from "./base/baseUpload/baseUpload";
+import tDateRangePicker from "./base/tDateRangePicker";
+import baseTimeRangePicker from "./base/baseTimeRangePicker";
 import upload from "./base/upload";
 import baseDialogForm from "./proForm/dialogForm/dialogFormIndex";
 import baseForm from "./proForm/proForm/index";
@@ -130,7 +132,10 @@ const meixicomponents: any[] = [
     baseWait,
     draggable,
     baseUploadImgAndName,
-    baseButton
+    baseButton,
+    tDateRangePicker,
+    baseTimeRangePicker
+
 ];
 
 const install = (Vue) => {
@@ -192,6 +197,7 @@ const meixioacomponent = {
     baseToggle,
     baseUploadItem,
     baseUpload,
+    tDateRangePicker,
     upload,
     baseDialogForm,
     baseForm,
@@ -223,6 +229,7 @@ const meixioacomponent = {
     useViewVideo,
     useGuide,
     DynamicMountClass,
+    baseTimeRangePicker,
     useWait,
     LinkViewClass,
     //type 类型
@@ -232,7 +239,7 @@ const meixioacomponent = {
     useConfirm: (body: string, title: string, options: TypeByConfirmOptions) => {
         return executeConfirm(body, title, options);
     },
-        useNotify: (type: TypeByTheme, options: TypeByNotifyOptions) => {
+    useNotify: (type: TypeByTheme, options: TypeByNotifyOptions) => {
         return new UseNotify().toMountedConfirm(type, options)
     }
 };