mali-ui-plus 1.0.152 → 1.0.153

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

@@ -4109,7 +4109,7 @@ var last = __webpack_require__(3544);
 var has = __webpack_require__(7677);
 var get = __webpack_require__(8960);
 var set = __webpack_require__(1527);
-var groupBy = __webpack_require__(7253);
+var groupBy = __webpack_require__(112);
 var countBy = __webpack_require__(3201);
 var range = __webpack_require__(5748);
 var destructuring = __webpack_require__(2421);
@@ -4783,7 +4783,7 @@ module.exports = copyWithin;
 /***/ 3201:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var groupBy = __webpack_require__(7253);
+var groupBy = __webpack_require__(112);
 var objectEach = __webpack_require__(2192);
 
 /**
@@ -6059,7 +6059,7 @@ module.exports = getYearWeek;
 
 /***/ }),
 
-/***/ 7253:
+/***/ 112:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 __webpack_require__(7658);
@@ -6975,7 +6975,7 @@ var last = __webpack_require__(3544);
 var has = __webpack_require__(7677);
 var get = __webpack_require__(8960);
 var set = __webpack_require__(1527);
-var groupBy = __webpack_require__(7253);
+var groupBy = __webpack_require__(112);
 var countBy = __webpack_require__(3201);
 var range = __webpack_require__(5748);
 var destructuring = __webpack_require__(2421);
@@ -41013,21 +41013,164 @@ const MlSelectInputvue_type_script_lang_ts_setup_true_hoisted_2 = {
 const MlSelectInput_exports_ = MlSelectInputvue_type_script_lang_ts_setup_true;
 
 /* harmony default export */ var MlSelectInput = (MlSelectInput_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-tree-select/MlTreeSelect.vue?vue&type=template&id=9449f31c
+;// 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-tree-select/MlTreeSelect.vue?vue&type=script&lang=ts&setup=true
 
-function render(_ctx, _cache) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div");
-}
-;// CONCATENATED MODULE: ./components/ml-tree-select/MlTreeSelect.vue?vue&type=template&id=9449f31c
 
-// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
-var exportHelper = __webpack_require__(89);
+const MlTreeSelectvue_type_script_lang_ts_setup_true_hoisted_1 = {
+  key: 0,
+  class: "ml-tree-select is-readonly"
+};
+
+
+/* harmony default export */ var MlTreeSelectvue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  __name: 'MlTreeSelect',
+  props: {
+    modelValue: [String, Number, Array],
+    options: Array,
+    optionProps: {
+      type: Object,
+      default: () => ({})
+    },
+    label: {
+      type: [Number, String],
+      default: null
+    },
+    expandAll: Boolean,
+    placeholder: {
+      type: String,
+      default: '请选择'
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    filterable: Boolean,
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    maxTagCount: Number,
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: Boolean,
+    nodeProps: Object
+  },
+  emits: ["update:modelValue", "update:label", "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 keyMaps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)({});
+    const selectValue = (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 mlForm ? mlForm.props.readonly : false;
+      }
+      return props.readonly;
+    });
+    const optOptions = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, props.optionProps);
+    });
+    const optLabelField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return optOptions.value.label || 'label';
+    });
+    const optValueField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return optOptions.value.value || 'value';
+    });
+    const optChildrenField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return optOptions.value.children || 'children';
+    });
+    const selectLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if (props.modelValue) {
+        return (xe_utils_default().isArray(props.modelValue) ? props.modelValue : [props.modelValue]).map(val => {
+          const item = keyMaps.value[val];
+          return item ? item[optLabelField.value] : val;
+        }).join(', ');
+      }
+      return '';
+    });
+    const updateKey = () => {
+      const kMaps = {};
+      xe_utils_default().eachTree(props.options, item => {
+        kMaps[item[optValueField.value]] = item;
+      }, {
+        children: optChildrenField.value
+      });
+      keyMaps.value = kMaps;
+    };
+    const updateLabel = () => {
+      const item = keyMaps.value[props.modelValue];
+      emit('update:label', item ? item[optLabelField.value] : '');
+    };
+    const changeEvent = () => {
+      const value = selectValue.value;
+      const item = keyMaps.value[value];
+      let selected = [];
+      if (props.multiple) {
+        selected = value.map(v => keyMaps.value[v]);
+      } else {
+        selected = keyMaps.value[value];
+      }
+      // 自动更新校验状态
+      if ($xeform && $xeformiteminfo) {
+        $xeform.triggerItemEvent(new Event('change'), $xeformiteminfo.itemConfig.field, value);
+        if (mlForm) {
+          mlForm.changeItemValue($xeformiteminfo.itemConfig.field);
+        }
+      }
+      const label = item ? item[optLabelField.value] : '';
+      emit('update:modelValue', value);
+      emit('update:label', label);
+      emit('change', {
+        value,
+        selected,
+        option: item,
+        label
+      });
+      // 值改变自动触发提交
+      if (mlForm && mlForm.changeToSubmit) {
+        mlForm.submit();
+      }
+    };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, () => {
+      updateLabel();
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.options, () => {
+      updateKey();
+      updateLabel();
+    });
+    updateKey();
+    updateLabel();
+    return (_ctx, _cache) => {
+      const _component_el_tree_select = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-tree-select");
+      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", MlTreeSelectvue_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_tree_select, {
+        key: 1,
+        class: "ml-tree-select",
+        modelValue: selectValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => selectValue.value = $event),
+        disabled: __props.disabled,
+        multiple: __props.multiple,
+        data: __props.options,
+        placeholder: __props.placeholder,
+        "show-checkbox": __props.multiple,
+        clearable: __props.clearable,
+        onChange: changeEvent
+      }, null, 8, ["modelValue", "disabled", "multiple", "data", "placeholder", "show-checkbox", "clearable"]));
+    };
+  }
+}));
+;// CONCATENATED MODULE: ./components/ml-tree-select/MlTreeSelect.vue?vue&type=script&lang=ts&setup=true
+ 
 ;// CONCATENATED MODULE: ./components/ml-tree-select/MlTreeSelect.vue
 
-const script = {}
 
-;
-const MlTreeSelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(script, [['render',render]])
+
+const MlTreeSelect_exports_ = MlTreeSelectvue_type_script_lang_ts_setup_true;
 
 /* harmony default export */ var MlTreeSelect = (MlTreeSelect_exports_);
 // EXTERNAL MODULE: ./node_modules/xe-utils/object.js
@@ -74539,7 +74682,7 @@ const MlCarousel_exports_ = MlCarouselvue_type_script_lang_ts_setup_true;
 /* harmony default export */ var MlCarousel = (MlCarousel_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-carousel-item/MlCarouselItem.vue?vue&type=template&id=44412838
 
-function MlCarouselItemvue_type_template_id_44412838_render(_ctx, _cache) {
+function render(_ctx, _cache) {
   const _component_el_carousel_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-carousel-item");
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_carousel_item, {
     class: "ml-carousel-item"
@@ -74550,12 +74693,14 @@ function MlCarouselItemvue_type_template_id_44412838_render(_ctx, _cache) {
 }
 ;// CONCATENATED MODULE: ./components/ml-carousel-item/MlCarouselItem.vue?vue&type=template&id=44412838
 
+// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
+var exportHelper = __webpack_require__(89);
 ;// CONCATENATED MODULE: ./components/ml-carousel-item/MlCarouselItem.vue
 
-const MlCarouselItem_script = {}
+const script = {}
 
 ;
-const MlCarouselItem_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(MlCarouselItem_script, [['render',MlCarouselItemvue_type_template_id_44412838_render]])
+const MlCarouselItem_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(script, [['render',render]])
 
 /* harmony default export */ var MlCarouselItem = (MlCarouselItem_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-image-swiper/MlImageSwiper.vue?vue&type=script&lang=ts&setup=true
@@ -76770,7 +76915,7 @@ function index_config(options) {
   return config_0;
 }
 const MaliUI = {
-  version: "1.0.151",
+  version: "1.0.152",
   install: index_install,
   config: index_config,
   renderer: index_esm.renderer,

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

@@ -41023,21 +41023,164 @@ const MlSelectInputvue_type_script_lang_ts_setup_true_hoisted_2 = {
 const MlSelectInput_exports_ = MlSelectInputvue_type_script_lang_ts_setup_true;
 
 /* harmony default export */ var MlSelectInput = (MlSelectInput_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-tree-select/MlTreeSelect.vue?vue&type=template&id=9449f31c
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-86.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-tree-select/MlTreeSelect.vue?vue&type=script&lang=ts&setup=true
 
-function render(_ctx, _cache) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div");
-}
-;// CONCATENATED MODULE: ./components/ml-tree-select/MlTreeSelect.vue?vue&type=template&id=9449f31c
 
-// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
-var exportHelper = __webpack_require__(9239);
+const MlTreeSelectvue_type_script_lang_ts_setup_true_hoisted_1 = {
+  key: 0,
+  class: "ml-tree-select is-readonly"
+};
+
+
+/* harmony default export */ var MlTreeSelectvue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  __name: 'MlTreeSelect',
+  props: {
+    modelValue: [String, Number, Array],
+    options: Array,
+    optionProps: {
+      type: Object,
+      default: () => ({})
+    },
+    label: {
+      type: [Number, String],
+      default: null
+    },
+    expandAll: Boolean,
+    placeholder: {
+      type: String,
+      default: '请选择'
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    filterable: Boolean,
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    maxTagCount: Number,
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: Boolean,
+    nodeProps: Object
+  },
+  emits: ["update:modelValue", "update:label", "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 keyMaps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)({});
+    const selectValue = (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 mlForm ? mlForm.props.readonly : false;
+      }
+      return props.readonly;
+    });
+    const optOptions = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, props.optionProps);
+    });
+    const optLabelField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return optOptions.value.label || 'label';
+    });
+    const optValueField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return optOptions.value.value || 'value';
+    });
+    const optChildrenField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return optOptions.value.children || 'children';
+    });
+    const selectLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if (props.modelValue) {
+        return (xe_utils_default().isArray(props.modelValue) ? props.modelValue : [props.modelValue]).map(val => {
+          const item = keyMaps.value[val];
+          return item ? item[optLabelField.value] : val;
+        }).join(', ');
+      }
+      return '';
+    });
+    const updateKey = () => {
+      const kMaps = {};
+      xe_utils_default().eachTree(props.options, item => {
+        kMaps[item[optValueField.value]] = item;
+      }, {
+        children: optChildrenField.value
+      });
+      keyMaps.value = kMaps;
+    };
+    const updateLabel = () => {
+      const item = keyMaps.value[props.modelValue];
+      emit('update:label', item ? item[optLabelField.value] : '');
+    };
+    const changeEvent = () => {
+      const value = selectValue.value;
+      const item = keyMaps.value[value];
+      let selected = [];
+      if (props.multiple) {
+        selected = value.map(v => keyMaps.value[v]);
+      } else {
+        selected = keyMaps.value[value];
+      }
+      // 自动更新校验状态
+      if ($xeform && $xeformiteminfo) {
+        $xeform.triggerItemEvent(new Event('change'), $xeformiteminfo.itemConfig.field, value);
+        if (mlForm) {
+          mlForm.changeItemValue($xeformiteminfo.itemConfig.field);
+        }
+      }
+      const label = item ? item[optLabelField.value] : '';
+      emit('update:modelValue', value);
+      emit('update:label', label);
+      emit('change', {
+        value,
+        selected,
+        option: item,
+        label
+      });
+      // 值改变自动触发提交
+      if (mlForm && mlForm.changeToSubmit) {
+        mlForm.submit();
+      }
+    };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, () => {
+      updateLabel();
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.options, () => {
+      updateKey();
+      updateLabel();
+    });
+    updateKey();
+    updateLabel();
+    return (_ctx, _cache) => {
+      const _component_el_tree_select = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-tree-select");
+      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", MlTreeSelectvue_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_tree_select, {
+        key: 1,
+        class: "ml-tree-select",
+        modelValue: selectValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => selectValue.value = $event),
+        disabled: __props.disabled,
+        multiple: __props.multiple,
+        data: __props.options,
+        placeholder: __props.placeholder,
+        "show-checkbox": __props.multiple,
+        clearable: __props.clearable,
+        onChange: changeEvent
+      }, null, 8, ["modelValue", "disabled", "multiple", "data", "placeholder", "show-checkbox", "clearable"]));
+    };
+  }
+}));
+;// CONCATENATED MODULE: ./components/ml-tree-select/MlTreeSelect.vue?vue&type=script&lang=ts&setup=true
+ 
 ;// CONCATENATED MODULE: ./components/ml-tree-select/MlTreeSelect.vue
 
-const script = {}
 
-;
-const MlTreeSelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(script, [['render',render]])
+
+const MlTreeSelect_exports_ = MlTreeSelectvue_type_script_lang_ts_setup_true;
 
 /* harmony default export */ var MlTreeSelect = (MlTreeSelect_exports_);
 // EXTERNAL MODULE: ./node_modules/xe-utils/object.js
@@ -74549,7 +74692,7 @@ const MlCarousel_exports_ = MlCarouselvue_type_script_lang_ts_setup_true;
 /* harmony default export */ var MlCarousel = (MlCarousel_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-carousel-item/MlCarouselItem.vue?vue&type=template&id=44412838
 
-function MlCarouselItemvue_type_template_id_44412838_render(_ctx, _cache) {
+function render(_ctx, _cache) {
   const _component_el_carousel_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-carousel-item");
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_carousel_item, {
     class: "ml-carousel-item"
@@ -74560,12 +74703,14 @@ function MlCarouselItemvue_type_template_id_44412838_render(_ctx, _cache) {
 }
 ;// CONCATENATED MODULE: ./components/ml-carousel-item/MlCarouselItem.vue?vue&type=template&id=44412838
 
+// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
+var exportHelper = __webpack_require__(9239);
 ;// CONCATENATED MODULE: ./components/ml-carousel-item/MlCarouselItem.vue
 
-const MlCarouselItem_script = {}
+const script = {}
 
 ;
-const MlCarouselItem_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(MlCarouselItem_script, [['render',MlCarouselItemvue_type_template_id_44412838_render]])
+const MlCarouselItem_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(script, [['render',render]])
 
 /* harmony default export */ var MlCarouselItem = (MlCarouselItem_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-86.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-image-swiper/MlImageSwiper.vue?vue&type=script&lang=ts&setup=true
@@ -76780,7 +76925,7 @@ function index_config(options) {
   return config_0;
 }
 const MaliUI = {
-  version: "1.0.151",
+  version: "1.0.152",
   install: index_install,
   config: index_config,
   renderer: index_esm.renderer,