@ibiz-template/vue3-components 0.4.6 → 0.4.8-dev.0

package/es/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.mjs

@@ -1,128 +0,0 @@
-import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vue';
-import { AppMenuIconViewController } from '@ibiz-template/runtime';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
-import './app-menu-portlet.css';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const AppMenuPortletControl = /* @__PURE__ */ defineComponent({
-  name: "IBizAppMenuPortletControl",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    context: {
-      type: Object,
-      required: true
-    },
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    provider: {
-      type: Object
-    },
-    collapse: Boolean,
-    currentPath: String
-  },
-  setup() {
-    var _a;
-    const c = useControlController((...args) => new AppMenuIconViewController(...args));
-    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}-portlet`);
-    const defaultActive = ref("");
-    const defaultOpens = ref([]);
-    (_a = c.model.appMenuItems) == null ? void 0 : _a.forEach((item) => {
-      if (item.itemType === "MENUITEM") {
-        defaultOpens.value.push(item.id);
-      }
-    });
-    const onClick = async (key, event) => {
-      await c.onClickMenuItem(key, event);
-    };
-    const renderItem = (item) => {
-      const state = c.state.menuItemsState[item.id];
-      if (!state.visible) {
-        return null;
-      }
-      let label = item.caption;
-      if (item.capLanguageRes) {
-        label = ibiz.i18n.t(item.capLanguageRes.lanResTag, item.caption);
-      }
-      return createVNode("div", {
-        "class": [ns.b("item"), ns.is("disabled", !item.appFuncId)],
-        "title": item.tooltip || item.caption,
-        "onClick": (event) => {
-          if (item.appFuncId) {
-            onClick(item.id, event);
-          }
-        }
-      }, [createVNode(resolveComponent("iBizIcon"), {
-        "class": ns.be("item", "icon"),
-        "icon": item.sysImage
-      }, null), createVNode("span", {
-        "class": ns.be("item", "label")
-      }, [label])]);
-    };
-    const renderGroup = (item) => {
-      const state = c.state.menuItemsState[item.id];
-      if (!state.visible) {
-        return null;
-      }
-      return createVNode(resolveComponent("el-collapse-item"), {
-        "class": ns.b("group"),
-        "name": item.id,
-        "title": item.caption
-      }, {
-        default: () => {
-          var _a2;
-          return [(_a2 = item.appMenuItems) == null ? void 0 : _a2.map((child) => {
-            return renderItem(child);
-          })];
-        }
-      });
-    };
-    return {
-      c,
-      ns,
-      defaultActive,
-      defaultOpens,
-      onClick,
-      renderGroup,
-      renderItem
-    };
-  },
-  render() {
-    var _a;
-    const {
-      state,
-      model
-    } = this.c;
-    let content = null;
-    if (state.isCreated && ((_a = model.appMenuItems) == null ? void 0 : _a.length)) {
-      let _slot;
-      content = createVNode(resolveComponent("el-collapse"), {
-        "class": this.ns.e("content"),
-        "modelValue": this.defaultOpens,
-        "onUpdate:modelValue": ($event) => this.defaultOpens = $event
-      }, _isSlot(_slot = model.appMenuItems.map((item) => {
-        if (item.itemType !== "MENUITEM") {
-          return null;
-        }
-        return this.renderGroup(item);
-      })) ? _slot : {
-        default: () => [_slot]
-      });
-    }
-    return createVNode(resolveComponent("iBizControlBase"), {
-      "class": [this.ns.b()],
-      "controller": this.c
-    }, _isSlot(content) ? content : {
-      default: () => [content]
-    });
-  }
-});
-
-export { AppMenuPortletControl };

package/es/control/dashboard/portlet/menu-portlet/index.mjs

@@ -1,14 +0,0 @@
-import { registerPortletProvider } from '@ibiz-template/runtime';
-import { withInstall } from '@ibiz-template/vue3-util';
-import { AppMenuPortletControl } from './app-menu-portlet/app-menu-portlet.mjs';
-import { MenuPortlet } from './menu-portlet.mjs';
-import { MenuPortletProvider } from './menu-portlet.provider.mjs';
-
-"use strict";
-const IBizMenuPortlet = withInstall(MenuPortlet, function(v) {
-  v.component(MenuPortlet.name, MenuPortlet);
-  v.component(AppMenuPortletControl.name, AppMenuPortletControl);
-  registerPortletProvider("APPMENU", () => new MenuPortletProvider());
-});
-
-export { IBizMenuPortlet, MenuPortlet, IBizMenuPortlet as default };

package/es/control/dashboard/portlet/menu-portlet/menu-portlet.mjs

@@ -1,48 +0,0 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import { MenuPortletController, ControlType } from '@ibiz-template/runtime';
-
-"use strict";
-const MenuPortlet = /* @__PURE__ */ defineComponent({
-  name: "IBizMenuPortlet",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: MenuPortletController,
-      required: true
-    }
-  },
-  setup(props) {
-    var _a, _b;
-    const ns = useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
-    const menu = (_b = props.modelData.controls) == null ? void 0 : _b.find((item) => {
-      return item.controlType === ControlType.APP_MENU;
-    });
-    return {
-      ns,
-      menu
-    };
-  },
-  render() {
-    const classArr = [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass];
-    const {
-      context,
-      params
-    } = this.controller;
-    return createVNode(resolveComponent("iBizPortletLayout"), {
-      "controller": this.controller,
-      "class": classArr
-    }, {
-      default: () => [this.menu && createVNode(resolveComponent("iBizAppMenuPortletControl"), {
-        "modelData": this.menu,
-        "context": context,
-        "params": params
-      }, null)]
-    });
-  }
-});
-
-export { MenuPortlet };

package/es/control/dashboard/portlet/menu-portlet/menu-portlet.provider.mjs

@@ -1,21 +0,0 @@
-import { MenuPortletController } from '@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 MenuPortletProvider {
-  constructor() {
-    __publicField(this, "component", "IBizMenuPortlet");
-  }
-  async createController(portletModel, dashboard, parent) {
-    const c = new MenuPortletController(portletModel, dashboard, parent);
-    await c.init();
-    return c;
-  }
-}
-
-export { MenuPortletProvider };

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.css

@@ -1 +0,0 @@
-.ibiz-portlet-layout{--ibiz-portlet-layout-bg-color:transparent;--ibiz-portlet-layout-header-height:50px;--ibiz-portlet-layout-header-padding:14px 16px;--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-header-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-border-bottom:var(--ibiz-border);--ibiz-portlet-layout-caption-max-width:300px;--ibiz-portlet-layout-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-portlet-layout-caption-color:var(--ibiz-text-color-primary);--ibiz-portlet-layout-content-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-content-padding:0;--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-padding:var(--ibiz-spacing-tight);width:100%;height:100%;padding:var(--ibiz-portlet-layout-padding);background-color:var(--ibiz-portlet-layout-bg-color)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width);height:100%;padding:0 0 0 var(--ibiz-spacing-base)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);line-height:var(--ibiz-portlet-layout-caption-font-size);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout__caption::before{position:absolute;top:50%;left:0;width:4px;height:20px;content:"";background-color:var(--ibiz-color-primary);border-radius:2px;transform:translateY(-50%)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);background-color:var(--ibiz-portlet-layout-header-bg-color);border-bottom:var(--ibiz-portlet-layout-header-border-bottom)}.ibiz-portlet-layout-header__left{position:relative}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);overflow-y:scroll;background-color:var(--ibiz-portlet-layout-content-bg-color)}

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.mjs

@@ -1,70 +0,0 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import './portlet-layout.css';
-import { PortletPartController } from '@ibiz-template/runtime';
-
-"use strict";
-const PortletLayout = /* @__PURE__ */ defineComponent({
-  name: "IBizPortletLayout",
-  props: {
-    controller: {
-      type: PortletPartController,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("portlet-layout");
-    const c = props.controller;
-    const isShowHeader = computed(() => {
-      return c.model.showTitleBar && (c.model.title || c.model.sysImage) || c.model.uiactionGroup;
-    });
-    const onActionClick = async (detail, event) => {
-      await props.controller.onActionClick(detail, event);
-    };
-    return {
-      c,
-      ns,
-      isShowHeader,
-      onActionClick
-    };
-  },
-  render() {
-    var _a, _b;
-    const {
-      model,
-      state
-    } = this.controller;
-    let title = model.title;
-    if (model.titleLanguageRes) {
-      title = ibiz.i18n.t(model.titleLanguageRes.lanResTag, model.title);
-    }
-    return createVNode("div", {
-      "class": [this.ns.b(), this.ns.is("no-header", !this.isShowHeader)]
-    }, [this.isShowHeader && createVNode("div", {
-      "key": "header",
-      "class": this.ns.b("header")
-    }, [createVNode("div", {
-      "class": this.ns.be("header", "left")
-    }, [model.showTitleBar && createVNode("div", {
-      "class": this.ns.e("caption")
-    }, [createVNode(resolveComponent("iBizIcon"), {
-      "class": this.ns.e("caption-icon"),
-      "icon": model.sysImage
-    }, null), createVNode("span", {
-      "class": this.ns.e("caption-text"),
-      "title": title
-    }, [title])])]), createVNode("div", {
-      "class": this.ns.be("header", "right")
-    }, [model.uiactionGroup && createVNode(resolveComponent("iBizActionToolbar"), {
-      "class": this.ns.e("toolbar"),
-      "action-details": model.uiactionGroup.uiactionGroupDetails,
-      "actions-state": state.actionGroupState,
-      "onActionClick": this.onActionClick
-    }, null)])]), createVNode("div", {
-      "key": "content",
-      "class": this.ns.b("content")
-    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)])]);
-  }
-});
-
-export { PortletLayout };

package/es/control/dashboard/portlet/rawitem-portlet/index.mjs

@@ -1,15 +0,0 @@
-import { registerPortletProvider } from '@ibiz-template/runtime';
-import { withInstall } from '@ibiz-template/vue3-util';
-import { RawItemPortlet } from './rawitem-portlet.mjs';
-import { RawItemPortletProvider } from './rawitem-portlet.provider.mjs';
-
-"use strict";
-const IBizRawItemPortlet = withInstall(
-  RawItemPortlet,
-  function(v) {
-    v.component(RawItemPortlet.name, RawItemPortlet);
-    registerPortletProvider("RAWITEM", () => new RawItemPortletProvider());
-  }
-);
-
-export { IBizRawItemPortlet, RawItemPortlet, IBizRawItemPortlet as default };

package/es/control/dashboard/portlet/rawitem-portlet/rawitem-portlet.mjs

@@ -1,44 +0,0 @@
-import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import { RawItemPortletController } from '@ibiz-template/runtime';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const RawItemPortlet = /* @__PURE__ */ defineComponent({
-  name: "IBizRawItemPortlet",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: RawItemPortletController,
-      required: true
-    }
-  },
-  setup(props) {
-    var _a;
-    const ns = useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
-    const rawItem = props.modelData;
-    return {
-      ns,
-      rawItem
-    };
-  },
-  render() {
-    let _slot;
-    const classArr = [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass];
-    return createVNode(resolveComponent("iBizPortletLayout"), {
-      "controller": this.controller,
-      "class": classArr
-    }, _isSlot(_slot = h(resolveComponent("iBizRawItem"), {
-      rawItem: this.rawItem
-    })) ? _slot : {
-      default: () => [_slot]
-    });
-  }
-});
-
-export { RawItemPortlet };

package/es/control/dashboard/portlet/rawitem-portlet/rawitem-portlet.provider.mjs

@@ -1,21 +0,0 @@
-import { RawItemPortletController } from '@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 RawItemPortletProvider {
-  constructor() {
-    __publicField(this, "component", "IBizRawItemPortlet");
-  }
-  async createController(portletModel, dashboard, parent) {
-    const c = new RawItemPortletController(portletModel, dashboard, parent);
-    await c.init();
-    return c;
-  }
-}
-
-export { RawItemPortletProvider };

package/es/control/dashboard/portlet/view-portlet/index.mjs

@@ -1,12 +0,0 @@
-import { registerPortletProvider } from '@ibiz-template/runtime';
-import { withInstall } from '@ibiz-template/vue3-util';
-import { ViewPortlet } from './view-portlet.mjs';
-import { ViewPortletProvider } from './view-portlet.provider.mjs';
-
-"use strict";
-const IBizViewPortlet = withInstall(ViewPortlet, function(v) {
-  v.component(ViewPortlet.name, ViewPortlet);
-  registerPortletProvider("VIEW", () => new ViewPortletProvider());
-});
-
-export { IBizViewPortlet, ViewPortlet, IBizViewPortlet as default };

package/es/control/dashboard/portlet/view-portlet/view-portlet.mjs

@@ -1,50 +0,0 @@
-import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import { ViewPortletController } from '@ibiz-template/runtime';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const ViewPortlet = /* @__PURE__ */ defineComponent({
-  name: "IBizViewPortlet",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: ViewPortletController,
-      required: true
-    }
-  },
-  setup(props) {
-    var _a;
-    const ns = useNamespace(`portlet-${(_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()}`);
-    const view = props.modelData.portletAppView;
-    return {
-      ns,
-      view
-    };
-  },
-  render() {
-    let _slot;
-    const classArr = [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass];
-    const {
-      context,
-      params
-    } = this.controller;
-    return createVNode(resolveComponent("iBizPortletLayout"), {
-      "controller": this.controller,
-      "class": classArr
-    }, _isSlot(_slot = h(resolveComponent("IBizViewShell"), {
-      context,
-      params,
-      modelData: this.view
-    })) ? _slot : {
-      default: () => [_slot]
-    });
-  }
-});
-
-export { ViewPortlet };

package/es/control/dashboard/portlet/view-portlet/view-portlet.provider.mjs

@@ -1,21 +0,0 @@
-import { ViewPortletController } from '@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 ViewPortletProvider {
-  constructor() {
-    __publicField(this, "component", "IBizViewPortlet");
-  }
-  async createController(portletModel, dashboard, parent) {
-    const c = new ViewPortletController(portletModel, dashboard, parent);
-    await c.init();
-    return c;
-  }
-}
-
-export { ViewPortletProvider };

package/es/control/data-view/data-view.css

@@ -1 +0,0 @@
-.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;height:100%}.ibiz-control-dataview__content{flex-grow:1;height:100%}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview-scroll{display:flex;flex-wrap:wrap;gap:var(--ibiz-spacing-base-tight);align-content:flex-start;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview-item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;color:var(--ibiz-control-dataview-text-color);cursor:pointer}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}.ibiz-control-dataview-group-content__item-content{display:flex;flex-wrap:wrap;gap:var(--ibiz-spacing-base-tight);padding:var(--ibiz-control-dataview-group-item-content-padding);background-color:var(--ibiz-control-dataview-group-item-content-bg-color)}.ibiz-control-dataview-group-content__item-row{padding:var(--ibiz-control-dataview-group-item-content-padding)}.ibiz-control-dataview-group-content__item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}