meixioacomponent 2.0.65 → 2.0.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "2.0.65",
+  "version": "2.0.67",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -31,7 +31,7 @@
     "node-polyfill-webpack-plugin": "^2.0.1",
     "npm": "^9.6.1",
     "path-browserify": "^1.0.1",
-    "tdesign-vue": "^1.10.5-naruto",
+    "tdesign-vue": "^1.14.5-naruto",
     "ts-loader": "^9.4.2",
     "tslint": "^6.1.3",
     "tslint-config-standard": "^9.0.0",

package/packages/components/base/baseArea/baseArea.vue

@@ -1,6 +1,6 @@
 <!--<template>-->
 <!--  <div class="base-area-select-wrap">-->
-<!--    <t-popup-->
+<!--    <tInputNumber-popup-->
 <!--        v-model="isOpen"-->
 <!--        ref="popover"-->
 <!--        :disabled="disable"-->
@@ -47,13 +47,13 @@
 <!--                    class="area-item"-->
 <!--                >-->
 
-<!--                  <t-button class="delete-btn" v-if="item.label == activeArea" shape="square" variant="outline"-->
+<!--                  <tInputNumber-button class="delete-btn" v-if="item.label == activeArea" shape="square" variant="outline"-->
 <!--                            @click="deleteCheck">-->
 <!--                    <template #icon>-->
 <!--                      <CloseCircleIcon-->
 <!--                      ></CloseCircleIcon>-->
 <!--                    </template>-->
-<!--                  </t-button>-->
+<!--                  </tInputNumber-button>-->
 
 
 <!--                  <span :title="item.label" @click="checkArea(item)">{{ item.label }}</span>-->
@@ -75,7 +75,7 @@
 <!--          class="area-select-input"-->
 <!--          @click="openSelectWrap"-->
 <!--      >-->
-<!--        <t-input :size="componentSize"-->
+<!--        <tInputNumber-input :size="componentSize"-->
 <!--                 v-model="showModule"-->
 <!--                 :disabled="disable"-->
 <!--                 :readonly="true"-->
@@ -84,9 +84,9 @@
 <!--            <arrow-down-icon v-if="!isOpen"></arrow-down-icon>-->
 <!--            <arrow-up-icon v-else></arrow-up-icon>-->
 <!--          </template>-->
-<!--        </t-input>-->
+<!--        </tInputNumber-input>-->
 <!--      </div>-->
-<!--    </t-popup>-->
+<!--    </tInputNumber-popup>-->
 <!--  </div>-->
 <!--</template>-->
 

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

@@ -73,7 +73,7 @@ export default {
     return {
       open: false,
       useResize: null,
-      ignoreList: ['t-select__list', 't-popup','t-dialog__wrap'],
+      ignoreList: ["guide-content-wrap", "base-guide-overlay", 'tInputNumber-select__list', 'tInputNumber-popup', 'tInputNumber-dialog__wrap', 't-select__list', 't-popup', 't-dialog__wrap'],
       showCloseButton: false
     };
   },

package/packages/components/base/basePlainTable/basePlainTable.vue

@@ -177,7 +177,7 @@ export default {
         const checkConfig = {
           colKey: 'row-select',
           type: this.$props.checkType,
-          label: 'row-select',
+          label: '',
           disabled: (scope) => {
             if (this.$props.canSelected) {
               return !(this.$props.canSelected(scope))

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

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

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

@@ -14,12 +14,12 @@
           :value="parseFloat(content)" prefix="￥" trend="increase"/>
     </div>
 
-    <div v-else-if="type==='money+'" :class="[type]">
+    <div v-else-if="type==='money+'" :class="['money-plus']">
       <t-statistic
           :color="parseFloat(content)>0?'var(--color-error)': 'var(--font-color-d)'"
           :value="parseFloat(content)" prefix="￥" trend="increase"/>
     </div>
-    <div v-else-if="type==='money-'" :class="[type]">
+    <div v-else-if="type==='money-'" :class="['money-sub']">
       <t-statistic
           :color="parseFloat(content)<0?'var(--color-success)':'var(--font-color-d)'"
           :value="parseFloat(content)" prefix="￥" trend="increase"/>
@@ -158,14 +158,21 @@ export default {
     justify-content: flex-start;
   }
 
-  .time, .number, .money, .money +, .money- {
+  .time, .number, .money, .money-plus, .money-sub {
     font-family: TCloudNumber !important;
   }
 
-  .money, .money +, .money- {
+  .money, .money-plus, .money-sub {
     font-weight: var(--font-weight-kg);
   }
 
+  .money {
+    /deep/ .t-statistic-content {
+      color: var(--color-warn) !important;
+    }
+  }
+
+
 
   /deep/ .t-statistic-content-prefix {
     font-size: var(--font-size-s) !important;

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

@@ -1,20 +1,20 @@
 <template>
   <t-radio-group
       ref="tRadioGroupRef"
-      v-model="module" :disabled="disabled" :size="componentSize" variant="primary-filled">
+      v-model="module" :readonly="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 = 't-is-checked';
-const radioButtonClassName = 't-radio-button';
-const blockClassName = 't-radio-group__bg-block'
+const checkedClassName = 'tInputNumber-is-checked';
+const radioButtonClassName = 'tInputNumber-radio-button';
+const blockClassName = 'tInputNumber-radio-group__bg-block'
 
 import {isIos, TransomComponentSize} from "../../../utils/utils";
 
@@ -202,7 +202,7 @@ export default {
 
 .middle, .small {
   .toggle-item-wrap {
-    padding: 0px calc(var(--padding-4));
+    padding: 0 calc(var(--padding-4));
     line-height: calc(var(--font-size-base) + 8px);
 
     span {
@@ -214,7 +214,7 @@ export default {
 .big {
   .toggle-item-wrap {
     line-height: 48px;
-    padding: 0px calc(var(--padding-3) * 3);
+    padding: 0 calc(var(--padding-3) * 3);
 
     span {
       font-size: var(--font-size-l);

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

@@ -9,7 +9,10 @@
                      @pick="onPick"
                      enableTimePicker
                      @preset-click="onPresetClick"
-                     :presets="computedPresets"/>
+                     :presets="computedPresets"
+                     :readonly="_readonly"
+                     :disabled="_disabled"
+  />
 </template>
 
 
@@ -66,6 +69,16 @@ export default {
           ...now
         }
       }
+    },
+    _readonly: {
+      get() {
+        return !!(this.$attrs.disabled || this.$attrs.readonly);
+      }
+    },
+    _disabled: {
+      get() {
+        return false;
+      }
     }
   },
   methods: {
@@ -95,9 +108,5 @@ export default {
 </script>
 
 <style scoped lang="less">
-.t_date_range_picker-wrap {
-  width: auto;
-  height: auto;
-}
 
 </style>

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

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

package/packages/components/base/tInput/tInput.vue

@@ -0,0 +1,149 @@
+<template>
+  <Input v-model="module"
+         v-bind="$attrs"
+         @blur="onBlur"
+         @change="onChange"
+         @confirm="onConfirm"
+         @focus="onFocus"
+         @input="onInput"
+         @pick="onPick"
+         @click="onClick"
+         @enter="onEnter"
+         @keydown="onKeydown"
+         @keypress="onKeypress"
+         @keyup="onKeyup"
+         @mouseenter="onMouseenter"
+         @mouseleave="onMouseleave"
+         @paste="onPaste"
+         @validate="onValidate"
+         @wheel="onWheel"
+         :readonly="_readonly"
+         :disabled="_disabled"
+  >
+
+
+    <template #label>
+      <slot name="label"></slot>
+    </template>
+
+    <template #prefixIcon>
+      <slot name="prefixIcon"></slot>
+    </template>
+
+
+    <template #suffix>
+      <slot name="suffix"></slot>
+    </template>
+
+
+    <template #suffixIcon>
+      <slot name="suffixIcon"></slot>
+    </template>
+
+
+    <template #tips>
+      <slot name="tips"></slot>
+    </template>
+
+
+  </Input>
+</template>
+<script>
+
+
+export default {
+  name: "tInput",
+  data() {
+    return {}
+  },
+  props: {
+    value: {
+      type: String,
+    },
+  },
+  components: {},
+  created() {
+  },
+  computed: {
+    module: {
+      set(val) {
+        this.$emit('input', val);
+      },
+      get() {
+        return this.$props.value;
+      }
+    },
+    _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);
+    },
+    onClear(event) {
+      this.$emit('clear', event);
+    },
+    onClick(event) {
+      this.$emit('click', event);
+    },
+    onEnter(event) {
+      this.$emit('enter', event);
+    },
+    onKeydown(event) {
+      this.$emit('keydown', event);
+    },
+    onKeypress(event) {
+      this.$emit('keypress', event);
+    },
+    onKeyup(event) {
+      this.$emit('keyup', event);
+    },
+    onMouseenter(event) {
+      this.$emit('mouseenter', event);
+    },
+    onMouseleave(event) {
+      this.$emit('mouseleave', event);
+    },
+    onPaste(event) {
+      this.$emit('paste', event);
+    },
+    onValidate(event) {
+      this.$emit('validate', event);
+    },
+    onWheel(event) {
+      this.$emit('wheel', event);
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+/deep/.t-input.t-is-readonly .t-input__inner{
+  cursor: not-allowed !important;
+}
+
+</style>

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

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

package/packages/components/base/tInputNumber/tInputNumber.vue

@@ -0,0 +1,104 @@
+<template>
+
+    <input-number v-model="module"
+                  v-bind="$attrs"
+                  @blur="onBlur"
+                  @change="onChange"
+                  @focus="onFocus"
+                  @enter="onEnter"
+                  @keydown="onKeydown"
+                  @keypress="onKeypress"
+                  @keyup="onKeyup"
+                  @validate="onValidate"
+                  :readonly="_readonly"
+                  :disabled="_disabled"
+    >
+      <template #label>
+        <slot name="label"></slot>
+      </template>
+
+      <template #suffix>
+        <slot name="suffix"></slot>
+      </template>
+
+      <template #tips>
+        <slot name="tips"></slot>
+      </template>
+
+    </input-number>
+</template>
+<script>
+
+
+export default {
+  name: "tInputNumber",
+  data() {
+    return {}
+  },
+  props: {
+    value: {
+      type: String,
+    },
+  },
+  components: {},
+  created() {
+  },
+  computed: {
+    module: {
+      set(val) {
+        this.$emit('input', val);
+      },
+      get() {
+        return this.$props.value;
+      }
+    },
+    _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);
+    },
+    onEnter(event) {
+      this.$emit('enter', event);
+    },
+    onKeydown(event) {
+      this.$emit('keydown', event);
+    },
+    onKeypress(event) {
+      this.$emit('keypress', event);
+    },
+    onKeyup(event) {
+      this.$emit('keyup', event);
+    },
+    onValidate(event) {
+      this.$emit('validate', event);
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+  /deep/.t-input.t-is-readonly .t-input__inner{
+    cursor: not-allowed !important;
+  }
+
+</style>

package/packages/components/base/tSelect/tSelect.vue

@@ -0,0 +1,176 @@
+<template>
+  <Select v-model="module"
+          v-bind="$attrs"
+          @blur="onBlur"
+          @change="onChange"
+          @confirm="onConfirm"
+          @focus="onFocus"
+          @input="onInput"
+          @pick="onPick"
+          @click="onClick"
+          @enter="onEnter"
+          @keydown="onKeydown"
+          @keypress="onKeypress"
+          @keyup="onKeyup"
+          @mouseenter="onMouseenter"
+          @mouseleave="onMouseleave"
+          @paste="onPaste"
+          @validate="onValidate"
+          @wheel="onWheel"
+          :readonly="_readonly"
+          :disabled="_disabled"
+  >
+
+
+    <template #collapsedItems="{value,collapsedSelectedItems,count,onClose}">
+      <slot name="collapsedItems" :scope="{value,collapsedSelectedItems,count,onClose}"></slot>
+    </template>
+
+    <template #empty>
+      <slot name="empty"></slot>
+    </template>
+
+
+    <template #label>
+      <slot name="label"></slot>
+    </template>
+
+
+    <template #loadingText>
+      <slot name="loadingText"></slot>
+    </template>
+
+
+    <template #panelBottomContent>
+      <slot name="panelBottomContent"></slot>
+    </template>
+
+
+    <template #panelTopContent>
+      <slot name="panelTopContent"></slot>
+    </template>
+
+
+    <template #prefixIcon>
+      <slot name="prefixIcon"></slot>
+    </template>
+    <template #suffix>
+      <slot name="suffix"></slot>
+    </template>
+
+    <template #suffixIcon>
+      <slot name="suffixIcon"></slot>
+    </template>
+
+
+    <template #valueDisplay>
+      <slot name="valueDisplay"></slot>
+    </template>
+
+    
+    <template>
+      <slot></slot>
+    </template>
+
+
+  </Select>
+</template>
+<script>
+
+
+export default {
+  name: "tInput",
+  data() {
+    return {}
+  },
+  props: {
+    value: {
+      type: String,
+    },
+  },
+  components: {},
+  created() {
+  },
+  computed: {
+    module: {
+      set(val) {
+        this.$emit('input', val);
+      },
+      get() {
+        return this.$props.value;
+      }
+    },
+    _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);
+    },
+    onClear(event) {
+      this.$emit('clear', event);
+    },
+    onClick(event) {
+      this.$emit('click', event);
+    },
+    onEnter(event) {
+      this.$emit('enter', event);
+    },
+    onKeydown(event) {
+      this.$emit('keydown', event);
+    },
+    onKeypress(event) {
+      this.$emit('keypress', event);
+    },
+    onKeyup(event) {
+      this.$emit('keyup', event);
+    },
+    onMouseenter(event) {
+      this.$emit('mouseenter', event);
+    },
+    onMouseleave(event) {
+      this.$emit('mouseleave', event);
+    },
+    onPaste(event) {
+      this.$emit('paste', event);
+    },
+    onValidate(event) {
+      this.$emit('validate', event);
+    },
+    onWheel(event) {
+      this.$emit('wheel', event);
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+/deep/ .t-input.t-is-readonly .t-input__inner {
+  cursor: not-allowed !important;
+}
+
+</style>