@ibiz-template/vue3-components 0.7.38-alpha.31 → 0.7.38-alpha.56

package/lib/editor/color-picker/ibiz-color-mpicker-default/ibiz-color-mpicker-default.cjs

@@ -0,0 +1,180 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-color-mpicker-default.css');
+
+"use strict";
+const IBizColorMPickerDefault = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizColorMPickerDefault",
+  props: {
+    value: {
+      type: [Array, String]
+    },
+    customColorList: {
+      type: String
+    },
+    type: {
+      type: String,
+      default: "ITEMS"
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["change"],
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("color-mpicker-default");
+    const curType = vue.ref("default");
+    const curTemplateColor = vue.ref("");
+    const showTemplateList = vue.ref(false);
+    const colorType = [{
+      text: ibiz.i18n.t("editor.colorPicker.systemColor"),
+      value: "default"
+    }, {
+      text: ibiz.i18n.t("editor.colorPicker.templateColor"),
+      value: "template"
+    }];
+    const templateColorList = vue.computed(() => {
+      if (props.customColorList) {
+        return JSON.parse(props.customColorList);
+      }
+      return [{
+        text: ibiz.i18n.t("editor.colorPicker.simpleBlue"),
+        value: props.type === "ITEM" ? ["#6698FF"] : ["#6698FF", "#73DEB3", "#7585A2", "#F7BE21", "#EE734A", "#83D0EE"]
+      }, {
+        text: ibiz.i18n.t("editor.colorPicker.autumnOrange"),
+        value: props.type === "ITEM" ? ["#EE734A"] : ["#EE734A", "#7585A2", "#FEC103", "#9EB411", "#CD8050", "#DAD5B5"]
+      }, {
+        text: ibiz.i18n.t("editor.colorPicker.Macaroon"),
+        value: props.type === "ITEM" ? ["#467CE6"] : ["#467CE6", "#CD74CA", "#4997CC", "#BCBFE3", "#666CEB", "#82BC9A"]
+      }, {
+        text: ibiz.i18n.t("editor.colorPicker.mintGreen"),
+        value: props.type === "ITEM" ? ["#118299"] : ["#118299", "#13B3B3", "#73DEB3", "#FEC103", "#9EB411", "#83D0EE"]
+      }];
+    });
+    const handleTemplateColorChange = () => {
+      const temmpVal = JSON.parse(curTemplateColor.value);
+      emit("change", temmpVal);
+    };
+    const handleSchemeChange = () => {
+      var _a, _b;
+      if (curType.value === "default") {
+        showTemplateList.value = false;
+        emit("change", (_b = (_a = templateColorList.value[0]) == null ? void 0 : _a.value) == null ? void 0 : _b[0]);
+      } else {
+        showTemplateList.value = true;
+      }
+    };
+    vue.watch(() => props.value, () => {
+      if (props.value) {
+        if (typeof props.value === "string") {
+          curType.value = "default";
+          showTemplateList.value = false;
+        } else {
+          curType.value = "template";
+          showTemplateList.value = true;
+          if (props.value.length > 0) {
+            curTemplateColor.value = JSON.stringify(props.value);
+          }
+        }
+      } else {
+        curType.value = "default";
+        showTemplateList.value = false;
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    return {
+      ns,
+      curType,
+      curTemplateColor,
+      showTemplateList,
+      colorType,
+      templateColorList,
+      handleTemplateColorChange,
+      handleSchemeChange
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("el-select"), {
+      "class": this.ns.b("picker"),
+      "popper-class": this.ns.b("popper"),
+      "modelValue": this.curType,
+      "onUpdate:modelValue": ($event) => this.curType = $event,
+      "onChange": this.handleSchemeChange
+    }, {
+      default: () => {
+        return this.colorType.map((scheme) => {
+          return vue.createVNode(vue.resolveComponent("el-option"), {
+            "key": scheme.value,
+            "label": scheme.text,
+            "value": scheme.value
+          }, null);
+        });
+      }
+    }), this.showTemplateList && vue.createVNode(vue.resolveComponent("el-select"), {
+      "class": this.ns.b("template-color-picker"),
+      "popper-class": this.ns.b("popper"),
+      "modelValue": this.curTemplateColor,
+      "onUpdate:modelValue": ($event) => this.curTemplateColor = $event,
+      "onChange": this.handleTemplateColorChange
+    }, {
+      default: () => {
+        return this.templateColorList.map((color) => {
+          return vue.createVNode(vue.resolveComponent("el-option"), {
+            "key": color.key,
+            "label": color.text,
+            "value": JSON.stringify(color.value)
+          }, {
+            default: () => {
+              return vue.createVNode("div", {
+                "class": this.ns.b("template-color-picker-option")
+              }, [Array.isArray(color.value) ? color.value.map((item) => vue.createVNode("div", {
+                "class": this.ns.be("template-color-picker", "icon"),
+                "style": {
+                  background: item
+                }
+              }, null)) : vue.createVNode("div", {
+                "class": this.ns.be("template-color-picker", "icon"),
+                "style": {
+                  background: color.value
+                }
+              }, null), vue.createVNode("div", {
+                "class": this.ns.be("template-color-picker", "text")
+              }, [color.text])]);
+            }
+          });
+        });
+      },
+      prefix: () => {
+        if (this.curTemplateColor) {
+          const colors = JSON.parse(this.curTemplateColor);
+          return Array.isArray(colors) ? colors.map((item) => vue.createVNode("div", {
+            "class": this.ns.be("template-color-picker", "icon"),
+            "style": {
+              background: item
+            }
+          }, null)) : vue.createVNode("div", {
+            "class": this.ns.be("template-color-picker", "icon"),
+            "style": {
+              background: colors[0]
+            }
+          }, [colors[0]]);
+        }
+      }
+    })]);
+  }
+});
+
+exports.IBizColorMPickerDefault = IBizColorMPickerDefault;

package/lib/editor/color-picker/ibiz-color-mpicker-default/ibiz-color-mpicker-default.css

@@ -0,0 +1 @@
+.ibiz-color-mpicker-default-picker{width:100%}.ibiz-color-mpicker-default-template-color-picker{--ibiz-color-picker-padding-20:var(--ibiz-spacing-base-loose);--ibiz-color-picker-padding-12:var(--ibiz-spacing-base-tight);--ibiz-color-picker-padding-2:var(--ibiz-spacing-super-tight);width:100%;margin-top:var(--ibiz-spacing-base-tight)}.ibiz-color-mpicker-default-template-color-picker .el-select__prefix{display:flex}.ibiz-color-mpicker-default-template-color-picker__icon{display:block;width:calc(var(--ibiz-color-picker-padding-12) + var(--ibiz-color-picker-padding-2));height:calc(var(--ibiz-color-picker-padding-12) + var(--ibiz-color-picker-padding-2));margin-right:var(--ibiz-spacing-tight);border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-color-mpicker-default-template-color-picker__icon:last-of-type{margin-right:var(--ibiz-spacing-none)}.ibiz-color-mpicker-default-template-color-picker-option{display:flex;align-items:center}.el-popper.is-light .ibiz-color-mpicker-default-popper .el-select-dropdown__list{margin:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-none)!important}.el-popper.is-light .ibiz-color-mpicker-default-popper .el-select-dropdown__item{height:var(--ibiz-height-control-large);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-loose);line-height:var(--ibiz-height-control-large)}.el-popper.is-light .ibiz-color-mpicker-default-popper .el-select-dropdown__item.selected{background-color:var(--ibiz-color-primary-light-default)}.ibiz-color-mpicker-default-popper{--ibiz-color-picker-padding-20:var(--ibiz-spacing-base-loose);--ibiz-color-picker-padding-12:var(--ibiz-spacing-base-tight);--ibiz-color-picker-padding-2:var(--ibiz-spacing-super-tight)}

package/lib/editor/color-picker/ibiz-color-picker/ibiz-color-picker.cjs

@@ -3,6 +3,8 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./ibiz-color-picker.css');
+var ibizColorMpickerCustom = require('../ibiz-color-mpicker-custom/ibiz-color-mpicker-custom.cjs');
+var ibizColorMpickerDefault = require('../ibiz-color-mpicker-default/ibiz-color-mpicker-default.cjs');
 
 "use strict";
 const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
@@ -12,10 +14,15 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a, _b, _c, _d;
     const ns = vue3Util.useNamespace("color-picker");
     const c = props.controller;
     const currentVal = vue.ref("");
     const colorPicker = vue.ref(null);
+    const multiple = ((_a = c.editorParams) == null ? void 0 : _a.MULTIPLE) === "true";
+    const isCustom = ((_b = c.editorParams) == null ? void 0 : _b.CUSTOM) === "true";
+    const type = (_c = c.editorParams) == null ? void 0 : _c.TYPE;
+    const customColorList = ((_d = c.editorParams) == null ? void 0 : _d.CUSTOMCOLORLIST) || "";
     const predefineColors = vue.ref(["#000000", "#2C2C2C", "#50555C", "#ACB3BF", "#D0D3D9", "#C4C4C4", "#DADADA", "#E5E5E5", "#F0F0F0", "#F24E1E", "#E99C58", "#FFC700", "#FF4D00", "#FF00D6", "#D82E57", "#8E1DE8", "#0ACF83", "#18A0FB", "#A259FF", "#907CFF"]);
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
@@ -25,7 +32,17 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
     });
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
-        if (!newVal) {
+        if (multiple) {
+          if (!newVal) {
+            if (isCustom) {
+              currentVal.value = [];
+            } else {
+              currentVal.value = "";
+            }
+          } else {
+            currentVal.value = newVal;
+          }
+        } else if (!newVal) {
           currentVal.value = "";
         } else {
           currentVal.value = newVal;
@@ -56,6 +73,9 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
     const onBlur = (e) => {
       emit("blur", e);
     };
+    const onChange = (value) => {
+      emit("change", value);
+    };
     return {
       ns,
       c,
@@ -63,17 +83,42 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
       predefineColors,
       contentStyle,
       colorPicker,
+      multiple,
+      isCustom,
+      customColorList,
+      type,
       handleChange,
       showPicker,
       onFocus,
       onBlur,
-      showFormDefaultContent
+      showFormDefaultContent,
+      onChange
     };
   },
   render() {
+    var _a, _b;
+    if (this.multiple) {
+      if (this.isCustom) {
+        return vue.createVNode(ibizColorMpickerCustom.IBizColorMPickerCustom, {
+          "value": this.currentVal || [],
+          "onChange": this.onChange,
+          "readonly": this.readonly,
+          "disabled": this.disabled,
+          "defaultVal": this.controller.defaultVal
+        }, null);
+      }
+      return vue.createVNode(ibizColorMpickerDefault.IBizColorMPickerDefault, {
+        "value": this.currentVal || "",
+        "type": this.type,
+        "customColorList": this.customColorList,
+        "readonly": this.readonly,
+        "disabled": this.disabled,
+        "onChange": this.onChange
+      }, null);
+    }
     let content = null;
     if (this.readonly) {
-      content = "".concat(this.currentVal);
+      content = "".concat((_a = this.currentVal) == null ? void 0 : _a.toString());
     } else {
       content = vue.createVNode("span", {
         "class": this.ns.b("content"),
@@ -90,7 +135,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
         "size": "small",
         "predefine": this.predefineColors,
         "show-alpha": true
-      }, this.$attrs), null), vue.createVNode("span", {
+      }, this.$attrs), null), ((_b = this.c.editorParams) == null ? void 0 : _b.isHiddenText) === "true" ? null : vue.createVNode("span", {
         "class": this.ns.b("text")
       }, [this.currentVal])]);
     }

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -7,9 +7,6 @@ var lodashEs = require('lodash-es');
 var core = require('@ibiz-template/core');
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
 const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
   name: "IBizMPicker",
   props: vue3Util.getDataPickerProps(),
@@ -32,12 +29,12 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       }
       return false;
     });
-    vue.watch(() => props.value, (newVal) => {
+    const resetCurValue = () => {
       curValue.value = [];
       selectItems.value = [];
-      if (newVal) {
+      if (props.value) {
         if (c.model.valueType === "OBJECTS") {
-          newVal.forEach((item) => {
+          props.value.forEach((item) => {
             const _item = lodashEs.clone(item);
             Object.assign(_item, {
               [c.keyName]: item[c.objectIdField],
@@ -54,7 +51,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
             }
           });
         } else if (c.objectIdField && c.model.valueSeparator) {
-          const values = newVal.split(c.model.valueSeparator);
+          const values = props.value.split(c.model.valueSeparator);
           values.forEach((value) => {
             selectItems.value.push({
               [c.keyName]: value
@@ -62,9 +59,9 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
           });
         } else {
           try {
-            selectItems.value = JSON.parse(newVal);
+            selectItems.value = JSON.parse(props.value);
           } catch (error) {
-            ibiz.log.error("SIMPLE\u7C7B\u578B\u5730\u5740\u680F\u503C\u683C\u5F0F".concat(newVal, "\u4E0D\u7B26\u5408JSON\u5B57\u7B26\u4E32\u8981\u6C42"));
+            ibiz.log.error("SIMPLE\u7C7B\u578B\u5730\u5740\u680F\u503C\u683C\u5F0F".concat(props.value, "\u4E0D\u7B26\u5408JSON\u5B57\u7B26\u4E32\u8981\u6C42"));
           }
         }
         selectItems.value.forEach((item) => {
@@ -78,6 +75,9 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
           }
         });
       }
+    };
+    vue.watch(() => props.value, () => {
+      resetCurValue();
     }, {
       immediate: true,
       deep: true
@@ -147,41 +147,43 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const onSelect = (selects) => {
+      setEditable(false);
+      if (selects.includes("empty")) {
+        resetCurValue();
+        return;
+      }
       const val = [];
       let value = null;
-      if (selects.length > 0) {
-        selects.forEach((select) => {
-          let index = items.value.findIndex((item2) => Object.is(item2[c.keyName], select));
-          let item = {};
+      selects.forEach((select) => {
+        let index = items.value.findIndex((item2) => Object.is(item2[c.keyName], select));
+        let item = {};
+        if (index >= 0) {
+          item = items.value[index];
+        } else {
+          index = selectItems.value.findIndex((selectItem) => Object.is(selectItem[c.keyName], select));
           if (index >= 0) {
-            item = items.value[index];
-          } else {
-            index = selectItems.value.findIndex((selectItem) => Object.is(selectItem[c.keyName], select));
-            if (index >= 0) {
-              item = selectItems.value[index];
-            }
-          }
-          if (c.model.valueType === "OBJECTS") {
-            val.push(c.handleObjectParams(item));
-          } else if (c.objectIdField) {
-            val.push(item[c.keyName]);
-          } else {
-            val.push({
-              [c.keyName]: item[c.keyName],
-              [c.textName]: item[c.textName]
-            });
-          }
-        });
-        if (val.length > 0) {
-          if (c.model.valueType === "OBJECTS") {
-            value = val;
-          } else {
-            value = c.objectIdField ? val.join(c.model.valueSeparator) : JSON.stringify(val);
+            item = selectItems.value[index];
           }
         }
-        emit("change", value);
+        if (c.model.valueType === "OBJECTS") {
+          val.push(c.handleObjectParams(item));
+        } else if (c.objectIdField) {
+          val.push(item[c.keyName]);
+        } else {
+          val.push({
+            [c.keyName]: item[c.keyName],
+            [c.textName]: item[c.textName]
+          });
+        }
+      });
+      if (val.length > 0) {
+        if (c.model.valueType === "OBJECTS") {
+          value = val;
+        } else {
+          value = c.objectIdField ? val.join(c.model.valueSeparator) : JSON.stringify(val);
+        }
       }
-      setEditable(false);
+      emit("change", value);
     };
     const onRemove = (tag) => {
       const index = selectItems.value.findIndex((item) => Object.is(item[c.keyName], tag));
@@ -263,6 +265,19 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         onSearch("");
       }
     });
+    const renderEmpty = () => {
+      if (items.value.length) {
+        return;
+      }
+      return vue.createVNode(vue.resolveComponent("el-option"), {
+        "value": "empty"
+      }, {
+        default: () => [vue.createVNode(vue.resolveComponent("iBizNoData"), {
+          "class": ns.e("empty"),
+          "onClick": (event) => event.stopPropagation()
+        }, null)]
+      });
+    };
     return {
       ns,
       c,
@@ -282,11 +297,11 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       editorRef,
       isEditable,
       setEditable,
-      showFormDefaultContent
+      showFormDefaultContent,
+      renderEmpty
     };
   },
   render() {
-    let _slot;
     const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const editContent = [!this.readonly && vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
@@ -297,6 +312,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       "filterable": true,
       "remote": true,
       "multiple": true,
+      "popper-class": [this.ns.e("transfer"), this.ns.is("empty", !this.items.length)],
       "teleported": !this.showFormDefaultContent,
       "loading": this.loading,
       "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
@@ -310,26 +326,36 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       "onKeyup": this.handleKeyUp,
       "fit-input-width": isEllipsis,
       "remote-show-suffix": this.c.model.showTrigger
-    }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
-      return vue.createVNode(vue.resolveComponent("el-option"), {
-        "title": core.showTitle(isEllipsis ? item[this.c.textName] : ""),
-        "key": item[this.c.keyName],
-        "value": item[this.c.keyName],
-        "label": item[this.c.textName]
-      }, {
-        default: () => {
-          if (this.c.acItemProvider) {
-            const component = vue.resolveComponent(this.c.acItemProvider.component);
-            return vue.h(component, {
-              item,
-              controller: this.c
-            });
+    }, this.$attrs), {
+      default: () => [this.items.map((item) => {
+        return vue.createVNode(vue.resolveComponent("el-option"), {
+          "title": core.showTitle(isEllipsis ? item[this.c.textName] : ""),
+          "key": item[this.c.keyName],
+          "value": item[this.c.keyName],
+          "label": item[this.c.textName]
+        }, {
+          default: () => {
+            var _a;
+            if (this.c.acItemProvider) {
+              const component = vue.resolveComponent(this.c.acItemProvider.component);
+              return vue.h(component, {
+                item,
+                controller: this.c
+              });
+            }
+            const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
+            if (panel) {
+              return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+                "data": item,
+                "modelData": panel,
+                "context": this.c.context,
+                "params": this.c.params
+              }, null);
+            }
+            return vue.createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
           }
-          return vue.createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
-        }
-      });
-    })) ? _slot : {
-      default: () => [_slot]
+        });
+      }), this.renderEmpty()]
     }), !this.readonly && vue.createVNode("div", {
       "class": this.ns.e("buns-position")
     }, [this.c.model.pickupAppViewId ? vue.createVNode("div", {
@@ -347,7 +373,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode("span", {
         "class": this.ns.b("content-item")
       }, [item[this.c.textName]]);
-    }) : "-"]);
+    }) : ibiz.config.common.emptyText]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:absolute;right:26px;z-index:1;display:inline-block;width:30px;height:100%;cursor:pointer}.ibiz-mpicker__btns{position:absolute;right:0;width:100%;height:100%;color:var(--ibiz-form-item-placeholder-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}
+@charset "UTF-8";.ibiz-mpicker{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3);display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:absolute;right:26px;z-index:1;display:inline-block;width:30px;height:100%;cursor:pointer}.ibiz-mpicker__btns{position:absolute;right:0;width:100%;height:100%;color:var(--ibiz-form-item-placeholder-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-mpicker__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-mpicker__transfer{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3)}.ibiz-mpicker__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-mpicker__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-mpicker-empty-bg-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}