mali-ui-plus 0.1.1 → 0.1.2

package/README.md

@@ -36,10 +36,10 @@ yarn add mali-ui-plus
 
 ```javascript
 import Vue from 'vue'
-import MaliUI from 'mali-ui-plus'
+import MaliUIPlus from 'mali-ui-plus'
 import 'mali-ui-plus/lib/mali-ui-plus.css'
 
-Vue.use(MaliUI)
+Vue.use(MaliUIPlus)
 ```
 
 ## 组件编译与发布流程

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

@@ -38637,6 +38637,195 @@ 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-select/MlSelect.vue?vue&type=script&lang=ts&setup=true
+
+
+
+
+/* harmony default export */ var MlSelectvue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  __name: 'MlSelect',
+  props: {
+    modelValue: {
+      type: [Number, String, Array],
+      default: null
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    optionProps: {
+      type: Object,
+      default: () => ({})
+    },
+    placeholder: {
+      type: String,
+      default: '请选择'
+    },
+    filterMethod: Function,
+    label: {
+      type: [Number, String],
+      default: null
+    },
+    size: {
+      type: String,
+      default: () => config_0.size
+    },
+    selected: {
+      type: Object,
+      default: null
+    },
+    readonly: {
+      type: Boolean,
+      default: null
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    filterable: Boolean,
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    maxTagCount: Number
+  },
+  emits: ["update:modelValue", "update:label", "update:selected", "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 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 updateLabel = () => {
+      const item = props.options.find(item => item[optValueField.value] === props.modelValue);
+      emit('update:label', item ? item[optLabelField.value] : '');
+    };
+    const filterOptMethod = (searchValue, option) => {
+      if (props.filterMethod) {
+        return props.filterMethod({
+          searchValue,
+          option
+        });
+      }
+      return String(option.componentOptions.propsData.label).toLowerCase().indexOf(String(searchValue || '').toLowerCase()) > -1;
+    };
+    const changeEvent = value => {
+      let item;
+      let selected = [];
+      const label = item ? item[optLabelField.value] : '';
+      if (props.multiple) {
+        selected = value.map(v => props.options.find(obj => v === obj[optValueField.value]));
+      } else {
+        selected = props.options.filter(item => item[optValueField.value] === value);
+        item = props.options.find(item => item[optValueField.value] === 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('update:label', label);
+      emit('update:selected', props.multiple ? null : item);
+      emit('change', {
+        value,
+        selected,
+        label
+      });
+      // 值改变自动触发提交
+      if (mlForm && mlForm.changeToSubmit) {
+        mlForm.submit();
+      }
+    };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.options, () => {
+      updateLabel();
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, () => {
+      updateLabel();
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      updateLabel();
+    });
+    return (_ctx, _cache) => {
+      const _component_MlDictType = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("MlDictType");
+      const _component_el_option = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-option");
+      const _component_el_select = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-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_.createBlock)(_component_MlDictType, {
+        key: 0,
+        class: "ml-select is-readonly",
+        value: __props.modelValue,
+        options: __props.options,
+        optionProps: __props.optionProps,
+        multiple: __props.multiple
+      }, null, 8, ["value", "options", "optionProps", "multiple"])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_select, {
+        key: 1,
+        disabled: __props.disabled,
+        class: "ml-select",
+        modelValue: __props.modelValue === null ? undefined : __props.modelValue,
+        multiple: __props.multiple,
+        "filter-method": filterOptMethod,
+        placeholder: __props.placeholder,
+        clearable: __props.clearable,
+        filterable: __props.filterable,
+        onChange: changeEvent
+      }, {
+        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)(__props.options, (item, index) => {
+          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_option, {
+            key: index,
+            value: item[(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(optValueField)],
+            label: item[(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(optLabelField)]
+          }, {
+            default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "item", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)({
+              row: item,
+              rowIndex: index,
+              data: __props.options
+            })), () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(item[(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(optLabelField)]), 1)])]),
+            _: 2
+          }, 1032, ["value", "label"]);
+        }), 128))]),
+        _: 3
+      }, 8, ["disabled", "modelValue", "multiple", "placeholder", "clearable", "filterable"]));
+    };
+  }
+}));
+;// CONCATENATED MODULE: ./components/ml-select/MlSelect.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-select/MlSelect.vue?vue&type=style&index=0&id=0c71ced4&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./components/ml-select/MlSelect.vue?vue&type=style&index=0&id=0c71ced4&lang=scss
+
+;// CONCATENATED MODULE: ./components/ml-select/MlSelect.vue
+
+
+
+;
+
+const MlSelect_exports_ = MlSelectvue_type_script_lang_ts_setup_true;
+
+/* harmony default export */ var MlSelect = (MlSelect_exports_);
 ;// CONCATENATED MODULE: ./utils/date.ts
 
 /**
@@ -59133,7 +59322,7 @@ VXETable.setup({
 
 
 // import MlTextarea from './components/ml-textarea/MlTextarea.vue'
-// import MlSelect from './components/ml-select/MlSelect.vue'
+
 
 // import MlAmountInput from './components/ml-input/MlAmountInput.vue'
 // import MlNumberInput from './components/ml-input/MlNumberInput.vue'
@@ -59189,7 +59378,7 @@ const componentMaps = {
   MlButton: MlButton,
   MlInput: MlInput,
   // MlTextarea:MlTextarea,
-  // MlSelect:MlSelect,
+  MlSelect: MlSelect,
   MlAmountText: MlAmountText,
   // MlAmountInput:MlAmountInput,
   // MlNumberInput:MlNumberInput,
@@ -59246,8 +59435,8 @@ function index_config(options) {
   xe_utils_default().merge(config_0, options);
   return config_0;
 }
-const MaliUI = {
-  version: "0.1.0",
+const MaliUIPlus = {
+  version: "0.1.1",
   install: index_install,
   config: index_config,
   VXETable: index_esm,
@@ -59255,13 +59444,13 @@ const MaliUI = {
   MaliStorage: storage
 };
 index_components.forEach(item => {
-  MaliUI[item.name] = item;
+  MaliUIPlus[item.name] = item;
 });
 if (typeof window === 'object' && window.Vue) {
   window.MaliUtils = utils_namespaceObject_0;
 }
 index_esm.use(index_common/* default */.ZP);
-/* harmony default export */ var index = (MaliUI);
+/* harmony default export */ var index = (MaliUIPlus);
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js