@ibiz-template/vue3-components 0.4.8-dev.0 → 0.4.8

package/lib/editor/date-picker/date-picker-editor.controller.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class DatePickerEditorController extends runtime.EditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 值格式化
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2022-08-25 14:33:14
+     */
+    __publicField(this, "valueFormat");
+  }
+  /**
+   * 根据编辑器类型获取格式化
+   *
+   * @author lxm
+   * @date 2022-11-03 16:11:21
+   * @protected
+   * @returns {*}  {string}
+   */
+  getFormatByType(editorType) {
+    switch (editorType) {
+      case "DATEPICKER":
+        return "YYYY-MM-DD HH:mm:ss";
+      case "DATEPICKEREX":
+        return "YYYY-MM-DD HH:mm:ss";
+      case "DATEPICKEREX_NOTIME":
+        return "YYYY-MM-DD";
+      case "DATEPICKEREX_HOUR":
+        return "YYYY-MM-DD HH";
+      case "DATEPICKEREX_MINUTE":
+        return "YYYY-MM-DD HH:mm";
+      case "DATEPICKEREX_SECOND":
+        return "YYYY-MM-DD HH:mm:ss";
+      case "DATEPICKEREX_NODAY":
+        return "HH:mm:ss";
+      case "DATEPICKEREX_NODAY_NOSECOND":
+        return "HH:mm";
+      case "DATEPICKEREX_NOSECOND":
+        return "YYYY-MM-DD HH:mm";
+      default:
+        return "YYYY-MM-DD HH:mm:ss";
+    }
+  }
+  async onInit() {
+    super.onInit();
+    this.valueFormat = this.getFormatByType(this.model.editorType);
+  }
+}
+
+exports.DatePickerEditorController = DatePickerEditorController;

package/lib/editor/date-picker/date-picker-editor.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var datePickerEditor_controller = require('./date-picker-editor.controller.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class DatePickerEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizDatePicker");
+    __publicField(this, "gridEditor", "IBizDatePicker");
+  }
+  async createController(editorModel, parentController) {
+    const c = new datePickerEditor_controller.DatePickerEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.DatePickerEditorProvider = DatePickerEditorProvider;

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

@@ -0,0 +1,132 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-date-picker.css');
+var dayjs = require('dayjs');
+
+"use strict";
+const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizDatePicker",
+  props: vue3Util.getDatePickerProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("date-picker");
+    const c = props.controller;
+    const editorModel = c.model;
+    const type = vue.ref("date");
+    const format = vue.ref("YYYY-MM-DD");
+    const isTimePicker = vue.ref(false);
+    switch (editorModel.editorType) {
+      case "DATEPICKEREX":
+      case "DATEPICKEREX_NOTIME":
+        type.value = "date";
+        break;
+      case "DATEPICKEREX_NODAY":
+      case "DATEPICKEREX_NODAY_NOSECOND":
+        isTimePicker.value = true;
+        type.value = "time";
+        break;
+      case "DATEPICKEREX_HOUR":
+      case "DATEPICKEREX_MINUTE":
+      case "DATEPICKEREX_SECOND":
+      case "DATEPICKEREX_NOSECOND":
+      case "DATEPICKER":
+      default:
+        type.value = "datetime";
+    }
+    const valueFormat = c.valueFormat;
+    if (valueFormat) {
+      format.value = valueFormat;
+    }
+    const formatValue = vue.ref();
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal && newVal !== oldVal) {
+        const formatVal = dayjs(newVal).format(valueFormat);
+        if (formatVal !== "Invalid Date") {
+          formatValue.value = formatVal;
+        } else {
+          formatValue.value = newVal;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const handleChange = (date, _dateType) => {
+      emit("change", date);
+    };
+    const onOpenChange = (_isOpen) => {
+    };
+    const inputRef = vue.ref();
+    if (props.autoFocus) {
+      vue.watch(inputRef, (newVal) => {
+        if (newVal) {
+          const input = newVal.$el.getElementsByTagName("input")[0];
+          input.click();
+        }
+      });
+    }
+    const onFocus = (e) => {
+      emit("focus", e);
+    };
+    const onBlur = (e) => {
+      emit("blur", e);
+    };
+    vue.watch(formatValue, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      ns,
+      c,
+      editorModel,
+      type,
+      format,
+      formatValue,
+      handleChange,
+      onOpenChange,
+      inputRef,
+      isTimePicker,
+      onFocus,
+      onBlur
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.e(this.editorModel.editorType)]
+    }, [this.readonly ? this.formatValue : this.isTimePicker ? vue.createVNode(vue.resolveComponent("el-time-picker"), {
+      "ref": "inputRef",
+      "type": this.type,
+      "format": this.format,
+      "value-format": this.format,
+      "placeholder": this.c.placeHolder,
+      "modelValue": this.formatValue,
+      "onUpdate:modelValue": ($event) => this.formatValue = $event,
+      "onVisibleChange": this.onOpenChange,
+      "onChange": this.handleChange,
+      "disabled": this.disabled,
+      "onFocus": this.onFocus,
+      "onBlur": this.onBlur
+    }, null) : vue.createVNode(vue.resolveComponent("el-date-picker"), {
+      "ref": "inputRef",
+      "type": this.type,
+      "format": this.format,
+      "value-format": this.format,
+      "placeholder": this.c.placeHolder,
+      "modelValue": this.formatValue,
+      "onUpdate:modelValue": ($event) => this.formatValue = $event,
+      "onVisibleChange": this.onOpenChange,
+      "onChange": this.handleChange,
+      "disabled": this.disabled,
+      "onFocus": this.onFocus,
+      "onBlur": this.onBlur
+    }, null)]);
+  }
+});
+
+exports.IBizDatePicker = IBizDatePicker;

package/lib/editor/date-picker/ibiz-date-picker/ibiz-date-picker.css

@@ -0,0 +1 @@
+.ibiz-date-picker .el-date-editor{width:100%}.ibiz-date-picker input{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-date-picker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-date-picker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-date-picker input[disabled]{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-date-picker--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-date-picker .el-input__wrapper .el-input__prefix{display:none}

package/lib/editor/date-picker/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizDatePicker = require('./ibiz-date-picker/ibiz-date-picker.cjs');
+var datePickerEditor_controller = require('./date-picker-editor.controller.cjs');
+var datePickerEditor_provider = require('./date-picker-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizDatePicker = ibizDatePicker.IBizDatePicker;
+exports.DatePickerEditorController = datePickerEditor_controller.DatePickerEditorController;
+exports.DatePickerEditorProvider = datePickerEditor_provider.DatePickerEditorProvider;

package/lib/editor/date-range/date-range-editor.controller.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class DateRangeEditorController extends runtime.EditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 值格式化
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2022-08-25 14:33:14
+     */
+    __publicField(this, "valueFormat");
+  }
+  /**
+   * 根据编辑器类型获取格式化
+   *
+   * @author lxm
+   * @date 2022-11-03 16:11:21
+   * @public
+   * @returns {*}  {string}
+   */
+  getFormatByType() {
+    switch (this.model.editorType) {
+      case "DATERANGE":
+        return "YYYY-MM-DD HH:mm:ss";
+      case "DATERANGE_NOTIME":
+        return "YYYY-MM-DD";
+      default:
+        return "YYYY-MM-DD HH:mm:ss";
+    }
+  }
+  async onInit() {
+    super.onInit();
+    this.valueFormat = this.getFormatByType();
+  }
+}
+
+exports.DateRangeEditorController = DateRangeEditorController;

package/lib/editor/date-range/date-range-editor.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var dateRangeEditor_controller = require('./date-range-editor.controller.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class DateRangeEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizDateRangePicker");
+    __publicField(this, "gridEditor", "IBizDateRangePicker");
+  }
+  async createController(editorModel, parentController) {
+    const c = new dateRangeEditor_controller.DateRangeEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.DateRangeEditorProvider = DateRangeEditorProvider;

package/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.cjs

@@ -0,0 +1,132 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-date-range-picker.css');
+
+"use strict";
+const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizDateRangePicker",
+  props: vue3Util.getDateRangeProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("date-range-picker");
+    const c = props.controller;
+    const editorModel = c.model;
+    let valueSeparator = ",";
+    let unlinkPanels = false;
+    const startPlaceHolder = editorModel.placeHolder ? editorModel.placeHolder.split(";")[0] || "" : "";
+    const endPlaceHolder = editorModel.placeHolder ? editorModel.placeHolder.split(";")[1] || "" : "";
+    let rangeSeparator = "\u81F3";
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.valueSeparator) {
+        valueSeparator = editorModel.editorParams.valueSeparator;
+      }
+      if (editorModel.editorParams.rangeSeparator) {
+        rangeSeparator = editorModel.editorParams.rangeSeparator;
+      }
+      if (editorModel.editorParams.unlinkPanels) {
+        unlinkPanels = c.toBoolean(editorModel.editorParams.unlinkPanels);
+      }
+    }
+    const type = vue.ref("daterange");
+    switch (editorModel.editorType) {
+      case "DATERANGE":
+        type.value = "datetimerange";
+        break;
+      case "DATERANGE_NOTIME":
+        type.value = "daterange";
+        break;
+      default:
+        type.value = "datetimerange";
+    }
+    const format = vue.ref("YYYY-MM-DD");
+    const valueFormat = c.valueFormat;
+    if (valueFormat) {
+      format.value = valueFormat;
+    }
+    const refFormItem = vue.ref([]);
+    const editorItems = editorModel.editorItems;
+    if (editorItems && editorItems.length > 0) {
+      const editorItemNames = editorItems.map((item) => item.id);
+      refFormItem.value = editorItemNames;
+    }
+    const curValue = vue.computed({
+      get() {
+        let value = [];
+        if (refFormItem.value.length > 0) {
+          refFormItem.value.forEach((name) => {
+            if (props.data[name]) {
+              value.push(props.data[name]);
+            }
+          });
+        } else if (props.value && typeof props.value === "string") {
+          value = props.value.split(valueSeparator);
+        }
+        return value;
+      },
+      set(dates) {
+        if (dates && dates.length > 0) {
+          emit("change", dates.join(valueSeparator));
+          if (refFormItem.value.length > 0) {
+            dates.forEach((date, index) => {
+              emit("change", date, refFormItem.value[index]);
+            });
+          }
+        } else {
+          emit("change", null);
+          if (refFormItem.value.length > 0) {
+            refFormItem.value.forEach((date, index) => {
+              emit("change", null, refFormItem.value[index]);
+            });
+          }
+        }
+      }
+    });
+    const onFocus = (e) => {
+      emit("focus", e);
+    };
+    const onBlur = (e) => {
+      emit("blur", e);
+    };
+    return {
+      ns,
+      c,
+      refFormItem,
+      curValue,
+      type,
+      format,
+      valueSeparator,
+      startPlaceHolder,
+      endPlaceHolder,
+      rangeSeparator,
+      unlinkPanels,
+      onFocus,
+      onBlur
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b()]
+    }, [vue.createVNode(vue.resolveComponent("el-date-picker"), {
+      "modelValue": this.curValue,
+      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "type": this.type,
+      "popper-class": this.ns.b("popper"),
+      "format": this.format,
+      "value-format": this.format,
+      "disabled": this.disabled,
+      "readonly": this.readonly,
+      "range-separator": this.rangeSeparator,
+      "start-placeholder": this.startPlaceHolder,
+      "end-placeholder": this.endPlaceHolder,
+      "unlink-panels": this.unlinkPanels,
+      "onFocus": this.onFocus,
+      "onBlur": this.onBlur
+    }, null)]);
+  }
+});
+
+exports.IBizDateRangePicker = IBizDateRangePicker;

package/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.css

@@ -0,0 +1 @@
+.ibiz-date-range-picker .el-date-editor{width:100%}.ibiz-date-range-picker .el-date-editor .el-range-input{color:var(--ibiz-form-item-text-color)}

package/lib/editor/date-range/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizDateRangePicker = require('./ibiz-date-range-picker/ibiz-date-range-picker.cjs');
+var dateRangeEditor_controller = require('./date-range-editor.controller.cjs');
+var dateRangeEditor_provider = require('./date-range-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizDateRangePicker = ibizDateRangePicker.IBizDateRangePicker;
+exports.DateRangeEditorController = dateRangeEditor_controller.DateRangeEditorController;
+exports.DateRangeEditorProvider = dateRangeEditor_provider.DateRangeEditorProvider;

package/lib/editor/dropdown-list/dropdown-list-editor.controller.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class DropDownListEditorController extends runtime.CodeListEditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 是否多选
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2022-08-25 14:33:14
+     */
+    __publicField(this, "multiple", false);
+  }
+  async onInit() {
+    super.onInit();
+    if (this.model.editorType === "MDROPDOWNLIST") {
+      this.multiple = true;
+    }
+  }
+}
+
+exports.DropDownListEditorController = DropDownListEditorController;

package/lib/editor/dropdown-list/dropdown-list-editor.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var dropdownListEditor_controller = require('./dropdown-list-editor.controller.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class DropDownListEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizDropdown");
+    __publicField(this, "gridEditor", "IBizDropdown");
+  }
+  async createController(editorModel, parentController) {
+    const c = new dropdownListEditor_controller.DropDownListEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.DropDownListEditorProvider = DropDownListEditorProvider;

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -0,0 +1,180 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-dropdown.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizDropdown",
+  props: vue3Util.getDropdownProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("dropdown");
+    const c = props.controller;
+    const items = vue.ref([]);
+    const hasChildren = vue.ref(false);
+    const treeNodes = vue.ref([]);
+    const cssVars = vue.computed(() => {
+      if (c.model.editorType === "DROPDOWNLIST_100") {
+        return ns.cssVarBlock({
+          width: `100px`
+        });
+      }
+      return {};
+    });
+    const handleTreeNodes = (nodes) => {
+      if (nodes.length === 0) {
+        return [];
+      }
+      const list = [];
+      nodes.forEach((codeItem) => {
+        const tempObj = {
+          label: codeItem.text,
+          value: codeItem.value.toString(),
+          disabled: codeItem.disableSelect === true,
+          children: []
+        };
+        if (codeItem.children && codeItem.children.length > 0) {
+          tempObj.children = handleTreeNodes(codeItem.children);
+        }
+        list.push(tempObj);
+      });
+      return list;
+    };
+    c.loadCodeList(props.data).then((codeList) => {
+      items.value = codeList;
+      for (let i = 0; i < items.value.length; i++) {
+        const _item = items.value[i];
+        if (_item.children) {
+          hasChildren.value = true;
+          treeNodes.value = handleTreeNodes(codeList);
+          break;
+        }
+      }
+    });
+    const curValue = vue.computed({
+      get() {
+        var _a, _b;
+        if (props.value) {
+          return c.multiple ? (_a = props.value) == null ? void 0 : _a.toString().split(",") : props.value.toString();
+        }
+        return (_b = props.value) == null ? void 0 : _b.toString();
+      },
+      set(select) {
+        if (Array.isArray(select)) {
+          emit("change", select.length === 0 ? null : select.join(","));
+        } else {
+          emit("change", select);
+        }
+      }
+    });
+    const valueText = vue.computed(() => {
+      const valueArr = Array.isArray(curValue.value) ? curValue.value : [curValue.value];
+      return items.value.filter((item) => {
+        let isInclude = false;
+        valueArr.forEach((val) => {
+          if (val == item.value) {
+            isInclude = true;
+          }
+        });
+        return isInclude;
+      }).map((item) => item.text).join(",");
+    });
+    vue.watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
+    const editorRef = vue.ref();
+    if (props.autoFocus) {
+      vue.watch(editorRef, (newVal) => {
+        if (newVal) {
+          newVal.focus();
+        }
+      });
+    }
+    const onFocus = (e) => {
+      emit("focus", e);
+    };
+    const onBlur = (e) => {
+      setTimeout(() => {
+        emit("blur", e);
+      }, 100);
+    };
+    const handleKeyUp = (e) => {
+      if (e && e.code === "Enter") {
+        emit("enter", e);
+      }
+    };
+    const customNodeClass = (data, _node) => {
+      return data.children.length ? ns.e("branch-node") : null;
+    };
+    return {
+      ns,
+      c,
+      curValue,
+      items,
+      customNodeClass,
+      valueText,
+      hasChildren,
+      onBlur,
+      onFocus,
+      editorRef,
+      treeNodes,
+      cssVars,
+      handleKeyUp
+    };
+  },
+  render() {
+    let _slot;
+    const editContent = this.hasChildren ? vue.createVNode(vue.resolveComponent("el-tree-select"), {
+      "modelValue": this.curValue,
+      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "clearable": true,
+      "data": this.treeNodes,
+      "check-strictly": true,
+      "render-after-expand": false,
+      "multiple": this.c.multiple,
+      "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
+      "disabled": this.disabled,
+      "props": {
+        class: this.customNodeClass
+      }
+    }, null) : vue.createVNode(vue.resolveComponent("el-select"), {
+      "ref": "editorRef",
+      "modelValue": this.curValue,
+      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "clearable": true,
+      "class": [this.ns.e("select")],
+      "multiple": this.c.multiple,
+      "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
+      "disabled": this.disabled,
+      "onBlur": this.onBlur,
+      "onFocus": this.onFocus,
+      "onKeyup": this.handleKeyUp
+    }, _isSlot(_slot = this.items.map((item) => {
+      return vue.createVNode(vue.resolveComponent("el-option"), {
+        "key": item.value,
+        "value": item.value.toString(),
+        "label": item.text,
+        "disabled": item.disableSelect === true
+      }, null);
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "style": this.cssVars
+    }, [this.readonly ? this.valueText : editContent]);
+  }
+});
+
+exports.IBizDropdown = IBizDropdown;