@ibiz-template/vue3-components 0.7.38-alpha.56 → 0.7.40-alpha.9

package/lib/panel-component/global-search/global-search.cjs

@@ -0,0 +1,196 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@ibiz-template/core');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./global-search.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const GlobalSearch = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizGlobalSearch",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = vue3Util.useNamespace("global-search");
+    const loading = vue.ref(false);
+    const list = vue.ref([]);
+    const visible = vue.ref(false);
+    const editorRef = vue.ref();
+    const onSearch = async () => {
+      visible.value = true;
+      loading.value = true;
+      try {
+        list.value = c.state.query ? await c.search(c.state.query) : [];
+      } catch (error) {
+        ibiz.log.error(error);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const handleEnter = (event) => {
+      if (event.key === "Enter")
+        onSearch();
+    };
+    const handleClear = () => {
+      list.value = [];
+    };
+    const handleHistoryItemClick = async (event, value) => {
+      event.stopPropagation();
+      c.state.query = value;
+      await onSearch();
+    };
+    const handleSearchItemClick = async (event, data, item) => {
+      event.stopPropagation();
+      c.state.query = data[c.textName];
+      visible.value = false;
+      handleClear();
+      await c.openLinkView(data, item);
+    };
+    const handleClickOutside = (event) => {
+      if (!event.target.closest(".".concat(ns.b())) && !event.target.closest(".el-input__suffix")) {
+        visible.value = false;
+      }
+    };
+    const handleInputClick = (event) => {
+      event.stopPropagation();
+      visible.value = true;
+    };
+    const handleClearHistory = (event) => {
+      event.stopPropagation();
+      visible.value = false;
+      handleClear();
+      c.clearHistory();
+    };
+    const handleKeyup = (event) => {
+      var _a;
+      if (event.key === "\\")
+        (_a = editorRef.value) == null ? void 0 : _a.focus();
+    };
+    vue.onMounted(() => {
+      document.addEventListener("click", handleClickOutside);
+      document.addEventListener("keyup", handleKeyup);
+    });
+    vue.onUnmounted(() => {
+      document.removeEventListener("click", handleClickOutside);
+      document.removeEventListener("keyup", handleKeyup);
+    });
+    const renderBlankPlaceholder = () => {
+      if (!c.state.query && !c.state.histories.length || c.state.query && !list.value.length)
+        return vue.withDirectives(vue.createVNode("div", {
+          "class": ns.e("empty")
+        }, [loading.value ? ibiz.i18n.t("panelComponent.globalSearch.loading") : ibiz.i18n.t("panelComponent.globalSearch.empty")]), [[vue.resolveDirective("loading"), loading.value]]);
+    };
+    const renderAction = () => {
+      let _slot;
+      if (!c.state.query && c.state.histories.length)
+        return vue.createVNode("div", {
+          "class": ns.em("content", "action-item")
+        }, [vue.createVNode(vue.resolveComponent("el-button"), {
+          "text": true,
+          "onClick": handleClearHistory
+        }, _isSlot(_slot = ibiz.i18n.t("panelComponent.globalSearch.clearHistory")) ? _slot : {
+          default: () => [_slot]
+        })]);
+    };
+    const renderHistoryList = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("list")
+      }, [c.state.histories.map((history) => {
+        return vue.createVNode("div", {
+          "onClick": (event) => handleHistoryItemClick(event, history),
+          "class": [ns.em("list", "item"), ns.em("list", "history-item")]
+        }, [history]);
+      })]);
+    };
+    const renderSearchList = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("list")
+      }, [list.value.map((item) => {
+        const searchItem = c.getSearchItemByEntity(item.srfdecodename);
+        let content = item[c.textName];
+        if (searchItem == null ? void 0 : searchItem.acItemProvider) {
+          content = vue.h(vue.resolveComponent(searchItem.acItemProvider.component), {
+            item,
+            controller: c
+          });
+        } else if (searchItem == null ? void 0 : searchItem.deACMode.itemLayoutPanel) {
+          content = vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+            "data": item,
+            "modelData": searchItem.deACMode.itemLayoutPanel,
+            "context": c.panel.context,
+            "params": c.panel.params
+          }, null);
+        }
+        return vue.createVNode("div", {
+          "class": [ns.em("list", "item"), ns.em("list", "srearch-item")],
+          "onClick": (event) => handleSearchItemClick(event, item, searchItem),
+          "title": core.showTitle(item[c.textName])
+        }, [content]);
+      })]);
+    };
+    return {
+      c,
+      ns,
+      list,
+      visible,
+      editorRef,
+      handleClear,
+      handleEnter,
+      renderAction,
+      renderSearchList,
+      renderHistoryList,
+      handleInputClick,
+      renderBlankPlaceholder
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("el-popover"), {
+      "width": "auto",
+      "visible": this.visible,
+      "placement": "bottom-start",
+      "popper-class": this.ns.e("popper")
+    }, {
+      reference: () => {
+        return vue.createVNode(vue.resolveComponent("el-input"), {
+          "clearable": true,
+          "ref": "editorRef",
+          "onKeyup": this.handleEnter,
+          "modelValue": this.c.state.query,
+          "onUpdate:modelValue": ($event) => this.c.state.query = $event,
+          "placeholder": ibiz.i18n.t("panelComponent.globalSearch.placeholder"),
+          "class": [this.ns.e("search"), this.ns.is("search", this.visible)],
+          "onClick": this.handleInputClick,
+          "onClear": this.handleClear
+        }, {
+          prefix: () => {
+            return vue.createVNode("ion-icon", {
+              "name": "search",
+              "class": this.ns.em("search", "icon")
+            }, null);
+          }
+        });
+      },
+      default: () => {
+        return vue.createVNode("div", {
+          "class": this.ns.e("content")
+        }, [this.c.state.query ? this.renderSearchList() : this.renderHistoryList(), this.renderBlankPlaceholder(), this.renderAction()]);
+      }
+    })]);
+  }
+});
+
+exports.GlobalSearch = GlobalSearch;

package/lib/panel-component/global-search/global-search.controller.cjs

@@ -0,0 +1,223 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var globalSearch_state = require('./global-search.state.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 GlobalSearchController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 主键属性名称
+     *
+     * @type {string}
+     * @memberof GlobalSearchController
+     */
+    __publicField(this, "keyName", "srfkey");
+    /**
+     * 主文本属性名称
+     *
+     * @type {string}
+     * @memberof GlobalSearchController
+     */
+    __publicField(this, "textName", "srfmajortext");
+    /**
+     * 搜索历史缓存标识
+     *
+     * @protected
+     * @type {string}
+     * @memberof GlobalSearchController
+     */
+    __publicField(this, "historyCache", "global-search-history");
+  }
+  /**
+   * 创建全局搜索状态对象
+   *
+   * @protected
+   * @return {*}  {GlobalSearchState}
+   * @memberof GlobalSearchController
+   */
+  createState() {
+    var _a;
+    return new globalSearch_state.GlobalSearchState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 初始化
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof GlobalSearchController
+   */
+  async onInit() {
+    await super.onInit();
+    this.initHistory();
+    await this.initGlobalSearchItem();
+  }
+  /**
+   * 初始化全局搜索项
+   *
+   * @protected
+   * @memberof GlobalSearchController
+   */
+  async initGlobalSearchItem() {
+    var _a;
+    const appFuncs = ((_a = ibiz.hub.getApp(this.model.appId).model.appFuncs) == null ? void 0 : _a.filter(
+      (func) => func.appFuncType === "SEARCH" && func.appDEACModeId && func.appDataEntityId
+    )) || [];
+    await Promise.all(
+      appFuncs.map(async (func) => {
+        const deACMode = await runtime.getDeACMode(
+          func.appDEACModeId,
+          func.appDataEntityId,
+          func.appId
+        );
+        if (deACMode) {
+          let acItemProvider;
+          if (deACMode.itemSysPFPluginId) {
+            acItemProvider = await runtime.getAcItemProvider(deACMode);
+          }
+          this.state.items.push({
+            deACMode,
+            acItemProvider,
+            appDataEntityId: func.appDataEntityId
+          });
+        }
+      })
+    );
+  }
+  /**
+   * 初始化历史记录
+   *
+   * @private
+   * @memberof GlobalSearchController
+   */
+  initHistory() {
+    const cache = localStorage.getItem(this.historyCache);
+    if (cache)
+      this.state.histories = JSON.parse(cache);
+  }
+  /**
+   * 添加历史
+   * - 最多5条记录
+   * @private
+   * @param {string} query
+   * @memberof GlobalSearchController
+   */
+  addToHistory(query) {
+    const histories = this.state.histories.filter((history) => history !== query);
+    histories.push(query);
+    if (histories.length > 5)
+      histories.shift();
+    this.state.histories = histories;
+    localStorage.setItem(
+      this.historyCache,
+      JSON.stringify(this.state.histories)
+    );
+  }
+  /**
+   * 清除历史
+   *
+   * @memberof GlobalSearchController
+   */
+  clearHistory() {
+    this.state.histories = [];
+    localStorage.setItem(
+      this.historyCache,
+      JSON.stringify(this.state.histories)
+    );
+  }
+  /**
+   * 搜索
+   *
+   * @param {string} query
+   * @return {*}  {Promise<IData[]>}
+   * @memberof GlobalSearchController
+   */
+  async search(query) {
+    const result = [];
+    await Promise.all(
+      this.state.items.map(async (item) => {
+        const list = await this.loadByACMode(item, query);
+        result.push(...list);
+      })
+    );
+    this.addToHistory(query);
+    return result;
+  }
+  /**
+   * 通过AC模式加载数据
+   *
+   * @param {ISearchItem} item
+   * @param {string} [query]
+   * @return {*}  {Promise<void>}
+   * @memberof GlobalSearchController
+   */
+  async loadByACMode(item, query) {
+    const { appDataEntityId, deACMode } = item;
+    const { minorSortDir, minorSortAppDEFieldId, appDEDataSetId } = deACMode;
+    if (!appDEDataSetId)
+      return [];
+    const params = {};
+    if (minorSortDir && minorSortAppDEFieldId)
+      Object.assign(params, {
+        sort: "".concat(minorSortAppDEFieldId.toLowerCase(), ",").concat(minorSortDir.toLowerCase())
+      });
+    if (query)
+      Object.assign(params, { query });
+    const app = ibiz.hub.getApp(deACMode.appId);
+    const response = await app.deService.exec(
+      appDataEntityId,
+      appDEDataSetId,
+      this.panel.context,
+      params
+    );
+    if (response.ok && response.data)
+      return response.data;
+    return [];
+  }
+  /**
+   * 打开链接视图
+   *
+   * @param {IData} data
+   * @param {ISearchItem} [item]
+   * @return {*}  {(Promise<IModalData | undefined>)}
+   * @memberof GlobalSearchController
+   */
+  async openLinkView(data, item) {
+    if (!item)
+      return;
+    const { appDataEntityId, deACMode } = item;
+    const { linkAppViewId } = deACMode;
+    if (!linkAppViewId)
+      return;
+    const context = this.panel.context.clone();
+    const deName = runtime.calcDeCodeNameById(appDataEntityId);
+    Object.assign(context, { [deName]: data[this.keyName] });
+    return ibiz.commands.execute(
+      runtime.OpenAppViewCommand.TAG,
+      linkAppViewId,
+      context,
+      {}
+    );
+  }
+  /**
+   * 根据实体获取搜索项
+   *
+   * @param {string} appDataEntityId 实体标识
+   * @return {*}  {(ISearchItem | undefined)}
+   * @memberof GlobalSearchController
+   */
+  getSearchItemByEntity(appDataEntityId) {
+    return this.state.items.find(
+      (item) => runtime.calcDeCodeNameById(item.appDataEntityId) === appDataEntityId.toLowerCase()
+    );
+  }
+}
+
+exports.GlobalSearchController = GlobalSearchController;

package/lib/panel-component/global-search/global-search.css

@@ -0,0 +1 @@
+.ibiz-global-search{width:100%}.ibiz-global-search__search .el-input__wrapper{width:240px}.ibiz-global-search__search .el-input__wrapper.is-focus{width:320px}.ibiz-global-search__search.is-search .el-input__wrapper{width:320px}.ibiz-global-search__content{display:flex;align-items:center;flex-direction:column}.ibiz-global-search__content--action-item{width:100%}.ibiz-global-search__content--action-item .el-button{width:100%}.ibiz-global-search__list{width:100%;max-height:280px;display:flex;overflow-y:auto;align-items:center;flex-direction:column}.ibiz-global-search__list--item{margin:0;width:100%;padding:0 20px;cursor:pointer;text-align:left;overflow:hidden;min-height:34px;line-height:34px;white-space:nowrap;text-overflow:ellipsis;color:var(--ibiz-color-text-0);font-size:var(--ibiz-font-size-regular)}.ibiz-global-search__list--item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-global-search__popper{min-width:320px!important;max-width:700px}

package/lib/panel-component/global-search/global-search.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var globalSearch_controller = require('./global-search.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 GlobalSearchProvider {
+  constructor() {
+    __publicField(this, "component", "IBizGlobalSearch");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new globalSearch_controller.GlobalSearchController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.GlobalSearchProvider = GlobalSearchProvider;

package/lib/panel-component/global-search/global-search.state.cjs

@@ -0,0 +1,39 @@
+'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 GlobalSearchState extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 当前快速搜索值
+     *
+     * @type {string}
+     * @memberof GlobalSearchState
+     */
+    __publicField(this, "query", "");
+    /**
+     * 自填模式全局搜索项
+     *
+     * @type {ISearchItem[]}
+     * @memberof GlobalSearchState
+     */
+    __publicField(this, "items", []);
+    /**
+     * 搜索历史记录
+     *
+     * @type {string[]}
+     * @memberof GlobalSearchState
+     */
+    __publicField(this, "histories", []);
+  }
+}
+
+exports.GlobalSearchState = GlobalSearchState;

package/lib/panel-component/global-search/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var globalSearch_provider = require('./global-search.provider.cjs');
+var globalSearch = require('./global-search.cjs');
+
+"use strict";
+const IBizGlobalSearch = vue3Util.withInstall(globalSearch.GlobalSearch, function(v) {
+  v.component(globalSearch.GlobalSearch.name, globalSearch.GlobalSearch);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_GLOBAL_SEARCH",
+    () => new globalSearch_provider.GlobalSearchProvider()
+  );
+});
+
+exports.IBizGlobalSearch = IBizGlobalSearch;
+exports.default = IBizGlobalSearch;

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./index-blank-placeholder.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IndexBlankPlaceholder = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizIndexBlankPlaceholder",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = vue3Util.useNamespace("index-blank-placeholder");
+    const {
+      id
+    } = props.modelData;
+    const classArr = vue.computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    if (c.routeDepth) {
+      vue3Util.onRouteChange((args) => {
+        c.setVisible(!args.currentKey);
+      }, c.routeDepth + 1);
+    }
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    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]
+    });
+    return vue.createVNode("div", {
+      "class": this.classArr,
+      "onClick": () => {
+        this.controller.onClick();
+      }
+    }, [this.controller.model.cssStyle ? vue.createVNode("style", {
+      "type": "text/css"
+    }, [this.controller.model.cssStyle]) : null, content]);
+  }
+});
+
+exports.IndexBlankPlaceholder = IndexBlankPlaceholder;

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.controller.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var indexBlankPlaceholder_state = require('./index-blank-placeholder.state.cjs');
+
+"use strict";
+class IndexBlankPlaceholderController extends runtime.PanelItemController {
+  createState() {
+    var _a;
+    return new indexBlankPlaceholder_state.IndexBlankPlaceholderState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 当前视图路由层级
+   *
+   * @readonly
+   * @type {(number | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get routeDepth() {
+    return this.panel.view.modal.routeDepth;
+  }
+  /**
+   * 应用菜单
+   *
+   * @readonly
+   * @type {(AppMenuController | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get appmenu() {
+    return this.panel.getController("appmenu");
+  }
+  /**
+   * 首页导航栏
+   *
+   * @readonly
+   * @type {(NavPosIndexController | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get navPos() {
+    return this.panel.panelItems.nav_pos_index;
+  }
+  /**
+   * 初始化
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof IndexBlankPlaceholderController
+   */
+  async onInit() {
+    await super.onInit();
+    this.state.keepAlive = true;
+    this.state.visible = false;
+    this.panel.evt.on("onMounted", async () => {
+      var _a;
+      if (this.navPos)
+        this.navPos.state.keepAlive = true;
+      const appViewId = (_a = this.appmenu) == null ? void 0 : _a.getDefaultOpenView();
+      if (appViewId) {
+        const appView = await ibiz.hub.config.view.get(appViewId);
+        const { openMode = "INDEXVIEWTAB" } = appView;
+        this.state.visible = !openMode.startsWith("INDEXVIEWTAB");
+      } else {
+        this.state.visible = true;
+      }
+    });
+  }
+  /**
+   * 设置显示状态
+   *
+   * @param {boolean} state
+   * @memberof IndexBlankPlaceholderController
+   */
+  setVisible(state) {
+    this.state.visible = state;
+    if (this.navPos)
+      this.navPos.state.visible = !state;
+  }
+}
+
+exports.IndexBlankPlaceholderController = IndexBlankPlaceholderController;

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.css

@@ -0,0 +1 @@
+.ibiz-index-blank-placeholder{width:100%;height:100%}.ibiz-index-blank-placeholder>.ibiz-row{height:100%;overflow:hidden auto}.ibiz-index-blank-placeholder.is-hidden{display:none}

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var indexBlankPlaceholder_controller = require('./index-blank-placeholder.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 IndexBlankPlaceholderProvider {
+  constructor() {
+    __publicField(this, "component", "IBizIndexBlankPlaceholder");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new indexBlankPlaceholder_controller.IndexBlankPlaceholderController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.IndexBlankPlaceholderProvider = IndexBlankPlaceholderProvider;