@ibiz-template/vue3-components 0.0.1-alpha.1 → 0.0.1-alpha.3

package/lib/layout/router-shell/router-shell.js

@@ -1,96 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const vue3Util = require("@ibiz-template/vue3-util");
-const vueRouter = require("vue-router");
-const runtime = require("@ibiz-template/runtime");
-const core = require("@ibiz-template/core");
-const RouterShell = /* @__PURE__ */ vue.defineComponent({
-  name: "RouterShell",
-  props: {
-    level: {
-      type: Number,
-      default: 0
-    }
-  },
-  setup(props, {
-    emit
-  }) {
-    const route = vueRouter.useRoute();
-    const router = vueRouter.useRouter();
-    const viewData = vue.ref({});
-    const isLoaded = vue.ref(false);
-    const destoryContext = () => {
-      if (viewData.value.context) {
-        const context = vue.toRaw(viewData.value).context;
-        if (context)
-          context.destroy();
-      }
-    };
-    vue.onUnmounted(() => {
-      destoryContext();
-    });
-    const onNeuronInit = (...args) => {
-      emit("neuronInit", ...args);
-    };
-    const viewModal = {
-      mode: runtime.ViewMode.ROUTE,
-      level: props.level
-    };
-    const calcViewData = async () => {
-      try {
-        const _viewData = await vue3Util.parseRouteViewData(route, props.level);
-        _viewData.context.isRouter = true;
-        const _context = core.IBizContext.create(_viewData.context);
-        viewData.value = {
-          ..._viewData,
-          context: _context
-        };
-        isLoaded.value = true;
-        emit("viewFound", {
-          viewName: viewData.value.viewModel.codeName
-        });
-      } catch (error) {
-        router.push({
-          name: `404View${props.level}`
-        });
-      }
-    };
-    calcViewData();
-    vue.watch(() => route.params.view1, () => {
-      if (props.level === 1) {
-        destoryContext();
-        calcViewData();
-      }
-    });
-    return {
-      route,
-      viewData,
-      isLoaded,
-      viewModal,
-      onNeuronInit
-    };
-  },
-  render() {
-    if (!this.isLoaded) {
-      return null;
-    }
-    const {
-      context,
-      params,
-      srfnav,
-      viewModel
-    } = this.viewData;
-    return vue.createVNode(vue.resolveComponent("view-shell"), {
-      "context": context,
-      "params": params,
-      "srfnav": srfnav,
-      "modal": this.viewModal,
-      "modelData": viewModel,
-      "isRouter": true,
-      "key": viewModel.codeName,
-      "onNeuronInit": this.onNeuronInit
-    }, null);
-  }
-});
-exports.RouterShell = RouterShell;

package/lib/layout/view-base/view-base.d.ts

@@ -1,18 +0,0 @@
-import { PropType } from 'vue';
-import './view-base.scss';
-export declare const ViewBase: import("vue").DefineComponent<{
-    controller: {
-        type: PropType<ViewController>;
-        required: true;
-    };
-}, {
-    ns: any;
-    typeClass: any;
-    sysCssName: any;
-    modelClass: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    controller: {
-        type: PropType<ViewController>;
-        required: true;
-    };
-}>>, {}>;

package/lib/layout/view-layout/view-layout.d.ts

@@ -1,44 +0,0 @@
-import { PropType } from 'vue';
-import './view-layout.scss';
-export declare const ViewLayout: import("vue").DefineComponent<{
-    modelData: {
-        type: PropType<IAppView>;
-        required: true;
-    };
-    viewMode: {
-        type: StringConstructor;
-        default: string;
-    };
-    isComplete: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    ns: any;
-    isShowHeader: import("vue").ComputedRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelData: {
-        type: PropType<IAppView>;
-        required: true;
-    };
-    viewMode: {
-        type: StringConstructor;
-        default: string;
-    };
-    isComplete: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    isComplete: boolean;
-    viewMode: string;
-    isLoading: boolean;
-}>;

package/lib/util/install.d.ts

@@ -1,3 +0,0 @@
-import type { App, Plugin } from 'vue';
-export type TypeWithInstall<T> = T & Plugin;
-export declare const withInstall: <T>(main: T, install: (_v: App) => void) => TypeWithInstall<T>;

package/lib/util/install.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const withInstall = (main, install) => {
-  main.install = (app) => {
-    install(app);
-  };
-  return main;
-};
-exports.withInstall = withInstall;

package/lib/views/edit-view/index.d.ts

@@ -1,3 +0,0 @@
-import { Plugin } from "vue";
-declare const plugin: Plugin;
-export default plugin;

package/lib/views/edit-view/index.js

@@ -1,8 +0,0 @@
-"use strict";
-const EditView = require("./src/edit-view");
-const plugin = {
-  install(app) {
-    app.component("edit-view", EditView);
-  }
-};
-module.exports = plugin;

package/lib/views/edit-view/src/edit-view.css

@@ -1,6 +0,0 @@
-.edit-view {
-  color: red;
-}
-.edit-view div {
-  background-color: 0;
-}

package/lib/views/edit-view/src/edit-view.d.ts

@@ -1,3 +0,0 @@
-/** __vue_virtual_code_placeholder */
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/lib/views/edit-view/src/edit-view.js

@@ -1,14 +0,0 @@
-"use strict";
-const vue = require("vue");
-const _hoisted_1 = { class: "edit-view" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "edit-view",
-  setup(__props) {
-    const name = vue.ref("张三");
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, "编辑视图 " + vue.toDisplayString(name.value), 1);
-    };
-  }
-});
-const editView_vue_vue_type_style_index_0_lang = "";
-module.exports = _sfc_main;

package/lib/views/grid-view/grid-view-engine.d.ts

@@ -1,8 +0,0 @@
-import { PresetViewEngine, ViewController } from '@ibiz-template/runtime';
-import { IAppDEGridView } from '@ibiz/model-core';
-export declare class GridViewEngine extends PresetViewEngine {
-    protected controller: ViewController<IAppDEGridView>;
-    get grid(): GridController;
-    load(): void;
-    init(): void;
-}

package/lib/views/grid-view/grid-view-engine.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const runtime = require("@ibiz-template/runtime");
-class GridViewEngine extends runtime.PresetViewEngine {
-  get grid() {
-    return this.controller.getController("grid");
-  }
-  load() {
-    this.grid.load();
-  }
-  init() {
-    const { childNames, evt, model } = this.controller;
-    childNames.push("grid");
-    evt.on("onMounted", () => {
-      if (model.loadDefault) {
-        this.load();
-      }
-    });
-  }
-}
-exports.GridViewEngine = GridViewEngine;

package/lib/views/grid-view/grid-view.d.ts

@@ -1,32 +0,0 @@
-import { PropType } from 'vue';
-export declare const GridView: import("vue").DefineComponent<{
-    context: PropType<IContext>;
-    params: {
-        type: PropType<IParams>;
-        default: () => {};
-    };
-    modelData: {
-        type: PropType<IAppDEGridView>;
-        required: true;
-    };
-    modal: {
-        type: PropType<IModal>;
-    };
-}, {
-    c: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    context: PropType<IContext>;
-    params: {
-        type: PropType<IParams>;
-        default: () => {};
-    };
-    modelData: {
-        type: PropType<IAppDEGridView>;
-        required: true;
-    };
-    modal: {
-        type: PropType<IModal>;
-    };
-}>>, {
-    params: IParams;
-}>;

package/lib/views/grid-view/grid-view.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const runtime = require("@ibiz-template/runtime");
-const vue3Util = require("@ibiz-template/vue3-util");
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-const GridView = /* @__PURE__ */ vue.defineComponent({
-  name: "GridView",
-  props: {
-    context: Object,
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    modelData: {
-      type: Object,
-      required: true
-    },
-    modal: {
-      type: Object
-    }
-  },
-  setup(props) {
-    const c = vue3Util.useViewController((...args) => new runtime.ViewController(...args));
-    console.log("视图模型", vue.toRaw(props.modelData));
-    return {
-      c
-    };
-  },
-  render() {
-    const {
-      state,
-      model
-    } = this.c;
-    let slots = null;
-    {
-      slots = {
-        grid: () => {
-          var _a;
-          if (this.$slots.grid) {
-            return this.$slots.grid();
-          }
-          const grid = (_a = model.controls) == null ? void 0 : _a.find((item) => item.name === "grid");
-          if (grid) {
-            return vue.createVNode(vue.resolveComponent("control-shell"), {
-              "modelData": grid,
-              "context": this.c.context,
-              "params": this.c.params,
-              "mdCtrlActiveMode": this.c.model.gridRowActiveMode
-            }, null);
-          }
-        }
-      };
-    }
-    return vue.createVNode(vue.resolveComponent("md-view-base"), {
-      "controller": this.c
-    }, _isSlot(slots) ? slots : {
-      default: () => [slots]
-    });
-  }
-});
-exports.GridView = GridView;

package/lib/views/grid-view/index.d.ts

@@ -1,32 +0,0 @@
-export declare const IbizGridView: import("../../util/install").TypeWithInstall<import("vue").DefineComponent<{
-    context: import("vue").PropType<IContext>;
-    params: {
-        type: import("vue").PropType<IParams>;
-        default: () => {};
-    };
-    modelData: {
-        type: import("vue").PropType<IAppDEGridView>;
-        required: true;
-    };
-    modal: {
-        type: import("vue").PropType<IModal>;
-    };
-}, {
-    c: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    context: import("vue").PropType<IContext>;
-    params: {
-        type: import("vue").PropType<IParams>;
-        default: () => {};
-    };
-    modelData: {
-        type: import("vue").PropType<IAppDEGridView>;
-        required: true;
-    };
-    modal: {
-        type: import("vue").PropType<IModal>;
-    };
-}>>, {
-    params: IParams;
-}>>;
-export default IbizGridView;

package/lib/views/grid-view/index.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const runtime = require("@ibiz-template/runtime");
-const install = require("../../util/install");
-const gridView = require("./grid-view");
-const gridViewProvider = require("./grid-view-provider");
-const gridViewEngine = require("./grid-view-engine");
-const IbizGridView = install.withInstall(gridView.GridView, function(v) {
-  v.component(gridView.GridView.name, gridView.GridView);
-  ibiz.register.view.register(runtime.ViewType.DE_GRID_VIEW, new gridViewProvider.GridViewProvider());
-  ibiz.engine.registerPreset(runtime.ViewType.DE_GRID_VIEW, gridViewEngine.GridViewEngine);
-});
-exports.IbizGridView = IbizGridView;
-exports.default = IbizGridView;

package/lib/views/index-view/index-view-default.d.ts

@@ -1,22 +0,0 @@
-import { IndexViewController } from '@ibiz-template/runtime';
-export declare const getView2Value: (route: RouteLocationNormalizedLoaded) => string;
-export declare const getView1Value: (route: RouteLocationNormalizedLoaded) => string;
-export interface RouteMsg {
-    key: string;
-    fullPath: string;
-    modelPath?: string;
-    caption?: string;
-}
-export declare function useIndexRouteManage(controller: IndexViewController): {
-    currentKey: import("vue").Ref<string>;
-    keyHistory: import("vue").Ref<string[]>;
-    routeMsgs: import("vue").Ref<{
-        key: string;
-        fullPath: string;
-        modelPath?: string | undefined;
-        caption?: string | undefined;
-    }[]>;
-    updateRouteMsg: (key: string, opts: Partial<RouteMsg>) => void;
-    closeView: (key?: string) => void;
-    deleteRouteCache: (keys: string[]) => void;
-};

package/lib/views/index-view/index-view-default.js

@@ -1,117 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const getView2Value = (route) => {
-  const { view2, params2, params1 } = route.params;
-  if (!view2) {
-    return "";
-  }
-  let _params2 = params2.replace(
-    new RegExp(";srfnav=[^;=]*$|(?<=;)srfnav=[^;=]*;|^srfnav=[^;=]*;|^srfnav=[^;=]*$", "g"),
-    ""
-  );
-  _params2 = _params2 || ibiz.env.routePlaceholder;
-  return `/${params1}/${view2}/${_params2}`;
-};
-const getView1Value = (route) => {
-  const { view1, appContext } = route.params;
-  return `/${appContext}/${view1}/${ibiz.env.routePlaceholder}`;
-};
-function useIndexRouteManage(controller) {
-  const router = vueRouter.useRouter();
-  const route = vueRouter.useRoute();
-  const currentKey = vue.ref("");
-  const indexPath = vue.ref("");
-  const keyHistory = vue.ref([]);
-  const routeMsgs = vue.ref([]);
-  const deleteRouteCache = (keys) => {
-    keys.forEach((key) => {
-      const index = keyHistory.value.indexOf(key);
-      if (index !== -1) {
-        keyHistory.value.splice(index, 1);
-        const msgIndex = routeMsgs.value.findIndex((item) => item.key === key);
-        routeMsgs.value.splice(msgIndex, 1);
-      }
-    });
-  };
-  vue.watch(
-    () => route.path,
-    (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        if (route.matched.length <= 2) {
-          deleteRouteCache(keyHistory.value.splice(0));
-        }
-        currentKey.value = getView2Value(route);
-        indexPath.value = getView1Value(route);
-        const find = routeMsgs.value.find(
-          (item) => item.key === currentKey.value
-        );
-        if (find) {
-          find.fullPath = route.fullPath;
-        } else {
-          if (newVal === indexPath.value) {
-            return;
-          }
-          routeMsgs.value.push({
-            key: currentKey.value,
-            fullPath: route.fullPath,
-            modelPath: "",
-            caption: ""
-          });
-        }
-      }
-    },
-    { deep: true, immediate: true }
-  );
-  vue.watch(
-    currentKey,
-    (newVal, oldVal) => {
-      if (newVal !== oldVal && newVal) {
-        const index = keyHistory.value.indexOf(newVal);
-        if (index === -1) {
-          keyHistory.value.unshift(newVal);
-        } else {
-          keyHistory.value.splice(index, 1);
-          keyHistory.value.unshift(newVal);
-        }
-      }
-    },
-    { immediate: true }
-  );
-  const updateRouteMsg = (key, opts) => {
-    const find = routeMsgs.value.find((item) => item.key === currentKey.value);
-    if (find) {
-      if (opts.caption)
-        find.caption = opts.caption;
-      if (opts.modelPath)
-        find.modelPath = opts.modelPath;
-    }
-  };
-  const closeView = (key = currentKey.value) => {
-    deleteRouteCache([key]);
-    const toKey = keyHistory.value[0];
-    if (!toKey) {
-      if (controller.model.blankMode) {
-        window.close();
-      } else {
-        currentKey.value = "";
-        router.push(indexPath.value);
-      }
-    } else {
-      const find = routeMsgs.value.find((item) => item.key === toKey);
-      router.push(find.fullPath);
-    }
-  };
-  return {
-    currentKey,
-    keyHistory,
-    routeMsgs,
-    updateRouteMsg,
-    closeView,
-    deleteRouteCache
-  };
-}
-exports.getView1Value = getView1Value;
-exports.getView2Value = getView2Value;
-exports.useIndexRouteManage = useIndexRouteManage;

package/lib/views/index-view/index-view-engine.d.ts

@@ -1,6 +0,0 @@
-import { PresetViewEngine, ViewController } from '@ibiz-template/runtime';
-import { IAppIndexView } from '@ibiz/model-core';
-export declare class IndexViewEngine extends PresetViewEngine {
-    protected controller: ViewController<IAppIndexView>;
-    init(): void;
-}

package/lib/views/index-view/index-view-engine.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const runtime = require("@ibiz-template/runtime");
-class IndexViewEngine extends runtime.PresetViewEngine {
-  init() {
-    this.controller.childNames.push("appmenu");
-  }
-}
-exports.IndexViewEngine = IndexViewEngine;

package/lib/views/index-view/index-view-exp.d.ts

@@ -1,29 +0,0 @@
-import { IndexViewController } from '@ibiz-template/runtime';
-import { IAppView } from '@ibiz/model-core';
-export interface RouteMsg {
-    key: string;
-    fullPath: string;
-    modelPath?: string;
-    caption?: string;
-    appView?: IAppView;
-}
-export declare const getView2Value: (route: RouteLocationNormalizedLoaded) => string;
-export declare const getView1Value: (route: RouteLocationNormalizedLoaded) => string;
-export declare function useIndexExpRouteManage(controller: IndexViewController): {
-    currentKey: import("vue").Ref<string>;
-    keyHistory: import("vue").Ref<string[]>;
-    routeMsgs: import("vue").Ref<{
-        key: string;
-        fullPath: string;
-        modelPath?: string | undefined;
-        caption?: string | undefined;
-        appView?: any;
-    }[]>;
-    updateRouteMsg: (key: string, opts: Partial<RouteMsg>) => Promise<void>;
-    closeView: (key?: string) => void;
-    deleteRouteCache: (keys: string[]) => void;
-    handleTabClick: (index: number) => void;
-    handleTabDelete: (name: number) => void;
-    handleCloseAll: () => void;
-    handleCloseOther: () => void;
-};