@ibiz-template/vue3-components 0.7.31-alpha.0 → 0.7.37-alpha.5

package/es/editor/date-range-select/date-range-select.provider.d.ts

@@ -0,0 +1,8 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IEditor } from '@ibiz/model-core';
+import { DateRangeSelectEditorController } from './date-range-select.controller';
+export declare class DateRangeSelectProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: IEditor, parentController: IEditorContainerController): Promise<DateRangeSelectEditorController>;
+}

package/es/editor/date-range-select/date-range-select.provider.mjs

@@ -0,0 +1,25 @@
+import { DateRangeSelectEditorController } from './date-range-select.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 DateRangeSelectProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizDateRangeSelect");
+    __publicField(this, "gridEditor", "IBizDateRangeSelect");
+  }
+  async createController(editorModel, parentController) {
+    const c = new DateRangeSelectEditorController(
+      editorModel,
+      parentController
+    );
+    await c.init();
+    return c;
+  }
+}
+
+export { DateRangeSelectProvider };

package/es/editor/date-range-select/index.d.ts

@@ -0,0 +1,3 @@
+export { IBizDateRangeSelect } from './date-range-select-picker/date-range-select';
+export * from './date-range-select.provider';
+export * from './date-range-select.controller';

package/es/editor/date-range-select/index.mjs

@@ -0,0 +1,5 @@
+export { IBizDateRangeSelect } from './date-range-select-picker/date-range-select.mjs';
+export { DateRangeSelectProvider } from './date-range-select.provider.mjs';
+export { DateRangeSelectEditorController } from './date-range-select.controller.mjs';
+
+"use strict";

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

@@ -43,6 +43,9 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
     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;

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

@@ -1,6 +1,7 @@
-import { ref, computed, watch, nextTick, onMounted, onUnmounted, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, nextTick, onMounted, onUnmounted, resolveComponent, createVNode, mergeProps, defineComponent } 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-dropdown.css';
 
 "use strict";
@@ -72,9 +73,12 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         }
       }
       isLoading.value = true;
-      const codeList = await c.loadCodeList(props.data);
+      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) {
+      if (c.blankItemName && !c.multiple) {
         items.value = [{
           value: void 0,
           text: c.blankItemName
@@ -114,6 +118,10 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       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;
@@ -124,9 +132,15 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           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();
@@ -137,6 +151,10 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           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;
@@ -213,7 +231,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       return list.find((item) => item.text === text);
     };
     const onVisibleChange = async (visible) => {
-      if (visible && !isLoadedCodeList.value) {
+      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true")) {
         await loadCodeList();
         if (hasChildren.value && editorRef.value && editorState !== "outside") {
           nextTick(() => {
@@ -224,6 +242,10 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     };
     const fn = (data) => {
       if (data) {
+        if (c.multiple && !data.some((item) => item.children)) {
+          items.value = c.handleCodeListAllItems(data);
+          return;
+        }
         items.value = data;
       }
     };
@@ -240,6 +262,25 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         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 || "")
+              }) : ""
+            }, [(codeListItem == null ? void 0 : codeListItem.sysImage) && createVNode(resolveComponent("iBizIcon"), {
+              "icon": codeListItem == null ? void 0 : codeListItem.sysImage
+            }, null), text || ""]);
+          });
+        }
+      });
+    }
     return {
       ns,
       c,
@@ -259,7 +300,8 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       setEditable,
       showFormDefaultContent,
       onVisibleChange,
-      isLoading
+      isLoading,
+      prefix
     };
   },
   render() {
@@ -345,23 +387,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           });
         });
       },
-      prefix: () => {
-        if (this.c.editorParams.type !== "round") {
-          return;
-        }
-        return this.valueText.split(",").map((text) => {
-          const codeListItem = this.getCodeListItem(text);
-          return createVNode("div", {
-            "class": [this.ns.b("select-option-text"), codeListItem == null ? void 0 : codeListItem.textCls],
-            "style": (codeListItem == null ? void 0 : codeListItem.color) || (codeListItem == null ? void 0 : codeListItem.bkcolor) ? this.ns.cssVarBlock({
-              "select-option-item-color": "".concat(codeListItem.color || ""),
-              "select-option-item-bkcolor": "".concat(codeListItem.bkcolor || "")
-            }) : ""
-          }, [(codeListItem == null ? void 0 : codeListItem.sysImage) && createVNode(resolveComponent("iBizIcon"), {
-            "icon": codeListItem == null ? void 0 : codeListItem.sysImage
-          }, null), text || ""]);
-        });
-      }
+      ...this.prefix
     });
     const readonlyContent = this.valueText.split(",").map((text) => {
       const codeListItem = this.getCodeListItem(text);

package/es/editor/index.mjs

@@ -28,6 +28,7 @@ import './color-picker/index.mjs';
 import './preset/index.mjs';
 import './carousel/index.mjs';
 import './user/ibiz-searchcond-edit/index.mjs';
+import './date-range-select/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';
@@ -64,6 +65,7 @@ import { IBizColorPicker } from './color-picker/ibiz-color-picker/ibiz-color-pic
 import { IBizPresetRawitem } from './preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.mjs';
 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 { 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';
@@ -71,6 +73,7 @@ import { CheckBoxEditorProvider } from './check-box/check-box-editor.provider.mj
 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 { DateRangeSelectProvider } from './date-range-select/date-range-select.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';
@@ -141,6 +144,7 @@ const IBizEditor = {
         () => import('./markdown/ibiz-markdown-editor/ibiz-markdown-editor.mjs')
       )
     );
+    v.component(IBizDateRangeSelect.name, IBizDateRangeSelect);
     registerEditorProvider("SPAN", () => new SpanEditorProvider());
     registerEditorProvider(
       "SPAN_ADDRESSPICKUP",
@@ -197,6 +201,10 @@ const IBizEditor = {
       "DATEPICKEREX_NODAY_NOSECOND",
       () => datePickerProvider
     );
+    registerEditorProvider(
+      "DATERANGE_SWITCHUNIT",
+      () => new DateRangeSelectProvider()
+    );
     registerEditorProvider(
       "FILEUPLOADER",
       () => new FileUploaderEditorProvider("FILEUPLOADER")

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

@@ -2,6 +2,7 @@ import { isVNode, computed, ref, watch, resolveComponent, mergeProps, h, createV
 import { getListBoxProps, getEditorEmits, useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-list-box.css';
+import { useCalcOrMode, useCodeListSelection } from '@ibiz-template/runtime';
 
 "use strict";
 function _isSlot(s) {
@@ -40,6 +41,10 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
       if (Object.is("LISTBOX", editorType)) {
         const controller = c;
         controller.loadCodeList(props.data).then((_codeList) => {
+          if (multiple) {
+            items.value = controller.handleCodeListAllItems(_codeList);
+            return;
+          }
           items.value = _codeList;
         });
       } else if (Object.is("LISTBOXPICKUP", editorType)) {
@@ -58,43 +63,43 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
     loadListBoxItems();
     const fn = (data) => {
       if (data) {
+        if (Object.is("LISTBOX", editorType) && multiple) {
+          items.value = c.handleCodeListAllItems(data);
+          return;
+        }
         items.value = data;
       }
     };
     useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     const currentMode = computed(() => {
       if (codeList && codeList.orMode) {
-        return codeList.orMode.toLowerCase();
+        return codeList.orMode;
       }
-      return "str";
+      return "STR";
     });
+    const calcOrMode = useCalcOrMode(currentMode.value, c.model.valueType);
     let valueSeparator = ",";
     if (codeList && codeList.valueSeparator) {
       valueSeparator = codeList.valueSeparator;
     }
+    const {
+      getSelection,
+      getSelectionValue
+    } = useCodeListSelection(Object.is("LISTBOX", editorType) ? c.allItemsValue : "");
     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" || Array.isArray(newVal))) {
-                  selectsArray = Array.isArray(newVal) ? newVal : newVal.split(valueSeparator);
-                  if (codeList.codeItemValueNumber) {
-                    for (let i = 0, len = selectsArray.length; i < len; i++) {
-                      selectsArray[i] = Number(selectsArray[i]);
-                    }
-                  }
-                }
+            const {
+              getSelectArray
+            } = calcOrMode;
+            const arr = getSelectArray(newVal, codeList, items.value, valueSeparator, codeList == null ? void 0 : codeList.codeItemValueNumber);
+            if (arr) {
+              selectsArray = arr;
+              if (c.allItems) {
+                selectsArray = getSelection([], selectsArray, items.value, items.value);
               }
             }
           } else if (editorType === "LISTBOXPICKUP") {
@@ -116,21 +121,16 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
     const onSelectArrayChange = (value) => {
       let _value;
       if (multiple) {
-        const values = [...value];
+        let 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")) {
-            if (c.model.valueType === "SIMPLES") {
-              _value = values;
-            } else if (c.model.valueType === "SIMPLE") {
-              _value = values.join(valueSeparator);
-            }
+          if (c.allItems) {
+            const selection = getSelection(selectArray.value, values, items.value, items.value);
+            values = getSelectionValue(selection);
           }
+          const {
+            setSelectArray
+          } = calcOrMode;
+          _value = setSelectArray(values, items.value, valueSeparator);
         } else if (Object.is("LISTBOXPICKUP", editorType)) {
           if (c.model.valueType === "SIMPLES") {
             _value = values;

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.css

@@ -1 +1 @@
-.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-radio.is-grid-layout .el-radio-group{display:grid;grid-template-columns:repeat(var(--ibiz-radio-group-row-number),1fr)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-radio.is-grid-layout .el-radio-group{display:grid;grid-template-columns:repeat(var(--ibiz-radio-group-row-number),1fr)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-radio-tab{height:100%;overflow-x:auto;white-space:nowrap}.ibiz-radio-tab-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-radio-tab-item:hover{color:var(--ibiz-color-primary)}.ibiz-radio-tab-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-radio-tab-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-radio-tab-item.is-disabled::after{background-color:var(--ibiz-color-disabled-text)}

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.mjs

@@ -88,7 +88,7 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("grid-layout", !!this.controller.rowNumber)],
       "style": this.controller.rowNumber ? "--ibiz-radio-group-row-number:".concat(this.controller.rowNumber) : "",
       "ref": "editorRef"
-    }, [this.readonly ? this.valueText : createVNode(resolveComponent("el-radio-group"), mergeProps({
+    }, [this.readonly ? this.valueText : this.renderMode !== "tab" ? createVNode(resolveComponent("el-radio-group"), mergeProps({
       "class": this.ns.e("group"),
       "model-value": notNilEmpty(this.value) ? String(this.value) : "",
       "onChange": this.onSelectValueChange
@@ -111,7 +111,22 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       }, [_item.text])]
     }))) ? _slot : {
       default: () => [_slot]
-    })]);
+    }) : createVNode("div", {
+      "class": this.ns.b("tab")
+    }, [this.items.map((_item) => {
+      const currentValue = notNilEmpty(this.value) ? String(this.value) : "";
+      const value = notNilEmpty(_item.value) ? String(_item.value) : "";
+      const disabled = this.disabled || _item.disableSelect === true;
+      return createVNode("span", {
+        "class": [this.ns.b("tab-item"), this.ns.is("selected", currentValue === value), this.ns.is("disabled", disabled)],
+        "onClick": () => {
+          if (disabled) {
+            return;
+          }
+          this.onSelectValueChange(value);
+        }
+      }, [_item.text || ""]);
+    })])]);
   }
 });
 

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

@@ -8,7 +8,6 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
   props: getRawProps(),
   emits: getEditorEmits(),
   setup(props) {
-    var _a, _b, _c, _d;
     const ns = useNamespace("raw");
     const c = props.controller;
     const editorModel = c.model;
@@ -18,14 +17,14 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
     if (editorModel.contentType) {
       type = editorModel.contentType;
     }
-    if ((_a = editorModel.editorParams) == null ? void 0 : _a.contenttype) {
-      type = (_b = editorModel.editorParams) == null ? void 0 : _b.contenttype;
+    if (editorModel.editorParams && editorModel.editorParams.contenttype) {
+      type = editorModel.editorParams.contenttype;
     }
-    if ((_c = editorModel.editorParams) == null ? void 0 : _c.template) {
-      template = editorModel.editorParams.template.replaceAll("//n", "\n");
+    if (editorModel.editorParams && editorModel.editorParams.template) {
+      template = editorModel.editorParams.template.replace(/\/\/n/g, "\n");
     }
-    if ((_d = editorModel.editorParams) == null ? void 0 : _d.TEMPLATE) {
-      template = editorModel.editorParams.TEMPLATE.replaceAll("//n", "\n");
+    if (editorModel.editorParams && editorModel.editorParams.TEMPLATE) {
+      template = editorModel.editorParams.TEMPLATE.replace(/\/\/n/g, "\n");
     }
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {

package/es/editor/span/span/span.css

@@ -1 +1 @@
-.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{height:100%}.ibiz-span.is-is-ellipsis{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item .ibiz-span.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line;vertical-align:bottom}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{height:100%}.ibiz-span.is-is-ellipsis{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item .ibiz-span.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -66,6 +66,8 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
               const tempVal = dayjs(newVal).format(valueFormat);
               if (isValidDateFormat(tempVal, valueFormat)) {
                 text.value = tempVal;
+              } else if (!Number.isNaN(Number(newVal)) && Number.isFinite(Number(newVal))) {
+                text.value = "".concat(ibiz.util.text.format(Number(newVal), valueFormat));
               } else {
                 text.value = ibiz.util.text.format("".concat(newVal), valueFormat);
               }

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.d.ts

@@ -31,6 +31,7 @@ export declare const IBizFileUpload: import("vue").DefineComponent<{
         id: string;
         name: string;
         url?: string | undefined;
+        base64?: string | undefined;
     }[]>;
     limit: import("vue").ComputedRef<1 | 9999>;
     noUploadIcon: import("vue").ComputedRef<boolean>;

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.d.ts

@@ -29,6 +29,7 @@ export declare const IBizImageUpload: import("vue").DefineComponent<{
         id: string;
         name: string;
         url?: string | undefined;
+        base64?: string | undefined;
     }[]>;
     limit: import("vue").ComputedRef<1 | 9999>;
     headers: import("vue").Ref<IData>;

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.mjs

@@ -40,7 +40,9 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
     const onPreview = (file) => {
       dialogImageUrl.value = [];
       files.value.forEach((i) => {
-        if (i.url) {
+        if (i.base64) {
+          dialogImageUrl.value.push(i.base64);
+        } else if (i.url) {
           dialogImageUrl.value.push(i.url);
         }
       });
@@ -91,7 +93,7 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
       "key": item.id,
       "class": this.ns.e("list-item")
     }, [createVNode("img", {
-      "src": item.url
+      "src": item.base64 ? item.base64 : item.url
     }, null), createVNode("div", {
       "class": this.ns.e("list-item-cover")
     }, [createVNode("ion-icon", {

package/es/editor/upload/use/use-iview-upload.d.ts

@@ -20,6 +20,7 @@ export declare function useIViewUpload(props: IParams, valueChange: (_value: str
         id: string;
         name: string;
         url?: string | undefined;
+        base64?: string | undefined;
     }[]>;
     limit: ComputedRef<1 | 9999>;
     onDownload: (file: IData) => void;

package/es/editor/upload/use/use-iview-upload.mjs

@@ -38,12 +38,44 @@ function useIViewUpload(props, valueChange, c) {
     },
     { immediate: true, deep: true }
   );
+  const fetchSVGAsBase64 = async (url) => {
+    try {
+      const response = await fetch(url);
+      if (!response.ok) {
+        throw new Error("Failed to fetch SVG: ".concat(response.status));
+      }
+      const blob = await response.blob();
+      const reader = new FileReader();
+      return new Promise((resolve, reject) => {
+        reader.onloadend = () => {
+          const base64String = reader.result;
+          if (base64String) {
+            const dataURL = base64String.replace(
+              "data:application/octet-stream;base64",
+              "data:image/svg+xml;base64"
+            );
+            resolve(dataURL);
+          }
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(blob);
+      });
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  };
   watch(
     files,
     (newVal) => {
       if ((newVal == null ? void 0 : newVal.length) && downloadUrl.value) {
         newVal.forEach((file) => {
           file.url = file.url || downloadUrl.value.replace("%fileId%", file.id);
+          if (file.name.split(".").pop() === "svg") {
+            fetchSVGAsBase64(file.url).then((base64String) => {
+              file.base64 = base64String;
+            });
+          }
         });
       }
     },
@@ -55,6 +87,11 @@ function useIViewUpload(props, valueChange, c) {
       if (newVal && files.value.length) {
         files.value.forEach((file) => {
           file.url = downloadUrl.value.replace("%fileId%", file.id);
+          if (file.name.split(".").pop() === "svg") {
+            fetchSVGAsBase64(file.url).then((base64String) => {
+              file.base64 = base64String;
+            });
+          }
         });
       }
     },

package/es/index.mjs

@@ -77,6 +77,8 @@ export { ActionBarPortlet } from './control/dashboard/portlet/actionbar-portlet/
 export { IBizActionBarPortlet } from './control/dashboard/portlet/actionbar-portlet/index.mjs';
 export { ReportPortlet } from './control/dashboard/portlet/report-portlet/report-portlet.mjs';
 export { IBizReportPortlet } from './control/dashboard/portlet/report-portlet/index.mjs';
+export { FilterPortlet } from './control/dashboard/portlet/filter-portlet/filter-portlet.mjs';
+export { IBizFilterPortlet } from './control/dashboard/portlet/filter-portlet/index.mjs';
 export { IBizDashboardControl } from './control/dashboard/index.mjs';
 export { IBizCalendarControl } from './control/calendar/index.mjs';
 export { IBizKanbanControl } from './control/kanban/index.mjs';

package/es/interface/i-field.d.ts

@@ -0,0 +1,66 @@
+export interface IField {
+    /**
+     *  类型
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:54
+     * @type {string}
+     */
+    type?: string;
+    /**
+     * 原始类型
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:40
+     * @type {string}
+     */
+    originalType?: string;
+    /**
+     * 属性标识
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:09
+     * @type {string}
+     */
+    appDEFieldId: string;
+    /**
+     * 属性标题
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:23
+     * @type {string}
+     */
+    caption?: string;
+    /**
+     * 操作符
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 18:07:00
+     * @type {{
+     *     valueOP: string;
+     *     label: string;
+     *     sqlOP: string;
+     *   }[]}
+     */
+    valueOPs?: {
+        valueOP: string;
+        label: string;
+        sqlOP: string;
+    }[];
+    /**
+     * 代码表标识
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 18:07:19
+     * @type {string}
+     */
+    appCodeListId?: string;
+    /**
+     * 应用实体标识
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 18:07:18
+     * @type {string}
+     */
+    appDataEntityId?: string;
+}

package/es/interface/i-field.mjs

@@ -0,0 +1 @@
+"use strict";