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

package/es/panel-component/panel-view-header/panel-view-header.provider.mjs

@@ -1,21 +0,0 @@
-import { PanelItemController } from '@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 PanelViewHeaderProvider {
-  constructor() {
-    __publicField(this, "component", "IBizPanelViewHeader");
-  }
-  async createController(panelItem, panel, parent) {
-    const c = new PanelItemController(panelItem, panel, parent);
-    await c.init();
-    return c;
-  }
-}
-
-export { PanelViewHeaderProvider };

package/es/panel-component/searchform-buttons/index.mjs

@@ -1,18 +0,0 @@
-import { registerPanelItemProvider } from '@ibiz-template/runtime';
-import { withInstall } from '@ibiz-template/vue3-util';
-import { SearchFormButtons } from './searchform-buttons.mjs';
-import { SearchFormButtonsProvider } from './searchform-buttons.provider.mjs';
-
-"use strict";
-const IBizSearchFormButtons = withInstall(
-  SearchFormButtons,
-  function(v) {
-    v.component(SearchFormButtons.name, SearchFormButtons);
-    registerPanelItemProvider(
-      "RAWITEM_SEARCHFORM_BUTTONS",
-      () => new SearchFormButtonsProvider()
-    );
-  }
-);
-
-export { IBizSearchFormButtons, IBizSearchFormButtons as default };

package/es/panel-component/searchform-buttons/searchform-buttons.controller.mjs

@@ -1,78 +0,0 @@
-import { RuntimeError } from '@ibiz-template/core';
-import { PanelItemController, UIActionUtil } from '@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 SearchFormButtonsController extends PanelItemController {
-  constructor() {
-    super(...arguments);
-    /**
-     * 搜索表单控制器
-     * @author lxm
-     * @date 2023-11-21 04:32:58
-     * @type {ISearchFormController}
-     */
-    __publicField(this, "searchFrom");
-  }
-  /**
-   * 搜索按钮样式
-   * @author lxm
-   * @date 2023-11-21 03:25:31
-   * @type {(string | 'DEFAULT' | 'NONE' | 'SEARCHONLY' | 'USER' | 'USER2')}
-   */
-  get searchButtonStyle() {
-    return this.searchFrom.model.searchButtonStyle || "DEFAULT";
-  }
-  /**
-   * 保存的过滤条件
-   * @author lxm
-   * @date 2023-11-27 04:33:42
-   * @readonly
-   * @type {StoredFilter[]}
-   */
-  get storedFilters() {
-    var _a;
-    return ((_a = this.searchFrom) == null ? void 0 : _a.state.storedFilters) || [];
-  }
-  async onInit() {
-    await super.onInit();
-    const searchFrom = this.panel.container;
-    if (!searchFrom) {
-      throw new RuntimeError("\u5F53\u524D\u89C6\u56FE\u91CC\u6CA1\u6709\u627E\u5230\u53EBsearchform\u7684\u641C\u7D22\u8868\u5355");
-    }
-    this.searchFrom = searchFrom;
-  }
-  /**
-   * 点击搜索按钮
-   * @author lxm
-   * @date 2023-11-21 04:31:55
-   */
-  onSearchButtonClick() {
-    UIActionUtil.execAndResolved("search", {
-      context: this.panel.context,
-      params: this.panel.params,
-      data: [],
-      view: this.panel.view
-    });
-  }
-  /**
-   * 点击重置按钮
-   * @author lxm
-   * @date 2023-11-21 04:32:09
-   */
-  onResetButtonClick() {
-    UIActionUtil.execAndResolved("reset", {
-      context: this.panel.context,
-      params: this.panel.params,
-      data: [],
-      view: this.panel.view
-    });
-  }
-}
-
-export { SearchFormButtonsController };

package/es/panel-component/searchform-buttons/searchform-buttons.css

@@ -1 +0,0 @@
-.ibiz-searchform-buttons{--ibiz-searchform-buttons-height:40px;height:var(--ibiz-searchform-buttons-height);margin-top:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-tight)}.ibiz-searchform-buttons-filter-item{position:relative}.ibiz-searchform-buttons-filter-item__text{padding-right:4px}.ibiz-searchform-buttons-filter-item__remove{position:absolute;top:11px;right:0;display:none;font-size:18px}.ibiz-searchform-buttons-filter-item:hover .ibiz-searchform-buttons-filter-item__remove{display:block}

package/es/panel-component/searchform-buttons/searchform-buttons.mjs

@@ -1,97 +0,0 @@
-import { resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import './searchform-buttons.css';
-import { ElMessageBox } from 'element-plus';
-import { SearchFormButtonsController } from './searchform-buttons.controller.mjs';
-
-"use strict";
-const SearchFormButtons = /* @__PURE__ */ defineComponent({
-  name: "IBizSearchFormButtons",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: SearchFormButtonsController,
-      required: true
-    }
-  },
-  setup(prop) {
-    const ns = useNamespace("searchform-buttons");
-    const c = prop.controller;
-    const onSearchButtonClick = () => {
-      c.onSearchButtonClick();
-    };
-    const onResetButtonClick = () => {
-      c.onResetButtonClick();
-    };
-    const saveFilterConfirm = () => {
-      ElMessageBox.prompt("\u8BF7\u8F93\u5165\u8981\u5B58\u50A8\u7684\u81EA\u5B9A\u4E49\u67E5\u8BE2\u540D\u79F0\uFF1A", "\u5B58\u50A8\u81EA\u5B9A\u4E49\u67E5\u8BE2", {
-        confirmButtonText: "\u4FDD\u5B58",
-        cancelButtonText: "\u53D6\u6D88"
-      }).then(({
-        value
-      }) => {
-        c.searchFrom.storeFilter(value);
-      });
-    };
-    return {
-      ns,
-      c,
-      onSearchButtonClick,
-      onResetButtonClick,
-      saveFilterConfirm
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
-    }, [this.controller.searchButtonStyle === "SEARCHONLY" ? createVNode(resolveComponent("el-button"), {
-      "onClick": this.onSearchButtonClick
-    }, {
-      default: () => [createTextVNode("\u641C\u7D22")]
-    }) : createVNode(resolveComponent("el-dropdown"), {
-      "split-button": true,
-      "type": "primary",
-      "onClick": this.onSearchButtonClick
-    }, {
-      default: () => createVNode("span", {
-        "class": this.ns.b("label")
-      }, [createTextVNode("\u641C\u7D22")]),
-      dropdown: () => {
-        return createVNode(resolveComponent("el-dropdown-menu"), null, {
-          default: () => [createVNode(resolveComponent("el-dropdown-item"), {
-            "onClick": this.onResetButtonClick
-          }, {
-            default: () => [createTextVNode("\u91CD\u7F6E")]
-          }), createVNode(resolveComponent("el-dropdown-item"), {
-            "onClick": this.saveFilterConfirm
-          }, {
-            default: () => [createTextVNode("\u4FDD\u5B58\u6761\u4EF6")]
-          }), this.controller.storedFilters.length > 0 && this.controller.storedFilters.map((item, index) => {
-            return createVNode(resolveComponent("el-dropdown-item"), {
-              "class": this.ns.b("filter-item"),
-              "onClick": () => {
-                this.controller.searchFrom.applyStoredFilter(index);
-              }
-            }, {
-              default: () => [createVNode("span", {
-                "class": this.ns.be("filter-item", "text")
-              }, [item.name, createVNode("ion-icon", {
-                "class": this.ns.be("filter-item", "remove"),
-                "onClick": (event) => {
-                  event.stopPropagation();
-                  this.controller.searchFrom.removeStoredFilter(index);
-                },
-                "name": "close-outline"
-              }, null)])]
-            });
-          })]
-        });
-      }
-    })]);
-  }
-});
-
-export { SearchFormButtons };

package/es/panel-component/searchform-buttons/searchform-buttons.provider.mjs

@@ -1,21 +0,0 @@
-import { SearchFormButtonsController } from './searchform-buttons.controller.mjs';
-
-"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 SearchFormButtonsProvider {
-  constructor() {
-    __publicField(this, "component", "IBizSearchFormButtons");
-  }
-  async createController(panelItem, panel, parent) {
-    const c = new SearchFormButtonsController(panelItem, panel, parent);
-    await c.init();
-    return c;
-  }
-}
-
-export { SearchFormButtonsProvider };

package/es/panel-component/split-container/index.mjs

@@ -1,23 +0,0 @@
-import { withInstall } from '@ibiz-template/vue3-util';
-import { registerPanelItemProvider } from '@ibiz-template/runtime';
-import { SplitContainer } from './split-container.mjs';
-import { SplitContainerProvider } from './split-container.provider.mjs';
-export { SplitContainerController } from './split-container.controller.mjs';
-
-"use strict";
-const IBizSplitContainer = withInstall(
-  SplitContainer,
-  function(v) {
-    v.component(SplitContainer.name, SplitContainer);
-    registerPanelItemProvider(
-      "CONTAINER_CONTAINER_H_SPLIT",
-      () => new SplitContainerProvider()
-    );
-    registerPanelItemProvider(
-      "CONTAINER_CONTAINER_V_SPLIT",
-      () => new SplitContainerProvider()
-    );
-  }
-);
-
-export { IBizSplitContainer, IBizSplitContainer as default };

package/es/panel-component/split-container/split-container.controller.mjs

@@ -1,110 +0,0 @@
-import { PanelItemController } from '@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 SplitContainerController extends PanelItemController {
-  constructor() {
-    super(...arguments);
-    /**
-     * 分割面板模式
-     *
-     * @author zhanghengfeng
-     * @date 2023-08-22 17:08:24
-     * @type {('horizontal' | 'vertical')}
-     */
-    __publicField(this, "splitMode", "horizontal");
-    /**
-     * 默认分割值
-     *
-     * @author zhanghengfeng
-     * @date 2023-08-22 17:08:38
-     * @type {(number | string)}
-     */
-    __publicField(this, "splitValue", 0.5);
-    /**
-     * 面板隐藏前分割值
-     *
-     * @author zhanghengfeng
-     * @date 2023-10-08 17:10:58
-     * @type {(number | string | null)}
-     */
-    __publicField(this, "lastSplitValue", null);
-  }
-  /**
-   * 初始化默认分割值
-   *
-   * @author zhanghengfeng
-   * @date 2023-08-22 17:08:13
-   * @param {number} value
-   * @param {string} mode
-   */
-  initSplitValue(value, mode) {
-    if (mode === "PX") {
-      this.splitValue = `${value}px`;
-    }
-    if (mode === "PERCENTAGE") {
-      this.splitValue = value / 100;
-    }
-    this.state.splitValue = this.splitValue;
-  }
-  async onInit() {
-    await super.onInit();
-    const { predefinedType, panelItems } = this.model;
-    this.splitMode = predefinedType === "CONTAINER_V_SPLIT" ? "vertical" : "horizontal";
-    if (Array.isArray(panelItems) && panelItems.length) {
-      const panelItem = panelItems[0];
-      const layoutPos = panelItem.layoutPos;
-      if (layoutPos) {
-        if (this.splitMode === "horizontal") {
-          const { width, widthMode } = layoutPos;
-          if (width != null && widthMode != null) {
-            this.initSplitValue(width, widthMode);
-          }
-        }
-        if (this.splitMode === "vertical") {
-          const { height, heightMode } = layoutPos;
-          if (height != null && heightMode != null) {
-            this.initSplitValue(height, heightMode);
-          }
-        }
-      }
-    }
-  }
-  /**
-   * 隐藏面板
-   *
-   * @author zhanghengfeng
-   * @date 2023-10-08 17:10:35
-   * @param {('left' | 'right' | 'top' | 'bottom')} position
-   */
-  hiddenPanel(position) {
-    this.lastSplitValue = this.state.splitValue;
-    if (position === "left" || position === "top") {
-      this.state.splitValue = 0;
-    }
-    if (position === "right" || position === "bottom") {
-      this.state.splitValue = 1;
-    }
-    this.state.isHiddenTrigger = true;
-  }
-  /**
-   * 显示面板
-   *
-   * @author zhanghengfeng
-   * @date 2023-10-08 17:10:31
-   */
-  showPanel() {
-    if (this.lastSplitValue != null) {
-      this.state.splitValue = this.lastSplitValue;
-      this.state.isHiddenTrigger = false;
-      this.lastSplitValue = null;
-    }
-  }
-}
-
-export { SplitContainerController };

package/es/panel-component/split-container/split-container.css

@@ -1 +0,0 @@
-.ibiz-split-container{width:100%;height:100%;overflow:auto}.ibiz-split-container.is-hidden{display:none}.ibiz-split-container.is-hidden-trigger>.ibiz-split-wrapper>.ibiz-split--horizontal>.ibiz-split-trigger-con,.ibiz-split-container.is-hidden-trigger>.ibiz-split-wrapper>.ibiz-split--vertical>.ibiz-split-trigger-con{display:none}.ibiz-split-container.is-hidden-trigger>.ibiz-split-wrapper>.ibiz-split--horizontal>.ibiz-split-trigger-con+.ibiz-split-pane,.ibiz-split-container.is-hidden-trigger>.ibiz-split-wrapper>.ibiz-split--vertical>.ibiz-split-trigger-con+.ibiz-split-pane{padding:0}

package/es/panel-component/split-container/split-container.mjs

@@ -1,52 +0,0 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import { SplitContainerController } from './split-container.controller.mjs';
-import './split-container.css';
-
-"use strict";
-const SplitContainer = /* @__PURE__ */ defineComponent({
-  name: "IBizSplitContainer",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: SplitContainerController,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("split-container");
-    const {
-      id
-    } = props.modelData;
-    const classArr = computed(() => {
-      let result = [ns.b(), ns.m(id)];
-      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible), ns.is("hidden-trigger", props.controller.state.isHiddenTrigger)];
-      return result;
-    });
-    return {
-      ns,
-      classArr
-    };
-  },
-  render() {
-    var _a, _b;
-    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
-    return createVNode("div", {
-      "class": this.classArr
-    }, [createVNode(resolveComponent("iBizSplit"), {
-      "modelValue": this.controller.state.splitValue,
-      "onUpdate:modelValue": ($event) => this.controller.state.splitValue = $event,
-      "mode": this.controller.splitMode
-    }, {
-      left: () => defaultSlots[0],
-      right: () => defaultSlots[1],
-      top: () => defaultSlots[0],
-      bottom: () => defaultSlots[1]
-    })]);
-  }
-});
-
-export { SplitContainer };

package/es/panel-component/split-container/split-container.provider.mjs

@@ -1,21 +0,0 @@
-import { SplitContainerController } from './split-container.controller.mjs';
-
-"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 SplitContainerProvider {
-  constructor() {
-    __publicField(this, "component", "IBizSplitContainer");
-  }
-  async createController(panelItem, panel, parent) {
-    const c = new SplitContainerController(panelItem, panel, parent);
-    await c.init();
-    return c;
-  }
-}
-
-export { SplitContainerProvider };

package/es/panel-component/split-container/split-container.state.mjs

@@ -1,32 +0,0 @@
-import { PanelItemState } from '@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 SplitContainerState extends PanelItemState {
-  constructor() {
-    super(...arguments);
-    /**
-     * 分割值
-     *
-     * @author zhanghengfeng
-     * @date 2023-10-08 17:10:28
-     * @type {(number | string)}
-     */
-    __publicField(this, "splitValue", 0.5);
-    /**
-     * 是否隐藏拖拽触发器
-     *
-     * @author zhanghengfeng
-     * @date 2023-10-08 17:10:44
-     * @type {boolean}
-     */
-    __publicField(this, "isHiddenTrigger", false);
-  }
-}
-
-export { SplitContainerState };

package/es/panel-component/user-message/async-action/async-action.css

@@ -1 +0,0 @@
-.ibiz-async-action{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ibiz-async-action:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-async-action__caption{font-weight:var(--ibiz-font-weight-bold);margin-bottom:8px}.ibiz-async-action-left{width:50px;flex-shrink:0;flex-grow:0;text-align:center;font-size:var(--ibiz-font-size-header-3)}.ibiz-async-action-right{width:80px;flex-shrink:0;flex-grow:0;text-align:center}.ibiz-async-action-center{flex-grow:1}

package/es/panel-component/user-message/async-action/async-action.mjs

@@ -1,64 +0,0 @@
-import { createVNode, createTextVNode, resolveComponent, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import './async-action.css';
-
-"use strict";
-const stateTexts = {
-  10: "\u672A\u5F00\u59CB",
-  20: "\u6267\u884C\u4E2D",
-  30: "\u5DF2\u6267\u884C",
-  40: "\u6267\u884C\u5931\u8D25"
-};
-const stateType = {
-  10: "info",
-  20: "",
-  30: "success",
-  40: "danger"
-};
-const AsyncAction = /* @__PURE__ */ defineComponent({
-  name: "IBizAsyncAction",
-  props: {
-    message: {
-      type: Object,
-      required: true
-    }
-  },
-  setup() {
-    const ns = useNamespace("async-action");
-    return {
-      ns
-    };
-  },
-  render() {
-    const {
-      asyncacitonname,
-      actionstate,
-      begintime,
-      stepinfo,
-      completionrate
-    } = this.message;
-    return createVNode("div", {
-      "class": [this.ns.b()]
-    }, [createVNode("div", {
-      "class": this.ns.b("left")
-    }, [createVNode("ion-icon", {
-      "name": "list-outline"
-    }, null)]), createVNode("div", {
-      "class": this.ns.b("center")
-    }, [createVNode("div", {
-      "class": this.ns.e("caption")
-    }, [asyncacitonname]), actionstate === 20 ? createVNode("div", {
-      "class": this.ns.e("progress")
-    }, [stepinfo, createTextVNode("\uFF08"), completionrate, createTextVNode("%\uFF09")]) : createVNode("div", {
-      "class": this.ns.e("begin-time")
-    }, [begintime])]), createVNode("div", {
-      "class": this.ns.b("right")
-    }, [createVNode(resolveComponent("el-tag"), {
-      "type": stateType[actionstate]
-    }, {
-      default: () => [stateTexts[actionstate]]
-    })])]);
-  }
-});
-
-export { AsyncAction };

package/es/panel-component/user-message/async-action/async-action.provider.mjs

@@ -1,29 +0,0 @@
-import { h } from 'vue';
-import { AsyncActionPreview } from '../async-action-preview/async-action-preview.mjs';
-
-"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 AsyncActionProvider {
-  constructor() {
-    __publicField(this, "component", "IBizAsyncAction");
-  }
-  onClick(asyncAction, _event) {
-    ibiz.overlay.modal(
-      (modal) => {
-        return h(AsyncActionPreview, {
-          asyncAction,
-          modal
-        });
-      },
-      {},
-      { width: "80%", height: "80%" }
-    );
-  }
-}
-
-export { AsyncActionProvider };

package/es/panel-component/user-message/async-action-preview/async-action-preview.css

@@ -1 +0,0 @@
-.ibiz-async-action-preview{height:100%;display:flex;flex-flow:column nowrap;padding:var(--ibiz-spacing-tight)}.ibiz-async-action-preview__title{font-size:18px;font-weight:700}.ibiz-async-action-preview .el-form-item{margin:0}.ibiz-async-action-preview .el-form-item__content,.ibiz-async-action-preview .el-form-item__label{font-weight:700}.ibiz-async-action-preview-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:var(--ibiz-spacing-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-async-action-preview-time{padding:var(--ibiz-spacing-tight)}.ibiz-async-action-preview-count{padding:var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:space-between;height:48px}.ibiz-async-action-preview-detail{flex-grow:1;overflow:auto;border-top:1px solid var(--ibiz-color-border)}.ibiz-async-action-preview-detail-item{display:flex;align-items:center;justify-content:space-between;height:72px;padding:12px var(--ibiz-spacing-base);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-async-action-preview-detail-item__index{margin-right:16px;height:40px;font-size:20px;text-align:center;line-height:40px;width:40px;border-radius:0;background-color:var(--ibiz-color-primary);color:var(--ibiz-color-primary-text)}.ibiz-async-action-preview-detail-item__error{height:100%;flex-grow:1;text-align:left;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:space-between}.ibiz-async-action-preview-detail-item__error-reason{color:var(--ibiz-color-text-1)}