@ibiz-template/vue3-components 0.2.11 → 0.2.12

package/es/common/icon/icon.mjs

@@ -1,88 +0,0 @@
-import { createVNode, computed, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import { isSvg } from '@ibiz-template/core';
-
-"use strict";
-const IBizIcon = /* @__PURE__ */ defineComponent({
-  name: "IBizIcon",
-  props: {
-    icon: {
-      type: Object
-    },
-    size: {
-      type: String
-    },
-    baseDir: {
-      type: String,
-      default: "images"
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("icon");
-    const BaseUrl = `${ibiz.env.assetsUrl}/${props.baseDir}/`;
-    function getContent(icon) {
-      if (icon) {
-        if (icon.htmlStr) {
-          return createVNode("span", {
-            "class": ns.b(),
-            "innerHTML": icon.htmlStr
-          }, null);
-        }
-        if (icon.cssClass) {
-          if (icon.cssClass.indexOf("fa-") !== -1) {
-            return createVNode("i", {
-              "class": [ns.b(), icon.cssClass]
-            }, null);
-          }
-          return createVNode("ion-icon", {
-            "class": ns.b(),
-            "name": icon.cssClass
-          }, null);
-        }
-        if (icon.imagePath) {
-          if (icon.imagePath.endsWith("svg")) {
-            if (icon.imagePath.startsWith("http")) {
-              return createVNode("img", {
-                "class": ns.b(),
-                "src": icon.imagePath
-              }, null);
-            }
-            return createVNode("ion-icon", {
-              "src": BaseUrl + icon.imagePath,
-              "class": ns.b()
-            }, null);
-          }
-          if (icon.imagePath.startsWith("http")) {
-            return createVNode("img", {
-              "class": ns.b(),
-              "src": icon.imagePath
-            }, null);
-          }
-          return createVNode("img", {
-            "class": ns.b(),
-            "src": BaseUrl + icon.imagePath
-          }, null);
-        }
-        if (icon.rawContent) {
-          if (isSvg(icon.rawContent)) {
-            return createVNode("div", {
-              "class": ns.b(),
-              "innerHTML": icon.rawContent
-            }, null);
-          }
-          return createVNode("img", {
-            "class": ns.b(),
-            "src": icon.rawContent
-          }, null);
-        }
-      }
-      return null;
-    }
-    const content = computed(() => {
-      return getContent(props.icon);
-    });
-    return () => content.value;
-  }
-});
-
-export { IBizIcon };

package/es/common/router-view/router-view.d.ts

@@ -1,29 +0,0 @@
-import { PropType, VNode } from 'vue';
-import { RouteLocationNormalizedLoaded } from 'vue-router';
-/**
- * 只会第一次绘制的时候绘制路由相关的内容，后面路由导致的router-view的回调都屏蔽了。
- * 通过变更manualKey,来强制刷新router-view的slot回调。并且吧manualKey传给Component的key，搭配AppKeepAlive可以缓存组件
- */
-export declare const IBizRouterView: import("vue").DefineComponent<{
-    name: {
-        type: PropType<string>;
-        default: string;
-    };
-    route: PropType<RouteLocationNormalizedLoaded>;
-    manualKey: {
-        type: StringConstructor;
-    };
-}, {
-    renderComp: (Component: VNode, _route: any) => VNode | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    name: {
-        type: PropType<string>;
-        default: string;
-    };
-    route: PropType<RouteLocationNormalizedLoaded>;
-    manualKey: {
-        type: StringConstructor;
-    };
-}>>, {
-    name: string;
-}, {}>;

package/es/common/router-view/router-view.mjs

@@ -1,75 +0,0 @@
-import { watch, h, resolveComponent, createVNode, defineComponent } from 'vue';
-import { isNotNil } from 'ramda';
-
-"use strict";
-const IBizRouterView = /* @__PURE__ */ defineComponent({
-  name: "IBizRouterView",
-  inheritAttrs: false,
-  props: {
-    name: {
-      type: String,
-      default: "default"
-    },
-    route: Object,
-    manualKey: {
-      type: String
-    }
-  },
-  setup(props, {
-    attrs
-  }) {
-    const cache = {};
-    let isActive = true;
-    watch(() => props.manualKey, (newVal, oldVal) => {
-      if (isNotNil(newVal) && newVal !== oldVal) {
-        isActive = true;
-      }
-    });
-    const renderComp = (Component, _route) => {
-      if (!isActive) {
-        return cache.vNode;
-      }
-      isActive = false;
-      if (Component) {
-        const tempProps = {
-          ...Component.props
-        };
-        delete tempProps.onVnodeUnmounted;
-        delete tempProps.ref;
-        const hNode = h(Component.type, {
-          ...tempProps,
-          ...attrs,
-          key: props.manualKey
-        });
-        cache.vNode = hNode;
-        return hNode;
-      }
-      return void 0;
-    };
-    return {
-      renderComp
-    };
-  },
-  render() {
-    return createVNode(resolveComponent("router-view"), {
-      "name": this.name,
-      "route": this.route
-    }, {
-      default: ({
-        Component,
-        route
-      }) => {
-        const newComp = this.renderComp(Component, route);
-        if (this.$slots.default) {
-          return this.$slots.default({
-            Component: newComp,
-            route
-          });
-        }
-        return newComp;
-      }
-    });
-  }
-});
-
-export { IBizRouterView };

package/es/common/view-shell/view-shell.css

@@ -1 +0,0 @@
-.ibiz-view-shell{position:relative;width:100%;height:100%}

package/es/common/view-shell/view-shell.d.ts

@@ -1,39 +0,0 @@
-import { IViewProvider } from '@ibiz-template/runtime';
-import { PropType } from 'vue';
-import './view-shell.scss';
-import { IAppView } from '@ibiz/model-core';
-export declare const IBizViewShell: import("vue").DefineComponent<{
-    context: {
-        type: PropType<IContext>;
-        required: true;
-    };
-    params: {
-        type: PropType<IParams>;
-    };
-    modelData: {
-        type: PropType<IAppView>;
-    };
-    viewId: {
-        type: StringConstructor;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    isComplete: import("vue").Ref<boolean>;
-    errMsg: import("vue").Ref<string>;
-    viewModelData: import("vue").Ref<IAppView | undefined>;
-    provider: import("vue").Ref<IViewProvider | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    context: {
-        type: PropType<IContext>;
-        required: true;
-    };
-    params: {
-        type: PropType<IParams>;
-    };
-    modelData: {
-        type: PropType<IAppView>;
-    };
-    viewId: {
-        type: StringConstructor;
-    };
-}>>, {}, {}>;

package/es/common/view-shell/view-shell.mjs

@@ -1,76 +0,0 @@
-import { ref, resolveComponent, h, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
-import { getViewProvider } from '@ibiz-template/runtime';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import './view-shell.css';
-import { RuntimeError } from '@ibiz-template/core';
-
-"use strict";
-const IBizViewShell = /* @__PURE__ */ defineComponent({
-  name: "IBizViewShell",
-  props: {
-    context: {
-      type: Object,
-      required: true
-    },
-    params: {
-      type: Object
-    },
-    modelData: {
-      type: Object
-    },
-    viewId: {
-      type: String
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("view-shell");
-    const isComplete = ref(false);
-    const errMsg = ref("");
-    const provider = ref();
-    const viewModelData = ref();
-    const init = async () => {
-      let viewModel;
-      if (props.modelData) {
-        viewModel = props.modelData;
-      } else {
-        viewModel = await ibiz.hub.getAppView(props.viewId);
-      }
-      if (!viewModel) {
-        throw new RuntimeError("\u672A\u627E\u5230\u89C6\u56FE\u6A21\u578B");
-      }
-      viewModelData.value = viewModel;
-      try {
-        provider.value = await getViewProvider(viewModel);
-      } catch (error) {
-        ibiz.log.error(error);
-        errMsg.value = error.message;
-      } finally {
-        isComplete.value = true;
-      }
-    };
-    init();
-    return {
-      ns,
-      isComplete,
-      errMsg,
-      viewModelData,
-      provider
-    };
-  },
-  render() {
-    if (this.isComplete && this.provider) {
-      return h(resolveComponent(this.provider.component), {
-        context: this.$props.context,
-        params: this.$props.params,
-        modelData: this.viewModelData,
-        ...this.$attrs,
-        provider: this.provider
-      }, this.$slots);
-    }
-    return withDirectives(createVNode("div", {
-      "class": this.ns.b()
-    }, [this.isComplete ? this.errMsg : null]), [[resolveDirective("loading"), !this.isComplete]]);
-  }
-});
-
-export { IBizViewShell };

package/es/panel-component/grid-container/grid-container.controller.d.ts

@@ -1,14 +0,0 @@
-import { PanelItemController } from '@ibiz-template/runtime';
-import { IPanelContainer } from '@ibiz/model-core';
-import { GridContainerState } from './grid-container.state';
-/**
- * 面板栅格容器控制器
- *
- * @export
- * @class GridContainerController
- * @extends {PanelItemController}
- */
-export declare class GridContainerController extends PanelItemController<IPanelContainer> {
-    state: GridContainerState;
-    protected createState(): GridContainerState;
-}

package/es/panel-component/grid-container/grid-container.controller.mjs

@@ -1,12 +0,0 @@
-import { PanelItemController } from '@ibiz-template/runtime';
-import { GridContainerState } from './grid-container.state.mjs';
-
-"use strict";
-class GridContainerController extends PanelItemController {
-  createState() {
-    var _a;
-    return new GridContainerState((_a = this.parent) == null ? void 0 : _a.state);
-  }
-}
-
-export { GridContainerController };

package/es/panel-component/grid-container/grid-container.css

@@ -1 +0,0 @@
-.ibiz-grid-container{--ibiz-grid-container-bg-color:var(--ibiz-bg-color-overlay);--ibiz-grid-container-padding:var(--ibiz-padding);width:100%;height:100%;overflow:auto}.ibiz-grid-container.is-hidden{display:none}

package/es/panel-component/grid-container/grid-container.d.ts

@@ -1,37 +0,0 @@
-import { IFlexLayoutPos, IPanelContainer } from '@ibiz/model-core';
-import { PropType, Ref } from 'vue';
-import { GridContainerController } from './grid-container.controller';
-import './grid-container.scss';
-export declare const GridContainer: import("vue").DefineComponent<{
-    modelData: {
-        type: PropType<IPanelContainer>;
-        required: true;
-    };
-    controller: {
-        type: typeof GridContainerController;
-        required: true;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    classArr: import("vue").ComputedRef<(string | false)[]>;
-    layoutModel: import("vue").ComputedRef<{
-        layout: string;
-        appId?: string | undefined;
-        id?: string | undefined;
-        name?: string | undefined;
-        codeName?: string | undefined;
-        userParam?: Record<string, string> | undefined;
-    }>;
-    convertLayoutPos: (layoutPos: IFlexLayoutPos, adaptGrow: number) => IFlexLayoutPos;
-    adaptGrow: Ref<number>;
-    adaptCols: Ref<number | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelData: {
-        type: PropType<IPanelContainer>;
-        required: true;
-    };
-    controller: {
-        type: typeof GridContainerController;
-        required: true;
-    };
-}>>, {}, {}>;

package/es/panel-component/grid-container/grid-container.mjs

@@ -1,105 +0,0 @@
-import { isVNode, computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import { GridContainerController } from './grid-container.controller.mjs';
-import './grid-container.css';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const GridContainer = /* @__PURE__ */ defineComponent({
-  name: "IBizGridContainer",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: GridContainerController,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("grid-container");
-    const {
-      id
-    } = props.modelData;
-    const classArr = computed(() => {
-      let result = [ns.b(), ns.m(id)];
-      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
-      return result;
-    });
-    const layoutModel = computed(() => {
-      return {
-        ...props.modelData.layout,
-        layout: "TABLE_12COL"
-      };
-    });
-    const convertLayoutPos = (layoutPos, adaptGrow2) => {
-      const result = {
-        ...layoutPos,
-        layout: "TABLE_12COL",
-        colXS: layoutPos.grow || adaptGrow2,
-        colSM: layoutPos.grow || adaptGrow2,
-        colMD: layoutPos.grow || adaptGrow2,
-        colLG: layoutPos.grow || adaptGrow2
-      };
-      delete result.grow;
-      return result;
-    };
-    const adaptCols = ref(void 0);
-    const adaptGrow = ref(12);
-    return {
-      ns,
-      classArr,
-      layoutModel,
-      convertLayoutPos,
-      adaptGrow,
-      adaptCols
-    };
-  },
-  render() {
-    var _a, _b;
-    let _slot;
-    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
-    if (this.adaptCols === void 0) {
-      let currentGrow = 0;
-      let adaptCols = 0;
-      defaultSlots.forEach((slot) => {
-        const props = slot.props;
-        if (props && props.modelData && props.modelData.layoutPos) {
-          if (typeof props.modelData.layoutPos.grow === "number") {
-            currentGrow += props.modelData.layoutPos.grow;
-          } else if (typeof props.modelData.layoutPos.grow === "undefined") {
-            adaptCols += 1;
-          }
-        }
-      });
-      let adaptGrow = 12;
-      if (adaptCols > 0) {
-        adaptGrow = (12 - currentGrow) / adaptCols;
-      }
-      this.adaptCols = adaptCols;
-      this.adaptGrow = adaptGrow;
-    }
-    return createVNode(resolveComponent("iBizRow"), {
-      "class": this.classArr,
-      "layout": this.layoutModel
-    }, _isSlot(_slot = defaultSlots.map((slot) => {
-      const props = slot.props;
-      if (!props || !props.controller) {
-        return slot;
-      }
-      return createVNode(resolveComponent("iBizCol"), {
-        "layoutPos": this.convertLayoutPos(props.modelData.layoutPos, this.adaptGrow),
-        "state": props.controller.state
-      }, _isSlot(slot) ? slot : {
-        default: () => [slot]
-      });
-    })) ? _slot : {
-      default: () => [_slot]
-    });
-  }
-});
-
-export { GridContainer };

package/es/panel-component/grid-container/grid-container.provider.d.ts

@@ -1,15 +0,0 @@
-import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
-import { IPanelContainer } from '@ibiz/model-core';
-/**
- * 面板容器适配器
- *
- * @author lxm
- * @date 2022-09-19 22:09:03
- * @export
- * @class GridContainerProvider
- * @implements {EditorProvider}
- */
-export declare class GridContainerProvider implements IPanelItemProvider {
-    component: string;
-    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
-}

package/es/panel-component/grid-container/grid-container.provider.mjs

@@ -1,21 +0,0 @@
-import { GridContainerController } from './grid-container.controller.mjs';
-
-"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 GridContainerProvider {
-  constructor() {
-    __publicField(this, "component", "IBizGridContainer");
-  }
-  async createController(panelItem, panel, parent) {
-    const c = new GridContainerController(panelItem, panel, parent);
-    await c.init();
-    return c;
-  }
-}
-
-export { GridContainerProvider };

package/es/panel-component/grid-container/grid-container.state.d.ts

@@ -1,12 +0,0 @@
-import { PanelItemState } from '@ibiz-template/runtime';
-/**
- * 面板栅格容器状态
- *
- * @author lxm
- * @date 2023-02-07 06:04:27
- * @export
- * @class GridContainerState
- * @extends {PanelItemState}
- */
-export declare class GridContainerState extends PanelItemState {
-}

package/es/panel-component/grid-container/grid-container.state.mjs

@@ -1,7 +0,0 @@
-import { PanelItemState } from '@ibiz-template/runtime';
-
-"use strict";
-class GridContainerState extends PanelItemState {
-}
-
-export { GridContainerState };

package/es/panel-component/grid-container/index.d.ts

@@ -1,38 +0,0 @@
-import { GridContainerProvider } from './grid-container.provider';
-import { GridContainerState } from './grid-container.state';
-import { GridContainerController } from './grid-container.controller';
-export { GridContainerProvider, GridContainerState, GridContainerController };
-export declare const IBizGridContainer: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
-    modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
-        required: true;
-    };
-    controller: {
-        type: typeof GridContainerController;
-        required: true;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    classArr: import("vue").ComputedRef<(string | false)[]>;
-    layoutModel: import("vue").ComputedRef<{
-        layout: string;
-        appId?: string | undefined;
-        id?: string | undefined;
-        name?: string | undefined;
-        codeName?: string | undefined;
-        userParam?: Record<string, string> | undefined;
-    }>;
-    convertLayoutPos: (layoutPos: import("@ibiz/model-core").IFlexLayoutPos, adaptGrow: number) => import("@ibiz/model-core").IFlexLayoutPos;
-    adaptGrow: import("vue").Ref<number>;
-    adaptCols: import("vue").Ref<number | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
-        required: true;
-    };
-    controller: {
-        type: typeof GridContainerController;
-        required: true;
-    };
-}>>, {}, {}>>;
-export default IBizGridContainer;

package/es/panel-component/grid-container/index.mjs

@@ -1,17 +0,0 @@
-import { withInstall } from '@ibiz-template/vue3-util';
-import { registerPanelItemProvider } from '@ibiz-template/runtime';
-import { GridContainer } from './grid-container.mjs';
-import { GridContainerProvider } from './grid-container.provider.mjs';
-export { GridContainerState } from './grid-container.state.mjs';
-export { GridContainerController } from './grid-container.controller.mjs';
-
-"use strict";
-const IBizGridContainer = withInstall(GridContainer, function(v) {
-  v.component(GridContainer.name, GridContainer);
-  registerPanelItemProvider(
-    "CONTAINER_CONTAINER_GRID",
-    () => new GridContainerProvider()
-  );
-});
-
-export { GridContainerProvider, IBizGridContainer, IBizGridContainer as default };

package/es/panel-component/multi-data-container/index.d.ts

@@ -1,37 +0,0 @@
-import { MultiDataContainerProvider } from './multi-data-container.provider';
-import { MultiDataContainerState } from './multi-data-container.state';
-import { MultiDataContainerController } from './multi-data-container.controller';
-export { MultiDataContainerProvider, MultiDataContainerState, MultiDataContainerController, };
-export declare const IBizMultiDataContainer: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
-    modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
-        required: true;
-    };
-    controller: {
-        type: typeof MultiDataContainerController;
-        required: true;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    classArr: import("vue").ComputedRef<(string | false)[]>;
-    renderPanelItem: (panelItem: import("@ibiz/model-core").IPanelItem, options?: {
-        providers: {
-            [key: string]: import("@ibiz-template/runtime").IPanelItemProvider;
-        };
-        panelItems: {
-            [key: string]: import("@ibiz-template/runtime").IPanelItemController;
-        };
-    } | undefined) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | null;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
-        required: true;
-    };
-    controller: {
-        type: typeof MultiDataContainerController;
-        required: true;
-    };
-}>>, {}, {}>>;
-export default IBizMultiDataContainer;

package/es/panel-component/multi-data-container/index.mjs

@@ -1,20 +0,0 @@
-import { withInstall } from '@ibiz-template/vue3-util';
-import { registerPanelItemProvider } from '@ibiz-template/runtime';
-import { MultiDataContainer } from './multi-data-container.mjs';
-import { MultiDataContainerProvider } from './multi-data-container.provider.mjs';
-export { MultiDataContainerState } from './multi-data-container.state.mjs';
-export { MultiDataContainerController } from './multi-data-container.controller.mjs';
-
-"use strict";
-const IBizMultiDataContainer = withInstall(
-  MultiDataContainer,
-  function(v) {
-    v.component(MultiDataContainer.name, MultiDataContainer);
-    registerPanelItemProvider(
-      "CONTAINER_CONTAINER_MULTIDATA",
-      () => new MultiDataContainerProvider()
-    );
-  }
-);
-
-export { IBizMultiDataContainer, MultiDataContainerProvider, IBizMultiDataContainer as default };