mali-ui-plus 0.1.8 → 0.1.9

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

@@ -38553,7 +38553,7 @@ const MlInputvue_type_script_lang_ts_setup_true_hoisted_1 = {
     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.readonly : false;
+        return $xeform ? $xeform.props.readonly : false;
       }
       return props.readonly;
     });
@@ -38623,10 +38623,10 @@ const MlInputvue_type_script_lang_ts_setup_true_hoisted_1 = {
 }));
 ;// CONCATENATED MODULE: ./components/ml-input/MlInput.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/MlInput.vue?vue&type=style&index=0&id=5c96dbcf&lang=scss
+;// 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/MlInput.vue?vue&type=style&index=0&id=3b53588d&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/ml-input/MlInput.vue?vue&type=style&index=0&id=5c96dbcf&lang=scss
+;// CONCATENATED MODULE: ./components/ml-input/MlInput.vue?vue&type=style&index=0&id=3b53588d&lang=scss
 
 ;// CONCATENATED MODULE: ./components/ml-input/MlInput.vue
 
@@ -39613,6 +39613,298 @@ const MlAmountInput_exports_ = MlAmountInputvue_type_script_lang_ts_setup_true;
 const MlRadioGroup_exports_ = MlRadioGroupvue_type_script_lang_ts_setup_true;
 
 /* harmony default export */ var MlRadioGroup = (MlRadioGroup_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-date/MlDatePicker.vue?vue&type=script&lang=ts&setup=true
+
+
+const MlDatePickervue_type_script_lang_ts_setup_true_hoisted_1 = {
+  key: 0,
+  class: "ml-date-picker is-readonly"
+};
+
+
+
+/* harmony default export */ var MlDatePickervue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  __name: 'MlDatePicker',
+  props: {
+    modelValue: {
+      type: String,
+      default: ''
+    },
+    placeholder: {
+      type: String,
+      default: '请选择日期'
+    },
+    valueFormat: {
+      type: String,
+      default: 'YYYY-MM-DD'
+    },
+    disabledDate: {
+      type: Function,
+      default: null
+    },
+    minDate: {
+      type: String,
+      default: null
+    },
+    maxDate: {
+      type: String,
+      default: null
+    },
+    size: {
+      type: String,
+      default: () => config_0.size
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "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 isReadonly = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if (props.readonly === null) {
+        return $xeform ? $xeform.props.readonly : false;
+      }
+      return props.readonly;
+    });
+    const selectLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if (isReadonly.value) {
+        return xe_utils_default().toDateString(props.modelValue, 'yyyy-MM-dd');
+      }
+      return props.modelValue;
+    });
+    const disabledDateMethod = current => {
+      const date = current;
+      if (props.disabledDate) {
+        return props.disabledDate(date);
+      }
+      const currDate = xe_utils_default().toDateString(date, 'yyyy-MM-dd');
+      const currTime = xe_utils_default().toStringDate(currDate).getTime();
+      if (props.minDate && props.maxDate) {
+        return currTime < xe_utils_default().toStringDate(props.minDate).getTime() || currTime > xe_utils_default().toStringDate(props.maxDate).getTime();
+      }
+      if (props.minDate) {
+        return currTime < xe_utils_default().toStringDate(props.minDate).getTime();
+      }
+      if (props.maxDate) {
+        return currTime > xe_utils_default().toStringDate(props.maxDate).getTime();
+      }
+      return false;
+    };
+    const changeEvent = value => {
+      // 自动更新校验状态
+      if ($xeform && $xeformiteminfo) {
+        $xeform.triggerItemEvent(new Event('change'), $xeformiteminfo.itemConfig.field, value);
+        if (mlForm) {
+          mlForm.changeItemValue($xeformiteminfo.itemConfig.field);
+        }
+      }
+      emit('update:modelValue', value);
+      emit('change', {
+        value
+      });
+      // 值改变自动触发提交
+      if (mlForm && mlForm.changeToSubmit) {
+        mlForm.submit();
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_el_date_picker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-date-picker");
+      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)("span", MlDatePickervue_type_script_lang_ts_setup_true_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(selectLabel)), 1)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_date_picker, {
+        key: 1,
+        class: "ml-date-picker",
+        type: "date",
+        modelValue: __props.modelValue,
+        placeholder: __props.placeholder,
+        valueFormat: __props.valueFormat,
+        disabled: __props.disabled,
+        disabledDate: disabledDateMethod,
+        clearable: __props.clearable,
+        onChange: changeEvent
+      }, null, 8, ["modelValue", "placeholder", "valueFormat", "disabled", "clearable"]));
+    };
+  }
+}));
+;// CONCATENATED MODULE: ./components/ml-date/MlDatePicker.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-date/MlDatePicker.vue?vue&type=style&index=0&id=0a1dea73&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./components/ml-date/MlDatePicker.vue?vue&type=style&index=0&id=0a1dea73&lang=scss
+
+;// CONCATENATED MODULE: ./components/ml-date/MlDatePicker.vue
+
+
+
+;
+
+const MlDatePicker_exports_ = MlDatePickervue_type_script_lang_ts_setup_true;
+
+/* harmony default export */ var MlDatePicker = (MlDatePicker_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-date/MlDateTimePicker.vue?vue&type=script&lang=ts&setup=true
+
+
+const MlDateTimePickervue_type_script_lang_ts_setup_true_hoisted_1 = {
+  key: 0,
+  class: "ml-date-time-picker is-readonly"
+};
+
+
+
+/* harmony default export */ var MlDateTimePickervue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  __name: 'MlDateTimePicker',
+  props: {
+    modelValue: {
+      type: String,
+      default: ''
+    },
+    placeholder: {
+      type: String,
+      default: '请选择日期'
+    },
+    valueFormat: String,
+    disabledDate: {
+      type: Function,
+      default: null
+    },
+    minDate: {
+      type: String,
+      default: null
+    },
+    maxDate: {
+      type: String,
+      default: null
+    },
+    size: {
+      type: String,
+      default: () => config_0.size
+    },
+    hideSecond: Boolean,
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "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 isReadonly = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if (props.readonly === null) {
+        return $xeform ? $xeform.props.readonly : false;
+      }
+      return props.readonly;
+    });
+    const selectLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if (isReadonly.value) {
+        return xe_utils_default().toDateString(props.modelValue, `yyyy-MM-dd ${timeFormat.value}`);
+      }
+      return props.modelValue;
+    });
+    const timeFormat = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return props.hideSecond ? 'HH:mm' : 'HH:mm:ss';
+    });
+    const timeValueFormat = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if (props.valueFormat) {
+        return props.valueFormat;
+      }
+      return `YYYY-MM-DD ${timeFormat.value}`;
+    });
+    const disabledDateMethod = current => {
+      const date = current;
+      if (props.disabledDate) {
+        return props.disabledDate(date);
+      }
+      const currDate = xe_utils_default().toDateString(date, `yyyy-MM-dd ${timeFormat.value}`);
+      const currTime = xe_utils_default().toStringDate(currDate).getTime();
+      if (props.minDate && props.maxDate) {
+        return currTime < xe_utils_default().toStringDate(props.minDate).getTime() || currTime > xe_utils_default().toStringDate(props.maxDate).getTime();
+      }
+      if (props.minDate) {
+        return currTime < xe_utils_default().toStringDate(props.minDate).getTime();
+      }
+      if (props.maxDate) {
+        return currTime > xe_utils_default().toStringDate(props.maxDate).getTime();
+      }
+      return false;
+    };
+    const changeEvent = value => {
+      // 自动更新校验状态
+      if ($xeform && $xeformiteminfo) {
+        $xeform.triggerItemEvent(new Event('change'), $xeformiteminfo.itemConfig.field, value);
+        if (mlForm) {
+          mlForm.changeItemValue($xeformiteminfo.itemConfig.field);
+        }
+      }
+      emit('update:modelValue', value);
+      emit('change', {
+        value
+      });
+      // 值改变自动触发提交
+      if (mlForm && mlForm.changeToSubmit) {
+        mlForm.submit();
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_el_date_picker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-date-picker");
+      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)("span", MlDateTimePickervue_type_script_lang_ts_setup_true_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(selectLabel)), 1)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_date_picker, {
+        key: 1,
+        class: "ml-date-time-picker",
+        type: "datetime",
+        modelValue: __props.modelValue,
+        format: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(timeValueFormat),
+        placeholder: __props.placeholder,
+        valueFormat: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(timeValueFormat),
+        disabled: __props.disabled,
+        disabledDate: disabledDateMethod,
+        clearable: __props.clearable,
+        onChange: changeEvent
+      }, null, 8, ["modelValue", "format", "placeholder", "valueFormat", "disabled", "clearable"]));
+    };
+  }
+}));
+;// CONCATENATED MODULE: ./components/ml-date/MlDateTimePicker.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-date/MlDateTimePicker.vue?vue&type=style&index=0&id=621e4cd7&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./components/ml-date/MlDateTimePicker.vue?vue&type=style&index=0&id=621e4cd7&lang=scss
+
+;// CONCATENATED MODULE: ./components/ml-date/MlDateTimePicker.vue
+
+
+
+;
+
+const MlDateTimePicker_exports_ = MlDateTimePickervue_type_script_lang_ts_setup_true;
+
+/* harmony default export */ var MlDateTimePicker = (MlDateTimePicker_exports_);
 ;// CONCATENATED MODULE: ./node_modules/vue-demi/lib/index.mjs
 
 var lib_isVue2 = false;
@@ -59723,8 +60015,8 @@ VXETable.setup({
 // import MlRadioButton from './components/ml-radio/MlRadioButton.vue'
 
 // import MlTimePicker from './components/ml-date/MlTimePicker.vue'
-// import MlDatePicker from './components/ml-date/MlDatePicker.vue'
-// import MlDateTimePicker from './components/ml-date/MlDateTimePicker.vue'
+
+
 // import MlQuarterPicker from './components/ml-date/MlQuarterPicker.vue'
 // import MlYearPicker from './components/ml-date/MlYearPicker.vue'
 // import MlMonthPicker from './components/ml-date/MlMonthPicker.vue'
@@ -59779,8 +60071,8 @@ const componentMaps = {
   // MlRadioButton:MlRadioButton,
   MlRadioGroup: MlRadioGroup,
   // MlTimePicker:MlTimePicker,
-  // MlDatePicker:MlDatePicker,
-  // MlDateTimePicker:MlDateTimePicker,
+  MlDatePicker: MlDatePicker,
+  MlDateTimePicker: MlDateTimePicker,
   // MlQuarterPicker:MlQuarterPicker,
   // MlYearPicker:MlYearPicker,
   // MlMonthPicker:MlMonthPicker,
@@ -59825,7 +60117,7 @@ function index_config(options) {
   return config_0;
 }
 const MaliUIPlus = {
-  version: "0.1.7",
+  version: "0.1.8",
   install: index_install,
   config: index_config,
   VXETable: index_esm,