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

package/es/common/custom-theme/custom-theme.mjs

@@ -1,4 +1,4 @@
-import { isVNode, getCurrentInstance, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, getCurrentInstance, ref, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { CustomThemeController } from './custom-theme.controller.mjs';

package/es/common/data-import/data-import.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, createVNode, resolveComponent, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, withDirectives, createVNode, resolveComponent, resolveDirective } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './data-import.css';
 import { downloadImportTemplate, selectAndImport } from '@ibiz-template/runtime';

package/es/common/data-import2/data-import2.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, watch, onMounted, computed, createVNode, resolveComponent, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, watch, onMounted, computed, withDirectives, createVNode, resolveComponent, resolveDirective } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import qs from 'qs';
 import { getCookie } from 'qx-util';

package/es/common/data-import2-select/data-import2-select.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './data-import2-select.css';
 import { updateImportSchema, deleteImportSchema } from '@ibiz-template/runtime';

package/es/common/data-import2-table/data-import2-table.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './data-import2-table.css';
 

package/es/common/doing-notice/doing-notice.mjs

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './doing-notice.css';
 

package/es/common/emoji-select/components/categories/categories.mjs

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './categories.css';
 import { showTitle } from '@ibiz-template/core';

package/es/common/emoji-select/components/category-label/category-label.mjs

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './category-label.css';
 

package/es/common/emoji-select/components/emoji-item/emoji-item.mjs

@@ -1,4 +1,4 @@
-import { computed, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './emoji-item.css';
 

package/es/common/emoji-select/components/emoji-list/emoji-list.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import '../category-label/index.mjs';
 import '../emoji-item/index.mjs';

package/es/common/emoji-select/components/input-search/input-search.mjs

@@ -1,4 +1,4 @@
-import { ref, createVNode, vModelText, withDirectives, defineComponent } from 'vue';
+import { defineComponent, ref, createVNode, withDirectives, vModelText } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import '../../icons/index.mjs';
 import './input-search.css';

package/es/common/emoji-select/emoji-select.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, onMounted, onUnmounted, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, onMounted, onUnmounted, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './icons/index.mjs';
 import './components/index.mjs';

package/es/common/extend-action-timeline/extend-action-timeline.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, createVNode, resolveComponent, vShow, withDirectives, defineComponent } from 'vue';
+import { defineComponent, ref, watch, createVNode, resolveComponent, withDirectives, vShow } from 'vue';
 import dayjs from 'dayjs';
 import { clone } from 'ramda';
 import './extend-action-timeline.css';

package/es/common/fullscreen-toolbar/fullscreen-toolbar-alarm-clock/fullscreen-toolbar-alarm-clock.mjs

@@ -1,4 +1,4 @@
-import { ref, onMounted, onBeforeUnmount, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, onMounted, onBeforeUnmount, createVNode } from 'vue';
 import './fullscreen-toolbar-alarm-clock.css';
 import { useNamespace } from '@ibiz-template/vue3-util';
 

package/es/common/fullscreen-toolbar/fullscreen-toolbar.mjs

@@ -1,4 +1,4 @@
-import { createVNode, ref, createApp, onMounted, onBeforeUnmount, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, createVNode, ref, createApp, onMounted, onBeforeUnmount, resolveComponent } from 'vue';
 import './fullscreen-toolbar.css';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { IBizAlarmClock } from './fullscreen-toolbar-alarm-clock/fullscreen-toolbar-alarm-clock.mjs';

package/es/common/gantt-setting/gantt-setting.css

@@ -0,0 +1 @@
+.ibiz-gantt-setting{--ibiz-gantt-setting-width:85vw;--ibiz-gantt-setting-max-width:980px;--ibiz-gantt-setting-max-height:85vh;--ibiz-gantt-setting-header-height:56px;--ibiz-gantt-setting-list-height:360px;--ibiz-gantt-setting-disabled-opacity:0.5;display:flex;flex-direction:column;width:var(--ibiz-gantt-setting-width);max-width:var(--ibiz-gantt-setting-width);max-height:var(--ibiz-gantt-setting-max-height)}.ibiz-gantt-setting__header{width:100%;height:var(--ibiz-gantt-setting-header-height);padding:0 var(--ibiz-spacing-extra-loose);font-size:var(--ibiz-font-size-header-5);line-height:var(--ibiz-gantt-setting-header-height)}.ibiz-gantt-setting__content{display:flex;flex:1;justify-content:space-between;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-loose) var(--ibiz-spacing-base)}.ibiz-gantt-setting__content--optional{flex:0 0 calc(50% - var(--ibiz-spacing-base));width:0}.ibiz-gantt-setting__content--selected{flex:0 0 calc(50% - var(--ibiz-spacing-base));width:0}.ibiz-gantt-setting__bottom{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-spacing-base) var(--ibiz-spacing-extra-loose)}.ibiz-gantt-setting__bottom--btn-right{display:flex;align-items:center}.ibiz-gantt-setting-search-list{width:100%}.ibiz-gantt-setting-search-list__caption{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-gantt-setting-search-list__content{border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small)}.ibiz-gantt-setting-search-list__search{padding:0 var(--ibiz-spacing-base-loose);margin:var(--ibiz-spacing-tight) 0}.ibiz-gantt-setting-search-list__search svg{fill:var(--ibiz-color-disabled-text)}.ibiz-gantt-setting-search-list__list{--ibiz-gantt-setting-width:85vw;--ibiz-gantt-setting-max-width:980px;--ibiz-gantt-setting-max-height:85vh;--ibiz-gantt-setting-header-height:56px;--ibiz-gantt-setting-list-height:360px;--ibiz-gantt-setting-disabled-opacity:0.5;height:var(--ibiz-gantt-setting-list-height);padding-bottom:var(--ibiz-spacing-tight);overflow-y:auto}.ibiz-gantt-setting-list-item{--ibiz-gantt-setting-width:85vw;--ibiz-gantt-setting-max-width:980px;--ibiz-gantt-setting-max-height:85vh;--ibiz-gantt-setting-header-height:56px;--ibiz-gantt-setting-list-height:360px;--ibiz-gantt-setting-disabled-opacity:0.5;display:flex;align-items:center;width:100%;height:var(--ibiz-spacing-extra-loose);padding:0 var(--ibiz-spacing-base-loose);overflow:hidden;cursor:pointer}.ibiz-gantt-setting-list-item:hover{background-color:var(--ibiz-color-fill-2)}.ibiz-gantt-setting-list-item__caption{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-gantt-setting-list-item__end-icon{display:flex;align-items:center;justify-content:center;cursor:pointers}.ibiz-gantt-setting-list-item__end-icon svg{fill:var(--ibiz-color-primary)}.ibiz-gantt-setting-list-item__end-icon--close{width:100%;height:100%}.ibiz-gantt-setting-list-item__end-icon--close svg{fill:var(--ibiz-color-text-3)}.ibiz-gantt-setting-list-item__end-icon--close svg:hover{fill:var(--ibiz-color-primary)}.ibiz-gantt-setting-list-item.is-optional .ibiz-gantt-setting-list-item__end-icon{cursor:pointers}.ibiz-gantt-setting-list-item.is-optional .ibiz-gantt-setting-list-item__end-icon svg{fill:var(--ibiz-color-primary)}.ibiz-gantt-setting-list-item.is-disabled{cursor:not-allowed;background:0 0;opacity:var(--ibiz-gantt-setting-disabled-opacity)}@media (width >= 992px){.ibiz-gantt-setting{--ibiz-gantt-setting-width:85vw;--ibiz-gantt-setting-max-width:980px;--ibiz-gantt-setting-max-height:85vh;--ibiz-gantt-setting-header-height:56px;--ibiz-gantt-setting-list-height:360px;--ibiz-gantt-setting-disabled-opacity:0.5;max-width:var(--ibiz-gantt-setting-max-width)}}@media (height <= 768px){.ibiz-gantt-setting-search-list{display:flex;flex-direction:column;height:100%}.ibiz-gantt-setting-search-list__content{display:flex;flex:1;flex-direction:column;height:100%}.ibiz-gantt-setting-search-list__list{display:flex;flex:1;flex-direction:column;height:100%}}

package/es/common/gantt-setting/gantt-setting.d.ts

@@ -0,0 +1,53 @@
+import { PropType } from 'vue';
+import { IModal, IColumnState } from '@ibiz-template/runtime';
+import './gantt-setting.scss';
+type ListType = 'optional' | 'selected';
+export declare const IBizGanttSetting: import("vue").DefineComponent<{
+    modal: {
+        type: PropType<IModal>;
+        required: true;
+    };
+    columnStates: {
+        type: PropType<IColumnState[]>;
+        required: true;
+    };
+    mustShowColumns: {
+        type: PropType<string[]>;
+        required: true;
+        default: () => string[];
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    optionalInput: import("vue").Ref<string>;
+    selectedInput: import("vue").Ref<string>;
+    states: import("vue").Ref<{
+        key: string;
+        caption: string;
+        hidden: boolean;
+        hideMode: number;
+        uaColumn: boolean;
+        fixed?: "left" | "right" | undefined;
+        adaptive?: boolean | undefined;
+    }[]>;
+    renderSearchList: (listData?: IColumnState[], type?: ListType) => JSX.Element;
+    onClose: () => void;
+    onConfirm: () => void;
+    onResultDefault: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modal: {
+        type: PropType<IModal>;
+        required: true;
+    };
+    columnStates: {
+        type: PropType<IColumnState[]>;
+        required: true;
+    };
+    mustShowColumns: {
+        type: PropType<string[]>;
+        required: true;
+        default: () => string[];
+    };
+}>> & {}, {
+    mustShowColumns: string[];
+}, {}>;
+export {};

package/es/common/gantt-setting/gantt-setting.mjs

@@ -0,0 +1,217 @@
+import { isVNode, createVNode, defineComponent, ref, watch, resolveComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { clone } from 'ramda';
+import './gantt-setting.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const selectedIcon = () => createVNode("svg", {
+  "viewBox": "0 0 16 16",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "height": "1em",
+  "width": "1em",
+  "focusable": "false"
+}, [createVNode("g", {
+  "stroke-width": "1",
+  "fill-rule": "evenodd"
+}, [createVNode("path", {
+  "d": "M6.012 11.201L1.313 6.832l-.817.879 5.54 5.15 9.304-9.163-.842-.855z"
+}, null)])]);
+const closeIcon = () => createVNode("svg", {
+  "viewBox": "0 0 16 16",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "height": "1em",
+  "width": "1em",
+  "focusable": "false"
+}, [createVNode("g", {
+  "stroke-width": "1",
+  "fill-rule": "evenodd"
+}, [createVNode("path", {
+  "d": "M7.456 7.456V-.115h1.2v7.571h7.572v1.2H8.656v7.572h-1.2V8.656H-.115v-1.2h7.571z",
+  "transform": "rotate(45 8.056 8.056)"
+}, null)])]);
+const searchIcon = () => createVNode("svg", {
+  "viewBox": "0 0 16 16",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "height": "1em",
+  "width": "1em",
+  "focusable": "false"
+}, [createVNode("g", {
+  "stroke-width": "1",
+  "fill-rule": "evenodd"
+}, [createVNode("path", {
+  "d": "M6.751 12.303A5.557 5.557 0 0 1 1.2 6.751C1.2 3.691 3.69 1.2 6.751 1.2a5.558 5.558 0 0 1 5.551 5.551 5.557 5.557 0 0 1-5.551 5.552M6.751 0a6.751 6.751 0 1 0 4.309 11.949l3.855 3.855a.6.6 0 1 0 .849-.849l-3.854-3.853A6.751 6.751 0 0 0 6.751 0"
+}, null)])]);
+const IBizGanttSetting = /* @__PURE__ */ defineComponent({
+  name: "IBizGanttSetting",
+  props: {
+    modal: {
+      type: Object,
+      required: true
+    },
+    // 表格列状态数组
+    columnStates: {
+      type: Object,
+      required: true
+    },
+    // 必须显示的列
+    mustShowColumns: {
+      type: Array,
+      required: true,
+      default: () => ["sn", "name"]
+    }
+  },
+  emits: [],
+  setup(props) {
+    const ns = useNamespace("gantt-setting");
+    const optionalInput = ref("");
+    const selectedInput = ref("");
+    const states = ref([]);
+    const calcMustShowColumn = (item) => {
+      return props.mustShowColumns.some((item2) => item.key === item2);
+    };
+    const initData = () => {
+      states.value = clone(props.columnStates);
+    };
+    watch(() => props.columnStates, () => {
+      initData();
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const onListItemClose = (e, item) => {
+      e.stopPropagation();
+      Object.assign(item, {
+        hidden: !item.hidden
+      });
+    };
+    const onListItemClick = (item) => {
+      Object.assign(item, {
+        hidden: !item.hidden
+      });
+    };
+    const onClose = () => {
+      props.modal.dismiss();
+    };
+    const onConfirm = () => {
+      const modalData = {
+        ok: true,
+        data: states.value
+      };
+      props.modal.dismiss(modalData);
+    };
+    const onResultDefault = () => {
+      initData();
+    };
+    const renderLeftSearch = () => {
+      return createVNode(resolveComponent("el-input"), {
+        "placeholder": ibiz.i18n.t("app.search"),
+        "modelValue": optionalInput.value,
+        "onUpdate:modelValue": ($event) => optionalInput.value = $event,
+        "clearable": true
+      }, {
+        prefix: () => searchIcon()
+      });
+    };
+    const renderRightSearch = () => {
+      return createVNode(resolveComponent("el-input"), {
+        "placeholder": ibiz.i18n.t("app.search"),
+        "modelValue": selectedInput.value,
+        "onUpdate:modelValue": ($event) => selectedInput.value = $event,
+        "clearable": true
+      }, {
+        prefix: () => searchIcon()
+      });
+    };
+    const renderListItem = (item, type = "optional") => {
+      const caption = item.caption || "";
+      const isOptional = type === "optional";
+      const isMust = calcMustShowColumn(item);
+      if (!isOptional && item.hidden && !isMust) {
+        return null;
+      }
+      const isSelectedShow = isOptional && states.value.some((item2) => item.key === item2.key && !item.hidden);
+      return createVNode("div", {
+        "class": [ns.b("list-item"), ns.is("disabled", isMust && isOptional)],
+        "onClick": () => isOptional && !isMust && onListItemClick(item)
+      }, [createVNode("div", {
+        "class": ns.be("list-item", "caption")
+      }, [caption]), createVNode("div", {
+        "class": [ns.be("list-item", "end-icon")]
+      }, [(isSelectedShow || isOptional && isMust) && selectedIcon(), !isOptional && !isMust && createVNode("div", {
+        "class": ns.bem("list-item", "end-icon", "close"),
+        "onClick": (e) => onListItemClose(e, item)
+      }, [closeIcon()])])]);
+    };
+    const renderSearchList = (listData = [], type = "optional") => {
+      const isOptional = type === "optional";
+      const searchVal = isOptional ? optionalInput.value : selectedInput.value;
+      const values = [];
+      listData.forEach((item) => {
+        var _a;
+        return ((_a = item.caption) == null ? void 0 : _a.includes(searchVal)) && values.push(item);
+      });
+      const lengthNum = isOptional ? values.length : listData.filter((item) => !item.hidden).length;
+      const caption = isOptional ? ibiz.i18n.t("component.ganttSetting.optionalAttribute") : ibiz.i18n.t("component.ganttSetting.selectedAttribute");
+      return createVNode("div", {
+        "class": ns.b("search-list")
+      }, [createVNode("div", {
+        "class": ns.be("search-list", "caption")
+      }, ["".concat(caption, " \xB7 ").concat(lengthNum)]), createVNode("div", {
+        "class": ns.be("search-list", "content")
+      }, [createVNode("div", {
+        "class": ns.be("search-list", "search")
+      }, [isOptional ? renderLeftSearch() : renderRightSearch()]), createVNode("div", {
+        "class": ns.be("search-list", "list")
+      }, [values.map((item) => {
+        return renderListItem(item, type);
+      })])])]);
+    };
+    return {
+      ns,
+      optionalInput,
+      selectedInput,
+      states,
+      renderSearchList,
+      onClose,
+      onConfirm,
+      onResultDefault
+    };
+  },
+  render() {
+    let _slot, _slot2, _slot3;
+    return createVNode("div", {
+      "class": [this.ns.b()]
+    }, [createVNode("div", {
+      "class": [this.ns.e("header")]
+    }, [ibiz.i18n.t("component.ganttSetting.headerCaption")]), createVNode("div", {
+      "class": [this.ns.e("content")]
+    }, [createVNode("div", {
+      "class": [this.ns.em("content", "optional")]
+    }, [this.renderSearchList(this.states, "optional")]), createVNode("div", {
+      "class": [this.ns.em("content", "selected")]
+    }, [this.renderSearchList(this.states, "selected")])]), createVNode("div", {
+      "class": [this.ns.e("bottom")]
+    }, [createVNode(resolveComponent("el-button"), {
+      "type": "text",
+      "onClick": this.onResultDefault
+    }, _isSlot(_slot = ibiz.i18n.t("component.ganttSetting.resultDefault")) ? _slot : {
+      default: () => [_slot]
+    }), createVNode("div", {
+      "class": [this.ns.em("bottom", "btn-right")]
+    }, [createVNode(resolveComponent("el-button"), {
+      "type": "text",
+      "onClick": this.onClose
+    }, _isSlot(_slot2 = ibiz.i18n.t("app.cancel")) ? _slot2 : {
+      default: () => [_slot2]
+    }), createVNode(resolveComponent("el-button"), {
+      "onClick": this.onConfirm
+    }, _isSlot(_slot3 = ibiz.i18n.t("app.confirm")) ? _slot3 : {
+      default: () => [_slot3]
+    })])])]);
+  }
+});
+
+export { IBizGanttSetting };

package/es/common/grid-setting/grid-setting.css

@@ -1 +1 @@
-.ibiz-grid-setting-column-states{width:100%;max-height:500px;overflow-y:auto}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-extra-tight) 0;font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state ion-icon{display:inline-block;width:var(--ibiz-font-size-small);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state .ibiz-grid-setting-drag-icon{color:var(--ibiz-color-text)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state .ibiz-grid-setting-enable-icon{color:var(--ibiz-color-success)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state .ibiz-grid-setting-disable-icon{display:none;color:var(--ibiz-color-danger)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state .ibiz-grid-setting-state-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled .ibiz-grid-setting-enable-icon{display:none}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled .ibiz-grid-setting-disable-icon{display:block}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled .ibiz-grid-setting-state-caption{color:var(--ibiz-color-disabled-text)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-grid-setting-set-icon{color:var(--ibiz-color-primary);cursor:pointer}
+.ibiz-grid-setting-column-states{width:100%;max-height:500px;overflow-y:auto}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-extra-tight) 0;font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state ion-icon{display:inline-block;width:var(--ibiz-font-size-small);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state .ibiz-grid-setting-drag-icon{color:var(--ibiz-color-text)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state .ibiz-grid-setting-enable-icon{color:var(--ibiz-color-success)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state .ibiz-grid-setting-disable-icon{display:none;color:var(--ibiz-color-danger)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state .ibiz-grid-setting-state-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled .ibiz-grid-setting-enable-icon{display:none}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled .ibiz-grid-setting-disable-icon{display:block}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled .ibiz-grid-setting-state-caption{color:var(--ibiz-color-disabled-text)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-grid-setting-set-icon{color:var(--ibiz-color-primary);cursor:pointer}.ibiz-grid-setting__nav-icon{cursor:pointer;color:var(--ibiz-color-primary);padding-left:var(--ibiz-spacing-tight)}

package/es/common/grid-setting/grid-setting.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import './grid-setting.scss';
 import { GridController, IColumnState } from '@ibiz-template/runtime';
+import './grid-setting.scss';
 export declare const IBizGridSetting: import("vue").DefineComponent<{
     columnStates: {
         type: PropType<IColumnState[]>;
@@ -25,6 +25,7 @@ export declare const IBizGridSetting: import("vue").DefineComponent<{
     isDraggable: import("vue").ComputedRef<boolean>;
     handleClick: (dragColumnState: IColumnState) => void;
     onDragChange: (evt: IData) => Promise<void>;
+    onShowNavView: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     columnStates: {
         type: PropType<IColumnState[]>;

package/es/common/grid-setting/grid-setting.mjs

@@ -1,8 +1,8 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import './grid-setting.css';
 import draggable from 'vuedraggable';
 import { showTitle } from '@ibiz-template/core';
+import './grid-setting.css';
 
 "use strict";
 const IBizGridSetting = /* @__PURE__ */ defineComponent({
@@ -49,17 +49,23 @@ const IBizGridSetting = /* @__PURE__ */ defineComponent({
         c.changeColumnStateSort(movedDragColumnState.key, newIndex, oldIndex);
       }
     };
+    const onShowNavView = () => {
+      c.state.showNavView = !c.state.showNavView;
+    };
     return {
       ns,
       c,
       dragColumnStates,
       isDraggable,
       handleClick,
-      onDragChange
+      onDragChange,
+      onShowNavView
     };
   },
   render() {
-    return createVNode(resolveComponent("el-popover"), {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode(resolveComponent("el-popover"), {
       "placement": "right-start",
       "trigger": "click",
       "width": "auto"
@@ -115,7 +121,17 @@ const IBizGridSetting = /* @__PURE__ */ defineComponent({
           }
         });
       }
-    });
+    }), this.c.state.enableNavView ? !this.c.state.showNavView ? createVNode("ion-icon", {
+      "class": this.ns.e("nav-icon"),
+      "title": ibiz.i18n.t("component.controlNavigation.showNav"),
+      "name": "eye-outline",
+      "onClick": this.onShowNavView
+    }, null) : createVNode("ion-icon", {
+      "class": this.ns.e("nav-icon"),
+      "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
+      "name": "eye-off-outline",
+      "onClick": this.onShowNavView
+    }, null) : null]);
   }
 });
 

package/es/common/index.mjs

@@ -26,6 +26,11 @@ import { IBizQuickEdit } from './quick-edit/quick-edit.mjs';
 import { IBizFullscreenToolbar } from './fullscreen-toolbar/fullscreen-toolbar.mjs';
 import { IBizPqlEditor } from './pql-editor/pql-editor.mjs';
 import { IBizCustomFilterCondition } from './custom-filter-condition/custom-filter-condition.mjs';
+import { IBizAnchorContainer } from './anchor-container/anchor-container.mjs';
+import { IBizButtonList } from './button-list/button-list.mjs';
+import { IBizControlNavigation } from './control-navigation/control-navigation.mjs';
+import { IBizGanttSetting } from './gantt-setting/gantt-setting.mjs';
+import { IBizNavSplit } from './nav-split/nav-split.mjs';
 
 "use strict";
 const IBizCommonComponents = {
@@ -69,6 +74,11 @@ const IBizCommonComponents = {
     v.component(IBizFullscreenToolbar.name, IBizFullscreenToolbar);
     v.component(IBizPqlEditor.name, IBizPqlEditor);
     v.component(IBizCustomFilterCondition.name, IBizCustomFilterCondition);
+    v.component(IBizAnchorContainer.name, IBizAnchorContainer);
+    v.component(IBizButtonList.name, IBizButtonList);
+    v.component(IBizControlNavigation.name, IBizControlNavigation);
+    v.component(IBizGanttSetting.name, IBizGanttSetting);
+    v.component(IBizNavSplit.name, IBizNavSplit);
   }
 };
 

package/es/common/map-chart/map-chart.mjs

@@ -1,5 +1,5 @@
-import { computed, onMounted, toRefs, watch, createVNode, defineComponent } from 'vue';
-import { isNil, mergeDeepWithKey } from 'ramda';
+import { defineComponent, computed, onMounted, toRefs, watch, createVNode } from 'vue';
+import { mergeDeepWithKey, isNil } from 'ramda';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { defaultOpts } from './map-chart.util.mjs';
 import { useMapManager } from './map-manager.mjs';

package/es/common/nav-split/nav-split.css

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

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

@@ -0,0 +1,57 @@
+import { Ref } from 'vue';
+import './nav-split.scss';
+export declare const IBizNavSplit: import("vue").DefineComponent<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    mode: {
+        validator: (value: string) => boolean;
+        default: string;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, {
+    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;
+    handleMove: (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: number;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}>> & {
+    "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;
+}, {}>;