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

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

@@ -0,0 +1,384 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+require('./ibiz-virtualized-list.css');
+
+"use strict";
+const IBizVirtualizedList = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizVirtualizedList",
+  props: vue3Util.getDropdownProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("dropdown");
+    const c = props.controller;
+    const items = vue.ref([]);
+    const codeListItems = vue.ref([]);
+    const isLoadedCodeList = vue.ref(false);
+    const hasChildren = vue.ref(false);
+    const treeNodes = vue.ref([]);
+    const editorRef = vue.ref();
+    const editorItems = c.model.editorItems;
+    const isLoading = vue.ref(false);
+    let editorState = "";
+    let funcs;
+    const codeItemValueNumber = vue.ref(false);
+    const handleTreeNodes = (nodes) => {
+      if (nodes.length === 0) {
+        return [];
+      }
+      const list = [];
+      nodes.forEach((codeItem) => {
+        var _a;
+        const index = codeListItems.value.findIndex((_item) => {
+          return _item.value === codeItem.value;
+        });
+        if (index === -1) {
+          codeListItems.value.push(codeItem);
+        }
+        const tempObj = {
+          label: codeItem.text,
+          value: (_a = codeItem.value) == null ? void 0 : _a.toString(),
+          color: codeItem == null ? void 0 : codeItem.color,
+          textCls: codeItem == null ? void 0 : codeItem.textCls,
+          sysImage: codeItem.sysImage,
+          disabled: codeItem.disableSelect === true,
+          children: []
+        };
+        if (codeItem.children && codeItem.children.length > 0) {
+          tempObj.children = handleTreeNodes(codeItem.children);
+        }
+        list.push(tempObj);
+      });
+      return list;
+    };
+    const afterLoadCodeList = (codeList) => {
+      items.value = [];
+      codeListItems.value = [];
+      if (c.multiple && !codeList.some((item) => item.children)) {
+        codeList = c.handleCodeListAllItems(codeList);
+      }
+      if (c.blankItemName && !c.multiple) {
+        items.value = [{
+          value: void 0,
+          text: c.blankItemName
+        }, ...codeList];
+      } else {
+        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 loadCodeList = async () => {
+      if (c.model.appCodeListId) {
+        const app = ibiz.hub.getApp(c.context.srfappid);
+        const codeListModel = app.codeList.getCodeList(c.model.appCodeListId);
+        if (codeListModel) {
+          codeItemValueNumber.value = codeListModel.codeItemValueNumber || false;
+        }
+      }
+      isLoading.value = true;
+      const codeList = await c.loadCodeList(props.data);
+      afterLoadCodeList(codeList);
+      isLoadedCodeList.value = true;
+      isLoading.value = false;
+    };
+    vue.watch(() => props.value, async (newVal, oldVal) => {
+      if (newVal || newVal === null || newVal === 0) {
+        if (!isLoadedCodeList.value && oldVal === void 0) {
+          await loadCodeList();
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const useEditorNavParams = () => {
+      const {
+        navigateContexts = [],
+        navigateParams = []
+      } = c.model;
+      const navParamName = [];
+      [...navigateContexts, ...navigateParams].forEach((nav) => {
+        if (!nav.rawValue && nav.value) {
+          navParamName.push(nav.value);
+        }
+      });
+      vue.watch(() => {
+        const data = {};
+        Object.keys(props.data).forEach((key) => {
+          if (navParamName.includes(key)) {
+            data[key] = props.data[key];
+          }
+        });
+        return data;
+      }, () => loadCodeList(), {
+        deep: true
+      });
+    };
+    const getCodeListItemByValue = (value) => {
+      const list = hasChildren.value ? codeListItems.value : items.value;
+      return list.find((item) => item.value === value);
+    };
+    const {
+      getSelection,
+      getSelectionValue
+    } = runtime.useCodeListSelection(c.allItemsValue);
+    const curValue = vue.computed({
+      get() {
+        var _a, _b, _c;
+        if (!isLoadedCodeList.value) {
+          return c.multiple ? [] : "";
+        }
+        if (editorItems && editorItems.length > 0 && !c.multiple) {
+          return (_a = props.data[editorItems[0].id]) == null ? void 0 : _a.toString();
+        }
+        if (props.value && typeof props.value === "string") {
+          if (c.allItems && c.multiple && !hasChildren.value) {
+            return getSelection([], props.value.split(","), items.value, items.value).map((v) => "".concat(v));
+          }
+          return c.multiple ? (_b = props.value) == null ? void 0 : _b.toString().split(",") : props.value.toString();
+        }
+        if (props.value && Array.isArray(props.value)) {
+          if (c.allItems && c.multiple && !hasChildren.value) {
+            return getSelection([], props.value, items.value, items.value).map((v) => "".concat(v));
+          }
+          return c.multiple ? props.value : props.value.toString();
+        }
+        return (_c = props.value) == null ? void 0 : _c.toString();
+      },
+      set(_select) {
+        let select = _select;
+        if (c.blankItemName && !_select) {
+          select = void 0;
+        }
+        if (Array.isArray(select)) {
+          if (c.allItems && c.multiple && !hasChildren.value) {
+            const selection = getSelection(curValue.value, select, items.value, items.value);
+            select = getSelectionValue(selection).map((v) => "".concat(v));
+          }
+          let selectArr = null;
+          if (select.length === 0) {
+            selectArr = null;
+          } else if (c.model.valueType === "SIMPLES") {
+            selectArr = select;
+          } else {
+            selectArr = select.join(",");
+          }
+          emit("change", selectArr);
+        } else if (editorItems && editorItems.length > 0) {
+          emit("change", codeItemValueNumber.value ? Number(select) : select, editorItems[0].id);
+          const selectItem = getCodeListItemByValue(codeItemValueNumber.value ? Number(select) : select);
+          if (selectItem) {
+            emit("change", selectItem.text);
+          }
+        } else {
+          emit("change", codeItemValueNumber.value ? Number(select) : select);
+        }
+        if (c.editorParams.alwaysLoad === "true") {
+          loadCodeList();
+        }
+        if (props.autoFocus) {
+          editorState = "blur";
+          emit("blur");
+        }
+      }
+    });
+    const valueText = vue.computed(() => {
+      const valueArr = Array.isArray(curValue.value) ? curValue.value : [curValue.value];
+      const list = hasChildren.value ? codeListItems.value : items.value;
+      const textArr = [];
+      valueArr.forEach((item) => {
+        list.forEach((codeItem) => {
+          if (codeItemValueNumber.value ? codeItem.value === Number(item) : codeItem.value === item) {
+            textArr.push(codeItem.text);
+          }
+        });
+      });
+      return textArr.join(",");
+    });
+    vue.watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
+    vue.watch(editorRef, (newVal) => {
+      var _a;
+      if (props.autoFocus && newVal && newVal.focus) {
+        (_a = newVal.focus) == null ? void 0 : _a.call(newVal);
+      }
+    });
+    const onFocus = (e) => {
+      editorState = "focus";
+      emit("focus", e);
+    };
+    const onBlur = (e) => {
+      editorState = "blur";
+      emit("blur", e);
+    };
+    const handleKeyUp = (e) => {
+      if (e && e.code === "Enter") {
+        emit("enter", e);
+      }
+    };
+    const customNodeClass = (data, _node) => {
+      return data.children.length ? ns.e("branch-node") : null;
+    };
+    const getCodeListItem = (text) => {
+      const list = hasChildren.value ? codeListItems.value : items.value;
+      return list.find((item) => item.text === text);
+    };
+    const onVisibleChange = async (visible) => {
+      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true")) {
+        await loadCodeList();
+        if (hasChildren.value && editorRef.value && editorState !== "outside") {
+          vue.nextTick(() => {
+            var _a, _b;
+            (_b = (_a = editorRef.value).focus) == null ? void 0 : _b.call(_a);
+          });
+        }
+        vue.nextTick(() => {
+          window.dispatchEvent(new Event("resize"));
+        });
+      }
+    };
+    const fn = (data) => {
+      if (data)
+        afterLoadCodeList(data);
+    };
+    vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
+    vue.onMounted(() => {
+      useEditorNavParams();
+      if (editorRef.value) {
+        funcs = vue3Util.useClickOutside(editorRef, async (_evt) => {
+          editorState = "outside";
+        });
+      }
+    });
+    vue.onUnmounted(() => {
+      if (funcs && funcs.stop) {
+        funcs.stop();
+      }
+    });
+    const prefix = {};
+    if (c.editorParams.type === "round") {
+      Object.assign(prefix, {
+        prefix: () => {
+          return valueText.value.split(",").map((text) => {
+            const codeListItem = getCodeListItem(text);
+            return vue.createVNode("div", {
+              "class": [ns.b("select-option-text"), codeListItem == null ? void 0 : codeListItem.textCls],
+              "style": (codeListItem == null ? void 0 : codeListItem.color) || (codeListItem == null ? void 0 : codeListItem.bkcolor) ? ns.cssVarBlock({
+                "select-option-item-color": "".concat(codeListItem.color || ""),
+                "select-option-item-bkcolor": "".concat(codeListItem.bkcolor || ""),
+                "select-option-item-padding": "0 var(".concat(ns.cssVarName("spacing-base"), ")")
+              }) : ""
+            }, [(codeListItem == null ? void 0 : codeListItem.sysImage) && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+              "icon": codeListItem == null ? void 0 : codeListItem.sysImage
+            }, null), text || ""]);
+          });
+        }
+      });
+    }
+    return {
+      ns,
+      c,
+      curValue,
+      items,
+      customNodeClass,
+      valueText,
+      hasChildren,
+      onBlur,
+      onFocus,
+      editorRef,
+      treeNodes,
+      handleKeyUp,
+      getCodeListItem,
+      onVisibleChange,
+      isLoading,
+      prefix
+    };
+  },
+  render() {
+    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
+    const editContent = vue.createVNode(vue.resolveComponent("el-select-v2"), vue.mergeProps({
+      "ref": "editorRef",
+      "modelValue": this.curValue,
+      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "clearable": true,
+      "class": [this.ns.b("select")],
+      "filterable": true,
+      "multiple": this.c.multiple,
+      "allow-create": !this.c.forceSelection,
+      "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
+      "disabled": this.disabled,
+      "loading": this.isLoading,
+      "fit-input-width": isEllipsis,
+      "popper-class": "".concat(this.ns.b("popper"), " ").concat(this.c.editorParams.type === "round" ? this.ns.bm("popper", "round") : "", " ").concat(this.ns.bm("popper", "".concat(this.c.model.id))),
+      "onBlur": this.onBlur,
+      "onFocus": this.onFocus,
+      "onKeyup": this.handleKeyUp,
+      "onVisibleChange": this.onVisibleChange,
+      "options": this.items,
+      "props": {
+        key: "value",
+        label: "text"
+      }
+    }, this.$attrs), {
+      default: (data) => {
+        const {
+          item
+        } = data;
+        return vue.createVNode("div", {
+          "style": item.bkcolor ? this.ns.cssVarBlock({
+            "select-option-item-bkcolor": "".concat(item.bkcolor)
+          }) : "",
+          "class": ["select-v2-option-item", item.cls ? item.cls : null, item.disableSelect === true ? "disabled-select-v2" : null],
+          "title": core.showTitle(isEllipsis ? item.text : "")
+        }, [vue.createVNode("div", {
+          "class": [this.ns.b("select-option-content"), item.textCls ? item.textCls : null],
+          "style": item.color ? this.ns.cssVarBlock({
+            "select-option-item-color": "".concat(item.color)
+          }) : ""
+        }, [item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+          "icon": item.sysImage
+        }, null), vue.createVNode("span", {
+          "class": [isEllipsis && this.ns.be("select-option-content", "text")]
+        }, [item.text])])]);
+      },
+      ...this.prefix
+    });
+    const readonlyContent = this.valueText.split(",").map((text) => {
+      const codeListItem = this.getCodeListItem(text);
+      return vue.createVNode("span", {
+        "class": [this.ns.b("readonly-text-item"), codeListItem == null ? void 0 : codeListItem.textCls],
+        "style": (codeListItem == null ? void 0 : codeListItem.color) || (codeListItem == null ? void 0 : codeListItem.bkcolor) ? this.ns.cssVarBlock({
+          "readonly-text-item-color": "".concat(codeListItem.color || ""),
+          "select-option-item-color": "".concat(codeListItem.color || ""),
+          "select-option-item-bkcolor": "".concat((this.c.editorParams.type === "round" ? codeListItem.bkcolor : "") || "")
+        }) : ""
+      }, [(codeListItem == null ? void 0 : codeListItem.sysImage) && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "icon": codeListItem == null ? void 0 : codeListItem.sysImage
+      }, null), vue.createVNode("span", {
+        "class": this.ns.be("readonly-text-item", "label")
+      }, [text])]);
+    });
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.c.editorParams.type === "round" && this.ns.m("round")]
+    }, [this.readonly ? readonlyContent : editContent]);
+  }
+});
+
+exports.IBizVirtualizedList = IBizVirtualizedList;

package/lib/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.css

@@ -0,0 +1 @@
+.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown .el-select-v2{width:100%}.ibiz-dropdown .el-input__wrapper{width:100%}.ibiz-dropdown .el-input__wrapper .el-input__prefix{max-width:calc(100% - 22px);overflow:hidden}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.el-select-dropdown__option-item{width:100%;font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__option-item.hover{background-color:var(--ibiz-color-fill-0)!important}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;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-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-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-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}

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

@@ -2,6 +2,7 @@
 
 var ibizDropdown = require('./ibiz-dropdown/ibiz-dropdown.cjs');
 var ibizEmojiPicker = require('./ibiz-emoji-picker/ibiz-emoji-picker.cjs');
+var ibizVirtualizedList = require('./ibiz-virtualized-list/ibiz-virtualized-list.cjs');
 var dropdownListEditor_controller = require('./dropdown-list-editor.controller.cjs');
 var dropdownListEditor_provider = require('./dropdown-list-editor.provider.cjs');
 
@@ -9,5 +10,6 @@ var dropdownListEditor_provider = require('./dropdown-list-editor.provider.cjs')
 
 exports.IBizDropdown = ibizDropdown.IBizDropdown;
 exports.IBizEmojiPicker = ibizEmojiPicker.IBizEmojiPicker;
+exports.IBizVirtualizedList = ibizVirtualizedList.IBizVirtualizedList;
 exports.DropDownListEditorController = dropdownListEditor_controller.DropDownListEditorController;
 exports.DropDownListEditorProvider = dropdownListEditor_provider.DropDownListEditorProvider;

package/lib/editor/html/wang-editor/wang-editor.cjs

@@ -29,7 +29,7 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
     const editorRef = vue.shallowRef();
     const valueHtml = vue.ref("");
     const headers = vue.ref({
-      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(qxUtil.getCookie(core.CoreConst.TOKEN))
+      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(core.getAppCookie(core.CoreConst.TOKEN))
     });
     const uploadUrl = vue.ref("");
     const downloadUrl = vue.ref("");

package/lib/editor/index.cjs

@@ -33,6 +33,7 @@ require('./preset/index.cjs');
 require('./carousel/index.cjs');
 require('./user/ibiz-searchcond-edit/index.cjs');
 require('./date-range-select/index.cjs');
+var ibizImageCropping = require('./upload/ibiz-image-cropping/ibiz-image-cropping.cjs');
 var span = require('./span/span/span.cjs');
 var spanLink = require('./span/span-link/span-link.cjs');
 var input = require('./text-box/input/input.cjs');
@@ -70,6 +71,7 @@ var ibizPresetRawitem = require('./preset/preset-rawitem/ibiz-preset-rawitem/ibi
 var ibizSearchcondEdit = require('./user/ibiz-searchcond-edit/ibiz-searchcond-edit.cjs');
 var ibizCarousel = require('./carousel/ibiz-carousel/ibiz-carousel.cjs');
 var dateRangeSelect = require('./date-range-select/date-range-select-picker/date-range-select.cjs');
+var ibizVirtualizedList = require('./dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.cjs');
 var spanEditor_provider = require('./span/span-editor.provider.cjs');
 var textBoxEditor_provider = require('./text-box/text-box-editor.provider.cjs');
 var dropdownListEditor_provider = require('./dropdown-list/dropdown-list-editor.provider.cjs');
@@ -101,6 +103,7 @@ var carouselEditor_provider = require('./carousel/carousel-editor.provider.cjs')
 "use strict";
 const IBizEditor = {
   install: (v) => {
+    v.component(ibizImageCropping.IBizImageCropping.name, ibizImageCropping.IBizImageCropping);
     v.component(notSupportedEditor.NotSupportedEditor.name, notSupportedEditor.NotSupportedEditor);
     v.component(span.IBizSpan.name, span.IBizSpan);
     v.component(spanLink.IBizSpanLink.name, spanLink.IBizSpanLink);
@@ -149,6 +152,7 @@ const IBizEditor = {
       )
     );
     v.component(dateRangeSelect.IBizDateRangeSelect.name, dateRangeSelect.IBizDateRangeSelect);
+    v.component(ibizVirtualizedList.IBizVirtualizedList.name, ibizVirtualizedList.IBizVirtualizedList);
     runtime.registerEditorProvider("SPAN", () => new spanEditor_provider.SpanEditorProvider());
     runtime.registerEditorProvider(
       "SPAN_ADDRESSPICKUP",
@@ -184,6 +188,14 @@ const IBizEditor = {
       "DROPDOWNLIST_EMOJI_PICKER",
       () => new dropdownListEditor_provider.DropDownListEditorProvider("EMOJI_PICKER")
     );
+    runtime.registerEditorProvider(
+      "DROPDOWNLIST_VIRTUALIZED_LIST",
+      () => new dropdownListEditor_provider.DropDownListEditorProvider("VIRTUALIZED_LIST")
+    );
+    runtime.registerEditorProvider(
+      "MDROPDOWNLIST_VIRTUALIZED_LIST",
+      () => new dropdownListEditor_provider.DropDownListEditorProvider("VIRTUALIZED_LIST")
+    );
     runtime.registerEditorProvider("CHECKBOX", () => new checkBoxEditor_provider.CheckBoxEditorProvider());
     runtime.registerEditorProvider(
       "CHECKBOXLIST",
@@ -229,6 +241,10 @@ const IBizEditor = {
       "PICTURE_ONE_RAW",
       () => new uploadEditor_provider.FileUploaderEditorProvider("PICTURE_ONE_RAW")
     );
+    runtime.registerEditorProvider(
+      "PICTURE_CROPPING",
+      () => new uploadEditor_provider.FileUploaderEditorProvider("PICTURE_CROPPING")
+    );
     runtime.registerEditorProvider("RAW", () => new rawEditor_provider.RawEditorProvider());
     runtime.registerEditorProvider("STEPPER", () => new stepperEditor_provider.StepperEditorProvider());
     runtime.registerEditorProvider("RATING", () => new rateEditor_provider.RateEditorProvider());

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

@@ -3,8 +3,8 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var ramda = require('ramda');
-require('./ibiz-list-box.css');
 var runtime = require('@ibiz-template/runtime');
+require('./ibiz-list-box.css');
 
 "use strict";
 function _isSlot(s) {

package/lib/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.cjs

@@ -23,7 +23,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     const editor = vue.ref(null);
     const id = qxUtil.createUUID();
     const headers = vue.ref({
-      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(qxUtil.getCookie(core.CoreConst.TOKEN))
+      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(core.getAppCookie(core.CoreConst.TOKEN))
     });
     const uploadUrl = vue.ref("");
     const downloadUrl = vue.ref("");
@@ -144,7 +144,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     const calcMarkDownStyle = () => {
       if (window.ResizeObserver && markDownBox.value) {
         const tempCssVars = {
-          width: "".concat(markDownBox.value.offsetWidth, "px")
+          width: markDownBox.value.offsetWidth ? "".concat(markDownBox.value.offsetWidth, "px") : "100%"
         };
         if (c && typeof c.parent.model.height === "number") {
           Object.assign(tempCssVars, {

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

@@ -193,7 +193,7 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("default-separator")
     }, [this.rangeSeparator]), vue.createVNode("div", {
       "class": this.ns.b("default-max")
-    }, [this.maxValue])] : "-"]);
+    }, [this.maxValue])] : 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)],
       "ref": "componentRef"

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-radio.css');
 var qxUtil = require('qx-util');
+require('./ibiz-radio.css');
 
 "use strict";
 function _isSlot(s) {
@@ -47,9 +47,8 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       deep: true
     });
     const fn = (data) => {
-      if (data) {
+      if (data)
         items.value = data;
-      }
     };
     vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     const valueText = vue.computed(() => {

package/lib/editor/span/span/span.cjs

@@ -160,7 +160,7 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
       content = this.text;
       this.spanTitle = this.text;
     } else {
-      content = "- - -";
+      content = ibiz.config.common.emptyText;
     }
     const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
     return vue.createVNode("span", {

package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.cjs

@@ -205,7 +205,7 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
       }
       return vue.createVNode("div", {
         "class": this.ns.b("form-default-content")
-      }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal + unit : "-"]);
+      }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal + unit : 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)]

package/lib/editor/text-box/input/input.cjs

@@ -376,7 +376,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     }
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : "-"]);
+    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : ibiz.config.common.emptyText]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("textarea", Object.is(this.type, "textarea")), 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)],
       "style": {