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

package/lib/control/grid/grid-column/grid-field-column/grid-field-column.cjs

@@ -41,7 +41,8 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
     vue.watch(() => props.row, async () => {
       CustomHtml.value = await props.controller.getCustomHtml(props.row);
     }, {
-      deep: true
+      deep: true,
+      immediate: true
     });
     const fieldValue = vue.computed(() => props.row.data[props.controller.fieldName]);
     const formatValue = vue.computed(() => props.controller.formatValue(fieldValue.value));
@@ -89,6 +90,25 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       }
     };
     vue3Util.useCodeListListen(props.controller.model.appCodeListId, props.controller.context.srfappid, fn);
+    const findLayoutPanel = () => {
+      var _a;
+      const {
+        controlRenders = []
+      } = props.controller.model;
+      return (_a = controlRenders.find((renderItem) => renderItem.renderType === "LAYOUTPANEL")) == null ? void 0 : _a.layoutPanel;
+    };
+    const renderPanelItemLayout = (item, modelData) => {
+      const {
+        context,
+        params
+      } = props.controller;
+      return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+        "data": item,
+        "modelData": modelData,
+        "context": context,
+        "params": params
+      }, null);
+    };
     return {
       ns,
       onCellClick,
@@ -102,7 +122,9 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       codeListValue,
       tooltip,
       zIndex,
-      codeListItems
+      codeListItems,
+      findLayoutPanel,
+      renderPanelItemLayout
     };
   },
   render() {
@@ -117,11 +139,19 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       "zIndex": this.zIndex
     }, null) : null;
     let content = null;
+    const panel = this.findLayoutPanel();
     if (c.isCustomCode) {
       content = vue.createVNode("span", {
         "class": this.ns.e("script"),
         "innerHTML": this.CustomHtml
       }, null);
+    } else if (panel) {
+      content = vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+        "data": this.row.data,
+        "modelData": panel,
+        "context": c.context,
+        "params": c.params
+      }, null);
     } else if (c.codeList) {
       content = vue.createVNode(vue.resolveComponent("iBizCodeList"), {
         "class": this.ns.e("text"),

package/lib/control/search-bar/filter-tree/filter-tree.cjs

@@ -80,9 +80,20 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
     parent: {
       type: String,
       required: true
+    },
+    filterMode: {
+      type: String,
+      default: "default"
+    },
+    customCond: {
+      type: String,
+      default: ""
+    },
+    context: {
+      type: Object
     }
   },
-  emits: ["confirm", "cancel", "change"],
+  emits: ["confirm", "cancel", "change", "customCondChange"],
   setup(props, {
     emit
   }) {
@@ -144,6 +155,34 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         find.valueOPs.push(filterC.valueOP);
       }
     });
+    const schemaFields = vue.ref([]);
+    allFields.forEach(async (field) => {
+      var _a, _b, _c;
+      const filterController = props.filterControllers.find((item) => item.key === field.name);
+      if (!filterController) {
+        return;
+      }
+      schemaFields.value.push({
+        appDEFieldId: field.fieldName,
+        caption: field.label,
+        valueOPs: field.valueOPs,
+        appDataEntity: (_a = filterController.appDataEntity) == null ? void 0 : _a.id,
+        appDataEntityFullTag: (_b = filterController.appDataEntity) == null ? void 0 : _b.defullTag,
+        appCodeListId: (_c = filterController.model.editor) == null ? void 0 : _c.appCodeListId
+      });
+    });
+    const pqlEditor = vue.ref();
+    const mode = vue.ref(props.filterMode || "default");
+    const currentCustomCond = vue.ref("");
+    const handleCustomCondChange = (value) => {
+      currentCustomCond.value = value;
+      emit("customCondChange", currentCustomCond.value);
+    };
+    vue.watch(() => props.customCond, () => {
+      currentCustomCond.value = props.customCond;
+    }, {
+      immediate: true
+    });
     const getFilterModes = (fieldName, fieldInfos = allFields) => {
       if (!fieldName) {
         return;
@@ -291,7 +330,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       }, null), editor]);
     };
     let renderFilterItems = (_node) => vue.createVNode("div", null, null);
-    const renderFilterGroup = (node, itemsC) => {
+    const renderFilterGroup = (node, itemsC, root) => {
       if (node.hidden) {
         return;
       }
@@ -306,22 +345,38 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         "text": true,
         "type": "primary",
         "onClick": () => {
+          if (mode.value === "pql") {
+            mode.value = "default";
+            return;
+          }
           addGroup(node);
         }
       }, {
-        default: () => [vue.createTextVNode("\u6DFB\u52A0\u7EC4")]
+        default: () => [mode.value === "pql" ? "\u5207\u6362\u7EC4" : "\u6DFB\u52A0\u7EC4"]
       }), vue.createVNode(vue.resolveComponent("el-button"), {
         "text": true,
         "onClick": () => {
+          if (mode.value === "pql") {
+            mode.value = "default";
+            return;
+          }
           addItem(node);
         }
       }, {
-        default: () => [vue.createTextVNode("\u6DFB\u52A0\u9879")]
+        default: () => [mode.value === "pql" ? "\u5207\u6362\u9879" : "\u6DFB\u52A0\u9879"]
+      }), root && isInSearchBar.value && vue.createVNode(vue.resolveComponent("el-button"), {
+        "text": true,
+        "onClick": () => {
+          mode.value = "pql";
+        }
+      }, {
+        default: () => [vue.createTextVNode("\u6DFB\u52A0PQL")]
       }), vue.createVNode(vue.resolveComponent("el-select"), {
         "model-value": node.logicType,
         "teleported": false,
         "class": ns.be("group", "logic-type"),
         "onChange": (logicType) => {
+          mode.value = "default";
           onGroupLogicTypeChange(node, logicType);
         }
       }, {
@@ -334,7 +389,15 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
           "value": "OR",
           "label": "OR"
         }, null)]
-      })]), vue.createVNode("div", {
+      })]), mode.value === "pql" && vue.createVNode("div", {
+        "class": ns.be("group", "editor")
+      }, [vue.createVNode(vue.resolveComponent("iBizPqlEditor"), {
+        "ref": "pqlEditor",
+        "value": currentCustomCond.value,
+        "fields": schemaFields.value,
+        "context": props.context,
+        "onChange": handleCustomCondChange
+      }, null)]), mode.value !== "pql" && vue.createVNode("div", {
         "class": ns.be("group", "list")
       }, [node.children.length > 0 && node.children.map((child, index) => {
         const childContent = child.nodeType === "FIELD" ? renderFilterItem(child, itemsC) : renderFilterGroup(child, itemsC);
@@ -418,7 +481,17 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       })])]);
     };
     const onConfirm = () => {
-      emit("confirm");
+      var _a, _b;
+      if (mode.value === "pql") {
+        if (pqlEditor.value) {
+          const result = (_b = (_a = pqlEditor.value).verify) == null ? void 0 : _b.call(_a);
+          if (result) {
+            emit("confirm", mode.value, currentCustomCond.value);
+          }
+        }
+        return;
+      }
+      emit("confirm", mode.value, currentCustomCond.value);
     };
     const onCancel = () => {
       emit("cancel");
@@ -430,7 +503,8 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       onConfirm,
       onCancel,
       isInSearchBar,
-      UiFilterNodes
+      UiFilterNodes,
+      pqlEditor
     };
   },
   render() {
@@ -441,7 +515,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       if (node.nodeType === "FIELD") {
         return this.renderFilterItem(node);
       }
-      return this.renderFilterGroup(node);
+      return this.renderFilterGroup(node, void 0, true);
     }), vue.createVNode("div", {
       "class": this.ns.b("footer")
     }, [vue.createVNode(vue.resolveComponent("el-button"), {

package/lib/control/search-bar/filter-tree/filter-tree.css

@@ -1 +1 @@
-.ibiz-filter-tree{padding:var(--ibiz-spacing-base)}.ibiz-filter-tree__editor{display:inline-block;width:180px;margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-tree__field-select{width:185px;margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-tree__mode-select{width:185px;margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-tree-group{padding:var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-filter-tree-group__actions{padding-bottom:var(--ibiz-spacing-base)}.ibiz-filter-tree-group__logic-type{width:80px;margin-left:var(--ibiz-spacing-tight)}.ibiz-filter-tree-group__list-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-right:var(--ibiz-spacing-base);padding-bottom:var(--ibiz-spacing-base)}.ibiz-filter-tree-group__list-item-left{align-self:flex-start;width:32px;margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-filter-tree-group__list-item-right{position:absolute;top:8px;right:0;color:var(--ibiz-color-danger);cursor:pointer}.ibiz-filter-tree-group__list-item-right:hover{color:var(--ibiz-color-danger-hover)}.ibiz-filter-tree-group--items>.ibiz-filter-tree-group__actions{display:flex}.ibiz-filter-tree-group--items>.ibiz-filter-tree-group__actions>.ibiz-filter-tree-item{width:auto}.ibiz-filter-tree-item{display:flex;align-items:center;justify-content:flex-start;width:574px}.ibiz-filter-tree-footer{margin-top:var(--ibiz-spacing-tight);text-align:right}
+.ibiz-filter-tree{padding:var(--ibiz-spacing-base)}.ibiz-filter-tree__editor{display:inline-block;width:180px;margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-tree__field-select{width:185px;margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-tree__mode-select{width:185px;margin-right:var(--ibiz-spacing-tight)}.ibiz-filter-tree-group{padding:var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-filter-tree-group__editor{width:600px;height:270px}.ibiz-filter-tree-group__actions{padding-bottom:var(--ibiz-spacing-base)}.ibiz-filter-tree-group__logic-type{width:80px;margin-left:var(--ibiz-spacing-tight)}.ibiz-filter-tree-group__list-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-right:var(--ibiz-spacing-base);padding-bottom:var(--ibiz-spacing-base)}.ibiz-filter-tree-group__list-item-left{align-self:flex-start;width:32px;margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-filter-tree-group__list-item-right{position:absolute;top:8px;right:0;color:var(--ibiz-color-danger);cursor:pointer}.ibiz-filter-tree-group__list-item-right:hover{color:var(--ibiz-color-danger-hover)}.ibiz-filter-tree-group--items>.ibiz-filter-tree-group__actions{display:flex}.ibiz-filter-tree-group--items>.ibiz-filter-tree-group__actions>.ibiz-filter-tree-item{width:auto}.ibiz-filter-tree-item{display:flex;align-items:center;justify-content:flex-start;width:574px}.ibiz-filter-tree-footer{margin-top:var(--ibiz-spacing-tight);text-align:right}

package/lib/control/search-bar/search-bar.cjs

@@ -70,7 +70,15 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
           "filterControllers": c.filterControllers,
           "filterNodes": c.state.filterNodes,
           "parent": "search-bar",
-          "onConfirm": () => {
+          "filterMode": c.state.filterMode,
+          "customCond": c.state.customCond,
+          "context": c.context,
+          "onCustomCondChange": (customCond) => {
+            c.state.customCond = customCond;
+          },
+          "onConfirm": (mode, customCond) => {
+            c.state.filterMode = mode;
+            c.state.customCond = customCond;
             c.onSearch();
             if (popover) {
               popover.dismiss();
@@ -78,6 +86,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
           },
           "onCancel": () => {
             c.resetFilter();
+            c.state.customCond = "";
           }
         }, null);
       }, void 0, {

package/lib/editor/check-box-list/checkbox-list-editor.controller.cjs

@@ -19,13 +19,24 @@ class CheckBoxListEditorController extends runtime.CodeListEditorController {
      * @Date: 2023-05-24 10:55:50
      */
     __publicField(this, "codeList");
+    /**
+     * 多选一行展示几个
+     * @author fangZhiHao
+     * @date 2024-07-17 10:07:40
+     * @type {(number | undefined)}
+     */
+    __publicField(this, "rowNumber");
   }
   async onInit() {
+    var _a;
     super.onInit();
     if (this.model.appCodeListId) {
       const app = await ibiz.hub.getApp(this.context.srfappid);
       this.codeList = app.codeList.getCodeList(this.model.appCodeListId);
     }
+    if ((_a = this.editorParams) == null ? void 0 : _a.rowNumber) {
+      this.rowNumber = Number(this.editorParams.rowNumber);
+    }
   }
 }
 

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

@@ -158,7 +158,8 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
     let _slot;
     return vue.createVNode("div", {
       "ref": "editorRef",
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
+      "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-checkbox-list-group-row-number:".concat(this.controller.rowNumber) : ""
     }, [this.readonly ? this.valueText : vue.createVNode(vue.resolveComponent("el-checkbox-group"), vue.mergeProps({
       "model-value": this.selectArray,
       "onChange": this.onSelectArrayChange

package/lib/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.css

@@ -1 +1 @@
-.ibiz-checkbox-list__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-checkbox-list--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-form-item .ibiz-checkbox-list.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-checkbox-list{--ibiz-checkbox-list-group-row-number:0}.ibiz-checkbox-list__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-checkbox-list--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-checkbox-list.is-grid-layout .el-checkbox-group{display:grid;grid-template-columns:repeat(var(--ibiz-checkbox-list-group-row-number),1fr)}.ibiz-form-item .ibiz-checkbox-list.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -312,7 +312,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       "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") : ""),
+      "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,

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

@@ -87,7 +87,8 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
   render() {
     let _slot;
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
+      "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({
       "class": this.ns.e("group"),

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

@@ -1 +1 @@
-.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-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)}

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

@@ -3,7 +3,30 @@
 var runtime = require('@ibiz-template/runtime');
 
 "use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 class RadioButtonListEditorController extends runtime.CodeListEditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 单选一行展示几个
+     * @author fangZhiHao
+     * @date 2024-07-17 10:07:40
+     * @type {(number | undefined)}
+     */
+    __publicField(this, "rowNumber");
+  }
+  async onInit() {
+    var _a;
+    super.onInit();
+    if ((_a = this.editorParams) == null ? void 0 : _a.rowNumber) {
+      this.rowNumber = Number(this.editorParams.rowNumber);
+    }
+  }
 }
 
 exports.RadioButtonListEditorController = RadioButtonListEditorController;

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

@@ -151,8 +151,9 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
     } else {
       content = "- - -";
     }
+    const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
     return vue.createVNode("span", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("is-ellipsis", isEllipsis)],
       "ref": "editorRef"
     }, [content]);
   }

package/lib/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-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}.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/lib/interface/i-pql-item.cjs

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

package/lib/interface/i-pql-node.cjs

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

package/lib/interface/i-schema-field.cjs

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

package/lib/interface/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+require('./i-schema-field.cjs');
+require('./i-pql-node.cjs');
+require('./i-pql-item.cjs');
+
+"use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.30",
+  "version": "0.7.31-alpha.0",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -31,15 +31,15 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.5",
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.7",
-    "@ibiz-template-plugin/bi-report": "0.0.11",
+    "@ibiz-template-plugin/bi-report": "0.0.13",
     "@ibiz-template/core": "0.7.30",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.7.30",
-    "@ibiz-template/runtime": "0.7.30",
+    "@ibiz-template/model-helper": "0.7.31-alpha.0",
+    "@ibiz-template/runtime": "0.7.31-alpha.0",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.30",
+    "@ibiz-template/vue3-util": "0.7.31-alpha.0",
     "@ibiz-template/web-theme": "^1.1.18",
-    "@ibiz/model-core": "^0.1.45",
+    "@ibiz/model-core": "^0.1.46",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",

package/dist/chart-J-0VPQfg.js

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","echarts","qx-util","@ibiz-template/runtime"],(function(e){"use strict";var t,i,s,a,l,o,r,n,c,d,h,u,m,p,v;return{setters:[function(e){t=e.defineComponent,i=e.ref,s=e.watch,a=e.onMounted,l=e.onBeforeUnmount,o=e.createVNode,r=e.resolveComponent,n=e.nextTick,c=e.isVNode},function(e){d=e.useControlController,h=e.useNamespace,u=e.useClickOutside},function(e){m=e.init},function(e){p=e.createUUID},function(e){v=e.ChartController}],execute:function(){e("default",t({name:"IBizChartControl",props:{modelData:{type:Object,required:!0},context:{type:Object,required:!0},params:{type:Object,default:()=>({})},provider:{type:Object},mdctrlActiveMode:{type:Number,default:void 0},loadDefault:{type:Boolean,default:!0},isSimple:{type:Boolean,required:!1},data:{type:Array,required:!1}},emits:["drillDetail"],setup(e,{emit:t}){const f=d(((...e)=>new v(...e))),g=h("control-".concat(f.model.controlType.toLowerCase())),w=i(),b=i(0),D=p(),y=i(!1),C=i({}),z=i();let L,P;const x=()=>{e.data&&(f.state.items=e.data,f.afterLoad({},f.state.items))};f.evt.on("onCreated",(async()=>{e.isSimple&&(x(),f.state.isSimple=!0,f.state.isLoaded=!0)})),s((()=>e.data),(()=>{e.isSimple&&x()}),{deep:!0});const S=async()=>{await n();const e=document.getElementById(D);e&&("bottom"===f.state.gridPosition||"top"===f.state.gridPosition?b.value=e.offsetHeight/2-8:b.value=e.offsetHeight-16)};let B;a((()=>{var t,i;const s=m(w.value);f.initChart(s),window.addEventListener("resize",S),w.value&&ResizeObserver&&(B=new ResizeObserver((()=>{f.resizeChart()})),B.observe(w.value)),S();const a=null==(i=null==(t=e.modelData.controlParam)?void 0:t.ctrlParams)?void 0:i.ENABLEDRILLDETAIL;(null==a?void 0:a.length)&&s.on("click",(e=>{const t=f.computedClickSerieModel(e);if(!t)return;const i=a.find((e=>e.name===t.valueField));i&&i.isDrill&&(P=e,s.dispatchAction({type:"hideTip"}),y.value=!0,f.changeTooltipState(!1),L=u(z,(()=>{y.value=!1,f.changeTooltipState(!0),L.stop()})),(e=>{if(e.event){const t=e.event.event;t.stopPropagation(),t.preventDefault();const{offsetX:i,offsetY:s}=e.event;C.value={top:"".concat(s,"px"),left:"".concat(i+16,"px")}}})(e))}))}));s((()=>f.state.showGrid),(()=>{S()}),{immediate:!0});return l((()=>{window.removeEventListener("resize",S),null==B||B.disconnect()})),{c:f,ns:g,chartRef:w,uuid:D,showCheck:y,drillDetailPos:C,drillDetailRef:z,openDrillDetail:e=>{y.value=!1,L&&L.stop(),f.changeTooltipState(!0);const i=f.computedDrillDetailParam(P);t("drillDetail",i)},renderGrid:()=>{let e;return o(r("el-table"),{ref:"tableRef",data:f.state.gridData||[],border:!0,style:{width:"100%"},"max-height":b.value,"header-row-class-name":g.e("grid-header")},"function"==typeof(t=e=f.state.gridHeaders.map((e=>o(r("el-table-column"),{prop:e.id,align:"center",label:e.name},null))))||"[object Object]"===Object.prototype.toString.call(t)&&!c(t)?e:{default:()=>[e]});var t}}},render(){return o(r("iBizControlBase"),{controller:this.c},{default:()=>[o("div",{id:this.uuid,class:this.ns.b("chart-container")},[o(r("el-empty"),{class:[this.ns.e("empty"),this.ns.is("no-data",0===this.c.state.items.length)],description:ibiz.i18n.t("control.common.currentNoData")},null),o("div",{class:[this.ns.e("chart-grid"),this.ns.is("no-data",0===this.c.state.items.length),this.ns.is("show-grid",this.c.state.showGrid),{[this.ns.em("chart-grid",this.c.state.gridPosition)]:this.c.state.showGrid}]},[o("div",{class:[this.ns.e("chart-grid-container"),this.ns.is(this.c.state.gridPosition,this.c.state.showGrid),this.ns.is("no-grid",!this.c.state.showGrid)]},[o("div",{ref:"chartRef",class:[this.ns.e("chart")]},[ibiz.i18n.t("control.chart.chartPlaceholder")]),this.showCheck?o("div",{ref:"drillDetailRef",class:this.ns.e("drill-detail"),style:this.drillDetailPos,onClick:this.openDrillDetail},[o("div",{class:this.ns.em("drill-detail","item")},[o("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",height:"1em",width:"1em",focusable:"false",fill:"currentColor"},[o("g",{id:"aspnormal/preview","stroke-width":"1","fill-rule":"evenodd"},[o("path",{d:"M11.626 0c1.057 0 1.923.818 2 1.855l.005.15v3.411a.6.6 0 0 1-1.192.097l-.008-.097.001-1.348V2.005c0-.41-.31-.749-.705-.799l-.101-.006h-9.62c-.41 0-.75.308-.8.704l-.006.101v11.989c0 .41.308.75.705.8l.101.006h5.906l.017-.004.016-.003h2.074a.598.598 0 1 1 .107 1.187l-.095.01V16H2.006a2.006 2.006 0 0 1-2-1.856L0 13.994V2.005C0 .948.818.082 1.856.005L2.006 0h9.62zm-1.595 6.328a3.669 3.669 0 0 1 3.665 3.665c0 .79-.251 1.523-.678 2.123l2.412 2.412a.6.6 0 1 1-.848.85l-2.41-2.412a3.646 3.646 0 0 1-2.14.692 3.67 3.67 0 0 1-3.667-3.665 3.67 3.67 0 0 1 3.666-3.665zm-5.106 5.29a.6.6 0 0 1 .097 1.191l-.097.008H2.85a.6.6 0 0 1-.097-1.192l.097-.008h2.074zm5.106-4.09a2.468 2.468 0 0 0-2.466 2.465 2.468 2.468 0 0 0 2.466 2.466 2.47 2.47 0 0 0 2.466-2.466 2.469 2.469 0 0 0-2.466-2.465zm-4.815-.126a.6.6 0 0 1 .097 1.193l-.097.007h-2.35A.6.6 0 0 1 2.77 7.41l.098-.008h2.349zm5.58-4a.6.6 0 0 1 .097 1.192l-.097.008H2.867A.6.6 0 0 1 2.77 3.41l.097-.008h7.929z",id:"asp合并形状"},null)])]),o("div",{class:this.ns.em("drill-detail","item-text")},[ibiz.i18n.t("control.chart.drillDetail")])])]):null]),this.c.state.showGrid?o("div",{class:this.ns.e("grid")},[this.renderGrid()]):null])])]})}}))}}}));