@ibiz-template/vue3-components 0.7.38-alpha.21 → 0.7.38-alpha.43

package/es/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/es/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.d.ts

@@ -0,0 +1,83 @@
+import { Ref } from 'vue';
+import { DropDownListEditorController } from '../dropdown-list-editor.controller';
+import './ibiz-virtualized-list.scss';
+export declare const IBizVirtualizedList: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: DropDownListEditorController;
+    curValue: import("vue").WritableComputedRef<string | string[] | undefined>;
+    items: Ref<readonly IData[]>;
+    customNodeClass: (data: IData, _node: Node) => string | null;
+    valueText: import("vue").ComputedRef<string>;
+    hasChildren: Ref<boolean>;
+    onBlur: (e: IData) => void;
+    onFocus: (e: IData) => void;
+    editorRef: Ref<any>;
+    treeNodes: Ref<IData[]>;
+    handleKeyUp: (e: KeyboardEvent) => void;
+    getCodeListItem: (text: string) => IData | undefined;
+    onVisibleChange: (visible: boolean) => Promise<void>;
+    isLoading: Ref<boolean>;
+    prefix: {
+        prefix?: (() => JSX.Element[] | undefined) | undefined;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    onFocus?: ((_event?: IData | undefined) => any) | undefined;
+    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

package/es/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.mjs

@@ -0,0 +1,382 @@
+import { defineComponent, ref, watch, computed, nextTick, onMounted, onUnmounted, createVNode, resolveComponent, mergeProps } from 'vue';
+import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen, useClickOutside } from '@ibiz-template/vue3-util';
+import { showTitle } from '@ibiz-template/core';
+import { useCodeListSelection } from '@ibiz-template/runtime';
+import './ibiz-virtualized-list.css';
+
+"use strict";
+const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
+  name: "IBizVirtualizedList",
+  props: getDropdownProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("dropdown");
+    const c = props.controller;
+    const items = ref([]);
+    const codeListItems = ref([]);
+    const isLoadedCodeList = ref(false);
+    const hasChildren = ref(false);
+    const treeNodes = ref([]);
+    const editorRef = ref();
+    const editorItems = c.model.editorItems;
+    const isLoading = ref(false);
+    let editorState = "";
+    let funcs;
+    const codeItemValueNumber = 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 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;
+      let codeList = await c.loadCodeList(props.data);
+      if (c.multiple && !codeList.some((item) => item.children)) {
+        codeList = c.handleCodeListAllItems(codeList);
+      }
+      isLoadedCodeList.value = true;
+      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;
+        }
+      }
+      isLoading.value = false;
+    };
+    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);
+        }
+      });
+      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
+    } = useCodeListSelection(c.allItemsValue);
+    const curValue = 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 = 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(",");
+    });
+    watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
+    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") {
+          nextTick(() => {
+            var _a, _b;
+            (_b = (_a = editorRef.value).focus) == null ? void 0 : _b.call(_a);
+          });
+        }
+        nextTick(() => {
+          window.dispatchEvent(new Event("resize"));
+        });
+      }
+    };
+    const fn = (data) => {
+      if (data) {
+        if (c.multiple && !data.some((item) => item.children)) {
+          items.value = c.handleCodeListAllItems(data);
+          return;
+        }
+        items.value = data;
+      }
+    };
+    useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
+    onMounted(() => {
+      useEditorNavParams();
+      if (editorRef.value) {
+        funcs = useClickOutside(editorRef, async (_evt) => {
+          editorState = "outside";
+        });
+      }
+    });
+    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 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) && createVNode(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 = createVNode(resolveComponent("el-select-v2"), 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 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": showTitle(isEllipsis ? item.text : "")
+        }, [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 && createVNode(resolveComponent("iBizIcon"), {
+          "icon": item.sysImage
+        }, null), 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 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) && createVNode(resolveComponent("iBizIcon"), {
+        "icon": codeListItem == null ? void 0 : codeListItem.sysImage
+      }, null), createVNode("span", {
+        "class": this.ns.be("readonly-text-item", "label")
+      }, [text])]);
+    });
+    return 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]);
+  }
+});
+
+export { IBizVirtualizedList };

package/es/editor/dropdown-list/index.d.ts

@@ -1,4 +1,5 @@
 export { IBizDropdown } from './ibiz-dropdown/ibiz-dropdown';
 export { IBizEmojiPicker } from './ibiz-emoji-picker/ibiz-emoji-picker';
+export { IBizVirtualizedList } from './ibiz-virtualized-list/ibiz-virtualized-list';
 export * from './dropdown-list-editor.controller';
 export * from './dropdown-list-editor.provider';

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

@@ -1,5 +1,6 @@
 export { IBizDropdown } from './ibiz-dropdown/ibiz-dropdown.mjs';
 export { IBizEmojiPicker } from './ibiz-emoji-picker/ibiz-emoji-picker.mjs';
+export { IBizVirtualizedList } from './ibiz-virtualized-list/ibiz-virtualized-list.mjs';
 export { DropDownListEditorController } from './dropdown-list-editor.controller.mjs';
 export { DropDownListEditorProvider } from './dropdown-list-editor.provider.mjs';
 

package/es/editor/html/wang-editor/wang-editor.mjs

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

package/es/editor/index.mjs

@@ -66,6 +66,7 @@ import { IBizPresetRawitem } from './preset/preset-rawitem/ibiz-preset-rawitem/i
 import { IBizSearchCondEdit } from './user/ibiz-searchcond-edit/ibiz-searchcond-edit.mjs';
 import { IBizCarousel } from './carousel/ibiz-carousel/ibiz-carousel.mjs';
 import { IBizDateRangeSelect } from './date-range-select/date-range-select-picker/date-range-select.mjs';
+import { IBizVirtualizedList } from './dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.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';
@@ -145,6 +146,7 @@ const IBizEditor = {
       )
     );
     v.component(IBizDateRangeSelect.name, IBizDateRangeSelect);
+    v.component(IBizVirtualizedList.name, IBizVirtualizedList);
     registerEditorProvider("SPAN", () => new SpanEditorProvider());
     registerEditorProvider(
       "SPAN_ADDRESSPICKUP",
@@ -180,6 +182,14 @@ const IBizEditor = {
       "DROPDOWNLIST_EMOJI_PICKER",
       () => new DropDownListEditorProvider("EMOJI_PICKER")
     );
+    registerEditorProvider(
+      "DROPDOWNLIST_VIRTUALIZED_LIST",
+      () => new DropDownListEditorProvider("VIRTUALIZED_LIST")
+    );
+    registerEditorProvider(
+      "MDROPDOWNLIST_VIRTUALIZED_LIST",
+      () => new DropDownListEditorProvider("VIRTUALIZED_LIST")
+    );
     registerEditorProvider("CHECKBOX", () => new CheckBoxEditorProvider());
     registerEditorProvider(
       "CHECKBOXLIST",

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

@@ -19,7 +19,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     const editor = ref(null);
     const id = createUUID();
     const headers = ref({
-      Authorization: "Bearer ".concat(getCookie(CoreConst.TOKEN))
+      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getCookie(CoreConst.TOKEN))
     });
     const uploadUrl = ref("");
     const downloadUrl = ref("");

package/es/editor/span/span/span.mjs

@@ -83,7 +83,13 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
           text.value = "".concat(newVal);
         }
         if (unitName) {
-          text.value += unitName;
+          if (c.emptyHiddenUnit) {
+            if (text.value) {
+              text.value += unitName;
+            }
+          } else {
+            text.value += unitName;
+          }
         }
       }
     }, {
@@ -152,7 +158,7 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       content = this.text;
       this.spanTitle = this.text;
     } else {
-      content = "- - -";
+      content = "-";
     }
     const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
     return createVNode("span", {

package/es/editor/span/span-editor.controller.d.ts

@@ -11,6 +11,13 @@ export declare class SpanEditorController extends CodeListEditorController<ISpan
      *值项
      */
     valueItem: string;
+    /**
+     * 无值隐藏单位
+     *
+     * @type {boolean}
+     * @memberof SpanEditorController
+     */
+    emptyHiddenUnit: boolean;
     /**
      * 代码表模型
      * @return {*}

package/es/editor/span/span-editor.controller.mjs

@@ -15,6 +15,13 @@ class SpanEditorController extends CodeListEditorController {
      *值项
      */
     __publicField(this, "valueItem", "");
+    /**
+     * 无值隐藏单位
+     *
+     * @type {boolean}
+     * @memberof SpanEditorController
+     */
+    __publicField(this, "emptyHiddenUnit", true);
     /**
      * 代码表模型
      * @return {*}
@@ -33,6 +40,9 @@ class SpanEditorController extends CodeListEditorController {
       const app = await ibiz.hub.getApp(this.context.srfappid);
       this.codeList = app.codeList.getCodeList(this.model.appCodeListId);
     }
+    if (this.extraParams) {
+      this.emptyHiddenUnit = this.extraParams.emptyHiddenUnit;
+    }
   }
   /**
    * 打开数据链接视图

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.css

@@ -1 +1 @@
-.ibiz-input-number{display:flex;align-items:center;height:100%}.ibiz-input-number .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-align:left;border-color:var(--ibiz-form-item-border-color)}.ibiz-input-number .el-input-number.is-without-controls .el-input__wrapper{padding-right:11px;padding-left:11px}.ibiz-input-number .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input-number .el-input.is-disabled .el-input__wrapper{background-color:var(--ibiz-form-item-disabled-bg-color)}.ibiz-input-number .ibiz-input-number-input{flex-grow:1;width:auto;height:var(--ibiz-editor-default-line-height)}.ibiz-input-number--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{flex:0 0 auto;margin-left:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input{display:block}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__decrease,.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__increase{top:var(--ibiz-spacing-super-tight)}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-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-input-number.is-show-default .ibiz-input-number-input{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-input{display:block}
+.ibiz-input-number{display:flex;align-items:center;height:100%}.ibiz-input-number .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-align:left;border-color:var(--ibiz-form-item-border-color)}.ibiz-input-number .el-input-number.is-without-controls .el-input__wrapper{padding-right:11px;padding-left:11px}.ibiz-input-number .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input-number .el-input.is-disabled .el-input__wrapper{background-color:var(--ibiz-form-item-disabled-bg-color)}.ibiz-input-number .ibiz-input-number-input{flex-grow:1;width:auto;height:var(--ibiz-editor-default-line-height)}.ibiz-input-number--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{flex:0 0 auto;margin-left:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number__unit{display:block}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input{display:block}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__decrease,.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__increase{top:var(--ibiz-spacing-super-tight)}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-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-input-number.is-show-default .ibiz-input-number-input{display:none}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number__unit{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number__unit{display:block}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-input{display:block}

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.mjs

@@ -151,8 +151,14 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
     let content = null;
     if (this.readonly) {
       content = isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentFormatVal);
-      if (content && unitName) {
-        content += unitName;
+      if (unitName) {
+        if (this.c.emptyHiddenUnit) {
+          if (content) {
+            content += unitName;
+          }
+        } else {
+          content += unitName;
+        }
       }
     } else {
       content = [!this.enablethousands ? createVNode(resolveComponent("el-input-number"), mergeProps({
@@ -184,12 +190,24 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
         "class": this.ns.e("unit")
       }, [unitName])];
     }
-    const formDefaultContent = createVNode("div", {
-      "class": this.ns.b("form-default-content")
-    }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal : "-"]);
+    const formDefaultContent = () => {
+      let unit = "";
+      if (unitName) {
+        if (this.c.emptyHiddenUnit) {
+          if (this.currentFormatVal) {
+            unit = unitName;
+          }
+        } else {
+          unit = unitName;
+        }
+      }
+      return createVNode("div", {
+        "class": this.ns.b("form-default-content")
+      }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal + unit : "-"]);
+    };
     return 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, content]);
+    }, [this.showFormDefaultContent && formDefaultContent(), content]);
   }
 });