mali-ui-plus 0.1.5 → 0.1.7

package/lib/mali-ui-plus.common.js

@@ -38637,6 +38637,137 @@ const MlInputvue_type_script_lang_ts_setup_true_hoisted_1 = {
 const MlInput_exports_ = MlInputvue_type_script_lang_ts_setup_true;
 
 /* harmony default export */ var MlInput = (MlInput_exports_);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-textarea/MlTextarea.vue?vue&type=script&lang=ts&setup=true
+
+
+const MlTextareavue_type_script_lang_ts_setup_true_hoisted_1 = {
+  key: 0,
+  class: "ml-textarea is-readonly"
+};
+
+
+
+/* harmony default export */ var MlTextareavue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  __name: 'MlTextarea',
+  props: {
+    modelValue: {
+      type: String,
+      default: ''
+    },
+    rows: {
+      type: Number,
+      default: 2
+    },
+    maxLength: {
+      type: Number,
+      default: 300
+    },
+    placeholder: {
+      type: String,
+      default: '请输入'
+    },
+    resize: {
+      type: String,
+      default: 'none'
+    },
+    showWordCount: {
+      type: Boolean,
+      default: true
+    },
+    size: {
+      type: String,
+      default: () => config_0.size
+    },
+    readonly: {
+      type: Boolean,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "focus", "blur", "change"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeform', null);
+    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeformiteminfo', null);
+    const mlForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('mlForm', null);
+    const inpVal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
+    const isReadonly = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if (props.readonly === null) {
+        return $xeform ? $xeform.props.readonly : false;
+      }
+      return props.readonly;
+    });
+    const inputEvent = () => {
+      const value = inpVal.value || '';
+      // 自动更新校验状态
+      if ($xeform && $xeformiteminfo) {
+        if (mlForm) {
+          mlForm.changeItemValue($xeformiteminfo.itemConfig.field);
+        }
+      }
+      emit('update:modelValue', value);
+      emit('change', {
+        value
+      });
+    };
+    const focusEvent = () => {
+      emit('focus', {
+        value: inpVal.value
+      });
+    };
+    const blurEvent = () => {
+      emit('blur', {
+        value: inpVal.value
+      });
+    };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
+      inpVal.value = xe_utils_default().toValueString(val);
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      inpVal.value = xe_utils_default().toValueString(props.modelValue);
+    });
+    return (_ctx, _cache) => {
+      const _component_vxe_textarea = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("vxe-textarea");
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isReadonly) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", MlTextareavue_type_script_lang_ts_setup_true_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(inpVal.value), 1)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_vxe_textarea, {
+        key: 1,
+        class: "ml-textarea",
+        modelValue: inpVal.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => inpVal.value = $event),
+        rows: __props.rows,
+        maxlength: __props.maxLength,
+        placeholder: __props.placeholder,
+        "show-word-count": __props.showWordCount,
+        readonly: __props.readonly,
+        disabled: __props.disabled,
+        resize: __props.resize,
+        onInput: inputEvent,
+        onFocus: focusEvent,
+        onBlur: blurEvent
+      }, null, 8, ["modelValue", "rows", "maxlength", "placeholder", "show-word-count", "readonly", "disabled", "resize"]));
+    };
+  }
+}));
+;// CONCATENATED MODULE: ./components/ml-textarea/MlTextarea.vue?vue&type=script&lang=ts&setup=true
+ 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-textarea/MlTextarea.vue?vue&type=style&index=0&id=cc3ab9da&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./components/ml-textarea/MlTextarea.vue?vue&type=style&index=0&id=cc3ab9da&lang=scss
+
+;// CONCATENATED MODULE: ./components/ml-textarea/MlTextarea.vue
+
+
+
+;
+
+const MlTextarea_exports_ = MlTextareavue_type_script_lang_ts_setup_true;
+
+/* harmony default export */ var MlTextarea = (MlTextarea_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-select/MlSelect.vue?vue&type=script&lang=ts&setup=true
 
 
@@ -39137,6 +39268,258 @@ const _hoisted_3 = {
 const MlAmountText_exports_ = MlAmountTextvue_type_script_lang_ts_setup_true;
 
 /* harmony default export */ var MlAmountText = (MlAmountText_exports_);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-input/MlAmountInput.vue?vue&type=script&lang=ts&setup=true
+
+
+const MlAmountInputvue_type_script_lang_ts_setup_true_hoisted_1 = {
+  class: "ml-amount-tip"
+};
+
+
+
+
+/* harmony default export */ var MlAmountInputvue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  __name: 'MlAmountInput',
+  props: {
+    modelValue: {
+      type: [Number, String],
+      default: null
+    },
+    min: [Number, String],
+    max: {
+      type: [Number, String],
+      default: 9999999999
+    },
+    size: {
+      type: String,
+      default: () => config_0.size
+    },
+    maxLength: {
+      type: [Number, String],
+      default: 13
+    },
+    digits: {
+      type: [Number, String],
+      default: () => config_0.amountInput.digits || 2
+    },
+    placeholder: {
+      type: String,
+      default: '请输入金额'
+    },
+    negative: Boolean,
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    align: {
+      type: String,
+      default: 'left'
+    },
+    readonly: {
+      type: Boolean,
+      default: null
+    },
+    controls: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update:modelValue", "focus", "blur", "prev-number", "next-number", "change"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeform', null);
+    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeformiteminfo', null);
+    const mlForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('mlForm', null);
+    const showTip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
+    const inpVal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
+    const isReadonly = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if (props.readonly === null) {
+        return $xeform ? $xeform.props.readonly : false;
+      }
+      return props.readonly;
+    });
+    const currAmountNum = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return props.modelValue === '' ? '' : Number(props.modelValue || 0);
+    });
+    const currAmountLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return currAmountNum.value === '' ? '' : toNumMoneyToChinese(currAmountNum.value);
+    });
+    const minNum = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if (xe_utils_default().isNumber(props.min) || props.min) {
+        return Number(props.min || 0);
+      }
+      if (props.negative) {
+        return -9999999999;
+      }
+      return 0;
+    });
+    const maxNum = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if (xe_utils_default().isNumber(props.max) || props.max) {
+        return Number(props.max);
+      }
+      return null;
+    });
+    const checkValue = () => {
+      if (minNum.value !== null && xe_utils_default().toNumber(props.modelValue) < minNum.value) {
+        emit('update:modelValue', minNum.value);
+        emit('change', {
+          value: minNum.value
+        });
+        return {
+          status: false,
+          value: minNum.value
+        };
+      }
+      if (maxNum.value !== null && xe_utils_default().toNumber(props.modelValue) > maxNum.value) {
+        emit('update:modelValue', maxNum.value);
+        emit('change', {
+          value: maxNum.value
+        });
+        return {
+          status: false,
+          value: maxNum.value
+        };
+      }
+      return {
+        status: true,
+        value: 0
+      };
+    };
+    const blurEvent = () => {
+      showTip.value = false;
+      checkValue();
+      emit('blur', {});
+      // 值改变自动触发提交
+      if (mlForm && mlForm.changeToSubmit) {
+        mlForm.submit();
+      }
+    };
+    const focusEvent = () => {
+      showTip.value = true;
+      emit('focus', {});
+    };
+    const inputEvent = () => {
+      let value = null;
+      if (!(xe_utils_default().eqNull(inpVal.value) || inpVal.value === '')) {
+        if (props.negative) {
+          if (inpVal.value === '-') {
+            value = '-';
+          } else {
+            value = Number(xe_utils_default().toValueString(inpVal.value).replace(/[￥$,\s\t]/, ''));
+          }
+        } else {
+          value = Number(xe_utils_default().toValueString(inpVal.value).replace(/[-￥$,\s\t]/, ''));
+        }
+      }
+      // 自动更新校验状态
+      if ($xeform && $xeformiteminfo) {
+        if (mlForm) {
+          mlForm.changeItemValue($xeformiteminfo.itemConfig.field);
+        }
+      }
+      emit('update:modelValue', value);
+      emit('change', {
+        value
+      });
+    };
+    const prevNumberEvent = params => {
+      emit('prev-number', params);
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+        inpVal.value = xe_utils_default().toFixed(xe_utils_default().floor(props.modelValue, props.digits), props.digits);
+      });
+    };
+    const nextNumberEvent = params => {
+      emit('next-number', params);
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+        inpVal.value = xe_utils_default().toFixed(xe_utils_default().floor(props.modelValue, props.digits), props.digits);
+      });
+    };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
+      inpVal.value = val;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.min, () => {
+      checkValue();
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.max, () => {
+      checkValue();
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      inpVal.value = xe_utils_default().toFixed(xe_utils_default().floor(props.modelValue, props.digits), props.digits);
+      checkValue();
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
+      showTip.value = false;
+    });
+    return (_ctx, _cache) => {
+      const _component_MlAmountText = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("MlAmountText");
+      const _component_vxe_input = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("vxe-input");
+      const _component_el_tooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-tooltip");
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isReadonly) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_MlAmountText, {
+        key: 0,
+        class: "ml-amount-input is-readonly",
+        value: inpVal.value
+      }, null, 8, ["value"])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_tooltip, {
+        key: 1,
+        modelValue: showTip.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => showTip.value = $event),
+        trigger: "focus",
+        placement: __props.align === 'left' ? 'top-start' : 'top-end',
+        "popper-class": "ml-amount-tooltip"
+      }, {
+        content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", MlAmountInputvue_type_script_lang_ts_setup_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(currAmountLabel)), 1)])]),
+        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_vxe_input, {
+          class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["ml-amount-input", `text-${__props.align}`]),
+          modelValue: inpVal.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => inpVal.value = $event),
+          disabled: __props.disabled,
+          placeholder: __props.placeholder,
+          type: "float",
+          digits: __props.digits,
+          step: "1",
+          min: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(minNum),
+          clearable: __props.clearable,
+          maxlength: __props.maxLength,
+          controls: __props.controls,
+          onInput: inputEvent,
+          onBlur: blurEvent,
+          onFocus: focusEvent,
+          onPrevNumber: prevNumberEvent,
+          onNextNumber: nextNumberEvent
+        }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createSlots)({
+          _: 2
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)(_ctx.$slots, (handle, name) => {
+          return {
+            name: name,
+            fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(params => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, name, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)(params)))])
+          };
+        })]), 1032, ["class", "modelValue", "disabled", "placeholder", "digits", "min", "clearable", "maxlength", "controls"])]),
+        _: 3
+      }, 8, ["modelValue", "placement"]));
+    };
+  }
+}));
+;// CONCATENATED MODULE: ./components/ml-input/MlAmountInput.vue?vue&type=script&lang=ts&setup=true
+ 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-input/MlAmountInput.vue?vue&type=style&index=0&id=124dba17&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./components/ml-input/MlAmountInput.vue?vue&type=style&index=0&id=124dba17&lang=scss
+
+;// CONCATENATED MODULE: ./components/ml-input/MlAmountInput.vue
+
+
+
+;
+
+const MlAmountInput_exports_ = MlAmountInputvue_type_script_lang_ts_setup_true;
+
+/* harmony default export */ var MlAmountInput = (MlAmountInput_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-radio/MlRadioGroup.vue?vue&type=script&lang=ts&setup=true
 
 
@@ -59327,10 +59710,10 @@ VXETable.setup({
 
 
 
-// import MlTextarea from './components/ml-textarea/MlTextarea.vue'
 
 
-// import MlAmountInput from './components/ml-input/MlAmountInput.vue'
+
+
 // import MlNumberInput from './components/ml-input/MlNumberInput.vue'
 // import MlPasswordInput from './components/ml-input/MlPasswordInput.vue'
 // import MlAutoInput from './components/ml-input/MlAutoInput.vue'
@@ -59383,10 +59766,10 @@ const componentMaps = {
   MlCol: MlCol,
   MlButton: MlButton,
   MlInput: MlInput,
-  // MlTextarea:MlTextarea,
+  MlTextarea: MlTextarea,
   MlSelect: MlSelect,
   MlAmountText: MlAmountText,
-  // MlAmountInput:MlAmountInput,
+  MlAmountInput: MlAmountInput,
   // MlNumberInput:MlNumberInput,
   // MlPasswordInput:MlPasswordInput,
   // MlAutoInput:MlAutoInput,
@@ -59442,7 +59825,7 @@ function index_config(options) {
   return config_0;
 }
 const MaliUIPlus = {
-  version: "0.1.4",
+  version: "0.1.6",
   install: index_install,
   config: index_config,
   VXETable: index_esm,