npm - @ibiz-template/mob-vue3-components - Versions diffs - 0.0.1-alpha.25 → 0.0.1 - Mend

@@ -0,0 +1,72 @@
+'use strict';
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./panel-tab-panel.css');
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const PanelTabPanel = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelTabPanel",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("panel-tab-panel");
+    const classArr = vue.computed(() => {
+      const {
+        id
+      } = props.modelData;
+      const result = [ns.b(), ns.m(id)];
+      result.push(...props.controller.containerClass);
+      return result;
+    });
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    let _slot;
+    if (!this.controller.state.visible) {
+      return;
+    }
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    return vue.createVNode(vue.resolveComponent("van-tabs"), {
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],
+      "lazy-render": true,
+      "model-value": (_c = this.modelData.panelTabPages) == null ? void 0 : _c[0].id
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      const c = props.controller;
+      if (!c.state.visible && !c.state.keepAlive) {
+        return null;
+      }
+      return vue.createVNode(vue.resolveComponent("van-tab"), {
+        "class": this.ns.b("tab-item"),
+        "title": c.model.caption,
+        "name": c.model.id
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+exports.PanelTabPanel = PanelTabPanel;

@@ -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 PanelTabPanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelTabPanel");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+exports.PanelTabPanelProvider = PanelTabPanelProvider;

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/mob-vue3-components",
-  "version": "0.0.1-alpha.25",
+  "version": "0.0.1",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -25,10 +25,10 @@
   "dependencies": {
     "@ibiz-template-package/vs-tree-ex": "^0.1.1",
     "@ibiz-template/core": "^0.4.0",
-    "@ibiz-template/model-helper": "^0.4.1",
-    "@ibiz-template/runtime": "^0.4.1",
+    "@ibiz-template/model-helper": "^0.4.4",
+    "@ibiz-template/runtime": "^0.4.4",
     "@ibiz-template/theme": "^0.4.0",
-    "@ibiz-template/vue3-util": "^0.4.1",
+    "@ibiz-template/vue3-util": "^0.4.4",
     "@ibiz/model-core": "^0.0.21",
     "async-validator": "^4.2.5",
     "cherry-markdown": "^0.8.26",

	@@ -0,0 +1 @@
1	+ .ibiz-panel-tab-panel{height:100%}.ibiz-panel-tab-panel .van-tabs__content{height:calc(100% - var(--van-tabs-line-height))}.ibiz-panel-tab-panel .van-tab__panel{height:100%}

@ibiz-template/mob-vue3-components 0.0.1-alpha.25 → 0.0.1