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

package/es/editor/index.mjs

@@ -0,0 +1,361 @@
+import { registerEditorProvider } from '@ibiz-template/runtime';
+import { defineAsyncComponent } from 'vue';
+import { NotSupportedEditor } from './not-supported-editor/not-supported-editor.mjs';
+import './span/index.mjs';
+import './text-box/index.mjs';
+import './dropdown-list/index.mjs';
+import './check-box/index.mjs';
+import './check-box-list/index.mjs';
+import './radio-button-list/index.mjs';
+import './date-picker/index.mjs';
+import './raw/index.mjs';
+import './stepper/index.mjs';
+import './rate/index.mjs';
+import './switch/index.mjs';
+import './slider/index.mjs';
+import './list-box/index.mjs';
+import './autocomplete/index.mjs';
+import './upload/index.mjs';
+import './data-picker/index.mjs';
+import './number-range/index.mjs';
+import './date-range/index.mjs';
+import './code/index.mjs';
+import './html/index.mjs';
+import './markdown/index.mjs';
+import './array/index.mjs';
+import './cascader/index.mjs';
+import './color-picker/index.mjs';
+import './preset/index.mjs';
+import { IBizSpan } from './span/span/span.mjs';
+import { IBizSpanLink } from './span/span-link/span-link.mjs';
+import { IBizInput } from './text-box/input/input.mjs';
+import { IBizInputNumber } from './text-box/ibiz-input-number/ibiz-input-number.mjs';
+import { IBizInputIP } from './text-box/ibiz-input-ip/ibiz-input-ip.mjs';
+import { IBizDropdown } from './dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs';
+import { IBizCheckbox } from './check-box/ibiz-checkbox/ibiz-checkbox.mjs';
+import { IBizCheckboxList } from './check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs';
+import { IBizRadio } from './radio-button-list/ibiz-radio/ibiz-radio.mjs';
+import { IBizDatePicker } from './date-picker/ibiz-date-picker/ibiz-date-picker.mjs';
+import { IBizRaw } from './raw/ibiz-raw/ibiz-raw.mjs';
+import { IBizStepper } from './stepper/ibiz-stepper/ibiz-stepper.mjs';
+import { IBizRate } from './rate/ibiz-rate/ibiz-rate.mjs';
+import { IBizSwitch } from './switch/ibiz-switch/ibiz-switch.mjs';
+import { IBizSlider } from './slider/ibiz-slider/ibiz-slider.mjs';
+import { IBizListBox } from './list-box/ibiz-list-box/ibiz-list-box.mjs';
+import { IBizAutoComplete } from './autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs';
+import { IBizFileUpload } from './upload/ibiz-file-upload/ibiz-file-upload.mjs';
+import { IBizImagePreview } from './upload/ibiz-image-preview/ibiz-image-preview.mjs';
+import { IBizImageUpload } from './upload/ibiz-image-upload/ibiz-image-upload.mjs';
+import { IBizPicker } from './data-picker/ibiz-picker/ibiz-picker.mjs';
+import { IBizMPicker } from './data-picker/ibiz-mpicker/ibiz-mpicker.mjs';
+import { IBizPickerDropDown } from './data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs';
+import { IBizPickerLink } from './data-picker/ibiz-picker-link/ibiz-picker-link.mjs';
+import { IBizPickerEmbedView } from './data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.mjs';
+import { IBizPickerSelectView } from './data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs';
+import { IBizNumberRangePicker } from './number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs';
+import { IBizDateRangePicker } from './date-range/ibiz-date-range-picker/ibiz-date-range-picker.mjs';
+import { IBizCode } from './code/monaco-editor/monaco-editor.mjs';
+import { IBizArray } from './array/ibiz-array/ibiz-array.mjs';
+import { IBizCascader } from './cascader/ibiz-cascader/ibiz-cascader.mjs';
+import { IBizColorPicker } from './color-picker/ibiz-color-picker/ibiz-color-picker.mjs';
+import { IBizPresetRawitem } from './preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.mjs';
+import { SpanEditorProvider } from './span/span-editor.provider.mjs';
+import { TextBoxEditorProvider } from './text-box/text-box-editor.provider.mjs';
+import { DropDownListEditorProvider } from './dropdown-list/dropdown-list-editor.provider.mjs';
+import { CheckBoxEditorProvider } from './check-box/check-box-editor.provider.mjs';
+import { CheckBoxListEditorProvider } from './check-box-list/checkbox-list-editor.provider.mjs';
+import { RadioButtonListEditorProvider } from './radio-button-list/radio-button-list.provider.mjs';
+import { DatePickerEditorProvider } from './date-picker/date-picker-editor.provider.mjs';
+import { FileUploaderEditorProvider } from './upload/upload-editor.provider.mjs';
+import { RawEditorProvider } from './raw/raw-editor.provider.mjs';
+import { StepperEditorProvider } from './stepper/stepper-editor.provider.mjs';
+import { RateEditorProvider } from './rate/rate-editor.provider.mjs';
+import { SliderEditorProvider } from './slider/slider-editor.provider.mjs';
+import { SwitchEditorProvider } from './switch/switch-editor.provider.mjs';
+import { ListBoxEditorProvider } from './list-box/list-box-editor.provider.mjs';
+import { AutoCompleteEditorProvider } from './autocomplete/autocomplete-editor.provider.mjs';
+import { DataPickerEditorProvider } from './data-picker/picker-editor.provider.mjs';
+import { NumberRangeEditorProvider } from './number-range/number-range-editor.provider.mjs';
+import { DateRangeEditorProvider } from './date-range/date-range-editor.provider.mjs';
+import { CodeEditorProvider } from './code/code-editor.provider.mjs';
+import { HtmlEditorProvider } from './html/html-editor.provider.mjs';
+import { MarkDownEditorProvider } from './markdown/markdown-editor.provider.mjs';
+import { ArrayEditorProvider } from './array/array-editor.provider.mjs';
+import { CascaderEditorProvider } from './cascader/cascader-editor.provider.mjs';
+import { ColorPickerEditorProvider } from './color-picker/color-picker-editor.provider.mjs';
+
+"use strict";
+const IBizEditor = {
+  install: (v) => {
+    v.component(NotSupportedEditor.name, NotSupportedEditor);
+    v.component(IBizSpan.name, IBizSpan);
+    v.component(IBizSpanLink.name, IBizSpanLink);
+    v.component(IBizInput.name, IBizInput);
+    v.component(IBizInputNumber.name, IBizInputNumber);
+    v.component(IBizInputIP.name, IBizInputIP);
+    v.component(IBizDropdown.name, IBizDropdown);
+    v.component(IBizCheckbox.name, IBizCheckbox);
+    v.component(IBizCheckboxList.name, IBizCheckboxList);
+    v.component(IBizRadio.name, IBizRadio);
+    v.component(IBizDatePicker.name, IBizDatePicker);
+    v.component(IBizRaw.name, IBizRaw);
+    v.component(IBizStepper.name, IBizStepper);
+    v.component(IBizRate.name, IBizRate);
+    v.component(IBizSwitch.name, IBizSwitch);
+    v.component(IBizSlider.name, IBizSlider);
+    v.component(IBizListBox.name, IBizListBox);
+    v.component(IBizAutoComplete.name, IBizAutoComplete);
+    v.component(IBizFileUpload.name, IBizFileUpload);
+    v.component(IBizImagePreview.name, IBizImagePreview);
+    v.component(IBizImageUpload.name, IBizImageUpload);
+    v.component(IBizPicker.name, IBizPicker);
+    v.component(IBizMPicker.name, IBizMPicker);
+    v.component(IBizPickerDropDown.name, IBizPickerDropDown);
+    v.component(IBizPickerLink.name, IBizPickerLink);
+    v.component(IBizPickerEmbedView.name, IBizPickerEmbedView);
+    v.component(IBizPickerSelectView.name, IBizPickerSelectView);
+    v.component(IBizNumberRangePicker.name, IBizNumberRangePicker);
+    v.component(IBizDateRangePicker.name, IBizDateRangePicker);
+    v.component(IBizCode.name, IBizCode);
+    v.component(IBizArray.name, IBizArray);
+    v.component(IBizCascader.name, IBizCascader);
+    v.component(IBizColorPicker.name, IBizColorPicker);
+    v.component(IBizPresetRawitem.name, IBizPresetRawitem);
+    v.component(
+      "IBizHtml",
+      defineAsyncComponent(() => import('./html/wang-editor/wang-editor.mjs'))
+    );
+    v.component(
+      "IBizMarkDown",
+      defineAsyncComponent(
+        () => import('./markdown/ibiz-markdown-editor/ibiz-markdown-editor.mjs')
+      )
+    );
+    registerEditorProvider("SPAN", () => new SpanEditorProvider());
+    registerEditorProvider(
+      "SPAN_ADDRESSPICKUP",
+      () => new SpanEditorProvider()
+    );
+    registerEditorProvider(
+      "SPAN_LINK",
+      () => new SpanEditorProvider("SPAN_LINK")
+    );
+    const textBoxEditorProvider = new TextBoxEditorProvider();
+    registerEditorProvider("TEXTBOX", () => textBoxEditorProvider);
+    registerEditorProvider("TEXTAREA", () => textBoxEditorProvider);
+    registerEditorProvider("TEXTAREA_10", () => textBoxEditorProvider);
+    registerEditorProvider("PASSWORD", () => textBoxEditorProvider);
+    registerEditorProvider("NUMBER", () => new TextBoxEditorProvider("NUMBER"));
+    registerEditorProvider(
+      "IPADDRESSTEXTBOX",
+      () => new TextBoxEditorProvider("IPADDRESSTEXTBOX")
+    );
+    registerEditorProvider(
+      "DROPDOWNLIST",
+      () => new DropDownListEditorProvider()
+    );
+    registerEditorProvider(
+      "DROPDOWNLIST_100",
+      () => new DropDownListEditorProvider()
+    );
+    registerEditorProvider(
+      "MDROPDOWNLIST",
+      () => new DropDownListEditorProvider()
+    );
+    registerEditorProvider("CHECKBOX", () => new CheckBoxEditorProvider());
+    registerEditorProvider(
+      "CHECKBOXLIST",
+      () => new CheckBoxListEditorProvider()
+    );
+    registerEditorProvider(
+      "RADIOBUTTONLIST",
+      () => new RadioButtonListEditorProvider()
+    );
+    const datePickerProvider = new DatePickerEditorProvider();
+    registerEditorProvider("DATEPICKER", () => datePickerProvider);
+    registerEditorProvider("DATEPICKEREX", () => datePickerProvider);
+    registerEditorProvider("DATEPICKEREX_NOTIME", () => datePickerProvider);
+    registerEditorProvider("DATEPICKEREX_HOUR", () => datePickerProvider);
+    registerEditorProvider("DATEPICKEREX_MINUTE", () => datePickerProvider);
+    registerEditorProvider("DATEPICKEREX_SECOND", () => datePickerProvider);
+    registerEditorProvider("DATEPICKEREX_NODAY", () => datePickerProvider);
+    registerEditorProvider(
+      "DATEPICKEREX_NODAY_NOSECOND",
+      () => datePickerProvider
+    );
+    registerEditorProvider(
+      "FILEUPLOADER",
+      () => new FileUploaderEditorProvider("FILEUPLOADER")
+    );
+    registerEditorProvider(
+      "FILEUPLOADER_ONE",
+      () => new FileUploaderEditorProvider("FILEUPLOADER_ONE")
+    );
+    registerEditorProvider(
+      "PICTURE",
+      () => new FileUploaderEditorProvider("PICTURE")
+    );
+    registerEditorProvider(
+      "PICTURE_ONE",
+      () => new FileUploaderEditorProvider("PICTURE_ONE")
+    );
+    registerEditorProvider(
+      "PICTURE_ONE_RAW",
+      () => new FileUploaderEditorProvider("PICTURE_ONE_RAW")
+    );
+    registerEditorProvider("RAW", () => new RawEditorProvider());
+    registerEditorProvider("STEPPER", () => new StepperEditorProvider());
+    registerEditorProvider("RATING", () => new RateEditorProvider());
+    registerEditorProvider("SLIDER", () => new SliderEditorProvider());
+    registerEditorProvider("SWITCH", () => new SwitchEditorProvider());
+    registerEditorProvider("LISTBOX", () => new ListBoxEditorProvider());
+    registerEditorProvider("LISTBOXPICKUP", () => new ListBoxEditorProvider());
+    const AutoCompleteProvider = new AutoCompleteEditorProvider();
+    registerEditorProvider("AC", () => AutoCompleteProvider);
+    registerEditorProvider("AC_FS", () => AutoCompleteProvider);
+    registerEditorProvider("AC_NOBUTTON", () => AutoCompleteProvider);
+    registerEditorProvider("AC_FS_NOBUTTON", () => AutoCompleteProvider);
+    registerEditorProvider(
+      "PICKER",
+      () => new DataPickerEditorProvider("PICKER")
+    );
+    registerEditorProvider(
+      "PICKEREX_NOAC",
+      () => new DataPickerEditorProvider("PICKEREX_NOAC")
+    );
+    registerEditorProvider(
+      "PICKEREX_NOAC_LINK",
+      () => new DataPickerEditorProvider("PICKEREX_NOAC_LINK")
+    );
+    registerEditorProvider(
+      "PICKEREX_TRIGGER_LINK",
+      () => new DataPickerEditorProvider("PICKEREX_TRIGGER_LINK")
+    );
+    registerEditorProvider(
+      "PICKEREX_TRIGGER",
+      () => new DataPickerEditorProvider("PICKEREX_TRIGGER")
+    );
+    registerEditorProvider(
+      "PICKEREX_LINK",
+      () => new DataPickerEditorProvider("PICKEREX_LINK")
+    );
+    registerEditorProvider(
+      "ADDRESSPICKUP",
+      () => new DataPickerEditorProvider("ADDRESSPICKUP")
+    );
+    registerEditorProvider(
+      "ADDRESSPICKUP_AC",
+      () => new DataPickerEditorProvider("ADDRESSPICKUP_AC")
+    );
+    registerEditorProvider(
+      "PICKEREX_LINKONLY",
+      () => new DataPickerEditorProvider("PICKEREX_LINKONLY")
+    );
+    registerEditorProvider(
+      "PICKEREX_NOBUTTON",
+      () => new DataPickerEditorProvider("PICKEREX_NOBUTTON")
+    );
+    registerEditorProvider(
+      "PICKEREX_DROPDOWNVIEW",
+      () => new DataPickerEditorProvider("PICKEREX_DROPDOWNVIEW")
+    );
+    registerEditorProvider(
+      "PICKEREX_DROPDOWNVIEW_LINK",
+      () => new DataPickerEditorProvider("PICKEREX_DROPDOWNVIEW_LINK")
+    );
+    registerEditorProvider(
+      "PICKUPVIEW",
+      () => new DataPickerEditorProvider("PICKUPVIEW")
+    );
+    registerEditorProvider(
+      "NUMBERRANGE",
+      () => new NumberRangeEditorProvider()
+    );
+    registerEditorProvider("DATERANGE", () => new DateRangeEditorProvider());
+    registerEditorProvider(
+      "DATERANGE_NOTIME",
+      () => new DateRangeEditorProvider()
+    );
+    registerEditorProvider("CODE", () => new CodeEditorProvider());
+    registerEditorProvider("HTMLEDITOR", () => new HtmlEditorProvider());
+    registerEditorProvider("MARKDOWN", () => new MarkDownEditorProvider());
+    registerEditorProvider("ARRAY", () => new ArrayEditorProvider());
+    registerEditorProvider("CASCADER", () => new CascaderEditorProvider());
+    registerEditorProvider(
+      "COLORPICKER",
+      () => new ColorPickerEditorProvider()
+    );
+    registerEditorProvider(
+      "FIELD_IMAGE_PICTURE_ONE",
+      () => new FileUploaderEditorProvider("PICTURE_ONE")
+    );
+    registerEditorProvider(
+      "FIELD_IMAGE_PICTURE",
+      () => new FileUploaderEditorProvider("PICTURE")
+    );
+    registerEditorProvider(
+      "FIELD_TEXT_DYNAMIC_SPAN",
+      () => new SpanEditorProvider()
+    );
+    registerEditorProvider(
+      "VIEW_PAGECAPTION_SPAN",
+      () => new SpanEditorProvider()
+    );
+    registerEditorProvider("STATIC_LABEL_RAW", () => new RawEditorProvider());
+    registerEditorProvider(
+      "FIELD_TEXTBOX_TEXTBOX",
+      () => textBoxEditorProvider
+    );
+    registerEditorProvider(
+      "FIELD_TEXTAREA_TEXTAREA",
+      () => textBoxEditorProvider
+    );
+    registerEditorProvider(
+      "FIELD_RADIOBUTTONLIST_RADIOBUTTONLIST",
+      () => new RadioButtonListEditorProvider()
+    );
+    registerEditorProvider(
+      "FIELD_CHECKBOXLIST_CHECKBOXLIST",
+      () => new CheckBoxListEditorProvider()
+    );
+    registerEditorProvider(
+      "FIELD_DROPDOWNLIST_DROPDOWNLIST",
+      () => new DropDownListEditorProvider()
+    );
+    registerEditorProvider(
+      "FIELD_RATING_RATING",
+      () => new RateEditorProvider()
+    );
+    registerEditorProvider(
+      "FIELD_SWITCH_SWITCH",
+      () => new SwitchEditorProvider()
+    );
+    registerEditorProvider(
+      "FIELD_SLIDER_SLIDER",
+      () => new SliderEditorProvider()
+    );
+    registerEditorProvider(
+      "FIELD_DATEPICKER_DATEPICKER",
+      () => new DatePickerEditorProvider()
+    );
+    registerEditorProvider(
+      "FIELD_DATERANGE_DATERANGE",
+      () => new DateRangeEditorProvider()
+    );
+    registerEditorProvider(
+      "FIELD_PICKER_PICKER",
+      () => new DataPickerEditorProvider("PICKER")
+    );
+    registerEditorProvider(
+      "FIELD_ARRAY_ARRAY",
+      () => new ArrayEditorProvider()
+    );
+    registerEditorProvider("AUTH_USERID_TEXTBOX", () => textBoxEditorProvider);
+    registerEditorProvider(
+      "AUTH_PASSWORD_PASSWORD",
+      () => textBoxEditorProvider
+    );
+  }
+};
+
+export { IBizEditor, IBizEditor as default };

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.css

@@ -0,0 +1 @@
+.ibiz-list-box{height:100%;overflow:auto}.ibiz-list-box .ibiz-list-box-radio{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start}.ibiz-list-box .ibiz-list-box-radio .el-radio .el-radio__label{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-list-box .ibiz-list-box-checkbox{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start}.ibiz-list-box .ibiz-list-box-checkbox .el-checkbox .el-checkbox__label{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.mjs

@@ -0,0 +1,173 @@
+import { isVNode, ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getListBoxProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { isNil } from 'ramda';
+import './ibiz-list-box.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizListBox = /* @__PURE__ */ defineComponent({
+  name: "IBizListBox",
+  props: getListBoxProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("list-box");
+    const c = props.controller;
+    const editorModel = c.model;
+    let multiple = false;
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.multiple) {
+        multiple = c.toBoolean(editorModel.editorParams.multiple);
+      }
+    }
+    const codeList = c.codeList;
+    const editorType = editorModel.editorType;
+    const items = ref([]);
+    const loadListBoxItems = async () => {
+      if (Object.is("LISTBOX", editorType)) {
+        const controller = c;
+        controller.loadCodeList(props.data).then((_codeList) => {
+          items.value = _codeList;
+        });
+      } else if (Object.is("LISTBOXPICKUP", editorType)) {
+        const controller = c;
+        if (controller.model.appDataEntityId) {
+          const res = await controller.getServiceData(props.data);
+          if (res) {
+            items.value = res.data.map((item) => ({
+              value: item[controller.keyName],
+              text: item[controller.textName]
+            }));
+          }
+        }
+      }
+    };
+    loadListBoxItems();
+    const currentMode = computed(() => {
+      if (codeList && codeList.orMode) {
+        return codeList.orMode.toLowerCase();
+      }
+      return "str";
+    });
+    let valueSeparator = ",";
+    if (codeList && codeList.valueSeparator) {
+      valueSeparator = codeList.valueSeparator;
+    }
+    const selectArray = ref([]);
+    watch(() => props.value, (newVal) => {
+      if (!isNil(newVal)) {
+        if (multiple) {
+          let selectsArray = [];
+          if (editorType === "LISTBOX") {
+            if (Object.is(currentMode.value, "num") && items) {
+              const num = typeof newVal === "string" ? parseInt(newVal, 10) : newVal;
+              items.value.forEach((item) => {
+                if ((num & item.value) === item.value) {
+                  selectsArray.push(item.value);
+                }
+              });
+            } else if (Object.is(currentMode.value, "str")) {
+              if (newVal !== "") {
+                if (codeList && typeof newVal === "string") {
+                  selectsArray = newVal.split(valueSeparator);
+                  if (codeList.codeItemValueNumber) {
+                    for (let i = 0, len = selectsArray.length; i < len; i++) {
+                      selectsArray[i] = Number(selectsArray[i]);
+                    }
+                  }
+                }
+              }
+            }
+          } else if (editorType === "LISTBOXPICKUP") {
+            if (newVal !== "") {
+              selectsArray = newVal.split(valueSeparator);
+            }
+          }
+          selectArray.value = selectsArray;
+        } else {
+          selectArray.value = [newVal];
+        }
+      } else {
+        selectArray.value = [];
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const onSelectArrayChange = (value) => {
+      let _value;
+      if (multiple) {
+        const values = [...value];
+        if (Object.is("LISTBOX", editorType)) {
+          if (Object.is(currentMode, "num")) {
+            let temp = 0;
+            values.forEach((item) => {
+              temp |= parseInt(item, 10);
+            });
+            _value = temp;
+          } else if (Object.is(currentMode, "str")) {
+            _value = values.join(valueSeparator);
+          }
+        } else if (Object.is("LISTBOXPICKUP", editorType)) {
+          _value = values.join(valueSeparator);
+        }
+      } else {
+        _value = value;
+      }
+      emit("change", _value);
+    };
+    const {
+      componentRef: editorRef
+    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      items,
+      selectArray,
+      onSelectArrayChange,
+      multiple,
+      editorRef
+    };
+  },
+  render() {
+    let _slot, _slot2;
+    return createVNode("div", {
+      "class": [this.ns.b()],
+      "ref": "editorRef"
+    }, [this.multiple ? createVNode(resolveComponent("el-checkbox-group"), {
+      "class": this.ns.b("checkbox"),
+      "modelValue": this.selectArray,
+      "onChange": this.onSelectArrayChange
+    }, _isSlot(_slot = this.items.map((item, index) => createVNode(resolveComponent("el-checkbox"), {
+      "key": index,
+      "label": item.value,
+      "disabled": this.disabled || this.readonly || item.disableSelect === true
+    }, {
+      default: () => [createVNode("span", {
+        "class": this.ns.e("text")
+      }, [item.text])]
+    }))) ? _slot : {
+      default: () => [_slot]
+    }) : createVNode(resolveComponent("el-radio-group"), {
+      "class": this.ns.b("radio"),
+      "modelValue": this.selectArray[0]
+    }, _isSlot(_slot2 = this.items.map((item, index) => createVNode(resolveComponent("el-radio"), {
+      "key": index,
+      "label": item.value,
+      "disabled": this.disabled || this.readonly || item.disableSelect === true,
+      "onChange": () => {
+        this.onSelectArrayChange(item.value);
+      }
+    }, {
+      default: () => [createVNode("span", {
+        "class": this.ns.e("text")
+      }, [item.text])]
+    }))) ? _slot2 : {
+      default: () => [_slot2]
+    })]);
+  }
+});
+
+export { IBizListBox };

package/es/editor/list-box/index.mjs

@@ -0,0 +1,6 @@
+export { IBizListBox } from './ibiz-list-box/ibiz-list-box.mjs';
+export { ListBoxEditorController } from './list-box-editor.controller.mjs';
+export { ListBoxPickerEditorController } from './list-box-picker-editor.controller.mjs';
+export { ListBoxEditorProvider } from './list-box-editor.provider.mjs';
+
+"use strict";

package/es/editor/list-box/list-box-editor.controller.mjs

@@ -0,0 +1,30 @@
+import { CodeListEditorController } from '@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 ListBoxEditorController extends CodeListEditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 代码表模型
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-05-24 10:55:50
+     */
+    __publicField(this, "codeList");
+  }
+  async onInit() {
+    super.onInit();
+    if (this.model.appCodeListId) {
+      const app = await ibiz.hub.getApp(this.context.srfappid);
+      this.codeList = app.codeList.getCodeList(this.model.appCodeListId);
+    }
+  }
+}
+
+export { ListBoxEditorController };

package/es/editor/list-box/list-box-editor.provider.mjs

@@ -0,0 +1,34 @@
+import { ListBoxEditorController } from './list-box-editor.controller.mjs';
+import { ListBoxPickerEditorController } from './list-box-picker-editor.controller.mjs';
+
+"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 ListBoxEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizListBox");
+    __publicField(this, "gridEditor", "IBizListBox");
+  }
+  async createController(editorModel, parentController) {
+    let c;
+    if (editorModel.editorType === "LISTBOXPICKUP") {
+      c = new ListBoxPickerEditorController(
+        editorModel,
+        parentController
+      );
+    } else {
+      c = new ListBoxEditorController(
+        editorModel,
+        parentController
+      );
+    }
+    await c.init();
+    return c;
+  }
+}
+
+export { ListBoxEditorProvider };

package/es/editor/list-box/list-box-picker-editor.controller.mjs

@@ -0,0 +1,65 @@
+import { RuntimeModelError } from '@ibiz-template/core';
+import { EditorController } from '@ibiz-template/runtime';
+import { mergeDeepLeft } from 'ramda';
+
+"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 ListBoxPickerEditorController extends EditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 主键属性名称
+     */
+    __publicField(this, "keyName", "srfkey");
+    /**
+     * 主文本属性名称
+     */
+    __publicField(this, "textName", "srfmajortext");
+    /**
+     * 数据集codeName
+     */
+    __publicField(this, "interfaceName", "");
+  }
+  async onInit() {
+    super.onInit();
+    if (this.model.editorType === "LISTBOXPICKUP") {
+      if (this.model.appDEDataSetId) {
+        this.interfaceName = this.model.appDEDataSetId;
+      }
+    }
+  }
+  /**
+   * 加载实体数据集数据
+   *
+   * @param {string} query 模糊匹配字符串
+   * @param {IData} data 表单数据
+   * @returns {*}  {Promise<IHttpResponse<IData[]>>}
+   * @memberof PickerEditorController
+   */
+  async getServiceData(data) {
+    const { context, params } = this.handlePublicParams(
+      data,
+      this.context,
+      this.params
+    );
+    const tempParams = mergeDeepLeft(params, { size: 1e3 });
+    if (this.interfaceName) {
+      const app = ibiz.hub.getApp(this.context.srfappid);
+      const res = await app.deService.exec(
+        this.model.appDataEntityId,
+        this.interfaceName,
+        context,
+        tempParams
+      );
+      return res;
+    }
+    throw new RuntimeModelError(this.model, "\u8BF7\u914D\u7F6E\u5B9E\u4F53\u548C\u5B9E\u4F53\u6570\u636E\u96C6");
+  }
+}
+
+export { ListBoxPickerEditorController };

package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.css

@@ -0,0 +1 @@
+.ibiz-markdown .ibiz-markdown-cherry{--ibiz-markdown-width:100%;width:var(--ibiz-markdown-width)}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}