@ibiz-template/vue3-util 0.2.11 → 0.2.13

package/es/view/common/view.mjs

@@ -0,0 +1,143 @@
+import { computed, ref, onMounted, onUnmounted, onActivated, onDeactivated, resolveComponent, createVNode, h, createTextVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { ViewController, getControlsByView } from '@ibiz-template/runtime';
+import { createUUID } from 'qx-util';
+import './view.css';
+import '../../use/index.mjs';
+import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useViewController } from '../../use/view/use-view-controller/use-view-controller.mjs';
+
+"use strict";
+const View = /* @__PURE__ */ defineComponent({
+  name: "IBizView",
+  props: {
+    context: Object,
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    modelData: {
+      type: Object,
+      required: true
+    },
+    modal: {
+      type: Object
+    },
+    state: {
+      type: Object
+    },
+    provider: {
+      type: Object
+    }
+  },
+  setup() {
+    const ns = useNamespace("view");
+    const c = useViewController((...args) => new ViewController(...args));
+    const controls = getControlsByView(c.model);
+    const {
+      viewType,
+      sysCss,
+      codeName
+    } = c.model;
+    const typeClass = viewType.toLowerCase();
+    const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
+    const viewClassNames = computed(() => [ns.b(), ns.b(typeClass), ns.m(codeName), sysCssName, c.state.viewMessages.TOP ? "has-top-message" : "", c.state.viewMessages.BOTTOM ? "has-bottom-message" : ""]);
+    const onLayoutPanelCreated = (controller) => {
+      c.setLayoutPanel(controller);
+    };
+    const container = ref(null);
+    const key = createUUID();
+    const devtool = window.devtool;
+    onMounted(() => {
+      if (devtool) {
+        devtool.registerView(key, c, container);
+      }
+    });
+    onUnmounted(() => {
+      if (devtool) {
+        devtool.unRegisterView(key);
+      }
+    });
+    onActivated(() => c.onActivated());
+    onDeactivated(() => c.onDeactivated());
+    const renderViewMessage = (position) => {
+      if (c.state.isCreated) {
+        const viewMessages = c.state.viewMessages[position];
+        if (viewMessages == null ? void 0 : viewMessages.length) {
+          return createVNode(resolveComponent("view-message"), {
+            "class": [ns.e(`${position.toLowerCase()}-message`)],
+            "messages": viewMessages
+          }, null);
+        }
+      }
+      return null;
+    };
+    return {
+      c,
+      controls,
+      viewClassNames,
+      container,
+      onLayoutPanelCreated,
+      renderViewMessage
+    };
+  },
+  render() {
+    var _a;
+    let layoutPanel = null;
+    if (this.c.state.isCreated) {
+      const slots = {
+        ...this.$slots
+      };
+      if ((_a = this.controls) == null ? void 0 : _a.length) {
+        this.controls.forEach((ctrl) => {
+          const slotKey = ctrl.name || ctrl.id;
+          const ctrlProps = {
+            context: this.c.context,
+            params: this.c.params
+          };
+          if (this.c.slotProps[slotKey]) {
+            Object.assign(ctrlProps, this.c.slotProps[slotKey]);
+          }
+          const outCtrlSlot = slots[slotKey];
+          if (outCtrlSlot) {
+            slots[slotKey] = () => {
+              return outCtrlSlot(ctrlProps);
+            };
+            return;
+          }
+          const provider = this.c.providers[slotKey];
+          if (provider) {
+            slots[slotKey] = () => {
+              const comp = resolveComponent(provider.component);
+              return h(comp, {
+                modelData: ctrl,
+                ...ctrlProps,
+                provider
+              });
+            };
+          }
+        });
+      }
+      if (this.c.engines.length === 0) {
+        layoutPanel = createVNode("span", {
+          "style": "color:red;"
+        }, [createTextVNode("\u89C6\u56FE\u7C7B\u578B"), this.modelData.viewType, createTextVNode("\u6682\u672A\u652F\u6301")]);
+      } else {
+        const viewLayoutPanel = this.c.model.viewLayoutPanel;
+        const provider = this.c.providers[viewLayoutPanel.name];
+        layoutPanel = h(resolveComponent(provider.component), {
+          modelData: viewLayoutPanel,
+          context: this.c.context,
+          params: this.c.params,
+          provider,
+          onControllerAppear: this.onLayoutPanelCreated
+        }, slots);
+      }
+    }
+    return withDirectives(createVNode("div", {
+      "ref": "container",
+      "class": this.viewClassNames
+    }, [this.renderViewMessage("TOP"), layoutPanel, this.renderViewMessage("BOTTOM")]), [[resolveDirective("loading"), this.c.state.isLoading]]);
+  }
+});
+
+export { View };

package/es/view/common/view.provider.d.ts

@@ -0,0 +1,14 @@
+import { IViewProvider } from '@ibiz-template/runtime';
+/**
+ * 视图适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class ViewProvider
+ * @implements {IViewProvider}
+ */
+export declare class ViewProvider implements IViewProvider {
+    component: string;
+}
+//# sourceMappingURL=view.provider.d.ts.map

package/es/view/common/view.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.provider.d.ts","sourceRoot":"","sources":["../../../src/view/common/view.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD;;;;;;;;GAQG;AACH,qBAAa,YAAa,YAAW,aAAa;IAChD,SAAS,EAAE,MAAM,CAAc;CAChC"}

package/es/view/common/view.provider.mjs

@@ -0,0 +1,8 @@
+"use strict";
+class ViewProvider {
+  constructor() {
+    this.component = "IBizView";
+  }
+}
+
+export { ViewProvider };

package/es/view/index.d.ts

@@ -0,0 +1,5 @@
+export * from './app-redirect-view/app-redirect-view';
+export * from './common/index';
+export * from './todo-redirect/todo-redirect';
+export * from './portal-view/index';
+//# sourceMappingURL=index.d.ts.map

package/es/view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC"}

package/es/view/index.mjs

@@ -0,0 +1,6 @@
+export { AppRedirectView } from './app-redirect-view/app-redirect-view.mjs';
+export { IBizView } from './common/index.mjs';
+export { TodoRedirect } from './todo-redirect/todo-redirect.mjs';
+export { IBizPortalView } from './portal-view/index.mjs';
+
+"use strict";

package/es/view/portal-view/index.d.ts

@@ -0,0 +1,41 @@
+export declare const IBizPortalView: import("../../util").TypeWithInstall<import("vue").DefineComponent<{
+    context: import("vue").PropType<IContext>;
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IAppPortalView>;
+        required: true;
+    };
+    modal: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IModal>;
+    };
+    state: {
+        type: import("vue").PropType<IData>;
+    };
+}, {
+    c: import("@ibiz-template/runtime").ViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+    controls: import("@ibiz/model-core").IControl[] | undefined;
+    viewClassNames: (string | undefined)[];
+}, 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<import("@ibiz/model-core").IAppPortalView>;
+        required: true;
+    };
+    modal: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IModal>;
+    };
+    state: {
+        type: import("vue").PropType<IData>;
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+//# sourceMappingURL=index.d.ts.map

package/es/view/portal-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/view/portal-view/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAWzB,CAAC"}

package/es/view/portal-view/index.mjs

@@ -0,0 +1,21 @@
+import { ViewType, registerViewProvider } from '@ibiz-template/runtime';
+import '../../util/index.mjs';
+import { PortalViewProvider } from './portal-view.provider.mjs';
+import { PortalView } from './portal-view.mjs';
+import { withInstall } from '../../util/install.mjs';
+
+"use strict";
+const IBizPortalView = withInstall(PortalView, function(v) {
+  v.component(PortalView.name, PortalView);
+  registerViewProvider(
+    ViewType.APP_PORTAL_VIEW,
+    () => new PortalViewProvider()
+  );
+  registerViewProvider(ViewType.DE_PORTAL_VIEW, () => new PortalViewProvider());
+  registerViewProvider(
+    ViewType.DE_PORTAL_VIEW9,
+    () => new PortalViewProvider()
+  );
+});
+
+export { IBizPortalView };

package/es/view/portal-view/portal-view.d.ts

@@ -0,0 +1,44 @@
+import { IModal, ViewController } from '@ibiz-template/runtime';
+import { IAppPortalView } from '@ibiz/model-core';
+import { PropType } from 'vue';
+export declare const PortalView: import("vue").DefineComponent<{
+    context: PropType<IContext>;
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: PropType<IAppPortalView>;
+        required: true;
+    };
+    modal: {
+        type: PropType<IModal>;
+    };
+    state: {
+        type: PropType<IData>;
+    };
+}, {
+    c: ViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+    controls: import("@ibiz/model-core").IControl[] | undefined;
+    viewClassNames: (string | undefined)[];
+}, 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<IAppPortalView>;
+        required: true;
+    };
+    modal: {
+        type: PropType<IModal>;
+    };
+    state: {
+        type: PropType<IData>;
+    };
+}>>, {
+    params: IParams;
+}, {}>;
+//# sourceMappingURL=portal-view.d.ts.map

package/es/view/portal-view/portal-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-view.d.ts","sourceRoot":"","sources":["../../../src/view/portal-view/portal-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAsB,QAAQ,EAAoB,MAAM,KAAK,CAAC;AAGrE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAyErB,CAAC"}

package/es/view/portal-view/portal-view.mjs

@@ -0,0 +1,93 @@
+import { resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { ViewController } from '@ibiz-template/runtime';
+import '../../use/index.mjs';
+import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useViewController } from '../../use/view/use-view-controller/use-view-controller.mjs';
+
+"use strict";
+const PortalView = /* @__PURE__ */ defineComponent({
+  name: "IBizPortalView",
+  props: {
+    context: Object,
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    modelData: {
+      type: Object,
+      required: true
+    },
+    modal: {
+      type: Object
+    },
+    state: {
+      type: Object
+    }
+  },
+  setup() {
+    var _a;
+    const ns = useNamespace("view");
+    const c = useViewController((...args) => new ViewController(...args));
+    const controls = ((_a = c.model.viewLayoutPanel) == null ? void 0 : _a.controls) || c.model.controls;
+    const {
+      viewType,
+      sysCss,
+      codeName
+    } = c.model;
+    const typeClass = viewType.toLowerCase();
+    const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
+    const viewClassNames = [ns.b(), ns.b(typeClass), ns.m(codeName), sysCssName];
+    return {
+      c,
+      ns,
+      controls,
+      viewClassNames
+    };
+  },
+  render() {
+    var _a;
+    let content = null;
+    if (this.c.state.isCreated) {
+      const slots = {
+        ...this.$slots
+      };
+      if ((_a = this.controls) == null ? void 0 : _a.length) {
+        this.controls.forEach((ctrl) => {
+          const slotKey = ctrl.name || ctrl.id;
+          const crtlProps = {
+            context: this.c.context,
+            params: this.c.params
+          };
+          if (this.c.slotProps[slotKey]) {
+            Object.assign(crtlProps, this.c.slotProps[slotKey]);
+          }
+          const outCtrlSlot = slots[slotKey];
+          if (outCtrlSlot) {
+            slots[slotKey] = () => {
+              return outCtrlSlot(crtlProps);
+            };
+            return;
+          }
+          const provider = this.c.providers[slotKey];
+          if (provider) {
+            slots[slotKey] = () => {
+              const comp = resolveComponent(provider.component);
+              return h(comp, {
+                modelData: ctrl,
+                ...crtlProps
+              });
+            };
+          }
+        });
+      }
+      if (slots.dashboard) {
+        content = slots.dashboard();
+      }
+    }
+    return createVNode("div", {
+      "class": this.viewClassNames
+    }, [content]);
+  }
+});
+
+export { PortalView };

package/es/view/portal-view/portal-view.provider.d.ts

@@ -0,0 +1,14 @@
+import { IViewProvider } from '@ibiz-template/runtime';
+/**
+ * 应用门户视图,实体数据看板视图适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class ViewProvider
+ * @implements {IViewProvider}
+ */
+export declare class PortalViewProvider implements IViewProvider {
+    component: string;
+}
+//# sourceMappingURL=portal-view.provider.d.ts.map

package/es/view/portal-view/portal-view.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-view.provider.d.ts","sourceRoot":"","sources":["../../../src/view/portal-view/portal-view.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD;;;;;;;;GAQG;AACH,qBAAa,kBAAmB,YAAW,aAAa;IACtD,SAAS,EAAE,MAAM,CAAoB;CACtC"}

package/es/view/portal-view/portal-view.provider.mjs

@@ -0,0 +1,8 @@
+"use strict";
+class PortalViewProvider {
+  constructor() {
+    this.component = "IBizPortalView";
+  }
+}
+
+export { PortalViewProvider };

package/es/view/todo-redirect/todo-redirect.d.ts

@@ -0,0 +1,2 @@
+export declare const TodoRedirect: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+//# sourceMappingURL=todo-redirect.d.ts.map

package/es/view/todo-redirect/todo-redirect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"todo-redirect.d.ts","sourceRoot":"","sources":["../../../src/view/todo-redirect/todo-redirect.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,sSA8CvB,CAAC"}

package/es/view/todo-redirect/todo-redirect.mjs

@@ -0,0 +1,52 @@
+import { createTextVNode, createVNode, defineComponent } from 'vue';
+import qs from 'qs';
+import { useRouter } from 'vue-router';
+
+"use strict";
+const TodoRedirect = /* @__PURE__ */ defineComponent({
+  setup() {
+    const router = useRouter();
+    const {
+      href
+    } = window.location;
+    const i = href.lastIndexOf("?");
+    const queryStr = decodeURIComponent(href.substring(i + 1, href.length));
+    if (!queryStr) {
+      throw new Error(`\u91CD\u5B9A\u5411\u53C2\u6570\u4E0D\u8DB3\u65E0\u6CD5\u8DF3\u8F6C`);
+    }
+    const params = qs.parse(queryStr, {
+      delimiter: ";"
+    });
+    const {
+      apptype,
+      todotype,
+      todoid
+    } = params;
+    const data = {
+      srfapptype: "pc",
+      srfapp: ""
+    };
+    if (!apptype) {
+      data.todourltype = "RouterUrl";
+    }
+    async function getLinkUrl() {
+      const res = await ibiz.net.post(`/systodos/${todoid}/getlinkurl`, data);
+      let url = res.data.linkurl;
+      if (apptype) {
+        window.location.href = url;
+      } else {
+        if (url.indexOf("/") !== 0) {
+          url = `/${url}`;
+        }
+        url += `;srfwf=${todotype}`;
+        router.push(`/index${url}`);
+      }
+    }
+    getLinkUrl();
+  },
+  render() {
+    return createVNode("div", null, [createTextVNode("\u5F85\u529E\u5217\u8868\u91CD\u5B9A\u5411")]);
+  }
+});
+
+export { TodoRedirect };