mali-ui-plus 1.0.54 → 1.0.56

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

@@ -18995,7 +18995,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ entry_lib; }
 });
 
-// UNUSED EXPORTS: MaliLoading, MaliModal, MaliStorage, MaliToast, MaliUI, MaliUtils, MlAmountInput, MlAmountText, MlApprovalType, MlButton, MlCalendar, MlCard, MlCascader, MlCheckbox, MlCheckboxGroup, MlCol, MlDatePicker, MlDateRangePicker, MlDateTimePicker, MlDatetimePicker, MlDictType, MlDrawer, MlEditor, MlForm, MlGrid, MlIcon, MlInput, MlInvoiceType, MlModal, MlNumberInput, MlPager, MlPopover, MlQuarterPicker, MlRadio, MlRadioButton, MlRadioGroup, MlRangePicker, MlRow, MlSearchInput, MlSelect, MlSwitch, MlTabPane, MlTable, MlTabs, MlText, MlTextarea, MlTooltip, MlTree, MlUpload, MlWeekPicker, components
+// UNUSED EXPORTS: MaliLoading, MaliModal, MaliStorage, MaliToast, MaliUI, MaliUtils, MlAmountInput, MlAmountText, MlApprovalType, MlButton, MlCalendar, MlCard, MlCascader, MlCheckbox, MlCheckboxGroup, MlCol, MlColorPicker, MlDatePicker, MlDateRangePicker, MlDateTimePicker, MlDatetimePicker, MlDictType, MlDrawer, MlEditor, MlForm, MlGrid, MlIcon, MlInput, MlInvoiceType, MlModal, MlNumberInput, MlPager, MlPopover, MlQuarterPicker, MlRadio, MlRadioButton, MlRadioGroup, MlRangePicker, MlRow, MlSearchInput, MlSelect, MlSwitch, MlTabPane, MlTable, MlTabs, MlText, MlTextarea, MlTooltip, MlTree, MlUpload, MlWeekPicker, components
 
 // NAMESPACE OBJECT: ./node_modules/vxe-table/es/all.js
 var all_namespaceObject = {};
@@ -47974,6 +47974,10 @@ const globalStore = {
   // 金额格式化
   amountText: {
     digits: 2
+  },
+  // 颜色选择器
+  colorPicker: {
+    predefineColors: ['#F0F2F5', '#246BFD', '#00D35C', '#FF5064', '#FF9C00', '#9747FF', '#5e7092']
   }
 };
 /* harmony default export */ var config_0 = (globalStore);
@@ -49925,6 +49929,59 @@ const MlRadioButton_exports_ = MlRadioButtonvue_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-color-picker/MlColorPicker.vue?vue&type=script&lang=ts&setup=true
+
+
+
+
+
+/* harmony default export */ var MlColorPickervue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  __name: 'MlColorPicker',
+  props: {
+    modelValue: {
+      type: String,
+      default: null
+    },
+    showAlpha: Boolean,
+    predefineColors: {
+      type: Array,
+      default: () => xe_utils_default().clone(config_0.colorPicker?.predefineColors || [], true)
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const selectVal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(props.modelValue || '');
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
+      selectVal.value = val || '';
+    });
+    return (_ctx, _cache) => {
+      const _component_el_color_picker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-color-picker");
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_color_picker, {
+        modelValue: selectVal.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => selectVal.value = $event),
+        class: "ml-color-picker",
+        "show-alpha": "showAlpha",
+        predefineColors: __props.predefineColors
+      }, null, 8, ["modelValue", "predefineColors"]);
+    };
+  }
+}));
+;// CONCATENATED MODULE: ./components/ml-color-picker/MlColorPicker.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-color-picker/MlColorPicker.vue?vue&type=style&index=0&id=7548feec&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./components/ml-color-picker/MlColorPicker.vue?vue&type=style&index=0&id=7548feec&lang=scss
+
+;// CONCATENATED MODULE: ./components/ml-color-picker/MlColorPicker.vue
+
+
+
+;
+
+const MlColorPicker_exports_ = MlColorPickervue_type_script_lang_ts_setup_true;
+
+/* harmony default export */ var MlColorPicker = (MlColorPicker_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
 
 
@@ -72829,6 +72886,7 @@ VXETable.setup({
 
 
 
+
 // import MlTimePicker from './components/ml-date/MlTimePicker.vue'
 
 
@@ -72885,6 +72943,7 @@ const index_MlCheckboxGroup = MlCheckboxGroup;
 const index_MlRadio = MlRadio;
 const index_MlRadioButton = MlRadioButton;
 const index_MlRadioGroup = MlRadioGroup;
+const index_MlColorPicker = MlColorPicker;
 // MlTimePicker:MlTimePicker
 const index_MlDatePicker = MlDatePicker;
 const index_MlDatetimePicker = MlDatetimePicker;
@@ -72940,6 +72999,7 @@ const componentMaps = {
   MlRadio: index_MlRadio,
   MlRadioButton: index_MlRadioButton,
   MlRadioGroup: index_MlRadioGroup,
+  MlColorPicker: index_MlColorPicker,
   // MlTimePicker:MlTimePicker,
   MlDatePicker: index_MlDatePicker,
   MlDatetimePicker: index_MlDatetimePicker,
@@ -72992,7 +73052,7 @@ function index_config(options) {
   return config_0;
 }
 const MaliUI = {
-  version: "1.0.53",
+  version: "1.0.55",
   install: index_install,
   config: index_config,
   renderer: index_esm.renderer,

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

@@ -19005,7 +19005,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ entry_lib; }
 });
 
-// UNUSED EXPORTS: MaliLoading, MaliModal, MaliStorage, MaliToast, MaliUI, MaliUtils, MlAmountInput, MlAmountText, MlApprovalType, MlButton, MlCalendar, MlCard, MlCascader, MlCheckbox, MlCheckboxGroup, MlCol, MlDatePicker, MlDateRangePicker, MlDateTimePicker, MlDatetimePicker, MlDictType, MlDrawer, MlEditor, MlForm, MlGrid, MlIcon, MlInput, MlInvoiceType, MlModal, MlNumberInput, MlPager, MlPopover, MlQuarterPicker, MlRadio, MlRadioButton, MlRadioGroup, MlRangePicker, MlRow, MlSearchInput, MlSelect, MlSwitch, MlTabPane, MlTable, MlTabs, MlText, MlTextarea, MlTooltip, MlTree, MlUpload, MlWeekPicker, components
+// UNUSED EXPORTS: MaliLoading, MaliModal, MaliStorage, MaliToast, MaliUI, MaliUtils, MlAmountInput, MlAmountText, MlApprovalType, MlButton, MlCalendar, MlCard, MlCascader, MlCheckbox, MlCheckboxGroup, MlCol, MlColorPicker, MlDatePicker, MlDateRangePicker, MlDateTimePicker, MlDatetimePicker, MlDictType, MlDrawer, MlEditor, MlForm, MlGrid, MlIcon, MlInput, MlInvoiceType, MlModal, MlNumberInput, MlPager, MlPopover, MlQuarterPicker, MlRadio, MlRadioButton, MlRadioGroup, MlRangePicker, MlRow, MlSearchInput, MlSelect, MlSwitch, MlTabPane, MlTable, MlTabs, MlText, MlTextarea, MlTooltip, MlTree, MlUpload, MlWeekPicker, components
 
 // NAMESPACE OBJECT: ./node_modules/vxe-table/es/all.js
 var all_namespaceObject = {};
@@ -47984,6 +47984,10 @@ const globalStore = {
   // 金额格式化
   amountText: {
     digits: 2
+  },
+  // 颜色选择器
+  colorPicker: {
+    predefineColors: ['#F0F2F5', '#246BFD', '#00D35C', '#FF5064', '#FF9C00', '#9747FF', '#5e7092']
   }
 };
 /* harmony default export */ var config_0 = (globalStore);
@@ -49935,6 +49939,59 @@ const MlRadioButton_exports_ = MlRadioButtonvue_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-86.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-color-picker/MlColorPicker.vue?vue&type=script&lang=ts&setup=true
+
+
+
+
+
+/* harmony default export */ var MlColorPickervue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  __name: 'MlColorPicker',
+  props: {
+    modelValue: {
+      type: String,
+      default: null
+    },
+    showAlpha: Boolean,
+    predefineColors: {
+      type: Array,
+      default: () => xe_utils_default().clone(config_0.colorPicker?.predefineColors || [], true)
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const selectVal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(props.modelValue || '');
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
+      selectVal.value = val || '';
+    });
+    return (_ctx, _cache) => {
+      const _component_el_color_picker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-color-picker");
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_color_picker, {
+        modelValue: selectVal.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => selectVal.value = $event),
+        class: "ml-color-picker",
+        "show-alpha": "showAlpha",
+        predefineColors: __props.predefineColors
+      }, null, 8, ["modelValue", "predefineColors"]);
+    };
+  }
+}));
+;// CONCATENATED MODULE: ./components/ml-color-picker/MlColorPicker.vue?vue&type=script&lang=ts&setup=true
+ 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-color-picker/MlColorPicker.vue?vue&type=style&index=0&id=7548feec&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./components/ml-color-picker/MlColorPicker.vue?vue&type=style&index=0&id=7548feec&lang=scss
+
+;// CONCATENATED MODULE: ./components/ml-color-picker/MlColorPicker.vue
+
+
+
+;
+
+const MlColorPicker_exports_ = MlColorPickervue_type_script_lang_ts_setup_true;
+
+/* harmony default export */ var MlColorPicker = (MlColorPicker_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-date/MlDatePicker.vue?vue&type=script&lang=ts&setup=true
 
 
@@ -72839,6 +72896,7 @@ VXETable.setup({
 
 
 
+
 // import MlTimePicker from './components/ml-date/MlTimePicker.vue'
 
 
@@ -72895,6 +72953,7 @@ const index_MlCheckboxGroup = MlCheckboxGroup;
 const index_MlRadio = MlRadio;
 const index_MlRadioButton = MlRadioButton;
 const index_MlRadioGroup = MlRadioGroup;
+const index_MlColorPicker = MlColorPicker;
 // MlTimePicker:MlTimePicker
 const index_MlDatePicker = MlDatePicker;
 const index_MlDatetimePicker = MlDatetimePicker;
@@ -72950,6 +73009,7 @@ const componentMaps = {
   MlRadio: index_MlRadio,
   MlRadioButton: index_MlRadioButton,
   MlRadioGroup: index_MlRadioGroup,
+  MlColorPicker: index_MlColorPicker,
   // MlTimePicker:MlTimePicker,
   MlDatePicker: index_MlDatePicker,
   MlDatetimePicker: index_MlDatetimePicker,
@@ -73002,7 +73062,7 @@ function index_config(options) {
   return config_0;
 }
 const MaliUI = {
-  version: "1.0.53",
+  version: "1.0.55",
   install: index_install,
   config: index_config,
   renderer: index_esm.renderer,