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

package/es/common/pql-editor/utils/index.mjs

@@ -24,6 +24,7 @@ const ExcludeOPs = [
   ValueOP.EXISTS,
   ValueOP.NOT_EXISTS
 ];
+const InOPs = [ValueOP.IN, ValueOP.NOT_IN];
 const filterModeMap = /* @__PURE__ */ new Map();
 FilterModes.forEach((mode) => {
   filterModeMap.set(mode.valueOP, mode);
@@ -98,6 +99,79 @@ const generateItems = (children) => {
   }
   return items;
 };
+const generateNodeItems = (currentNode, getPreviousNode) => {
+  var _a, _b;
+  if (!currentNode || !getPreviousNode) {
+    return [];
+  }
+  const nodes = [];
+  while (currentNode) {
+    nodes.push(currentNode);
+    currentNode = getPreviousNode(currentNode);
+  }
+  const result = [];
+  nodes.reverse();
+  let current = { type: "condition" };
+  for (let i = 0; i < nodes.length; i++) {
+    const node = nodes[i];
+    if (node.type === "pql-field") {
+      if (current.key || current.operator || current.value) {
+        result.push(current);
+        current = { type: "condition", key: node };
+      } else {
+        current.key = node;
+      }
+    }
+    if (node.type === "pql-field-operator") {
+      if (current.operator || current.value) {
+        result.push(current);
+        current = { type: "condition", operator: node };
+      } else {
+        current.operator = node;
+      }
+      if (node.value && InOPs.includes(node.value) && i < nodes.length - 1 && nodes[i + 1].type !== "pql-field-connection") {
+        if (nodes[i + 1].type === "pql-field" || nodes[i + 1].type === "pql-field-operator") {
+          continue;
+        }
+        current.value = [];
+        i++;
+        while (i < nodes.length && nodes[i].type !== "pql-field-connection" && nodes[i].type !== "pql-field" && nodes[i].type !== "pql-field-operator") {
+          current.value.push(nodes[i]);
+          i++;
+        }
+        if (i < nodes.length && (nodes[i].type === "pql-field-connection" || nodes[i].type === "pql-field" || nodes[i].type === "pql-field-operator")) {
+          i--;
+        }
+      }
+    }
+    if (node.type === "pql-field-value") {
+      if (current.value || ((_a = current.operator) == null ? void 0 : _a.value) && ExcludeOPs.includes(current.operator.value)) {
+        current = { type: "condition", value: [node] };
+      } else {
+        current.value = [node];
+      }
+    }
+    if (node.type === "pql-field-connection") {
+      if (current.key || current.operator || current.value) {
+        result.push(current);
+      }
+      result.push({ type: "connection", value: [node] });
+      current = { type: "condition" };
+    }
+    if (!node.type && node.text) {
+      if (current.value || ((_b = current.operator) == null ? void 0 : _b.value) && ExcludeOPs.includes(current.operator.value)) {
+        result.push(current);
+        current = { type: "condition", value: [node] };
+      } else {
+        current.value = [node];
+      }
+    }
+  }
+  if (current.key || current.operator || current.value) {
+    result.push(current);
+  }
+  return result;
+};
 const generateCustomCond = (items, fields) => {
   const map = /* @__PURE__ */ new Map();
   fields.forEach((item) => {
@@ -105,24 +179,38 @@ const generateCustomCond = (items, fields) => {
   });
   let cond = "";
   items.forEach((item) => {
-    var _a, _b, _c;
+    var _a, _b;
     if (item.type === "condition") {
       const { key, operator, value } = item;
       const symbol = (_a = filterModeMap.get(operator == null ? void 0 : operator.value)) == null ? void 0 : _a.sqlOP;
-      const valueText = ((value == null ? void 0 : value.value) || "").replace(/\s+/g, " ");
-      const valueObj = "$".concat(JSON.stringify({
-        value: (value == null ? void 0 : value.value) || "",
-        caption: (value == null ? void 0 : value.label) || "",
-        field: "".concat(((_b = map.get((key == null ? void 0 : key.value) || "")) == null ? void 0 : _b.appDataEntityFullTag) || "", ".").concat((key == null ? void 0 : key.value) || "")
-      }));
-      const valueStr = value ? "  ".concat((value == null ? void 0 : value.type) ? valueObj : valueText) : "";
+      const valueText = value == null ? void 0 : value.filter((_v) => _v.type || _v.text).map((_v) => {
+        var _a2, _b2, _c, _d, _e, _f;
+        if (_v.type) {
+          return "$".concat(JSON.stringify({
+            value: (_v == null ? void 0 : _v.value) || "",
+            caption: (_v == null ? void 0 : _v.label) || "",
+            field: "".concat(((_a2 = map.get((key == null ? void 0 : key.value) || "")) == null ? void 0 : _a2.appDataEntityFullTag) || "", ".").concat((key == null ? void 0 : key.value) || "")
+          }));
+        }
+        if ((operator == null ? void 0 : operator.value) === ValueOP.LIKE) {
+          return "'%".concat(((_b2 = _v.text) == null ? void 0 : _b2.trim()) || "", "%'");
+        }
+        if ((operator == null ? void 0 : operator.value) && InOPs.includes(operator.value)) {
+          if (((_c = _v.text) == null ? void 0 : _c.startsWith("[")) && _v.text.endsWith("]")) {
+            return "(".concat((_d = _v.text) == null ? void 0 : _d.trim().slice(1, -1).split(",").map((e) => "'".concat(e.trim(), "'")).join(","), ")");
+          }
+          return ((_e = _v.text) == null ? void 0 : _e.trim().replace(/^\[/, "(").replace(/\]$/, ")")) || "";
+        }
+        return "'".concat((_f = _v.text) == null ? void 0 : _f.trim(), "'") || "";
+      }).join("").replace(/\s+/g, " ");
+      const valueStr = value ? "  ".concat(valueText) : "";
       cond += "$".concat(JSON.stringify({
         name: (key == null ? void 0 : key.value) || "",
         caption: (key == null ? void 0 : key.label) || ""
       }), "  ").concat(symbol).concat(valueStr);
     }
     if (item.type === "connection") {
-      cond += "  ".concat((_c = item.value) == null ? void 0 : _c.value, "  ");
+      cond += "  ".concat((_b = item.value) == null ? void 0 : _b.filter((_v) => _v.value).map((_v) => _v.value).join(), "  ");
     }
   });
   return cond;
@@ -198,27 +286,10 @@ const parseCustomCond = (cond) => {
     ibiz.log.error(err == null ? void 0 : err.message);
   }
 };
-const pqlItemsToPqlNodes = async (items, fields, getCodeListItems) => {
+const pqlItemsToPqlNodes = async (items) => {
   const nodes = [];
-  const codeListMap = /* @__PURE__ */ new Map();
-  const fieldList = fields.filter(
-    (child) => items.some((item) => {
-      var _a;
-      return ((_a = item.key) == null ? void 0 : _a.value) === child.appDEFieldId;
-    })
-  );
-  await Promise.all(
-    fieldList.map(async (item) => {
-      if (item.appCodeListId) {
-        const codeItems = await getCodeListItems(item.appCodeListId);
-        if (codeItems) {
-          codeListMap.set(item.appDEFieldId, codeItems);
-        }
-      }
-    })
-  );
   items.forEach((item) => {
-    var _a, _b;
+    var _a, _b, _c;
     if (item.type === "condition") {
       const { key, operator, value } = item;
       nodes.push({
@@ -231,48 +302,74 @@ const pqlItemsToPqlNodes = async (items, fields, getCodeListItems) => {
         label: operator == null ? void 0 : operator.label,
         value: operator == null ? void 0 : operator.value
       });
-      const field = fields.find((child) => child.appDEFieldId === (key == null ? void 0 : key.value));
       if (!(value == null ? void 0 : value.type)) {
-        nodes.push({
-          text: value == null ? void 0 : value.value
-        });
-      } else if (field && field.appCodeListId) {
-        const codeItems = codeListMap.get(field.appDEFieldId);
-        const codeItem = codeItems == null ? void 0 : codeItems.find((child) => child.value === (value == null ? void 0 : value.value));
-        if (codeItem) {
-          nodes.push({
-            type: "pql-field-value",
-            label: value == null ? void 0 : value.label,
-            value: value == null ? void 0 : value.value
-          });
-        } else {
-          nodes.push({
-            text: value == null ? void 0 : value.value
-          });
+        if ((operator == null ? void 0 : operator.value) && InOPs.includes(operator.value)) {
+          if ((value == null ? void 0 : value.value) && /^\(.*?\)$/.test(value.value)) {
+            const valueText = value.value.slice(1, -1).trim();
+            if (valueText.startsWith("${") && valueText.endsWith("}")) {
+              let splitArr = valueText.split(/\},\s*/g);
+              splitArr = splitArr.map(
+                (text, i) => i === splitArr.length - 1 ? text : "".concat(text, "}")
+              );
+              if (splitArr.length && splitArr.every((text) => /^\$/.test(text))) {
+                nodes.push({
+                  text: "["
+                });
+                splitArr.forEach((text, i) => {
+                  let valueObj;
+                  try {
+                    valueObj = JSON.parse(text.slice(1));
+                  } catch (err) {
+                    valueObj = { caption: text, value: text };
+                  }
+                  nodes.push({
+                    type: "pql-field-value",
+                    label: valueObj == null ? void 0 : valueObj.caption,
+                    value: valueObj == null ? void 0 : valueObj.value
+                  });
+                  if (i !== splitArr.length - 1) {
+                    nodes.push({
+                      text: ","
+                    });
+                  }
+                });
+                nodes.push({
+                  text: "]"
+                });
+                return;
+              }
+            } else {
+              nodes.push({
+                text: "[".concat(valueText.replace(/'/g, ""), "]")
+              });
+              return;
+            }
+          }
         }
-      } else if (field && field.appDataEntityId) {
-        if ((value == null ? void 0 : value.label) !== (value == null ? void 0 : value.value)) {
-          nodes.push({
-            type: "pql-field-value",
-            label: value == null ? void 0 : value.label,
-            value: value == null ? void 0 : value.value
-          });
-        } else {
-          nodes.push({
-            text: value == null ? void 0 : value.value
-          });
+        if ((operator == null ? void 0 : operator.value) === ValueOP.LIKE) {
+          if ((value == null ? void 0 : value.value) && value.value.startsWith("'%") && value.value.endsWith("%'")) {
+            nodes.push({
+              text: value.value.slice(2, -2)
+            });
+            return;
+          }
         }
+        nodes.push({
+          text: (_a = value == null ? void 0 : value.value) == null ? void 0 : _a.slice(1, -1)
+        });
       } else {
         nodes.push({
-          text: value == null ? void 0 : value.value
+          type: "pql-field-value",
+          label: value == null ? void 0 : value.label,
+          value: value == null ? void 0 : value.value
         });
       }
     }
     if (item.type === "connection") {
       nodes.push({
         type: "pql-field-connection",
-        label: (_a = item.value) == null ? void 0 : _a.label,
-        value: (_b = item.value) == null ? void 0 : _b.value
+        label: (_b = item.value) == null ? void 0 : _b.label,
+        value: (_c = item.value) == null ? void 0 : _c.value
       });
     }
   });
@@ -304,4 +401,4 @@ function isMove(el) {
   return isMove(el.parentElement);
 }
 
-export { ExcludeOPs, FilterModes, InputOPs, generateCustomCond, generateItems, isMove, parseCustomCond, pqlItemsToPqlNodes, pqlNodeToHtml, pqlNodesToHtml };
+export { ExcludeOPs, FilterModes, InOPs, InputOPs, generateCustomCond, generateItems, generateNodeItems, isMove, parseCustomCond, pqlItemsToPqlNodes, pqlNodeToHtml, pqlNodesToHtml };

package/es/common/quick-edit/quick-edit.d.ts

@@ -0,0 +1,38 @@
+import { PropType } from 'vue';
+import { IDEEditForm } from '@ibiz/model-core';
+import { EventBase, IModalData } from '@ibiz-template/runtime';
+import './quick-edit.scss';
+export declare const IBizQuickEdit: import("vue").DefineComponent<{
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        required: true;
+    };
+    modelData: {
+        type: PropType<IDEEditForm>;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onCreated: (event: EventBase) => void;
+    onConfirm: () => void;
+    onCancel: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (_modalData: IModalData) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        required: true;
+    };
+    modelData: {
+        type: PropType<IDEEditForm>;
+    };
+}>> & {
+    onClose?: ((_modalData: IModalData) => any) | undefined;
+}, {}, {}>;

package/es/common/rawitem/rawitem.d.ts

@@ -0,0 +1,51 @@
+import { PropType, Ref } from 'vue';
+import { IRawItemContainer } from '@ibiz/model-core';
+import './rawitem.scss';
+export declare const IBizRawItem: import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+    content: {
+        type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+    };
+    rawItem: {
+        type: PropType<IRawItemContainer>;
+        required: false;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    rawItemText: Ref<string | number | IData>;
+    playerParams: Ref<{
+        id: string;
+        path: string;
+        mute: boolean;
+        autoplay: boolean;
+        replay: boolean;
+        showcontrols: boolean;
+    }>;
+    dividerParams: Ref<{
+        contentPosition: string;
+        html: string;
+    }>;
+    alertParams: Ref<{
+        type: string;
+        title: string;
+        closeabled: boolean;
+        showIcon: boolean;
+    }>;
+    rawItemType: Ref<string>;
+    rawItemContent: Ref<string | number | IData>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+    content: {
+        type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+    };
+    rawItem: {
+        type: PropType<IRawItemContainer>;
+        required: false;
+    };
+}>>, {}, {}>;

package/es/common/rawitem/rawitem.mjs

@@ -3,6 +3,8 @@ import { useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import './rawitem.css';
 import { showTitle } from '@ibiz-template/core';
+import '../../util/index.mjs';
+import { parseHtml } from '../../util/wang-editor-util/wang-editor-util.mjs';
 
 "use strict";
 const IBizRawItem = /* @__PURE__ */ defineComponent({
@@ -49,6 +51,14 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
       const reg = /^https?:|^http?:|(\.png|\.svg|\.jpg|\.png|\.gif|\.psd|\.tif|\.bmp|\.jpeg)/;
       return reg.test(imgUrl);
     };
+    const isHtmlStr = (str) => {
+      try {
+        const fragment = new DOMParser().parseFromString(str, "text/html");
+        return fragment.body.children.length > 0;
+      } catch (error) {
+        return false;
+      }
+    };
     const playerParams = ref({
       id: createUUID(),
       path: "",
@@ -91,6 +101,12 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
           rawItemText.value = val.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;nbsp;/g, " ").replace(/&nbsp;/g, " ");
         }
       }
+      if (rawItemType.value === "HTML" && !isHtmlStr(rawItemText.value)) {
+        rawItemText.value = rawItemText.value.replace(/\n/g, "<br>");
+      }
+      if (rawItemType.value === "HTML") {
+        rawItemText.value = parseHtml(rawItemText.value);
+      }
       if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(rawItemType.value)) {
         if (rawItemContent.value) {
           let rawConfig = {};

package/es/common/row/row.d.ts

@@ -0,0 +1,10 @@
+import { ILayout } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './row.scss';
+export declare const IBizRow: import("vue").DefineComponent<{
+    layout: PropType<ILayout>;
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    layout: PropType<ILayout>;
+}>>, {}, {}>;

package/es/common/sort-bar/sort-bar.d.ts

@@ -0,0 +1,46 @@
+import { ISortItem } from '@ibiz-template/runtime';
+import './sort-bar.scss';
+export declare const IBizSortBar: import("vue").DefineComponent<{
+    sortItems: {
+        type: {
+            (arrayLength: number): ISortItem[];
+            (...items: ISortItem[]): ISortItem[];
+            new (arrayLength: number): ISortItem[];
+            new (...items: ISortItem[]): ISortItem[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onItemClick: (item: ISortItem) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    SortChange: (_item: ISortItem, _order: 'asc' | 'desc' | undefined) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    sortItems: {
+        type: {
+            (arrayLength: number): ISortItem[];
+            (...items: ISortItem[]): ISortItem[];
+            new (arrayLength: number): ISortItem[];
+            new (...items: ISortItem[]): ISortItem[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+    };
+}>> & {
+    onSortChange?: ((...args: never) => any) | undefined;
+}, {}, {}>;

package/es/common/split/split.css

@@ -1 +1 @@
-.ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split-pane{position:absolute}.ibiz-split-pane--left{top:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--right{top:0;right:0;bottom:0;overflow:hidden}.ibiz-split-pane--top{top:0;right:0;left:0;overflow:hidden}.ibiz-split-pane--bottom{right:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--moving{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}
+.ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split--horizontal{display:flex;height:100%}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split-pane{position:absolute}.ibiz-split-pane--left{top:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--right{top:0;right:0;bottom:0;overflow:hidden}.ibiz-split-pane--top{top:0;right:0;left:0;overflow:hidden}.ibiz-split-pane--bottom{right:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--moving{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}

package/es/common/split/split.d.ts

@@ -0,0 +1,56 @@
+import { Ref } from 'vue';
+import './split.scss';
+export declare const IBizSplit: import("vue").DefineComponent<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    mode: {
+        validator: (value: string) => boolean;
+        default: string;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    outerWrapper: Ref<HTMLDivElement | null>;
+    offset: Ref<number>;
+    wrapperClasses: import("vue").ComputedRef<string[]>;
+    paneClasses: import("vue").ComputedRef<string[]>;
+    isHorizontal: import("vue").ComputedRef<boolean>;
+    anotherOffset: import("vue").ComputedRef<number>;
+    handleMousedown: (e: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "on-move-start" | "on-moving" | "on-move-end")[], "update:modelValue" | "on-move-start" | "on-moving" | "on-move-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    mode: {
+        validator: (value: string) => boolean;
+        default: string;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onOn-move-start"?: ((...args: any[]) => any) | undefined;
+    "onOn-moving"?: ((...args: any[]) => any) | undefined;
+    "onOn-move-end"?: ((...args: any[]) => any) | undefined;
+}, {
+    mode: string;
+    modelValue: string | number;
+    max: string | number;
+    min: string | number;
+}, {}>;

package/es/common/split/split.mjs

@@ -142,7 +142,7 @@ const IBizSplit = /* @__PURE__ */ defineComponent({
       "class": this.ns.m("horizontal")
     }, [createVNode("div", {
       "style": {
-        right: "".concat(this.anotherOffset, "%")
+        width: "".concat(this.offset, "%")
       },
       "class": [this.paneClasses, this.ns.bm("pane", "left")]
     }, [(_b = (_a = this.$slots).left) == null ? void 0 : _b.call(_a)]), createVNode("div", {
@@ -155,7 +155,7 @@ const IBizSplit = /* @__PURE__ */ defineComponent({
       "mode": "vertical"
     }, null)]), createVNode("div", {
       "style": {
-        left: "".concat(this.offset, "%")
+        width: "".concat(this.anotherOffset, "%")
       },
       "class": [this.paneClasses, this.ns.bm("pane", "right")]
     }, [(_f = (_e = this.$slots).right) == null ? void 0 : _f.call(_e)])]) : createVNode("div", {

package/es/common/split-trigger/split-trigger.d.ts

@@ -0,0 +1,11 @@
+import './split-trigger.scss';
+export declare const IBizSplitTrigger: import("vue").DefineComponent<{
+    mode: StringConstructor;
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classes: import("vue").ComputedRef<string[]>;
+    barConClasses: import("vue").ComputedRef<string[]>;
+    items: any[];
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: StringConstructor;
+}>>, {}, {}>;