@ibiz-template/vue3-components 0.4.8-dev.0 → 0.4.9

package/es/control/drbar/index.mjs

@@ -0,0 +1,13 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { DRBarControl } from './drbar.mjs';
+import { DRBarProvider } from './drbar.provider.mjs';
+export { DRBarController } from './drbar.controller.mjs';
+
+"use strict";
+const IBizDRBarControl = withInstall(DRBarControl, function(v) {
+  v.component(DRBarControl.name, DRBarControl);
+  registerControlProvider(ControlType.DRBAR, () => new DRBarProvider());
+});
+
+export { IBizDRBarControl, IBizDRBarControl as default };

package/es/control/drtab/drtab.controller.mjs

@@ -0,0 +1,274 @@
+import { ControlController, Srfuf, calcNavParams } from '@ibiz-template/runtime';
+import { getNestedRoutePath } from '@ibiz-template/vue3-util';
+
+"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 DRTabController extends ControlController {
+  constructor() {
+    super(...arguments);
+    /**
+     * Router 对象
+     *
+     * @type {Router}
+     * @memberof DRTabController
+     */
+    __publicField(this, "router");
+  }
+  /**
+   * 导航占位控制器
+   *
+   * @readonly
+   * @memberof DRTabController
+   */
+  get navPos() {
+    var _a;
+    return (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.nav_pos;
+  }
+  /**
+   * 表单部件
+   *
+   * @readonly
+   * @memberof DRTabController
+   */
+  get form() {
+    return this.view.getController("form");
+  }
+  /**
+   * 路由层级
+   *
+   * @readonly
+   * @type {(number | undefined)}
+   * @memberof DRTabController
+   */
+  get routeDepth() {
+    return this.view.modal.routeDepth;
+  }
+  /**
+   * 设置 Router 对象
+   *
+   * @param {Router} router
+   * @memberof DRTabController
+   */
+  setRouter(router) {
+    this.router = router;
+  }
+  /**
+   * 获取数据
+   *
+   * @return {*}  {IData[]}
+   * @memberof DRTabController
+   */
+  getData() {
+    var _a;
+    return ((_a = this.form) == null ? void 0 : _a.getData()) || [{}];
+  }
+  /**
+   * 初始化state的属性
+   *
+   * @protected
+   * @memberof DRTabController
+   */
+  initState() {
+    super.initState();
+    this.state.drTabPages = [];
+  }
+  /**
+   * 创建完成
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof DRTabController
+   */
+  async onCreated() {
+    await super.onCreated();
+  }
+  /**
+   * 加载完成
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof DRTabController
+   */
+  async onMounted() {
+    await super.onMounted();
+    if (this.form) {
+      this.form.evt.on("onLoadSuccess", () => {
+        this.handleFormChange();
+      });
+      this.form.evt.on("onLoadDraftSuccess", () => {
+        this.handleFormChange();
+      });
+      this.form.evt.on("onSaveSuccess", () => {
+        this.handleFormChange();
+      });
+    }
+    this.initDRTabPages();
+  }
+  /**
+   * 处理表单数据变更
+   *
+   * @memberof DRTabController
+   */
+  handleFormChange() {
+    const disabled = this.getData()[0].srfuf !== Srfuf.UPDATE;
+    this.setDRTabPagesState(this.state.drTabPages, disabled);
+  }
+  /**
+   * 设置关系分页状态
+   *
+   * @param {IDRTabPagesState[]} drTabPages 关系分页
+   * @param {boolean} disabled 禁用状态
+   * @memberof DRTabController
+   */
+  setDRTabPagesState(drTabPages, disabled) {
+    drTabPages.forEach((item) => {
+      if (item.tag !== this.model.uniqueTag) {
+        item.disabled = disabled;
+      }
+    });
+  }
+  /**
+   * 初始化关系分页数据
+   *
+   * @memberof DRTabController
+   */
+  initDRTabPages() {
+    const {
+      editItemCaption,
+      editItemCapLanguageRes,
+      hideEditItem,
+      editItemSysImage,
+      uniqueTag,
+      dedrtabPages
+    } = this.model;
+    const drTabPages = [];
+    let caption = editItemCaption;
+    if (editItemCapLanguageRes) {
+      caption = ibiz.i18n.t(editItemCapLanguageRes.lanResTag, editItemCaption);
+    }
+    drTabPages.push({
+      tag: uniqueTag,
+      caption,
+      hidden: !!hideEditItem,
+      disabled: false,
+      sysImage: editItemSysImage,
+      fullPath: this.routeDepth ? getNestedRoutePath(this.router.currentRoute.value, this.routeDepth) : ""
+    });
+    dedrtabPages == null ? void 0 : dedrtabPages.forEach((item) => {
+      let itemCaption = item.caption;
+      if (item.capLanguageRes) {
+        itemCaption = ibiz.i18n.t(item.capLanguageRes.lanResTag, item.caption);
+      }
+      drTabPages.push({
+        tag: item.id,
+        caption: itemCaption,
+        sysImage: item.sysImage,
+        hidden: false,
+        disabled: false
+      });
+    });
+    this.state.drTabPages = drTabPages;
+    if (this.view.state.srfnav) {
+      this.state.activeName = this.view.state.srfnav;
+      this.handleTabChange();
+    } else {
+      this.state.activeName = drTabPages[0].tag;
+    }
+  }
+  /**
+   * 处理分页改变
+   *
+   * @memberof DRTabController
+   */
+  handleTabChange() {
+    var _a;
+    const { activeName } = this.state;
+    const drBarItem = (_a = this.model.dedrtabPages) == null ? void 0 : _a.find(
+      (item) => item.id === activeName
+    );
+    if (drBarItem) {
+      this.setVisible("navPos");
+      this.openNavPosView(drBarItem);
+    } else {
+      this.setVisible("form");
+      if (this.routeDepth) {
+        this.router.push(this.state.drTabPages[0].fullPath);
+      }
+    }
+  }
+  /**
+   * 设置显示状态
+   *
+   * @param {('form' | 'navPos')} ctrlName 显示的部件名称
+   * @memberof DRTabController
+   */
+  setVisible(ctrlName) {
+    var _a;
+    const viewForm = (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.view_form;
+    if (ctrlName === "form") {
+      if (viewForm) {
+        viewForm.state.visible = true;
+        viewForm.state.keepAlive = true;
+      }
+      if (this.navPos) {
+        this.navPos.state.visible = false;
+        this.navPos.state.keepAlive = true;
+      }
+    } else {
+      if (viewForm) {
+        viewForm.state.visible = false;
+        viewForm.state.keepAlive = true;
+      }
+      if (this.navPos) {
+        this.navPos.state.visible = true;
+        this.navPos.state.keepAlive = true;
+      }
+    }
+  }
+  /**
+   * 准备参数
+   *
+   * @param {IDEDRCtrlItem} drTabPages 关系分页
+   * @return {*}
+   * @memberof DRTabController
+   */
+  prepareParams(drTabPages) {
+    const { navigateContexts, navigateParams } = drTabPages;
+    const model = {
+      navContexts: navigateContexts,
+      navParams: navigateParams
+    };
+    const originParams = {
+      context: this.context,
+      params: this.params,
+      data: this.getData()[0]
+    };
+    const { resultContext, resultParams } = calcNavParams(model, originParams);
+    const context = Object.assign(this.context.clone(), resultContext, {
+      currentSrfNav: drTabPages.id
+    });
+    const params = { ...this.params, ...resultParams };
+    return { context, params };
+  }
+  /**
+   * 打开导航占位视图
+   *
+   * @param {IDEDRCtrlItem} drTabPages 关系分页
+   * @memberof DRTabController
+   */
+  async openNavPosView(drTabPages) {
+    var _a;
+    const { context, params } = this.prepareParams(drTabPages);
+    (_a = this.navPos) == null ? void 0 : _a.openView({
+      key: drTabPages.id,
+      context,
+      params,
+      viewId: drTabPages.appViewId
+    });
+  }
+}
+
+export { DRTabController };

package/es/control/drtab/drtab.mjs

@@ -0,0 +1,71 @@
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { useRouter } from 'vue-router';
+import { DRTabController } from './drtab.controller.mjs';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const DRTabControl = /* @__PURE__ */ defineComponent({
+  name: "IBizDrTabControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new DRTabController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const router = useRouter();
+    c.setRouter(router);
+    const handleTabChange = () => {
+      c.handleTabChange();
+    };
+    return {
+      c,
+      ns,
+      handleTabChange
+    };
+  },
+  render() {
+    let _slot;
+    const {
+      isCreated,
+      drTabPages
+    } = this.c.state;
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c,
+      "class": this.ns.b()
+    }, {
+      default: () => [isCreated && createVNode(resolveComponent("el-tabs"), {
+        "modelValue": this.c.state.activeName,
+        "onUpdate:modelValue": ($event) => this.c.state.activeName = $event,
+        "onTabChange": this.handleTabChange
+      }, _isSlot(_slot = drTabPages.map((tab) => {
+        return createVNode(resolveComponent("el-tab-pane"), {
+          "class": this.ns.e("tab-item"),
+          "label": tab.caption,
+          "disabled": tab.disabled,
+          "name": tab.tag
+        }, null);
+      })) ? _slot : {
+        default: () => [_slot]
+      })]
+    });
+  }
+});
+
+export { DRTabControl };

package/es/control/drtab/drtab.provider.mjs

@@ -0,0 +1,14 @@
+"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 DRTabProvider {
+  constructor() {
+    __publicField(this, "component", "IBizDrTabControl");
+  }
+}
+
+export { DRTabProvider };

package/es/control/drtab/index.mjs

@@ -0,0 +1,13 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { DRTabControl } from './drtab.mjs';
+import { DRTabProvider } from './drtab.provider.mjs';
+export { DRTabController } from './drtab.controller.mjs';
+
+"use strict";
+const IBizDRTabControl = withInstall(DRTabControl, function(v) {
+  v.component(DRTabControl.name, DRTabControl);
+  registerControlProvider(ControlType.DRTAB, () => new DRTabProvider());
+});
+
+export { IBizDRTabControl, IBizDRTabControl as default };

package/es/control/exp-bar/calendar-exp-bar/calendar-exp-bar.mjs

@@ -0,0 +1,88 @@
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import './calendar-exp-bar.css';
+import { CalendarExpBarController } from '@ibiz-template/runtime';
+import { useExpBarRender, useWatchRouteChange } from '../render-util.mjs';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const CalendarExpBarControl = /* @__PURE__ */ defineComponent({
+  name: "IBizCalendarExpBarControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    srfnav: {
+      type: String,
+      required: false
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new CalendarExpBarController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const {
+      renderTitle,
+      renderQuickSearch
+    } = useExpBarRender(c, ns);
+    useWatchRouteChange(c);
+    return {
+      c,
+      ns,
+      renderTitle,
+      renderQuickSearch
+    };
+  },
+  render() {
+    const {
+      state,
+      XDataModel
+    } = this.c;
+    const {
+      isCreated
+    } = state;
+    const slots = {
+      captionbar: this.renderTitle,
+      searchbar: this.renderQuickSearch
+    };
+    if (isCreated) {
+      if (XDataModel) {
+        const key = this.c.controlPanel ? XDataModel.name : "default";
+        slots[key] = () => {
+          return createVNode(resolveComponent("iBizControlShell"), {
+            "context": this.c.context,
+            "params": this.c.params,
+            "modelData": XDataModel,
+            "singleSelect": true,
+            "mdctrlActiveMode": 1,
+            "loadDefault": false
+          }, null);
+        };
+      }
+    }
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, _isSlot(slots) ? slots : {
+      default: () => [slots]
+    });
+  }
+});
+
+export { CalendarExpBarControl };

package/es/control/exp-bar/calendar-exp-bar/calendar-exp-bar.provider.mjs

@@ -0,0 +1,14 @@
+"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 CalendarExpBarProvider {
+  constructor() {
+    __publicField(this, "component", "IBizCalendarExpBarControl");
+  }
+}
+
+export { CalendarExpBarProvider };

package/es/control/exp-bar/calendar-exp-bar/index.mjs

@@ -0,0 +1,18 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { CalendarExpBarControl } from './calendar-exp-bar.mjs';
+import { CalendarExpBarProvider } from './calendar-exp-bar.provider.mjs';
+
+"use strict";
+const IBizCalendarExpBarControl = withInstall(
+  CalendarExpBarControl,
+  function(v) {
+    v.component(CalendarExpBarControl.name, CalendarExpBarControl);
+    registerControlProvider(
+      ControlType.CALENDAR_EXPBAR,
+      () => new CalendarExpBarProvider()
+    );
+  }
+);
+
+export { IBizCalendarExpBarControl, IBizCalendarExpBarControl as default };

package/es/control/exp-bar/chart-exp-bar/chart-exp-bar.css

@@ -0,0 +1 @@
+.ibiz-control-chartexpbar{min-width:300px;height:100%;overflow-y:auto}

package/es/control/exp-bar/chart-exp-bar/chart-exp-bar.mjs

@@ -0,0 +1,87 @@
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import './chart-exp-bar.css';
+import { ChartExpBarController } from '@ibiz-template/runtime';
+import { useExpBarRender, useWatchRouteChange } from '../render-util.mjs';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const ChartExpBarControl = /* @__PURE__ */ defineComponent({
+  name: "IBizChartExpBarControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    srfnav: {
+      type: String,
+      required: false
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new ChartExpBarController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const {
+      renderTitle,
+      renderQuickSearch
+    } = useExpBarRender(c, ns);
+    useWatchRouteChange(c);
+    return {
+      c,
+      ns,
+      renderTitle,
+      renderQuickSearch
+    };
+  },
+  render() {
+    const {
+      isCreated
+    } = this.c.state;
+    const {
+      XDataModel
+    } = this.c;
+    const slots = {
+      captionbar: this.renderTitle,
+      searchbar: this.renderQuickSearch
+    };
+    if (isCreated) {
+      if (XDataModel) {
+        const key = this.c.controlPanel ? XDataModel.name : "default";
+        slots[key] = () => {
+          return createVNode(resolveComponent("iBizControlShell"), {
+            "context": this.c.context,
+            "params": this.c.params,
+            "modelData": XDataModel,
+            "singleSelect": true,
+            "mdctrlActiveMode": 1,
+            "loadDefault": false
+          }, null);
+        };
+      }
+    }
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, _isSlot(slots) ? slots : {
+      default: () => [slots]
+    });
+  }
+});
+
+export { ChartExpBarControl };

package/es/control/exp-bar/chart-exp-bar/chart-exp-bar.provider.mjs

@@ -0,0 +1,14 @@
+"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 ChartExpBarProvider {
+  constructor() {
+    __publicField(this, "component", "IBizChartExpBarControl");
+  }
+}
+
+export { ChartExpBarProvider };

package/es/control/exp-bar/chart-exp-bar/index.mjs

@@ -0,0 +1,18 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { ChartExpBarControl } from './chart-exp-bar.mjs';
+import { ChartExpBarProvider } from './chart-exp-bar.provider.mjs';
+
+"use strict";
+const IBizChartExpBarControl = withInstall(
+  ChartExpBarControl,
+  function(v) {
+    v.component(ChartExpBarControl.name, ChartExpBarControl);
+    registerControlProvider(
+      ControlType.CHART_EXPBAR,
+      () => new ChartExpBarProvider()
+    );
+  }
+);
+
+export { IBizChartExpBarControl, IBizChartExpBarControl as default };

package/es/control/exp-bar/data-view-exp-bar/data-view-exp-bar.css

@@ -0,0 +1 @@
+.ibiz-control-dataviewexpbar{height:100%;overflow-y:auto}

package/es/control/exp-bar/data-view-exp-bar/data-view-exp-bar.provider.mjs

@@ -0,0 +1,14 @@
+"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 DataViewExpBarProvider {
+  constructor() {
+    __publicField(this, "component", "IBizDataViewExpBarControl");
+  }
+}
+
+export { DataViewExpBarProvider };