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

package/es/control/medit-view-panel/medit-view-panel.mjs

@@ -0,0 +1,142 @@
+import { isVNode, ref, onMounted, onUnmounted, resolveComponent, createVNode, h, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { MEditViewPanelController } from '@ibiz-template/runtime';
+import './medit-view-panel.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const MEditViewPanelControl = /* @__PURE__ */ defineComponent({
+  name: "IBizMEditViewPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new MEditViewPanelController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const panelContent = ref(null);
+    const lastScrollHeight = ref(0);
+    let mutationObserver = null;
+    const handleDelete = (item) => {
+      c.handleDelete(item);
+    };
+    onMounted(() => {
+      if (panelContent.value) {
+        mutationObserver = new MutationObserver(() => {
+          const scrollHeight = panelContent.value.scrollHeight;
+          if (scrollHeight !== lastScrollHeight.value) {
+            if (c.state.isNeedScroll) {
+              lastScrollHeight.value = scrollHeight;
+              panelContent.value.scrollTop = scrollHeight;
+            }
+          }
+        });
+        mutationObserver.observe(panelContent.value, {
+          childList: true,
+          // 子节点的变动（新增、删除或者更改）
+          attributes: true,
+          // 属性的变动
+          characterData: true,
+          // 节点内容或节点文本的变动
+          subtree: true
+          // 是否将观察器应用于该节点的所有后代节点
+        });
+      }
+    });
+    onUnmounted(() => {
+      if (mutationObserver) {
+        mutationObserver.disconnect();
+      }
+    });
+    return {
+      c,
+      ns,
+      panelContent,
+      handleDelete
+    };
+  },
+  render() {
+    const viewShell = resolveComponent("IBizViewShell");
+    const renderTabTop = () => {
+      let _slot;
+      return createVNode(resolveComponent("el-tabs"), {
+        "class": this.ns.b("tabs"),
+        "modelValue": this.c.state.activeTab,
+        "onUpdate:modelValue": ($event) => this.c.state.activeTab = $event
+      }, _isSlot(_slot = this.c.state.panelUiItems.map((item, index) => {
+        return createVNode(resolveComponent("el-tab-pane"), {
+          "key": item.id + item.srfmajortext,
+          "name": item.id
+        }, {
+          label: () => {
+            return createVNode("div", {
+              "class": this.ns.b("tab-label")
+            }, [createVNode("span", null, [item.srfmajortext]), createVNode("ion-icon", {
+              "name": "close-outline",
+              "onClick": () => this.c.handleTabDelete(item, index)
+            }, null)]);
+          },
+          default: () => {
+            return this.c.state.activeTab === item.id && h(viewShell, {
+              context: item.context,
+              params: item.params,
+              viewId: this.c.model.embeddedAppViewId,
+              onDataChange: (args) => this.c.onViewDataChange(args, item.id)
+            });
+          }
+        });
+      })) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+    const renderRow = () => {
+      return this.c.state.panelUiItems.map((item) => {
+        return createVNode("div", {
+          "class": this.ns.b("item"),
+          "key": item.id
+        }, [[h(viewShell, {
+          context: item.context,
+          params: item.params,
+          viewId: this.c.model.embeddedAppViewId,
+          onDataChange: (args) => this.c.onViewDataChange(args, item.id)
+        }), createVNode("div", {
+          "class": this.ns.b("close")
+        }, [createVNode("ion-icon", {
+          "name": "close-outline",
+          "onClick": () => this.handleDelete(item)
+        }, null)])]]);
+      });
+    };
+    const renderContent = () => {
+      if (!this.c.model.embeddedAppViewId) {
+        return;
+      }
+      if (Object.is(this.c.model.panelStyle, "TAB_TOP")) {
+        return renderTabTop();
+      }
+      return renderRow();
+    };
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [createVNode("div", {
+        "class": this.ns.b("content"),
+        "ref": "panelContent"
+      }, [this.c.state.panelUiItems.length > 0 ? renderContent() : null])]
+    });
+  }
+});
+
+export { MEditViewPanelControl };

package/es/control/medit-view-panel/medit-view-panel.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 MEditViewPanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizMEditViewPanelControl");
+  }
+}
+
+export { MEditViewPanelProvider };

package/es/control/pickup-view-panel/index.mjs

@@ -0,0 +1,18 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { PickupViewPanelControl } from './pickup-view-panel.mjs';
+import { PickupViewPanelProvider } from './pickup-view-panel.provider.mjs';
+
+"use strict";
+const IBizPickupViewPanelControl = withInstall(
+  PickupViewPanelControl,
+  function(v) {
+    v.component(PickupViewPanelControl.name, PickupViewPanelControl);
+    registerControlProvider(
+      ControlType.PICKUP_VIEW_PANEL,
+      () => new PickupViewPanelProvider()
+    );
+  }
+);
+
+export { IBizPickupViewPanelControl, IBizPickupViewPanelControl as default };

package/es/control/pickup-view-panel/pickup-view-panel.css

@@ -0,0 +1 @@
+.ibiz-control-pickupviewpanel{height:100%}

package/es/control/pickup-view-panel/pickup-view-panel.mjs

@@ -0,0 +1,79 @@
+import { resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { PickupViewPanelController } from '@ibiz-template/runtime';
+import './pickup-view-panel.css';
+
+"use strict";
+const PickupViewPanelControl = /* @__PURE__ */ defineComponent({
+  name: "IBizPickupViewPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    /**
+     * 是否为单选
+     * - true 单选
+     * - false 多选
+     *
+     * @type {(Boolean)}
+     */
+    singleSelect: {
+      type: Boolean,
+      default: true
+    },
+    noLoadDefault: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new PickupViewPanelController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const onCreated = (event) => {
+      c.setEmbedView(event.view);
+    };
+    return {
+      c,
+      ns,
+      onCreated
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [this.c.state.isCreated && (this.$slots.default ? this.$slots.default({
+        context: this.c.state.context,
+        params: this.c.state.params,
+        state: {
+          singleSelect: this.c.state.singleSelect,
+          noLoadDefault: this.noLoadDefault
+        },
+        onCreated: this.onCreated
+      }) : h(resolveComponent("IBizViewShell"), {
+        context: this.c.state.context,
+        params: this.c.state.params,
+        viewId: this.c.model.embeddedAppDEViewId,
+        state: {
+          singleSelect: this.c.state.singleSelect,
+          noLoadDefault: this.noLoadDefault
+        },
+        onCreated: this.onCreated
+      }))]
+    });
+  }
+});
+
+export { PickupViewPanelControl };

package/es/control/pickup-view-panel/pickup-view-panel.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 PickupViewPanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPickupViewPanelControl");
+  }
+}
+
+export { PickupViewPanelProvider };

package/es/control/report-panel/index.mjs

@@ -0,0 +1,23 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { ReportPanelControl } from './report-panel.mjs';
+import { ReportPanelProvider } from './report-panel.provider.mjs';
+import './report-detail/index.mjs';
+import { IBizUserReportPanel } from './report-detail/user-report-panel/index.mjs';
+import { IBizUser2ReportPanel } from './report-detail/user2-report-panel/index.mjs';
+
+"use strict";
+const IBizReportPanelControl = withInstall(
+  ReportPanelControl,
+  function(v) {
+    v.use(IBizUserReportPanel);
+    v.use(IBizUser2ReportPanel);
+    v.component(ReportPanelControl.name, ReportPanelControl);
+    registerControlProvider(
+      ControlType.REPORT_PANEL,
+      () => new ReportPanelProvider()
+    );
+  }
+);
+
+export { IBizReportPanelControl, IBizReportPanelControl as default };

package/es/control/report-panel/report-detail/index.mjs

@@ -0,0 +1,4 @@
+export { IBizUserReportPanel } from './user-report-panel/index.mjs';
+export { IBizUser2ReportPanel } from './user2-report-panel/index.mjs';
+
+"use strict";

package/es/control/report-panel/report-detail/user-report-panel/index.mjs

@@ -0,0 +1,12 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { UserReportPanel } from './user-report-panel.mjs';
+
+"use strict";
+const IBizUserReportPanel = withInstall(
+  UserReportPanel,
+  function(v) {
+    v.component(UserReportPanel.name, UserReportPanel);
+  }
+);
+
+export { IBizUserReportPanel, IBizUserReportPanel as default };

package/es/control/report-panel/report-detail/user-report-panel/user-report-panel.css

@@ -0,0 +1 @@
+.ibiz-user-report-panel__container{width:100%;height:100%}

package/es/control/report-panel/report-detail/user-report-panel/user-report-panel.mjs

@@ -0,0 +1,47 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './user-report-panel.css';
+
+"use strict";
+const UserReportPanel = /* @__PURE__ */ defineComponent({
+  name: "IBizUserReportPanel",
+  props: {
+    controller: {
+      type: Object
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = useNamespace(`user-report-panel`);
+    const generator = c && c.generator;
+    return {
+      c,
+      ns,
+      generator
+    };
+  },
+  render() {
+    if (!this.c) {
+      return;
+    }
+    const state = this.c.state;
+    return createVNode("div", {
+      "class": this.ns.e("container")
+    }, [createVNode(resolveComponent("iBizRelationshipDesign"), {
+      "data": state.data,
+      "context": this.c.context,
+      "params": this.c.params,
+      "config": this.generator && this.generator.config.CONFIG,
+      "pluginConfig": this.generator && this.generator.config.PLUGINCONFIG,
+      "nodeLegendConfig": this.generator && this.generator.config.NODELEGENDCONFIG,
+      "edgeLegendConfig": this.generator && this.generator.config.EDGELEGENDCONFIG,
+      "hooks": this.generator && this.generator.config.HOOKS,
+      "showLoading": true,
+      "onInit": (args) => {
+        this.generator && this.generator.init(args);
+      }
+    }, null)]);
+  }
+});
+
+export { UserReportPanel };

package/es/control/report-panel/report-detail/user2-report-panel/index.mjs

@@ -0,0 +1,12 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { User2ReportPanel } from './user2-report-panel.mjs';
+
+"use strict";
+const IBizUser2ReportPanel = withInstall(
+  User2ReportPanel,
+  function(v) {
+    v.component(User2ReportPanel.name, User2ReportPanel);
+  }
+);
+
+export { IBizUser2ReportPanel, IBizUser2ReportPanel as default };

package/es/control/report-panel/report-detail/user2-report-panel/user2-report-panel.css

@@ -0,0 +1 @@
+.ibiz-user2-report-panel__container{width:100%;height:100%}.ibiz-user2-report-panel__empty{display:flex;justify-content:center;align-items:center;width:100%;height:100%}

package/es/control/report-panel/report-detail/user2-report-panel/user2-report-panel.mjs

@@ -0,0 +1,64 @@
+import { createVNode, createTextVNode, defineComponent } from 'vue';
+import { UIActionUtil } from '@ibiz-template/runtime';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './user2-report-panel.css';
+
+"use strict";
+const User2ReportPanel = /* @__PURE__ */ defineComponent({
+  name: "IBizUser2ReportPanel",
+  props: {
+    controller: {
+      type: Object
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = useNamespace(`user2-report-panel`);
+    const generator = c && c.generator;
+    const handleClick = async (e) => {
+      let clickValue = e.target.getAttribute("click");
+      let params = e.target.getAttribute("params");
+      if (!clickValue || !c || !params) {
+        return;
+      }
+      clickValue = clickValue.replaceAll("`", "");
+      params = params.replaceAll("`", '"');
+      const pattern = /\(([^)]+)\)/;
+      const result = pattern.exec(clickValue);
+      if (result && result[1]) {
+        UIActionUtil.exec(result[1], {
+          context: c.context,
+          params: c.params,
+          data: [JSON.parse(params)],
+          view: c.view
+        }, c.context.srfappid);
+      }
+    };
+    return {
+      c,
+      ns,
+      generator,
+      handleClick
+    };
+  },
+  render() {
+    if (!this.c) {
+      return;
+    }
+    const state = this.c.state;
+    if (state.isLoaded) {
+      return createVNode("div", {
+        "class": this.ns.e("container"),
+        "innerHTML": state.data,
+        "onClick": (e) => {
+          this.handleClick(e);
+        }
+      }, null);
+    }
+    return createVNode("div", {
+      "class": this.ns.e("empty")
+    }, [createTextVNode("\u6682\u65E0\u6570\u636E")]);
+  }
+});
+
+export { User2ReportPanel };

package/es/control/report-panel/report-panel.css

@@ -0,0 +1 @@
+.ibiz-control-reportpanel{width:100%;height:100%}

package/es/control/report-panel/report-panel.mjs

@@ -0,0 +1,72 @@
+import { isVNode, createTextVNode, createVNode, resolveComponent, defineComponent } from 'vue';
+import { ReportPanelController } from '@ibiz-template/runtime';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import './report-panel.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const ReportPanelControl = /* @__PURE__ */ defineComponent({
+  name: "IBizReportPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    noLoadDefault: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new ReportPanelController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const renderContent = () => {
+      const {
+        reportType
+      } = c.state;
+      switch (reportType) {
+        case "USER":
+          return createVNode(resolveComponent("iBizUserReportPanel"), {
+            "controller": c
+          }, null);
+        case "USER2":
+          return createVNode(resolveComponent("iBizUser2ReportPanel"), {
+            "controller": c
+          }, null);
+        default:
+          return createVNode("div", null, [createTextVNode("\u6682\u672A\u5B9E\u73B0")]);
+      }
+    };
+    return {
+      c,
+      ns,
+      renderContent
+    };
+  },
+  render() {
+    let _slot;
+    if (!this.c.state.isCreated) {
+      return;
+    }
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, _isSlot(_slot = this.renderContent()) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+export { ReportPanelControl };

package/es/control/report-panel/report-panel.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 ReportPanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizReportPanelControl");
+  }
+}
+
+export { ReportPanelProvider };

package/es/control/search-bar/filter-mode-select/filter-mode-select.mjs

@@ -0,0 +1,95 @@
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ValueOP } from '@ibiz-template/runtime';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const FilterModes = [{
+  valueOP: ValueOP.EQ,
+  label: "\u7B49\u4E8E(=)"
+}, {
+  valueOP: ValueOP.NOT_EQ,
+  label: "\u4E0D\u7B49\u4E8E(<>)"
+}, {
+  valueOP: ValueOP.GT,
+  label: "\u5927\u4E8E(>)"
+}, {
+  valueOP: ValueOP.GT_AND_EQ,
+  label: "\u5927\u4E8E\u7B49\u4E8E(>=)"
+}, {
+  valueOP: ValueOP.LT,
+  label: "\u5C0F\u4E8E(<)"
+}, {
+  valueOP: ValueOP.LT_AND_EQ,
+  label: "\u5C0F\u4E8E\u7B49\u4E8E(<=)"
+}, {
+  valueOP: ValueOP.IS_NULL,
+  label: "\u503C\u4E3A\u7A7A(Nil)"
+}, {
+  valueOP: ValueOP.IS_NOT_NULL,
+  label: "\u503C\u4E0D\u4E3A\u7A7A(NotNil)"
+}, {
+  valueOP: ValueOP.IN,
+  label: "\u503C\u5728\u8303\u56F4\u4E2D(In)"
+}, {
+  valueOP: ValueOP.NOT_IN,
+  label: "\u503C\u4E0D\u5728\u8303\u56F4\u4E2D(NotIn)"
+}, {
+  valueOP: ValueOP.LIKE,
+  label: "\u6587\u672C\u5305\u542B(%)"
+}, {
+  valueOP: ValueOP.LIFT_LIKE,
+  label: "\u6587\u672C\u5DE6\u5305\u542B(%#)"
+}, {
+  valueOP: ValueOP.RIGHT_LIKE,
+  label: "\u6587\u672C\u53F3\u5305\u542B(#%)"
+}];
+const FilterModeSelect = /* @__PURE__ */ defineComponent({
+  name: "IBizFilterModeSelect",
+  props: {
+    value: String,
+    modes: Array
+  },
+  emits: {
+    change: (_mode) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const availableModes = computed(() => {
+      var _a;
+      if ((_a = props.modes) == null ? void 0 : _a.length) {
+        return FilterModes.filter((item) => props.modes.includes(item.valueOP));
+      }
+      return FilterModes;
+    });
+    const onChange = (value) => {
+      emit("change", value);
+    };
+    return {
+      availableModes,
+      onChange
+    };
+  },
+  render() {
+    let _slot;
+    return createVNode(resolveComponent("el-select"), {
+      "model-value": this.value,
+      "teleported": false,
+      "onChange": (value) => {
+        this.onChange(value);
+      }
+    }, _isSlot(_slot = this.availableModes.map((mode) => {
+      return createVNode(resolveComponent("el-option"), {
+        "key": mode.valueOP,
+        "value": mode.valueOP,
+        "label": mode.label
+      }, null);
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+export { FilterModeSelect };

package/es/control/search-bar/filter-tree/filter-tree.css

@@ -0,0 +1 @@
+.ibiz-filter-tree{padding:16px}.ibiz-filter-tree__editor{display:inline-block;width:180px;margin-right:8px}.ibiz-filter-tree__field-select{width:185px;margin-right:8px}.ibiz-filter-tree__mode-select{width:185px;margin-right:8px}.ibiz-filter-tree-group{padding:6px;border:1px solid var(--ibiz-color-border)}.ibiz-filter-tree-group__actions{padding-bottom:16px}.ibiz-filter-tree-group__logic-type{width:80px;margin-left:12px}.ibiz-filter-tree-group__list-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-right:15px;padding-bottom:16px}.ibiz-filter-tree-group__list-item-left{align-self:flex-start;width:32px;margin:5px 8px 0;font-size:14px;color:var(--ibiz-editor-default-text-color)}.ibiz-filter-tree-group__list-item-right{position:absolute;top:8px;right:0;color:var(--ibiz-color-danger);cursor:pointer}.ibiz-filter-tree-group__list-item-right:hover{color:var(--ibiz-color-danger-hover)}.ibiz-filter-tree-item{display:flex;align-items:center;justify-content:flex-start;width:574px}.ibiz-filter-tree-footer{margin-top:8px;text-align:right}