npm - @ibiz-template/vue3-components - Versions diffs - 0.7.34 → 0.7.38-alpha.12 - Mend

@ibiz-template/vue3-components 0.7.34 → 0.7.38-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1061) hide show

package/lib/editor/date-range-select/date-range-select.controller.cjs CHANGED Viewed

@@ -27,6 +27,13 @@ class DateRangeSelectEditorController extends runtime.EditorController {
      * @memberof DateRangeSelectEditorController
      */
     __publicField(this, "defaultUnit", "DAY");
+    /**
+     * 抛出模式
+     * TIME模式则是抛出时间字符串 年-月-日 时:分:秒
+     * @type {('DEFAULT' | 'TIME')}
+     * @memberof DateRangeSelectEditorController
+     */
+    __publicField(this, "emitMode", "DEFAULT");
     /**
      * 初始化默认时间
      *
@@ -76,7 +83,7 @@ class DateRangeSelectEditorController extends runtime.EditorController {
       }
       if (unit === "QUARTER") {
         const year = current.getFullYear();
-        return ["".concat(year, "-1"), "".concat(year, "-4")];
+        return ["".concat(year, "-1"), "".concat(year, "-12")];
       }
       if (unit === "YEAR") {
         return [current.getFullYear(), current.getFullYear()];
@@ -177,6 +184,9 @@ class DateRangeSelectEditorController extends runtime.EditorController {
       if (this.editorParams.defaultUnit) {
         this.defaultUnit = this.editorParams.defaultUnit;
       }
+      if (this.editorParams.emitMode) {
+        this.emitMode = this.editorParams.emitMode;
+      }
     }
   }
   /**
@@ -313,10 +323,87 @@ class DateRangeSelectEditorController extends runtime.EditorController {
    * @memberof DateRangeSelectEditorController
    */
   computedDateTypesTime(dateUnit, dateType, _start, _end) {
+    const tempDate = {
+      start: 0,
+      end: 0,
+      emitStart: 0,
+      emitEnd: 0
+    };
     if (dateType === "STATIC") {
-      return this.computedStaticTime(dateUnit, _start, _end);
+      const { start, end } = this.computedStaticTime(dateUnit, _start, _end);
+      Object.assign(tempDate, {
+        start,
+        end,
+        emitStart: start,
+        emitEnd: end
+      });
+    } else {
+      const { start, end } = this.computedDynamicTime(dateUnit, _start, _end);
+      Object.assign(tempDate, {
+        start,
+        end,
+        emitStart: start,
+        emitEnd: end
+      });
+    }
+    if (this.emitMode === "TIME") {
+      const tempStart = this.computedFullDateFormat(_start, dateUnit, "START");
+      const tempEnd = this.computedFullDateFormat(_end, dateUnit, "END");
+      Object.assign(tempDate, {
+        emitStart: tempStart,
+        emitEnd: tempEnd
+      });
+    }
+    return tempDate;
+  }
+  /**
+   * 计算完整时间格式
+   *
+   * @private
+   * @param {(string|number)} date
+   * @memberof DateRangeSelectEditorController
+   */
+  computedFullDateFormat(date, unit, tag) {
+    const tempDate = new Date(String(date));
+    const month = tempDate.getMonth() + 1;
+    const bigMonth = [1, 3, 5, 7, 8, 10, 12];
+    if (tag === "START") {
+      tempDate.setHours(0, 0, 0, 0);
+    } else {
+      tempDate.setHours(23, 59, 59, 0);
+    }
+    if (unit === "MONTH") {
+      if (tag === "START") {
+        tempDate.setDate(1);
+      } else if (month === 2) {
+        tempDate.setDate(29);
+      } else if (bigMonth.includes(month)) {
+        tempDate.setDate(31);
+      } else {
+        tempDate.setDate(30);
+      }
+    }
+    if (unit === "QUARTER") {
+      if (tag === "START") {
+        tempDate.setDate(1);
+      } else if (month === 2) {
+        tempDate.setDate(29);
+      } else if (bigMonth.includes(month)) {
+        tempDate.setDate(31);
+      } else {
+        tempDate.setDate(30);
+      }
+    }
+    if (unit === "YEAR") {
+      if (tag === "START") {
+        tempDate.setMonth(0);
+        tempDate.setDate(1);
+      } else {
+        tempDate.setMonth(11);
+        tempDate.setDate(31);
+      }
     }
-    return this.computedDynamicTime(dateUnit, _start, _end);
+    return tempDate.toLocaleString();
   }
   /**
    * 计算动态类型时间
@@ -494,8 +581,8 @@ class DateRangeSelectEditorController extends runtime.EditorController {
    */
   computedYearsSpace(_start, _end) {
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-    const start = Number(_start) - currentYear;
-    const end = Number(_end) - currentYear;
+    const start = new Date("".concat(_start)).getFullYear() - currentYear;
+    const end = new Date("".concat(_end)).getFullYear() - currentYear;
     return {
       start,
       end

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

@@ -3,6 +3,7 @@
 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-dropdown.css');
 "use strict";
@@ -74,9 +75,12 @@ const IBizDropdown = /* @__PURE__ */ vue.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
@@ -103,6 +107,29 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     }, {
       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 setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -116,6 +143,10 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       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;
@@ -126,9 +157,15 @@ const IBizDropdown = /* @__PURE__ */ vue.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();
@@ -139,6 +176,10 @@ const IBizDropdown = /* @__PURE__ */ vue.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;
@@ -215,22 +256,30 @@ const IBizDropdown = /* @__PURE__ */ vue.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") {
           vue.nextTick(() => {
             editorRef.value.focus();
           });
         }
+        vue.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;
       }
     };
     vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     vue.onMounted(() => {
+      useEditorNavParams();
       if (editorRef.value) {
         funcs = vue3Util.useClickOutside(editorRef, async (_evt) => {
           editorState = "outside";
@@ -242,6 +291,25 @@ const IBizDropdown = /* @__PURE__ */ vue.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 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 || "")
+              }) : ""
+            }, [(codeListItem == null ? void 0 : codeListItem.sysImage) && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+              "icon": codeListItem == null ? void 0 : codeListItem.sysImage
+            }, null), text || ""]);
+          });
+        }
+      });
+    }
     return {
       ns,
       c,
@@ -261,7 +329,8 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       setEditable,
       showFormDefaultContent,
       onVisibleChange,
-      isLoading
+      isLoading,
+      prefix
     };
   },
   render() {
@@ -347,23 +416,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
           });
         });
       },
-      prefix: () => {
-        if (this.c.editorParams.type !== "round") {
-          return;
-        }
-        return this.valueText.split(",").map((text) => {
-          const codeListItem = this.getCodeListItem(text);
-          return vue.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) && vue.createVNode(vue.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/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.css CHANGED Viewed

	@@ -1 +1 @@
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-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)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.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-editor-default-text-color);background-color:var(--ibiz-color-fill-0);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;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:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;opacity:0}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;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-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)}
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-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)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.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-editor-default-text-color);background-color:var(--ibiz-color-fill-0);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;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:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;opacity:0}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;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-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)}

package/lib/editor/html/wang-editor/module/emoji-module.cjs CHANGED Viewed

@@ -33,7 +33,7 @@ const elemToHtmlConf = {
   type: "emoji",
   elemToHtml: (elem) => {
     const { data } = elem;
-    return '<span data-w-e-type="emoji" class="emoji">'.concat(data.emoji, "</span>");
+    return "<span data-w-e-type=\"emoji\" class='emoji'>".concat(data.emoji, "</span>");
   }
 };
 const parseHtmlConf = {

package/lib/editor/index.cjs CHANGED Viewed

@@ -206,7 +206,7 @@ const IBizEditor = {
       () => datePickerProvider
     );
     runtime.registerEditorProvider(
-      "DATEPICKERRANGE",
+      "DATERANGE_SWITCHUNIT",
       () => new dateRangeSelect_provider.DateRangeSelectProvider()
     );
     runtime.registerEditorProvider(

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

@@ -4,6 +4,7 @@ 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');
 "use strict";
 function _isSlot(s) {
@@ -42,6 +43,10 @@ const IBizListBox = /* @__PURE__ */ vue.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)) {
@@ -60,43 +65,43 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
     loadListBoxItems();
     const fn = (data) => {
       if (data) {
+        if (Object.is("LISTBOX", editorType) && multiple) {
+          items.value = c.handleCodeListAllItems(data);
+          return;
+        }
         items.value = data;
       }
     };
     vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     const currentMode = vue.computed(() => {
       if (codeList && codeList.orMode) {
-        return codeList.orMode.toLowerCase();
+        return codeList.orMode;
       }
-      return "str";
+      return "STR";
     });
+    const calcOrMode = runtime.useCalcOrMode(currentMode.value, c.model.valueType);
     let valueSeparator = ",";
     if (codeList && codeList.valueSeparator) {
       valueSeparator = codeList.valueSeparator;
     }
+    const {
+      getSelection,
+      getSelectionValue
+    } = runtime.useCodeListSelection(Object.is("LISTBOX", editorType) ? c.allItemsValue : "");
     const selectArray = vue.ref([]);
     vue.watch(() => props.value, (newVal) => {
       if (!ramda.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") {
@@ -118,21 +123,16 @@ const IBizListBox = /* @__PURE__ */ vue.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/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs CHANGED Viewed

@@ -90,7 +90,7 @@ const IBizRadio = /* @__PURE__ */ vue.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 : vue.createVNode(vue.resolveComponent("el-radio-group"), vue.mergeProps({
+    }, [this.readonly ? this.valueText : this.renderMode !== "tab" ? vue.createVNode(vue.resolveComponent("el-radio-group"), vue.mergeProps({
       "class": this.ns.e("group"),
       "model-value": qxUtil.notNilEmpty(this.value) ? String(this.value) : "",
       "onChange": this.onSelectValueChange
@@ -113,7 +113,22 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       }, [_item.text])]
     }))) ? _slot : {
       default: () => [_slot]
-    })]);
+    }) : vue.createVNode("div", {
+      "class": this.ns.b("tab")
+    }, [this.items.map((_item) => {
+      const currentValue = qxUtil.notNilEmpty(this.value) ? String(this.value) : "";
+      const value = qxUtil.notNilEmpty(_item.value) ? String(_item.value) : "";
+      const disabled = this.disabled || _item.disableSelect === true;
+      return vue.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/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.css CHANGED Viewed

	@@ -1 +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)}
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-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/lib/editor/raw/ibiz-raw/ibiz-raw.cjs CHANGED Viewed

@@ -10,7 +10,6 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
   props: vue3Util.getRawProps(),
   emits: vue3Util.getEditorEmits(),
   setup(props) {
-    var _a, _b, _c, _d;
     const ns = vue3Util.useNamespace("raw");
     const c = props.controller;
     const editorModel = c.model;
@@ -20,14 +19,14 @@ const IBizRaw = /* @__PURE__ */ vue.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 = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {