@ibiz-template/vue3-components 0.2.15 → 0.2.17

package/lib/panel-component/panel-container-group/panel-container-group.cjs

@@ -0,0 +1,109 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelContainerGroup_controller = require('./panel-container-group.controller.cjs');
+require('./panel-container-group.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const PanelContainerGroup = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelContainerGroup",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: panelContainerGroup_controller.PanelContainerGroupController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("panel-container-group");
+    const isCollapse = vue.ref(!props.controller.defaultExpansion);
+    const changeCollapse = () => {
+      if (!props.controller.disableClose) {
+        isCollapse.value = !isCollapse.value;
+      }
+    };
+    const captionText = vue.computed(() => {
+      const {
+        captionItemName,
+        caption,
+        capLanguageRes
+      } = props.modelData;
+      if (captionItemName) {
+        return props.controller.data[captionItemName];
+      }
+      let text = caption;
+      if (capLanguageRes) {
+        text = ibiz.i18n.t(capLanguageRes.lanResTag, caption);
+      }
+      return text;
+    });
+    return {
+      ns,
+      captionText,
+      changeCollapse,
+      isCollapse
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const classArr = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("hidden", !this.controller.state.visible)];
+    if (this.modelData.showCaption === true) {
+      classArr.push(this.ns.m("show-header"));
+      classArr.push(this.ns.b("collapse"));
+      classArr.push(this.ns.is("collapse", this.isCollapse));
+      if (this.controller.disableClose) {
+        classArr.push(this.ns.bm("collapse", "disable-close"));
+      }
+    }
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    const content = vue.createVNode(vue.resolveComponent("iBizRow"), {
+      "slot": "content",
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return vue.createVNode(vue.resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+    let header = null;
+    if (this.modelData.showCaption) {
+      header = vue.createVNode("div", {
+        "class": [this.ns.b("header")],
+        "onClick": this.changeCollapse
+      }, [vue.createVNode("div", {
+        "class": [this.ns.be("header", "left")]
+      }, [vue.createVNode("div", {
+        "class": [this.ns.e("caption"), ...this.controller.labelClass]
+      }, [this.captionText])]), vue.createVNode("div", {
+        "class": [this.ns.be("header", "right")]
+      }, [this.modelData.titleBarCloseMode !== void 0 && this.modelData.titleBarCloseMode !== 0 && (this.isCollapse ? vue.createVNode("ion-icon", {
+        "name": "caret-forward-sharp"
+      }, null) : vue.createVNode("ion-icon", {
+        "name": "caret-down-sharp"
+      }, null))])]);
+    }
+    return vue.createVNode("div", {
+      "class": classArr
+    }, [header, vue.createVNode("div", {
+      "class": [this.ns.b("content")]
+    }, [content])]);
+  }
+});
+
+exports.PanelContainerGroup = PanelContainerGroup;

package/lib/panel-component/panel-container-group/panel-container-group.controller.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var panelContainerGroup_state = require('./panel-container-group.state.cjs');
+
+"use strict";
+class PanelContainerGroupController extends runtime.PanelItemController {
+  createState() {
+    var _a;
+    return new panelContainerGroup_state.PanelContainerGroupState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 禁用关闭
+   *
+   * @author chitanda
+   * @date 2022-09-14 14:09:51
+   * @readonly
+   * @type {boolean}
+   */
+  get disableClose() {
+    const { titleBarCloseMode: mode } = this.model;
+    return mode === 0 || mode === void 0;
+  }
+  /**
+   * 是否默认展开分组
+   *
+   * @author chitanda
+   * @date 2022-09-14 14:09:09
+   * @readonly
+   */
+  get defaultExpansion() {
+    const { titleBarCloseMode: mode } = this.model;
+    return this.disableClose || mode === 1;
+  }
+}
+
+exports.PanelContainerGroupController = PanelContainerGroupController;

package/lib/panel-component/panel-container-group/panel-container-group.css

@@ -0,0 +1 @@
+.ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content__row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}

package/lib/panel-component/panel-container-group/panel-container-group.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var panelContainerGroup_controller = require('./panel-container-group.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 PanelContainerGroupProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelContainerGroup");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new panelContainerGroup_controller.PanelContainerGroupController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelContainerGroupProvider = PanelContainerGroupProvider;

package/lib/panel-component/panel-container-group/panel-container-group.state.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class PanelContainerGroupState extends runtime.PanelItemState {
+}
+
+exports.PanelContainerGroupState = PanelContainerGroupState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.2.15",
+  "version": "0.2.17",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -26,10 +26,10 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.1",
     "@ibiz-template/core": "^0.2.15",
-    "@ibiz-template/model-helper": "^0.2.15",
-    "@ibiz-template/runtime": "^0.2.15",
+    "@ibiz-template/model-helper": "^0.2.17",
+    "@ibiz-template/runtime": "^0.2.17",
     "@ibiz-template/theme": "^0.2.13",
-    "@ibiz-template/vue3-util": "^0.2.15",
+    "@ibiz-template/vue3-util": "^0.2.17",
     "@ibiz/model-core": "^0.0.20",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.4.0",
@@ -55,7 +55,7 @@
     "xlsx": "^0.18.5"
   },
   "devDependencies": {
-    "@commitlint/cli": "^18.4.0",
+    "@commitlint/cli": "^18.4.1",
     "@commitlint/config-conventional": "^18.4.0",
     "@ibiz-template/cli": "0.3.2",
     "@types/lodash-es": "^4.17.11",
@@ -63,7 +63,7 @@
     "@types/qs": "^6.9.10",
     "@types/ramda": "^0.29.8",
     "husky": "^8.0.3",
-    "lint-staged": "^15.0.2",
+    "lint-staged": "^15.1.0",
     "stylelint": "^15.11.0",
     "typescript": "^5.2.2",
     "vite": "^4.5.0",