@ibiz-template/vue3-util 0.2.11 → 0.2.13

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

@@ -0,0 +1,75 @@
+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

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

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

@@ -0,0 +1,40 @@
+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;
+    };
+}>>, {}, {}>;
+//# sourceMappingURL=view-shell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"view-shell.d.ts","sourceRoot":"","sources":["../../../src/common/view-shell/view-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAsB,QAAQ,EAAyB,MAAM,KAAK,CAAC;AAC1E,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAI5C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA4DxB,CAAC"}

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

@@ -0,0 +1,77 @@
+import { ref, resolveComponent, h, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { getViewProvider } from '@ibiz-template/runtime';
+import './view-shell.css';
+import { RuntimeError } from '@ibiz-template/core';
+import '../../use/index.mjs';
+import { useNamespace } from '../../use/namespace/namespace.mjs';
+
+"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/{out → es}/index.d.ts

@@ -1,4 +1,7 @@
 import { App } from 'vue';
+export * from './common';
+export * from './panel-component';
+export * from './view';
 export * from './interface';
 export * from './plugin';
 export * from './use';

package/es/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,YAAY,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;KAC7B;CACF"}

package/es/index.mjs

@@ -0,0 +1,95 @@
+import './common/index.mjs';
+import './panel-component/index.mjs';
+import './view/index.mjs';
+import './interface/index.mjs';
+import './plugin/index.mjs';
+import './use/index.mjs';
+import './util/index.mjs';
+import './props/index.mjs';
+export { IBizIcon } from './common/icon/icon.mjs';
+export { IBizRouterView } from './common/router-view/router-view.mjs';
+export { IBizControlBase } from './common/control-base/control-base.mjs';
+export { IBizControlShell } from './common/control-shell/control-shell.mjs';
+export { IBizViewShell } from './common/view-shell/view-shell.mjs';
+export { IBizCodeList } from './common/code-list/code-list.mjs';
+export { ControlLoadingPlaceholder } from './common/control-loading-placeholder/control-loading-placeholder.mjs';
+export { PanelContainerState } from './panel-component/panel-container/panel-container.state.mjs';
+export { PanelContainerController } from './panel-component/panel-container/panel-container.controller.mjs';
+export { IBizPanelContainer } from './panel-component/panel-container/index.mjs';
+export { PanelCtrlPosController } from './panel-component/panel-ctrl-pos/panel-ctrl-pos.controller.mjs';
+export { IBizPanelCtrlPos } from './panel-component/panel-ctrl-pos/index.mjs';
+export { ScrollContainerController } from './panel-component/scroll-container/scroll-container/scroll-container.controller.mjs';
+export { ScrollContainer } from './panel-component/scroll-container/scroll-container/scroll-container.mjs';
+export { ScrollContainerItemController } from './panel-component/scroll-container/scroll-container-item/scroll-container-item.controller.mjs';
+export { ScrollContainerItem } from './panel-component/scroll-container/scroll-container-item/scroll-container-item.mjs';
+export { IBizScrollContainer } from './panel-component/scroll-container/index.mjs';
+export { NavPosState } from './panel-component/nav-pos/nav-pos.state.mjs';
+export { NavPosController } from './panel-component/nav-pos/nav-pos.controller.mjs';
+export { IBizNavPos } from './panel-component/nav-pos/index.mjs';
+export { PanelFieldController } from './panel-component/panel-field/panel-field.controller.mjs';
+export { IBizPanelField } from './panel-component/panel-field/index.mjs';
+export { PanelRawItemController } from './panel-component/panel-rawitem/panel-rawitem.controller.mjs';
+export { IBizPanelRawItem } from './panel-component/panel-rawitem/index.mjs';
+export { MultiDataContainerState } from './panel-component/multi-data-container/multi-data-container.state.mjs';
+export { MultiDataContainerController } from './panel-component/multi-data-container/multi-data-container.controller.mjs';
+export { IBizMultiDataContainer } from './panel-component/multi-data-container/index.mjs';
+export { SingleDataContainerState } from './panel-component/single-data-container/single-data-container.state.mjs';
+export { SingleDataContainerController } from './panel-component/single-data-container/single-data-container.controller.mjs';
+export { IBizSingleDataContainer } from './panel-component/single-data-container/index.mjs';
+export { GridContainerState } from './panel-component/grid-container/grid-container.state.mjs';
+export { GridContainerController } from './panel-component/grid-container/grid-container.controller.mjs';
+export { IBizGridContainer } from './panel-component/grid-container/index.mjs';
+export { AppRedirectView } from './view/app-redirect-view/app-redirect-view.mjs';
+export { IBizView } from './view/common/index.mjs';
+export { TodoRedirect } from './view/todo-redirect/todo-redirect.mjs';
+export { IBizPortalView } from './view/portal-view/index.mjs';
+export { PluginFactory } from './plugin/plugin-factory/plugin-factory.mjs';
+export { useClickOutside } from './use/click-outside/click-outside.mjs';
+export { useControlController } from './use/control/use-control-controller/use-control-controller.mjs';
+export { useEventListener } from './use/event/event.mjs';
+export { useFocusAndBlur } from './use/focus-blur/focus-blur.mjs';
+export { useNamespace } from './use/namespace/namespace.mjs';
+export { useRouteKey, useRouterQuery } from './use/route/route.mjs';
+export { useCtx, useMobCtx } from './use/util/index.mjs';
+export { useViewController } from './use/view/use-view-controller/use-view-controller.mjs';
+export { EmptyVNode, getOrigin, isEmptyVNode, useController, useForce, useForceTogether, useProps, usePropsWatch } from './use/vue/vue.mjs';
+export { OverlayContainer } from './util/overlay-container/overlay-container.mjs';
+export { OverlayPopoverContainer } from './util/overlay-popover-container/overlay-popover-container.mjs';
+export { routerCallback } from './util/router-callback/router-callback.mjs';
+export { calcResRoutePath, excludeViewTypes, generateRoutePath, getNestedRoutePath, getOwnRouteContext, onRouteChange, parseRouteViewData, route2routePath, routePath2string } from './util/route/route.mjs';
+export { RouteListener } from './util/route/route-listener.mjs';
+export { withInstall } from './util/install.mjs';
+export { prepareControl } from './util/control/prepare-control.mjs';
+export { renderString } from './util/render/render.mjs';
+export { createOverlayView, getDrawerPlacement, openViewDrawer, openViewFloatWindow, openViewModal, openViewPopover } from './util/overlay-view-util/overlay-view-util.mjs';
+export { useAppStore } from './util/store/app-store/app-store.mjs';
+export { useUIStore } from './util/store/ui-store/ui-store.mjs';
+export { piniaInstance } from './util/store/index.mjs';
+export { RequiredProp } from './props/common.mjs';
+export { getGridInputIpProps, getGridInputNumberProps, getGridInputProps, getInputIpProps, getInputNumberProps, getInputProps } from './props/editor/text-box.mjs';
+export { getGridSpanProps, getSpanProps } from './props/editor/span.mjs';
+export { getEditorEmits, getEditorProps, getGridEditorCommonProps, getGridEditorEmits } from './props/editor/common.mjs';
+export { getDropdownProps, getGridDropdownProps } from './props/editor/dropdown-list.mjs';
+export { getCheckboxListProps, getGridCheckboxListProps } from './props/editor/check-box-list.mjs';
+export { getCheckboxProps, getGridCheckboxProps } from './props/editor/check-box.mjs';
+export { getDataPickerProps, getGridDataPickerProps } from './props/editor/data-picker.mjs';
+export { getDatePickerProps, getGridDatePickerProps } from './props/editor/date-picker.mjs';
+export { getDateRangeProps, getGridDateRangeProps } from './props/editor/date-range.mjs';
+export { getGridListBoxProps, getListBoxProps } from './props/editor/list-box.mjs';
+export { getGridNumberRangeProps, getNumberRangeProps } from './props/editor/number-range.mjs';
+export { getGridRadioProps, getRadioProps } from './props/editor/radio-button-list.mjs';
+export { getGridRateProps, getRateProps } from './props/editor/rate.mjs';
+export { getGridRawProps, getRawProps } from './props/editor/raw.mjs';
+export { getGridSliderProps, getSliderProps } from './props/editor/slider.mjs';
+export { getGridStepperProps, getStepperProps } from './props/editor/stepper.mjs';
+export { getGridSwitchProps, getSwitchProps } from './props/editor/switch.mjs';
+export { getGridUploadProps, getUploadProps } from './props/editor/upload.mjs';
+export { getAutoCompleteProps, getGridAutoCompleteProps } from './props/editor/autocomplete.mjs';
+export { getCodeProps, getGridCodeProps } from './props/editor/code.mjs';
+export { getGridHtmlProps, getHtmlProps } from './props/editor/html.mjs';
+export { getGridMarkDownProps, getMarkDownProps } from './props/editor/markdown.mjs';
+export { getArrayProps, getGridArrayProps } from './props/editor/array.mjs';
+export { getCascaderProps, getGridCascaderProps } from './props/editor/cascader.mjs';
+export { getColorPickerProps, getGridColorPickerProps } from './props/editor/color-picker.mjs';
+
+"use strict";

package/es/interface/index.mjs

@@ -0,0 +1,3 @@
+import './util/index.mjs';
+
+"use strict";

package/es/interface/util/index.mjs

@@ -0,0 +1,3 @@
+import './route/route.mjs';
+
+"use strict";

package/es/interface/util/route/route.mjs

@@ -0,0 +1 @@
+"use strict";