@funcho/ui 1.1.17 → 1.1.19

package/dist/cjs/business/DataTable/DataTable.vue.js

@@ -80,6 +80,7 @@ require('../../components/ContextMenu/index.js');
 require('../../components/CodeEditor/index.js');
 require('../../components/RichEditor/index.js');
 require('../../components/LovText/index.js');
+require('../../components/DotStatus/index.js');
 const ProForm_vue_vue_type_script_setup_true_lang = require('../ProForm/ProForm.vue.js');
 ;/* empty css                       */
 const core = require('@vueuse/core');

package/dist/cjs/business/EditFormCard/EditFormCard.vue.js

@@ -79,6 +79,7 @@ require('../../components/ContextMenu/index.js');
 require('../../components/CodeEditor/index.js');
 require('../../components/RichEditor/index.js');
 require('../../components/LovText/index.js');
+require('../../components/DotStatus/index.js');
 const ProForm_vue_vue_type_script_setup_true_lang = require('../ProForm/ProForm.vue.js');
 ;/* empty css                       */
 const cloneDeep = require('../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.js');

package/dist/cjs/business/ProForm/ProForm.vue.js

@@ -80,6 +80,7 @@ require('../../components/ContextMenu/index.js');
 require('../../components/CodeEditor/index.js');
 require('../../components/RichEditor/index.js');
 require('../../components/LovText/index.js');
+require('../../components/DotStatus/index.js');
 const componentsMap = require('./componentsMap.js');
 const isPlainObject = require('../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isPlainObject.js');
 const cloneDeep = require('../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.js');

package/dist/cjs/business/SidebarMainLayout/SidebarMainLayout.vue.js

@@ -80,6 +80,7 @@ require('../../components/ContextMenu/index.js');
 require('../../components/CodeEditor/index.js');
 require('../../components/RichEditor/index.js');
 require('../../components/LovText/index.js');
+require('../../components/DotStatus/index.js');
 const useNamespace = require('../../hooks/use-namespace.js');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -89,17 +90,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "SidebarMainLayout",
   props: {
     leftBorder: { type: Boolean, default: true },
-    rightBorder: { type: Boolean, default: true }
+    rightBorder: { type: Boolean, default: true },
+    direction: { default: "vertical" }
   },
   setup(__props) {
     const ns = useNamespace.useNamespace("sidebar-main-layout");
     const rightContainer = vue.ref(null);
-    const { height } = core.useElementSize(rightContainer);
+    const { height, width } = core.useElementSize(rightContainer);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(ns).b())
       }, [
-        _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
+        _ctx.$slots.header && __props.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(vue.unref(ns).e("header"))
         }, [
@@ -128,11 +130,24 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createVNode(vue.unref(index$1.FcSplitterPanel), { min: "50%" }, {
                 default: vue.withCtx(() => [
                   vue.createElementVNode("div", {
-                    ref_key: "rightContainer",
-                    ref: rightContainer,
-                    class: vue.normalizeClass({ [vue.unref(ns).e("right")]: true, [vue.unref(ns).is("border")]: __props.rightBorder })
+                    class: vue.normalizeClass({ [vue.unref(ns).e("right")]: true })
                   }, [
-                    vue.renderSlot(_ctx.$slots, "right", { height: vue.unref(height) })
+                    _ctx.$slots.header && __props.direction === "horizontal" ? (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 0,
+                      class: vue.normalizeClass({ [vue.unref(ns).e("header")]: true })
+                    }, [
+                      vue.renderSlot(_ctx.$slots, "header")
+                    ], 2)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", {
+                      ref_key: "rightContainer",
+                      ref: rightContainer,
+                      class: vue.normalizeClass({ [vue.unref(ns).e("container")]: true, [vue.unref(ns).is("border")]: __props.rightBorder })
+                    }, [
+                      vue.renderSlot(_ctx.$slots, "right", {
+                        height: vue.unref(height),
+                        width: vue.unref(width)
+                      })
+                    ], 2)
                   ], 2)
                 ]),
                 _: 3

package/dist/cjs/business/TreeCheckFilter/TreeCheckFilter.vue.js

@@ -80,6 +80,7 @@ require('../../components/ContextMenu/index.js');
 require('../../components/CodeEditor/index.js');
 require('../../components/RichEditor/index.js');
 require('../../components/LovText/index.js');
+require('../../components/DotStatus/index.js');
 const Icons = require('@funcho/icons-vue');
 const core = require('@vueuse/core');
 

package/dist/cjs/business/TreeTransfer/TreeTransfer.vue.js

@@ -82,6 +82,7 @@ require('../../components/ContextMenu/index.js');
 require('../../components/CodeEditor/index.js');
 require('../../components/RichEditor/index.js');
 require('../../components/LovText/index.js');
+require('../../components/DotStatus/index.js');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{

package/dist/cjs/components/ContextMenu/ContextMenu.vue.js

@@ -14,7 +14,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: {
     options: { default: () => [] }
   },
-  setup(__props, { expose: __expose }) {
+  emits: ["command"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const position = vue.ref({
       top: 0,
       left: 0,
@@ -24,14 +25,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const triggerRef = vue.ref({
       getBoundingClientRect: () => position.value
     });
+    const emits = __emit;
+    const handleCommand = (command) => {
+      emits("command", command, ...activeArgs.value);
+    };
     const elRef = vue.ref();
-    const show = (event) => {
+    const activeArgs = vue.ref([]);
+    const show = (event, ...args) => {
       position.value = DOMRect.fromRect({
         x: event.clientX,
         y: event.clientY
       });
       event.preventDefault();
       elRef.value?.handleOpen();
+      activeArgs.value = args;
     };
     __expose(
       new Proxy(
@@ -58,7 +65,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         },
         "virtual-triggering": "",
         trigger: "contextmenu",
-        placement: "bottom-start"
+        placement: "bottom-start",
+        onCommand: handleCommand
       }, {
         dropdown: vue.withCtx(() => [
           vue.createVNode(vue.unref(index.ElDropdownMenu), null, {

package/dist/cjs/components/DotStatus/DotStatus.vue.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const _sfc_main = {  };
+
+function _sfc_render(_ctx, _cache) {
+  return (vue.openBlock(), vue.createElementBlock("div", null, "1"))
+}
+const DotStatus = /*#__PURE__*/_pluginVue_exportHelper.default(_sfc_main, [['render',_sfc_render]]);
+
+exports.default = DotStatus;

package/dist/cjs/components/DotStatus/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const DotStatus = require('./DotStatus.vue.js');
+const withInstall = require('../../_utils/with-install.js');
+
+const FcDotStatus = withInstall.withInstall(DotStatus.default);
+
+exports.FcDotStatus = FcDotStatus;
+exports.default = FcDotStatus;

package/dist/cjs/components/index.js

@@ -81,6 +81,7 @@ const index$1b = require('./ContextMenu/index.js');
 const index$1c = require('./CodeEditor/index.js');
 const index$1d = require('./RichEditor/index.js');
 const index$1e = require('./LovText/index.js');
+const index$1f = require('./DotStatus/index.js');
 const directive = require('../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/loading/src/directive.js');
 const service = require('../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/loading/src/service.js');
 
@@ -192,6 +193,7 @@ exports.FcCodeEditorInput = index$1c.FcCodeEditorInput;
 exports.FcRichEditor = index$1d.FcRichEditor;
 exports.FcRichEditorInput = index$1d.FcRichEditorInput;
 exports.FcLovText = index$1e.FcLovText;
+exports.FcDotStatus = index$1f.FcDotStatus;
 exports.FcLoadingDirective = directive.default;
 exports.vLoading = directive.default;
 exports.FcLoadingService = service.default;

package/dist/cjs/index.js

@@ -7,8 +7,8 @@ const directive = require('./node_modules/.pnpm/element-plus@2.13.5_patch_hash_4
 const dayjs_min = require('./_virtual/dayjs.min.js');
 ;/* empty css                   */
 const lovIdRequestProvide = require('./config/lovId-request-provide.js');
-const index$1n = require('./components/index.js');
-const index$1o = require('./business/index.js');
+const index$1o = require('./components/index.js');
+const index$1p = require('./business/index.js');
 const version = require('./version.js');
 const index$1 = require('./components/Button/index.js');
 const index$2 = require('./components/Dialog/index.js');
@@ -89,20 +89,21 @@ const index$1c = require('./components/ContextMenu/index.js');
 const index$1d = require('./components/CodeEditor/index.js');
 const index$1e = require('./components/RichEditor/index.js');
 const index$1f = require('./components/LovText/index.js');
-const index$1g = require('./business/SidebarMainLayout/index.js');
-const index$1h = require('./business/DataTable/index.js');
-const index$1i = require('./business/ProForm/index.js');
-const index$1j = require('./business/TreeCheckFilter/index.js');
-const index$1k = require('./business/TreeTransfer/index.js');
-const index$1l = require('./business/EditFormCard/index.js');
-const index$1m = require('./business/FormDialog/index.js');
+const index$1g = require('./components/DotStatus/index.js');
+const index$1h = require('./business/SidebarMainLayout/index.js');
+const index$1i = require('./business/DataTable/index.js');
+const index$1j = require('./business/ProForm/index.js');
+const index$1k = require('./business/TreeCheckFilter/index.js');
+const index$1l = require('./business/TreeTransfer/index.js');
+const index$1m = require('./business/EditFormCard/index.js');
+const index$1n = require('./business/FormDialog/index.js');
 
-const components = Object.keys(index$1n).map((key) => {
-  return index$1n[key];
-});
-const proComponents = Object.keys(index$1o).map((key) => {
+const components = Object.keys(index$1o).map((key) => {
   return index$1o[key];
 });
+const proComponents = Object.keys(index$1p).map((key) => {
+  return index$1p[key];
+});
 const installComponents = [...components, ...proComponents].filter((comp) => {
   return typeof comp === "object" && comp.name && typeof comp.install === "function";
 });
@@ -227,12 +228,13 @@ exports.FcCodeEditorInput = index$1d.FcCodeEditorInput;
 exports.FcRichEditor = index$1e.FcRichEditor;
 exports.FcRichEditorInput = index$1e.FcRichEditorInput;
 exports.FcLovText = index$1f.FcLovText;
-exports.FcProSidebarMainLayout = index$1g.FcProSidebarMainLayout;
-exports.FcProDataTable = index$1h.FcProDataTable;
-exports.FcProForm = index$1i.FcProForm;
-exports.FcProTreeCheckFilter = index$1j.FcProTreeCheckFilter;
-exports.FcProTreeTransfer = index$1k.FcProTreeTransfer;
-exports.FcProEditFormCard = index$1l.FcProEditFormCard;
-exports.FcProFormDialog = index$1m.FcProFormDialog;
+exports.FcDotStatus = index$1g.FcDotStatus;
+exports.FcProSidebarMainLayout = index$1h.FcProSidebarMainLayout;
+exports.FcProDataTable = index$1i.FcProDataTable;
+exports.FcProForm = index$1j.FcProForm;
+exports.FcProTreeCheckFilter = index$1k.FcProTreeCheckFilter;
+exports.FcProTreeTransfer = index$1l.FcProTreeTransfer;
+exports.FcProEditFormCard = index$1m.FcProEditFormCard;
+exports.FcProFormDialog = index$1n.FcProFormDialog;
 exports.default = index;
 exports.install = install;

package/dist/cjs/packages/ui/package.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const version = "1.1.17";
+const version = "1.1.19";
 
 exports.version = version;

package/dist/esm/business/DataTable/DataTable.vue.mjs

@@ -76,6 +76,7 @@ import '../../components/ContextMenu/index.mjs';
 import '../../components/CodeEditor/index.mjs';
 import '../../components/RichEditor/index.mjs';
 import '../../components/LovText/index.mjs';
+import '../../components/DotStatus/index.mjs';
 import _sfc_main$1 from '../ProForm/ProForm.vue.mjs';
 /* empty css                       */
 import { useElementSize } from '@vueuse/core';

package/dist/esm/business/EditFormCard/EditFormCard.vue.mjs

@@ -75,6 +75,7 @@ import '../../components/ContextMenu/index.mjs';
 import '../../components/CodeEditor/index.mjs';
 import '../../components/RichEditor/index.mjs';
 import '../../components/LovText/index.mjs';
+import '../../components/DotStatus/index.mjs';
 import _sfc_main$1 from '../ProForm/ProForm.vue.mjs';
 /* empty css                       */
 import cloneDeep from '../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.mjs';

package/dist/esm/business/ProForm/ProForm.vue.mjs

@@ -76,6 +76,7 @@ import '../../components/ContextMenu/index.mjs';
 import '../../components/CodeEditor/index.mjs';
 import '../../components/RichEditor/index.mjs';
 import '../../components/LovText/index.mjs';
+import '../../components/DotStatus/index.mjs';
 import { ComponentsMap } from './componentsMap.mjs';
 import isPlainObject from '../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isPlainObject.mjs';
 import cloneDeep from '../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.mjs';

package/dist/esm/business/SidebarMainLayout/SidebarMainLayout.vue.mjs

@@ -76,6 +76,7 @@ import '../../components/ContextMenu/index.mjs';
 import '../../components/CodeEditor/index.mjs';
 import '../../components/RichEditor/index.mjs';
 import '../../components/LovText/index.mjs';
+import '../../components/DotStatus/index.mjs';
 import { useNamespace } from '../../hooks/use-namespace.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -85,17 +86,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SidebarMainLayout",
   props: {
     leftBorder: { type: Boolean, default: true },
-    rightBorder: { type: Boolean, default: true }
+    rightBorder: { type: Boolean, default: true },
+    direction: { default: "vertical" }
   },
   setup(__props) {
     const ns = useNamespace("sidebar-main-layout");
     const rightContainer = ref(null);
-    const { height } = useElementSize(rightContainer);
+    const { height, width } = useElementSize(rightContainer);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(ns).b())
       }, [
-        _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
+        _ctx.$slots.header && __props.direction === "vertical" ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(unref(ns).e("header"))
         }, [
@@ -124,11 +126,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(unref(FcSplitterPanel), { min: "50%" }, {
                 default: withCtx(() => [
                   createElementVNode("div", {
-                    ref_key: "rightContainer",
-                    ref: rightContainer,
-                    class: normalizeClass({ [unref(ns).e("right")]: true, [unref(ns).is("border")]: __props.rightBorder })
+                    class: normalizeClass({ [unref(ns).e("right")]: true })
                   }, [
-                    renderSlot(_ctx.$slots, "right", { height: unref(height) })
+                    _ctx.$slots.header && __props.direction === "horizontal" ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: normalizeClass({ [unref(ns).e("header")]: true })
+                    }, [
+                      renderSlot(_ctx.$slots, "header")
+                    ], 2)) : createCommentVNode("", true),
+                    createElementVNode("div", {
+                      ref_key: "rightContainer",
+                      ref: rightContainer,
+                      class: normalizeClass({ [unref(ns).e("container")]: true, [unref(ns).is("border")]: __props.rightBorder })
+                    }, [
+                      renderSlot(_ctx.$slots, "right", {
+                        height: unref(height),
+                        width: unref(width)
+                      })
+                    ], 2)
                   ], 2)
                 ]),
                 _: 3

package/dist/esm/business/TreeCheckFilter/TreeCheckFilter.vue.mjs

@@ -76,6 +76,7 @@ import '../../components/ContextMenu/index.mjs';
 import '../../components/CodeEditor/index.mjs';
 import '../../components/RichEditor/index.mjs';
 import '../../components/LovText/index.mjs';
+import '../../components/DotStatus/index.mjs';
 import { Search } from '@funcho/icons-vue';
 import { useElementSize } from '@vueuse/core';
 

package/dist/esm/business/TreeTransfer/TreeTransfer.vue.mjs

@@ -78,6 +78,7 @@ import '../../components/ContextMenu/index.mjs';
 import '../../components/CodeEditor/index.mjs';
 import '../../components/RichEditor/index.mjs';
 import '../../components/LovText/index.mjs';
+import '../../components/DotStatus/index.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/esm/components/ContextMenu/ContextMenu.vue.mjs

@@ -10,7 +10,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     options: { default: () => [] }
   },
-  setup(__props, { expose: __expose }) {
+  emits: ["command"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const position = ref({
       top: 0,
       left: 0,
@@ -20,14 +21,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const triggerRef = ref({
       getBoundingClientRect: () => position.value
     });
+    const emits = __emit;
+    const handleCommand = (command) => {
+      emits("command", command, ...activeArgs.value);
+    };
     const elRef = ref();
-    const show = (event) => {
+    const activeArgs = ref([]);
+    const show = (event, ...args) => {
       position.value = DOMRect.fromRect({
         x: event.clientX,
         y: event.clientY
       });
       event.preventDefault();
       elRef.value?.handleOpen();
+      activeArgs.value = args;
     };
     __expose(
       new Proxy(
@@ -54,7 +61,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         },
         "virtual-triggering": "",
         trigger: "contextmenu",
-        placement: "bottom-start"
+        placement: "bottom-start",
+        onCommand: handleCommand
       }, {
         dropdown: withCtx(() => [
           createVNode(unref(ElDropdownMenu), null, {

package/dist/esm/components/DotStatus/DotStatus.vue.mjs

@@ -0,0 +1,11 @@
+import { createElementBlock, openBlock } from 'vue';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _sfc_main = {  };
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("div", null, "1"))
+}
+const DotStatus = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { DotStatus as default };

package/dist/esm/components/DotStatus/index.mjs

@@ -0,0 +1,6 @@
+import DotStatus from './DotStatus.vue.mjs';
+import { withInstall } from '../../_utils/with-install.mjs';
+
+const FcDotStatus = withInstall(DotStatus);
+
+export { FcDotStatus, FcDotStatus as default };

package/dist/esm/components/index.mjs

@@ -77,5 +77,6 @@ export { FcContextMenu } from './ContextMenu/index.mjs';
 export { FcCodeEditor, FcCodeEditorInput } from './CodeEditor/index.mjs';
 export { FcRichEditor, FcRichEditorInput } from './RichEditor/index.mjs';
 export { FcLovText } from './LovText/index.mjs';
+export { FcDotStatus } from './DotStatus/index.mjs';
 export { default as FcLoadingDirective, default as vLoading } from '../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/loading/src/directive.mjs';
 export { default as FcLoadingService } from '../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/loading/src/service.mjs';

package/dist/esm/index.mjs

@@ -85,6 +85,7 @@ export { FcContextMenu } from './components/ContextMenu/index.mjs';
 export { FcCodeEditor, FcCodeEditorInput } from './components/CodeEditor/index.mjs';
 export { FcRichEditor, FcRichEditorInput } from './components/RichEditor/index.mjs';
 export { FcLovText } from './components/LovText/index.mjs';
+export { FcDotStatus } from './components/DotStatus/index.mjs';
 export { FcProSidebarMainLayout } from './business/SidebarMainLayout/index.mjs';
 export { FcProDataTable } from './business/DataTable/index.mjs';
 export { FcProForm } from './business/ProForm/index.mjs';

package/dist/esm/packages/ui/package.json.mjs

@@ -1,3 +1,3 @@
-const version = "1.1.17";
+const version = "1.1.19";
 
 export { version };

package/dist/style.css

@@ -17051,6 +17051,8 @@ to {
   border-radius: 2px;
 }
 .fc-mkui-sidebar-main-layout__right {
+  display: flex;
+  flex-direction: column;
   height: 100%;
   margin-left: 6px;
   overflow: hidden;
@@ -17059,6 +17061,13 @@ to {
   border: 1px solid #c5d6ff;
   border-radius: 2px;
 }
+.fc-mkui-sidebar-main-layout__container {
+  flex: 1;
+}
+.fc-mkui-sidebar-main-layout__container.is-border {
+  border: 1px solid #c5d6ff;
+  border-radius: 2px;
+}
 .fc-mkui-sidebar-main-layout__splitter .fc-ui-splitter-bar {
   --fc-ui-border-color-light: transparent;
 }.fc-mkui-pro-form__container.is-inline {

package/dist/types/business/SidebarMainLayout/SidebarMainLayout.vue.d.ts

@@ -1,16 +1,19 @@
 type __VLS_Props = {
     leftBorder?: boolean;
     rightBorder?: boolean;
+    direction?: 'horizontal' | 'vertical';
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        header?(_: {}): any;
         header?(_: {}): any;
         left?(_: {
             height: number;
         }): any;
         right?(_: {
             height: number;
+            width: number;
         }): any;
     };
     refs: {
@@ -20,6 +23,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    direction: "horizontal" | "vertical";
     leftBorder: boolean;
     rightBorder: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/types/business/SidebarMainLayout/index.d.ts

@@ -2,7 +2,9 @@ export declare const FcProSidebarMainLayout: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         leftBorder?: boolean;
         rightBorder?: boolean;
+        direction?: "horizontal" | "vertical";
     }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        direction: "horizontal" | "vertical";
         leftBorder: boolean;
         rightBorder: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -17,7 +19,9 @@ export declare const FcProSidebarMainLayout: {
     }, Readonly<{
         leftBorder?: boolean;
         rightBorder?: boolean;
+        direction?: "horizontal" | "vertical";
     }> & Readonly<{}>, {}, {}, {}, {}, {
+        direction: "horizontal" | "vertical";
         leftBorder: boolean;
         rightBorder: boolean;
     }>;
@@ -27,17 +31,21 @@ export declare const FcProSidebarMainLayout: {
 } & import('vue').ComponentOptionsBase<Readonly<{
     leftBorder?: boolean;
     rightBorder?: boolean;
+    direction?: "horizontal" | "vertical";
 }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    direction: "horizontal" | "vertical";
     leftBorder: boolean;
     rightBorder: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
+        header?(_: {}): any;
         header?(_: {}): any;
         left?(_: {
             height: number;
         }): any;
         right?(_: {
             height: number;
+            width: number;
         }): any;
     };
 }) & import('vue').Plugin;

package/dist/types/components/ContextMenu/ContextMenu.vue.d.ts

@@ -580,7 +580,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
     $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
     show: (event: MouseEvent) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    command: (...args: any[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCommand?: ((...args: any[]) => any) | undefined;
+}>, {
     options: FcContextMenuOption[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     elRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{

package/dist/types/components/ContextMenu/index.d.ts

@@ -1,7 +1,9 @@
 export declare const FcContextMenu: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         options?: import('./ContextMenu.vue').FcContextMenuOption[];
-    }> & Readonly<{}>, {
+    }> & Readonly<{
+        onCommand?: ((...args: any[]) => any) | undefined;
+    }>, {
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -575,7 +577,9 @@ export declare const FcContextMenu: {
         $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
         $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
         show: (event: MouseEvent) => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        command: (...args: any[]) => any;
+    }, import('vue').PublicProps, {
         options: import('./ContextMenu.vue').FcContextMenuOption[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         elRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -1047,7 +1051,9 @@ export declare const FcContextMenu: {
         Defaults: {};
     }, Readonly<{
         options?: import('./ContextMenu.vue').FcContextMenuOption[];
-    }> & Readonly<{}>, {
+    }> & Readonly<{
+        onCommand?: ((...args: any[]) => any) | undefined;
+    }>, {
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -1629,7 +1635,9 @@ export declare const FcContextMenu: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     options?: import('./ContextMenu.vue').FcContextMenuOption[];
-}> & Readonly<{}>, {
+}> & Readonly<{
+    onCommand?: ((...args: any[]) => any) | undefined;
+}>, {
     $: import('vue').ComponentInternalInstance;
     $data: {};
     $props: Partial<{
@@ -2203,7 +2211,9 @@ export declare const FcContextMenu: {
     $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
     $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
     show: (event: MouseEvent) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    command: (...args: any[]) => any;
+}, string, {
     options: import('./ContextMenu.vue').FcContextMenuOption[];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
 export default FcContextMenu;

package/dist/types/components/DotStatus/DotStatus.types.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/DotStatus/DotStatus.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/DotStatus/index.d.ts

@@ -0,0 +1,15 @@
+export declare const FcDotStatus: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export default FcDotStatus;
+export * from './DotStatus.types';

package/dist/types/components/index.d.ts

@@ -79,3 +79,4 @@ export * from './ContextMenu';
 export * from './CodeEditor';
 export * from './RichEditor';
 export * from './LovText';
+export * from './DotStatus';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@funcho/ui",
   "description": "@funcho ui library",
-  "version": "1.1.17",
+  "version": "1.1.19",
   "type": "module",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",
@@ -46,8 +46,8 @@
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.7",
     "vue": "^3.5.22",
-    "@funcho/typescript-config": "0.0.1",
-    "@funcho/icons-vue": "1.0.3"
+    "@funcho/icons-vue": "1.0.3",
+    "@funcho/typescript-config": "0.0.1"
   },
   "peerDependencies": {
     "vue": "^3.5.22",