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

package/lib/panel-component/auth-userinfo/auth-userinfo.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./auth-userinfo.css');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAuthUserinfo",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(prop) {
+    var _a;
+    const ns = vue3Util.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 vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
+    }, [vue.createVNode("div", {
+      "class": this.ns.b("left")
+    }, [vue.createVNode(vue.resolveComponent("van-image"), null, {
+      error: () => {
+        return vue.createVNode(vue.resolveComponent("van-icon"), {
+          "name": "contact-o"
+        }, null);
+      },
+      loading: () => {
+        return vue.createVNode(vue.resolveComponent("van-icon"), {
+          "name": "contact-o"
+        }, null);
+      }
+    })]), vue.createVNode("div", {
+      "class": this.ns.b("center")
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("username")
+    }, [this.srfusername || this.srfpersonname]), vue.createVNode("div", {
+      "class": this.ns.e("org")
+    }, [this.srforgname])]), vue.createVNode("div", {
+      "class": this.ns.b("right")
+    }, [vue.createVNode(vue.resolveComponent("van-icon"), {
+      "name": "arrow"
+    }, null)])]);
+  }
+});
+
+exports.AuthUserinfo = AuthUserinfo;

package/lib/panel-component/auth-userinfo/auth-userinfo.css

@@ -0,0 +1 @@
+.ibiz-user-info{--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-img-size:3.125rem;--ibiz-user-info-img-radius:0.5rem;--ibiz-user-info-bg-color:transparent;--ibiz-user-info-padding:var(--ibiz-spacing-tight);display:flex;gap:var(--ibiz-user-info-padding);align-items:center;padding:var(--ibiz-user-info-padding);color:var(--ibiz-user-info-color);background-color:var(--ibiz-user-info-bg-color)}.ibiz-user-info__username{font-size:.875rem;font-weight:600}.ibiz-user-info__org{font-size:.75rem;color:var(--ibiz-color-text-3)}.ibiz-user-info .van-image{width:var(--ibiz-user-info-img-size);height:var(--ibiz-user-info-img-size);overflow:hidden;border-radius:var(--ibiz-user-info-img-radius)}.ibiz-user-info .van-image .van-image__loading{font-size:1.5625rem}.ibiz-user-info .ibiz-user-info-center{display:flex;flex-direction:column;flex-grow:1;gap:var(--ibiz-user-info-padding)}

package/lib/panel-component/auth-userinfo/auth-userinfo.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@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 runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.AuthUserinfoProvider = AuthUserinfoProvider;

package/lib/panel-component/auth-userinfo/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var authUserinfo = require('./auth-userinfo.cjs');
+var authUserinfo_provider = require('./auth-userinfo.provider.cjs');
+
+"use strict";
+const IBizAuthUserinfo = vue3Util.withInstall(authUserinfo.AuthUserinfo, function(v) {
+  v.component(authUserinfo.AuthUserinfo.name, authUserinfo.AuthUserinfo);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_AUTH_USERINFO",
+    () => new authUserinfo_provider.AuthUserinfoProvider()
+  );
+});
+
+exports.IBizAuthUserinfo = IBizAuthUserinfo;
+exports.default = IBizAuthUserinfo;

package/lib/panel-component/index.cjs

@@ -11,6 +11,9 @@ var index$6 = require('./wf-action-button/index.cjs');
 var index$5 = require('./wf-step-trace/index.cjs');
 var index = require('./nav-pos-index/index.cjs');
 var index$7 = require('./panel-tab-panel/index.cjs');
+var index$8 = require('./panel-carousel/index.cjs');
+var index$9 = require('./panel-video-player/index.cjs');
+var index$a = require('./auth-userinfo/index.cjs');
 
 "use strict";
 const IBizPanelComponents = {
@@ -35,6 +38,9 @@ const IBizPanelComponents = {
     v.use(vue3Util.IBizPanelContainerGroup);
     v.use(vue3Util.IBizPanelContainerImage);
     v.use(vue3Util.IBizScrollContainer);
+    v.use(index$8.IBizPanelCarousel);
+    v.use(index$9.IBizPanelVideoPlayer);
+    v.use(index$a.IBizAuthUserinfo);
   }
 };
 

package/lib/panel-component/nav-pos-index/nav-pos-index.controller.cjs

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

package/lib/panel-component/panel-carousel/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelCarousel = require('./panel-carousel.cjs');
+var panelCarousel_provider = require('./panel-carousel.provider.cjs');
+var panelCarousel_controller = require('./panel-carousel.controller.cjs');
+
+"use strict";
+const IBizPanelCarousel = vue3Util.withInstall(panelCarousel.PanelCarousel, function(v) {
+  v.component(panelCarousel.PanelCarousel.name, panelCarousel.PanelCarousel);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_STATIC_CAROUSEL",
+    () => new panelCarousel_provider.PanelCarouselProvider()
+  );
+});
+
+exports.PanelCarouselProvider = panelCarousel_provider.PanelCarouselProvider;
+exports.PanelCarouselController = panelCarousel_controller.PanelCarouselController;
+exports.IBizPanelCarousel = IBizPanelCarousel;
+exports.default = IBizPanelCarousel;

package/lib/panel-component/panel-carousel/panel-carousel.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelCarousel_controller = require('./panel-carousel.controller.cjs');
+require('./panel-carousel.css');
+
+"use strict";
+const PanelCarousel = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelCarousel",
+  props: {
+    controller: {
+      type: panelCarousel_controller.PanelCarouselController,
+      required: true
+    }
+  },
+  setup(_props) {
+    const ns = vue3Util.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 vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("iBizCarousel"), {
+      "images": this.controller.images,
+      "autoplay": this.autoplay,
+      "duration": this.duration,
+      "showIndicators": this.showIndicators,
+      "touchable": this.touchable
+    }, null)]);
+  }
+});
+
+exports.PanelCarousel = PanelCarousel;
+exports.default = PanelCarousel;

package/lib/panel-component/panel-carousel/panel-carousel.controller.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+var runtime = require('@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 runtime.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;
+  }
+}
+
+exports.PanelCarouselController = PanelCarouselController;

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

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

package/lib/panel-component/panel-carousel/panel-carousel.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var panelCarousel_controller = require('./panel-carousel.controller.cjs');
+
+"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 panelCarousel_controller.PanelCarouselController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelCarouselProvider = PanelCarouselProvider;

package/lib/panel-component/panel-video-player/index.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelVideoPlayer = require('./panel-video-player.cjs');
+var panelVideoPlayer_provider = require('./panel-video-player.provider.cjs');
+var panelVideoPlayer_controller = require('./panel-video-player.controller.cjs');
+
+"use strict";
+const IBizPanelVideoPlayer = vue3Util.withInstall(
+  panelVideoPlayer.PanelVideoPlayer,
+  function(v) {
+    v.component(panelVideoPlayer.PanelVideoPlayer.name, panelVideoPlayer.PanelVideoPlayer);
+    runtime.registerPanelItemProvider(
+      "RAWITEM_STATIC_VIDEOPLAYER",
+      () => new panelVideoPlayer_provider.PanelVideoPlayerProvider()
+    );
+  }
+);
+
+exports.PanelVideoPlayerProvider = panelVideoPlayer_provider.PanelVideoPlayerProvider;
+exports.PanelVideoPlayerController = panelVideoPlayer_controller.PanelVideoPlayerController;
+exports.IBizPanelVideoPlayer = IBizPanelVideoPlayer;
+exports.default = IBizPanelVideoPlayer;

package/lib/panel-component/panel-video-player/panel-video-player.cjs

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var qxUtil = require('qx-util');
+var panelVideoPlayer_controller = require('./panel-video-player.controller.cjs');
+require('./panel-video-player.css');
+
+"use strict";
+const PanelVideoPlayer = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelVideoPlayer",
+  props: {
+    controller: {
+      type: panelVideoPlayer_controller.PanelVideoPlayerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("panel-video-player");
+    const id = qxUtil.createUUID();
+    const path = props.controller.getParamsValue("path");
+    const autoplay = props.controller.getParamsValue("autoplay") === "1";
+    const showcontrols = props.controller.getParamsValue("showcontrols") === "1";
+    const replay = props.controller.getParamsValue("replay") === "1";
+    const mute = props.controller.getParamsValue("mute") === "1";
+    return {
+      ns,
+      id,
+      path,
+      autoplay,
+      showcontrols,
+      replay,
+      mute
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("video")
+    }, [vue.createVNode("video", vue.mergeProps(this.controller.rawItemParams, {
+      "id": this.id,
+      "src": this.path,
+      "autoplay": this.autoplay,
+      "controls": this.showcontrols,
+      "loop": this.replay,
+      "muted": this.mute
+    }), [vue.createVNode("source", {
+      "src": this.path,
+      "type": "video/mp4"
+    }, null), vue.createVNode("source", {
+      "src": this.path,
+      "type": "video/ogg"
+    }, null), vue.createVNode("source", {
+      "src": this.path,
+      "type": "video/webm"
+    }, null), vue.createTextVNode("\u60A8\u7684\u8BBE\u5907\u4E0D\u652F\u6301video\u6807\u7B7E")])])]);
+  }
+});
+
+exports.PanelVideoPlayer = PanelVideoPlayer;
+exports.default = PanelVideoPlayer;

package/lib/panel-component/panel-video-player/panel-video-player.controller.cjs

@@ -0,0 +1,83 @@
+'use strict';
+
+var runtime = require('@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 runtime.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;
+  }
+}
+
+exports.PanelVideoPlayerController = PanelVideoPlayerController;

package/lib/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%}

package/lib/panel-component/panel-video-player/panel-video-player.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var panelVideoPlayer_controller = require('./panel-video-player.controller.cjs');
+
+"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 PanelVideoPlayerProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelVideoPlayer");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new panelVideoPlayer_controller.PanelVideoPlayerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelVideoPlayerProvider = PanelVideoPlayerProvider;

package/lib/panel-component/view-header-panel-container/view-header-panel-container.css

@@ -1 +1 @@
-.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:100%;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);position:relative;color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back{padding-left:var(--ibiz-panel-component-view-header-back-width)}
+.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:100%;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);position:relative;color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back .ibiz-control-toolbar-left{padding-left:var(--ibiz-panel-component-view-header-back-width)}

package/lib/platform/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var vueBrowserPlatformProvider = require('./vue-browser-platform-provider.cjs');
+
+"use strict";
+
+exports.VueBrowserPlatformProvider = vueBrowserPlatformProvider.VueBrowserPlatformProvider;

package/lib/platform/vue-browser-platform-provider.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+require('../util/index.cjs');
+var viewStack = require('../util/store/view-stack/view-stack.cjs');
+
+"use strict";
+class VueBrowserPlatformProvider extends runtime.BrowserPlatformProvider {
+  /**
+   * 返回事件
+   *
+   * @author zk
+   * @date 2023-12-12 01:12:56
+   * @memberof VueBrowserPlatformProvider
+   */
+  back() {
+    const { goBack } = viewStack.useViewStack();
+    goBack();
+  }
+}
+
+exports.VueBrowserPlatformProvider = VueBrowserPlatformProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/mob-vue3-components",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",