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

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

@@ -1,12 +0,0 @@
-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

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

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

@@ -1,47 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-.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

@@ -1,64 +0,0 @@
-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
-        });
-      }
-    };
-    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

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

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

@@ -1,72 +0,0 @@
-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

@@ -1,14 +0,0 @@
-"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

@@ -1,95 +0,0 @@
-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

@@ -1 +0,0 @@
-.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}

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

@@ -1,278 +0,0 @@
-import { isVNode, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
-import { ValueOP } from '@ibiz-template/runtime';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import './filter-tree.css';
-
-"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 FilterTreeControl = /* @__PURE__ */ defineComponent({
-  name: "IBizFilterTreeControl",
-  props: {
-    controller: {
-      type: Object,
-      required: true
-    },
-    provider: {
-      type: Object
-    }
-  },
-  emits: {
-    close: () => true
-  },
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("filter-tree");
-    const findFilterController = (fieldName, valueOP) => {
-      return props.controller.filterControllers.find((item) => {
-        if (item.fieldName === fieldName) {
-          return item.valueOP ? item.valueOP === valueOP : true;
-        }
-        return false;
-      });
-    };
-    const allFields = [];
-    const getFilterModes = (fieldName) => {
-      if (!fieldName) {
-        return;
-      }
-      const field = allFields.find((item) => item.name === fieldName);
-      if (!field) {
-        return;
-      }
-      return field.valueOPs;
-    };
-    props.controller.filterControllers.forEach((filterC) => {
-      let find = allFields.find((x) => x.name === filterC.fieldName);
-      if (find === void 0) {
-        find = {
-          name: filterC.fieldName,
-          label: filterC.label,
-          valueOPs: []
-        };
-        allFields.push(find);
-      }
-      if (!filterC.valueOP) {
-        find.valueOPs = FilterModes.map((item) => item.valueOP);
-      } else {
-        find.valueOPs.push(filterC.valueOP);
-      }
-    });
-    const onFieldSelect = (node, field) => {
-      node.field = field;
-    };
-    const onValueOPSelect = (node, valueOP) => {
-      node.valueOP = valueOP;
-    };
-    const onGroupLogicTypeChange = (node, logicType) => {
-      node.logicType = logicType;
-    };
-    const addGroup = (node) => {
-      node.children.push({
-        leaf: false,
-        logicType: "AND",
-        children: [{
-          leaf: true,
-          field: null,
-          valueOP: null,
-          value: null
-        }]
-      });
-    };
-    const addItem = (node) => {
-      node.children.push({
-        leaf: true,
-        field: null,
-        valueOP: null,
-        value: null
-      });
-    };
-    const renderEditor = (node, filterC) => {
-      let editor = null;
-      if (filterC.editorProvider) {
-        const component = resolveComponent(filterC.editorProvider.formEditor);
-        editor = h(component, {
-          value: node.value,
-          controller: filterC.editor,
-          onChange: (val) => {
-            node.value = val;
-          }
-        });
-      } else {
-        editor = createVNode(resolveComponent("not-supported-editor"), {
-          "modelData": filterC.model.editor
-        }, null);
-      }
-      return createVNode("div", {
-        "class": ns.e("editor")
-      }, [editor]);
-    };
-    const renderFilterItem = (node) => {
-      let _slot;
-      const filterC = findFilterController(node.field, node.valueOP);
-      const availableModes = getFilterModes(node.field);
-      return createVNode("div", {
-        "class": ns.b("item")
-      }, [createVNode(resolveComponent("el-select"), {
-        "model-value": node.field,
-        "teleported": false,
-        "class": ns.e("field-select"),
-        "onChange": (field) => {
-          onFieldSelect(node, field);
-        }
-      }, _isSlot(_slot = allFields.map((field) => {
-        return createVNode(resolveComponent("el-option"), {
-          "key": field.name,
-          "value": field.name,
-          "label": field.label
-        }, null);
-      })) ? _slot : {
-        default: () => [_slot]
-      }), availableModes && availableModes.length > 0 && createVNode(resolveComponent("iBizFilterModeSelect"), {
-        "class": ns.e("mode-select"),
-        "value": node.valueOP,
-        "modes": availableModes,
-        "onChange": (valueOP) => {
-          onValueOPSelect(node, valueOP);
-        }
-      }, null), filterC && renderEditor(node, filterC)]);
-    };
-    const renderFilterGroup = (node) => {
-      return createVNode("div", {
-        "class": ns.b("group")
-      }, [createVNode("div", {
-        "class": ns.be("group", "actions")
-      }, [createVNode(resolveComponent("el-button"), {
-        "text": true,
-        "type": "primary",
-        "onClick": () => {
-          addGroup(node);
-        }
-      }, {
-        default: () => [createTextVNode("\u6DFB\u52A0\u7EC4")]
-      }), createVNode(resolveComponent("el-button"), {
-        "text": true,
-        "onClick": () => {
-          addItem(node);
-        }
-      }, {
-        default: () => [createTextVNode("\u6DFB\u52A0\u9879")]
-      }), createVNode(resolveComponent("el-select"), {
-        "model-value": node.logicType,
-        "teleported": false,
-        "class": ns.be("group", "logic-type"),
-        "onChange": (logicType) => {
-          onGroupLogicTypeChange(node, logicType);
-        }
-      }, {
-        default: () => [createVNode(resolveComponent("el-option"), {
-          "key": "AND",
-          "value": "AND",
-          "label": "AND"
-        }, null), createVNode(resolveComponent("el-option"), {
-          "key": "OR",
-          "value": "OR",
-          "label": "OR"
-        }, null)]
-      })]), createVNode("div", {
-        "class": ns.be("group", "list")
-      }, [node.children.length > 0 && node.children.map((child, index) => {
-        const childContent = child.leaf ? renderFilterItem(child) : renderFilterGroup(child);
-        return createVNode("div", {
-          "class": ns.be("group", "list-item")
-        }, [createVNode("div", {
-          "class": ns.be("group", "list-item-left")
-        }, [node.logicType]), childContent, createVNode(resolveComponent("iBizIcon"), {
-          "class": ns.be("group", "list-item-right"),
-          "onClick": () => {
-            node.children.splice(index, 1);
-          },
-          "icon": {
-            cssClass: "trash"
-          }
-        }, null)]);
-      })])]);
-    };
-    const onClose = () => {
-      emit("close");
-    };
-    return {
-      ns,
-      renderFilterGroup,
-      renderFilterItem,
-      onClose
-    };
-  },
-  render() {
-    const {
-      state
-    } = this.controller;
-    return createVNode("div", {
-      "class": [this.ns.b()]
-    }, [state.filterNodes.length > 0 && state.filterNodes.map((node) => {
-      if (node.leaf) {
-        return this.renderFilterItem(node);
-      }
-      return this.renderFilterGroup(node);
-    }), createVNode("div", {
-      "class": this.ns.b("footer")
-    }, [createVNode(resolveComponent("el-button"), {
-      "onClick": () => {
-        this.controller.onSearch();
-        this.onClose();
-      }
-    }, {
-      default: () => [createTextVNode("\u641C\u7D22")]
-    }), createVNode(resolveComponent("el-button"), {
-      "onClick": () => {
-        this.controller.resetFilter();
-      }
-    }, {
-      default: () => [createTextVNode("\u91CD\u7F6E")]
-    })])]);
-  }
-});
-
-export { FilterTreeControl };

package/es/control/search-bar/index.mjs

@@ -1,22 +0,0 @@
-import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
-import { withInstall } from '@ibiz-template/vue3-util';
-import { SearchBarControl } from './search-bar.mjs';
-import { SearchBarProvider } from './search-bar.provider.mjs';
-import { FilterTreeControl } from './filter-tree/filter-tree.mjs';
-import { FilterModeSelect } from './filter-mode-select/filter-mode-select.mjs';
-
-"use strict";
-const IBizSearchBarControl = withInstall(
-  SearchBarControl,
-  function(v) {
-    v.component(SearchBarControl.name, SearchBarControl);
-    v.component(FilterTreeControl.name, FilterTreeControl);
-    v.component(FilterModeSelect.name, FilterModeSelect);
-    registerControlProvider(
-      ControlType.SEARCHBAR,
-      () => new SearchBarProvider()
-    );
-  }
-);
-
-export { IBizSearchBarControl, IBizSearchBarControl as default };

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

@@ -1 +0,0 @@
-@charset "UTF-8";.ibiz-control-searchbar{--ibiz-control-searchbar-quick-search-width:220px;--ibiz-control-searchbar-quick-group-item-padding:var(--ibiz-spacing-tight);--ibiz-control-searchbar-quick-group-item-margin:var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:var(--ibiz-control-searchbar-quick-search-width);font-size:14px;color:var(--ibiz-text-color);background:var(--ibiz-color-white);border:1px solid var(--ibiz-border-color);border-radius:4px}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group{height:100%}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-control-searchbar-quick-group-item-padding);margin-right:var(--ibiz-control-searchbar-quick-group-item-margin);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-control-searchbar .el-input__icon{cursor:pointer}