@ibiz-template/mob-vue3-components 0.0.2 → 0.0.4

package/es/panel-component/auth-userinfo/auth-userinfo.mjs

@@ -0,0 +1,66 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './auth-userinfo.css';
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+const AuthUserinfo = /* @__PURE__ */ defineComponent({
+  name: "IBizAuthUserinfo",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(prop) {
+    var _a;
+    const ns = useNamespace("user-info");
+    const c = prop.controller;
+    const {
+      srfusername = "\u6E38\u5BA2",
+      srfpersonname,
+      srforgname
+    } = ((_a = ibiz.appData) == null ? void 0 : _a.context) || {};
+    return {
+      ns,
+      c,
+      srfusername,
+      srfpersonname,
+      srforgname
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
+    }, [createVNode("div", {
+      "class": this.ns.b("left")
+    }, [createVNode(resolveComponent("van-image"), null, {
+      error: () => {
+        return createVNode(resolveComponent("van-icon"), {
+          "name": "contact-o"
+        }, null);
+      },
+      loading: () => {
+        return createVNode(resolveComponent("van-icon"), {
+          "name": "contact-o"
+        }, null);
+      }
+    })]), createVNode("div", {
+      "class": this.ns.b("center")
+    }, [createVNode("div", {
+      "class": this.ns.e("username")
+    }, [this.srfusername || this.srfpersonname]), createVNode("div", {
+      "class": this.ns.e("org")
+    }, [this.srforgname])]), createVNode("div", {
+      "class": this.ns.b("right")
+    }, [createVNode(resolveComponent("van-icon"), {
+      "name": "arrow"
+    }, null)])]);
+  }
+});
+
+export { AuthUserinfo };

package/es/panel-component/auth-userinfo/auth-userinfo.provider.d.ts

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

package/es/panel-component/auth-userinfo/auth-userinfo.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } 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 AuthUserinfoProvider {
+  constructor() {
+    __publicField(this, "component", "IBizAuthUserinfo");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { AuthUserinfoProvider };

package/es/panel-component/auth-userinfo/index.d.ts

@@ -0,0 +1,26 @@
+export declare const IBizAuthUserinfo: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    srfusername: any;
+    srfpersonname: any;
+    srforgname: any;
+}, 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").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizAuthUserinfo;

package/es/panel-component/auth-userinfo/index.mjs

@@ -0,0 +1,15 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { AuthUserinfo } from './auth-userinfo.mjs';
+import { AuthUserinfoProvider } from './auth-userinfo.provider.mjs';
+
+"use strict";
+const IBizAuthUserinfo = withInstall(AuthUserinfo, function(v) {
+  v.component(AuthUserinfo.name, AuthUserinfo);
+  registerPanelItemProvider(
+    "RAWITEM_AUTH_USERINFO",
+    () => new AuthUserinfoProvider()
+  );
+});
+
+export { IBizAuthUserinfo, IBizAuthUserinfo as default };

package/es/panel-component/index.mjs

@@ -7,6 +7,9 @@ import { IBizWFActionButton } from './wf-action-button/index.mjs';
 import { IBizWFStepTrace } from './wf-step-trace/index.mjs';
 import { IBizNavPosIndex } from './nav-pos-index/index.mjs';
 import { IBizPanelTabPanel } from './panel-tab-panel/index.mjs';
+import { IBizPanelCarousel } from './panel-carousel/index.mjs';
+import { IBizPanelVideoPlayer } from './panel-video-player/index.mjs';
+import { IBizAuthUserinfo } from './auth-userinfo/index.mjs';
 
 "use strict";
 const IBizPanelComponents = {
@@ -31,6 +34,9 @@ const IBizPanelComponents = {
     v.use(IBizPanelContainerGroup);
     v.use(IBizPanelContainerImage);
     v.use(IBizScrollContainer);
+    v.use(IBizPanelCarousel);
+    v.use(IBizPanelVideoPlayer);
+    v.use(IBizAuthUserinfo);
   }
 };
 

package/es/panel-component/nav-pos-index/nav-pos-index.controller.mjs

@@ -182,7 +182,7 @@ class NavPosIndexController extends PanelItemController {
     routerCallback.close(key, modal);
     this.removeCache(key);
     if (this.autoGoLast) {
-      this.goLast();
+      ibiz.platform.back();
     }
   }
   /**

package/es/panel-component/panel-button/panel-button.controller.mjs

@@ -90,14 +90,18 @@ class PanelButtonController extends PanelItemController {
    */
   async onActionClick(event) {
     const { uiactionId } = this.model;
-    await UIActionUtil.execAndResolved(uiactionId, {
-      context: this.panel.context,
-      params: this.panel.params,
-      data: [this.data],
-      view: this.panel.view,
-      event,
-      noWaitRoute: true
-    });
+    await UIActionUtil.execAndResolved(
+      uiactionId,
+      {
+        context: this.panel.context,
+        params: this.panel.params,
+        data: [this.data],
+        view: this.panel.view,
+        event,
+        noWaitRoute: true
+      },
+      this.model.appId
+    );
   }
   calcItemVisible(data) {
     if (this.state.uiActionState.visible === false) {

package/es/panel-component/panel-carousel/index.d.ts

@@ -0,0 +1,20 @@
+export * from './panel-carousel.provider';
+export * from './panel-carousel.controller';
+export declare const IBizPanelCarousel: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    controller: {
+        type: typeof import("./panel-carousel.controller").PanelCarouselController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    autoplay: string | undefined;
+    duration: string | undefined;
+    showIndicators: string | undefined;
+    touchable: string | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: typeof import("./panel-carousel.controller").PanelCarouselController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizPanelCarousel;

package/es/panel-component/panel-carousel/index.mjs

@@ -0,0 +1,16 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { PanelCarousel } from './panel-carousel.mjs';
+import { PanelCarouselProvider } from './panel-carousel.provider.mjs';
+export { PanelCarouselController } from './panel-carousel.controller.mjs';
+
+"use strict";
+const IBizPanelCarousel = withInstall(PanelCarousel, function(v) {
+  v.component(PanelCarousel.name, PanelCarousel);
+  registerPanelItemProvider(
+    "RAWITEM_STATIC_CAROUSEL",
+    () => new PanelCarouselProvider()
+  );
+});
+
+export { IBizPanelCarousel, PanelCarouselProvider, IBizPanelCarousel as default };

package/es/panel-component/panel-carousel/panel-carousel.controller.d.ts

@@ -0,0 +1,50 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { IPanelRawItem, ISysImage } from '@ibiz/model-core';
+/**
+ * 面板轮播图控制器
+ *
+ * @author zk
+ * @date 2023-12-08 02:12:18
+ * @export
+ * @class PanelCarouselController
+ * @extends {PanelItemController<IPanelRawItem>}
+ */
+export declare class PanelCarouselController extends PanelItemController<IPanelRawItem> {
+    /**
+     * 图片集
+     *
+     * @author zk
+     * @date 2023-12-08 01:12:38
+     * @memberof PanelCarouselController
+     */
+    images: ISysImage[];
+    /**
+     * 初始化
+     *
+     * @author zk
+     * @date 2023-12-08 11:12:23
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof PanelCarouselController
+     */
+    protected onInit(): Promise<void>;
+    /**
+     * 初始化轮播图资源
+     *
+     * @author zk
+     * @date 2023-12-08 02:12:03
+     * @return {*}  {void}
+     * @memberof PanelCarouselController
+     */
+    initCarouselImages(): void;
+    /**
+     * 获取直接内容参数
+     *
+     * @author zk
+     * @date 2023-12-08 02:12:51
+     * @param {string} key
+     * @return {*}  {(string | undefined)}
+     * @memberof PanelCarouselController
+     */
+    getParamsValue(key: string): string | undefined;
+}

package/es/panel-component/panel-carousel/panel-carousel.controller.mjs

@@ -0,0 +1,76 @@
+import { PanelItemController } 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 PanelCarouselController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 图片集
+     *
+     * @author zk
+     * @date 2023-12-08 01:12:38
+     * @memberof PanelCarouselController
+     */
+    __publicField(this, "images", []);
+  }
+  /**
+   * 初始化
+   *
+   * @author zk
+   * @date 2023-12-08 11:12:23
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof PanelCarouselController
+   */
+  async onInit() {
+    super.onInit();
+    this.initCarouselImages();
+  }
+  /**
+   * 初始化轮播图资源
+   *
+   * @author zk
+   * @date 2023-12-08 02:12:03
+   * @return {*}  {void}
+   * @memberof PanelCarouselController
+   */
+  initCarouselImages() {
+    const params = this.model.rawItem.rawItemParams;
+    if (!params) {
+      ibiz.log.error("\u672A\u914D\u7F6E\u8F6E\u64AD\u56FE\u8D44\u6E90");
+      return;
+    }
+    this.images = params.filter((item) => item.key === "img").map((item) => item.sysImage);
+  }
+  /**
+   * 获取直接内容参数
+   *
+   * @author zk
+   * @date 2023-12-08 02:12:51
+   * @param {string} key
+   * @return {*}  {(string | undefined)}
+   * @memberof PanelCarouselController
+   */
+  getParamsValue(key) {
+    let value;
+    const params = this.model.rawItem.rawItemParams;
+    if (!params) {
+      ibiz.log.error(`\u672A\u914D\u7F6E\u8F6E\u64AD\u56FE\u53C2\u6570:${key}}`);
+      return void 0;
+    }
+    params.forEach((item) => {
+      if (item.key === key) {
+        value = item.value;
+      }
+    });
+    return value;
+  }
+}
+
+export { PanelCarouselController };

package/es/panel-component/panel-carousel/panel-carousel.css

@@ -0,0 +1 @@
+.ibiz-panel-carousel{height:100%}

package/es/panel-component/panel-carousel/panel-carousel.d.ts

@@ -0,0 +1,20 @@
+import { PanelCarouselController } from './panel-carousel.controller';
+import './panel-carousel.scss';
+export declare const PanelCarousel: import("vue").DefineComponent<{
+    controller: {
+        type: typeof PanelCarouselController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    autoplay: string | undefined;
+    duration: string | undefined;
+    showIndicators: string | undefined;
+    touchable: string | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: typeof PanelCarouselController;
+        required: true;
+    };
+}>>, {}, {}>;
+export default PanelCarousel;

package/es/panel-component/panel-carousel/panel-carousel.mjs

@@ -0,0 +1,42 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelCarouselController } from './panel-carousel.controller.mjs';
+import './panel-carousel.css';
+
+"use strict";
+const PanelCarousel = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelCarousel",
+  props: {
+    controller: {
+      type: PanelCarouselController,
+      required: true
+    }
+  },
+  setup(_props) {
+    const ns = useNamespace("panel-carousel");
+    const autoplay = _props.controller.getParamsValue("autoplay") === "1" ? _props.controller.getParamsValue("timespan") : void 0;
+    const duration = _props.controller.getParamsValue("duration");
+    const showIndicators = _props.controller.getParamsValue("showIndicators");
+    const touchable = _props.controller.getParamsValue("touchable");
+    return {
+      ns,
+      autoplay,
+      duration,
+      showIndicators,
+      touchable
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode(resolveComponent("iBizCarousel"), {
+      "images": this.controller.images,
+      "autoplay": this.autoplay,
+      "duration": this.duration,
+      "showIndicators": this.showIndicators,
+      "touchable": this.touchable
+    }, null)]);
+  }
+});
+
+export { PanelCarousel, PanelCarousel as default };

package/es/panel-component/panel-carousel/panel-carousel.provider.d.ts

@@ -0,0 +1,14 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+import { PanelCarouselController } from './panel-carousel.controller';
+/**
+ * 流程跟踪组件适配器
+ *
+ * @export
+ * @class WFStepTraceProvider
+ * @implements {IPanelItemProvider}
+ */
+export declare class PanelCarouselProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelCarouselController>;
+}

package/es/panel-component/panel-carousel/panel-carousel.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelCarouselController } from './panel-carousel.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 PanelCarouselProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelCarousel");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelCarouselController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { PanelCarouselProvider };

package/es/panel-component/panel-video-player/index.d.ts

@@ -0,0 +1,22 @@
+export * from './panel-video-player.provider';
+export * from './panel-video-player.controller';
+export declare const IBizPanelVideoPlayer: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    controller: {
+        type: typeof import("./panel-video-player.controller").PanelVideoPlayerController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    id: string;
+    path: string | undefined;
+    autoplay: boolean;
+    showcontrols: boolean;
+    replay: boolean;
+    mute: boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: typeof import("./panel-video-player.controller").PanelVideoPlayerController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizPanelVideoPlayer;

package/es/panel-component/panel-video-player/index.mjs

@@ -0,0 +1,19 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { PanelVideoPlayer } from './panel-video-player.mjs';
+import { PanelVideoPlayerProvider } from './panel-video-player.provider.mjs';
+export { PanelVideoPlayerController } from './panel-video-player.controller.mjs';
+
+"use strict";
+const IBizPanelVideoPlayer = withInstall(
+  PanelVideoPlayer,
+  function(v) {
+    v.component(PanelVideoPlayer.name, PanelVideoPlayer);
+    registerPanelItemProvider(
+      "RAWITEM_STATIC_VIDEOPLAYER",
+      () => new PanelVideoPlayerProvider()
+    );
+  }
+);
+
+export { IBizPanelVideoPlayer, PanelVideoPlayerProvider, IBizPanelVideoPlayer as default };

package/es/panel-component/panel-video-player/panel-video-player.controller.d.ts

@@ -0,0 +1,50 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { IPanelRawItem } from '@ibiz/model-core';
+/**
+ * 面板视频播放器控制器
+ *
+ * @author zk
+ * @date 2023-12-08 02:12:07
+ * @export
+ * @class PanelCarouselController
+ * @extends {PanelItemController<IPanelRawItem>}
+ */
+export declare class PanelVideoPlayerController extends PanelItemController<IPanelRawItem> {
+    /**
+     * 视频播放器额外参数
+     *
+     * @author zk
+     * @date 2023-12-08 03:12:09
+     * @memberof PanelVideoPlayerController
+     */
+    rawItemParams: {};
+    /**
+     *
+     *
+     * @author zk
+     * @date 2023-12-08 03:12:26
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof PanelVideoPlayerController
+     */
+    protected onInit(): Promise<void>;
+    /**
+     * 获取直接内容参数
+     *
+     * @author zk
+     * @date 2023-12-08 02:12:51
+     * @param {string} key
+     * @return {*}  {(string | undefined)}
+     * @memberof PanelCarouselController
+     */
+    getParamsValue(key: string): string | undefined;
+    /**
+     * 初始化额外参数
+     *
+     * @author zk
+     * @date 2023-12-08 03:12:27
+     * @return {*}  {void}
+     * @memberof PanelVideoPlayerController
+     */
+    initRawItemParams(): void;
+}

package/es/panel-component/panel-video-player/panel-video-player.controller.mjs

@@ -0,0 +1,81 @@
+import { PanelItemController } 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 PanelVideoPlayerController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 视频播放器额外参数
+     *
+     * @author zk
+     * @date 2023-12-08 03:12:09
+     * @memberof PanelVideoPlayerController
+     */
+    __publicField(this, "rawItemParams", {});
+  }
+  /**
+   *
+   *
+   * @author zk
+   * @date 2023-12-08 03:12:26
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof PanelVideoPlayerController
+   */
+  async onInit() {
+    super.onInit();
+    this.initRawItemParams();
+  }
+  /**
+   * 获取直接内容参数
+   *
+   * @author zk
+   * @date 2023-12-08 02:12:51
+   * @param {string} key
+   * @return {*}  {(string | undefined)}
+   * @memberof PanelCarouselController
+   */
+  getParamsValue(key) {
+    let value;
+    const params = this.model.rawItem.rawItemParams;
+    if (!params) {
+      ibiz.log.error(`\u672A\u914D\u7F6E\u89C6\u9891\u64AD\u653E\u53C2\u6570:${key}}`);
+      return void 0;
+    }
+    params.forEach((item) => {
+      if (item.key === key) {
+        value = item.value;
+      }
+    });
+    return value;
+  }
+  /**
+   * 初始化额外参数
+   *
+   * @author zk
+   * @date 2023-12-08 03:12:27
+   * @return {*}  {void}
+   * @memberof PanelVideoPlayerController
+   */
+  initRawItemParams() {
+    const arrayParams = this.model.rawItem.rawItemParams;
+    if (!arrayParams) {
+      ibiz.log.error(`\u672A\u914D\u7F6E\u89C6\u9891\u64AD\u653E\u53C2\u6570`);
+      return;
+    }
+    const rawItemParams = {};
+    for (let i = 0; i < arrayParams.length; i++) {
+      const item = arrayParams[i];
+      rawItemParams[item.key] = item.value;
+    }
+    this.rawItemParams = rawItemParams;
+  }
+}
+
+export { PanelVideoPlayerController };

package/es/panel-component/panel-video-player/panel-video-player.css

@@ -0,0 +1 @@
+.ibiz-panel-video-player{width:100%;height:100%}.ibiz-panel-video-player__video{width:100%;height:100%}.ibiz-panel-video-player__video video{width:100%;height:100%}