npm - @ibiz-template/vue3-components - Versions diffs - 0.4.6 → 0.4.8-dev.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1247) hide show

package/lib/control/data-view/data-view.cjs DELETED Viewed

@@ -1,295 +0,0 @@
-'use strict';
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-var runtime = require('@ibiz-template/runtime');
-require('./data-view.css');
-require('../../util/index.cjs');
-var usePagination = require('../../util/pagination/use-pagination.cjs');
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-const DataViewControl = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizDataViewControl",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    context: {
-      type: Object,
-      required: true
-    },
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    provider: {
-      type: Object
-    },
-    /**
-     * 部件行数据默认激活模式
-     * - 0 不激活
-     * - 1 单击激活
-     * - 2 双击激活(默认值)
-     *
-     * @type {(number | 0 | 1 | 2)}
-     */
-    mdctrlActiveMode: {
-      type: Number,
-      default: void 0
-    },
-    singleSelect: {
-      type: Boolean,
-      default: void 0
-    },
-    loadDefault: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const c = vue3Util.useControlController((...args) => new runtime.DataViewControlController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const classNames = vue.computed(() => {
-      return [ns.is("enable-page", c.model.enablePagingBar === true)];
-    });
-    const isLodeMoreDisabled = vue.computed(() => {
-      if (c.model.enablePagingBar === true) {
-        return true;
-      }
-      return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
-    });
-    const {
-      onPageChange,
-      onPageRefresh,
-      onPageSizeChange
-    } = usePagination.usePagination(c);
-    const onRowClick = (item, event) => {
-      event.stopPropagation();
-      return c.onRowClick(item);
-    };
-    const onDbRowClick = (item, event) => {
-      event.stopPropagation();
-      return c.onDbRowClick(item);
-    };
-    const renderPanelItem = (item, modelData) => {
-      const {
-        context,
-        params
-      } = c;
-      return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
-        "data": item,
-        "modelData": modelData,
-        "context": context,
-        "params": params,
-        "onClick": (event) => onRowClick(item, event),
-        "onDblclick": (event) => onDbRowClick(item, event)
-      }, null);
-    };
-    const renderItemAction = (item) => {
-      var _a;
-      return vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
-        "class": ns.bem("item-content", "bottom", "actions"),
-        "action-details": (_a = c.getOptItemModel().deuiactionGroup) == null ? void 0 : _a.uiactionGroupDetails,
-        "actions-state": c.getOptItemAction(item),
-        "onActionClick": (detail, event) => c.onActionClick(detail, item, event)
-      }, null);
-    };
-    const renderDefaultItem = (item) => {
-      return vue.createVNode("div", {
-        "class": ns.b("item-content")
-      }, [vue.createVNode("div", {
-        "class": ns.be("item-content", "top")
-      }, [vue.createVNode("div", {
-        "class": ns.bem("item-content", "top", "title")
-      }, [item.srfmajortext]), vue.createVNode("div", {
-        "class": ns.bem("item-content", "top", "description")
-      }, [item.content])]), c.getOptItemModel() ? vue.createVNode("div", {
-        "class": ns.be("item-content", "bottom")
-      }, [renderItemAction(item)]) : null]);
-    };
-    const renderCard = (item) => {
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === item.srfkey;
-      });
-      const cardClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
-      const cardStyle = {};
-      if (c.model.cardWidth) {
-        Object.assign(cardStyle, {
-          width: `${c.model.cardWidth}px`
-        });
-      }
-      if (c.model.cardHeight) {
-        Object.assign(cardStyle, {
-          height: `${c.model.cardHeight}px`
-        });
-      }
-      const panel = props.modelData.itemLayoutPanel;
-      return vue.createVNode(vue.resolveComponent("el-card"), {
-        "shadow": "hover",
-        "class": cardClass,
-        "body-style": cardStyle,
-        "onClick": (event) => onRowClick(item, event),
-        "onDblclick": (event) => onDbRowClick(item, event)
-      }, {
-        default: () => [panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]
-      });
-    };
-    const renderGroup = (group) => {
-      const {
-        cardColXS,
-        cardColSM,
-        cardColMD,
-        cardColLG
-      } = c.model;
-      return vue.createVNode("div", {
-        "class": ns.be("group-content", "item")
-      }, [vue.createVNode("div", {
-        "class": ns.be("group-content", "item-header")
-      }, [vue.createVNode("span", {
-        "class": ns.be("group-content", "item-title")
-      }, [group.caption]), vue.createVNode("span", {
-        "class": ns.be("group-content", "item-action")
-      }, [c.model.groupUIActionGroup && group.groupActionGroupState && vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
-        "class": ns.be("group-content", "header-actions"),
-        "action-details": c.model.groupUIActionGroup.uiactionGroupDetails,
-        "actions-state": group.groupActionGroupState,
-        "onActionClick": (detail, event) => {
-          c.onGroupToolbarClick(detail, event, group);
-        }
-      }, null)])]), cardColXS || cardColSM || cardColMD || cardColLG ? vue.createVNode(vue.resolveComponent("el-row"), {
-        "class": ns.be("group-content", "item-row")
-      }, {
-        default: () => [group.children.length > 0 ? group.children.map((child) => {
-          let _slot;
-          return vue.createVNode(vue.resolveComponent("el-col"), {
-            "xs": cardColXS,
-            "sm": cardColSM,
-            "md": cardColMD,
-            "lg": cardColLG,
-            "class": ns.be("group-content", "item-col")
-          }, _isSlot(_slot = renderCard(child)) ? _slot : {
-            default: () => [_slot]
-          });
-        }) : vue.createVNode("div", {
-          "class": ns.bem("group-content", "item", "empty")
-        }, [vue.createTextVNode("\u65E0\u6570\u636E")])]
-      }) : vue.createVNode("div", {
-        "class": ns.be("group-content", "item-content")
-      }, [group.children.length > 0 ? group.children.map((child) => {
-        return renderCard(child);
-      }) : vue.createVNode("div", {
-        "class": ns.bem("group-content", "item", "empty")
-      }, [vue.createTextVNode("\u65E0\u6570\u636E")])])]);
-    };
-    const renderDataViewContent = () => {
-      const {
-        cardColXS,
-        cardColSM,
-        cardColMD,
-        cardColLG
-      } = c.model;
-      if (c.model.enableGroup) {
-        return vue.createVNode("div", {
-          "class": ns.b("group-content")
-        }, [c.state.groups.map((group) => {
-          return vue.createVNode("div", {
-            "class": [ns.b("scroll-item")]
-          }, [renderGroup(group)]);
-        })]);
-      }
-      if (cardColXS || cardColSM || cardColMD || cardColLG) {
-        let _slot3;
-        return vue.createVNode(vue.resolveComponent("el-row"), {
-          "class": [ns.b("item-row")]
-        }, _isSlot(_slot3 = c.state.items.map((item) => {
-          let _slot2;
-          return vue.createVNode(vue.resolveComponent("el-col"), {
-            "xs": cardColXS,
-            "sm": cardColSM,
-            "md": cardColMD,
-            "lg": cardColLG,
-            "class": [ns.b("item-col")]
-          }, _isSlot(_slot2 = renderCard(item)) ? _slot2 : {
-            default: () => [_slot2]
-          });
-        })) ? _slot3 : {
-          default: () => [_slot3]
-        });
-      }
-      return c.state.items.map((item) => {
-        return vue.createVNode("div", {
-          "class": [ns.b("scroll-item")]
-        }, [renderCard(item)]);
-      });
-    };
-    const renderHasData = () => {
-      return vue.withDirectives(vue.createVNode("div", {
-        "class": [ns.b("scroll"), ns.e("content")],
-        "infinite-scroll-distance": 10,
-        "infinite-scroll-disabled": isLodeMoreDisabled.value
-      }, [renderDataViewContent()]), [[vue.resolveDirective("infinite-scroll"), () => c.loadMore()]]);
-    };
-    const renderNoData = () => {
-      const {
-        isLoaded
-      } = c.state;
-      if (!isLoaded) {
-        return;
-      }
-      return vue.createVNode(vue.resolveComponent("iBizNoData"), {
-        "class": ns.e("content"),
-        "text": c.model.emptyText,
-        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
-    };
-    return {
-      c,
-      ns,
-      classNames,
-      renderHasData,
-      renderNoData,
-      onPageChange,
-      onPageRefresh,
-      onPageSizeChange
-    };
-  },
-  render() {
-    const {
-      items,
-      isCreated
-    } = this.c.state;
-    const {
-      enablePagingBar
-    } = this.c.model;
-    let content = null;
-    if (isCreated) {
-      content = [this.c.state.noSort ? null : vue.createVNode(vue.resolveComponent("iBizSortBar"), {
-        "onSortChange": (item, order) => {
-          this.c.setSort(item.key, order);
-          this.c.load();
-        },
-        "sortItems": this.c.state.sortItems
-      }, null), items.length > 0 ? this.renderHasData() : this.renderNoData(), enablePagingBar ? vue.createVNode(vue.resolveComponent("iBizPagination"), {
-        "class": this.ns.e("pagination"),
-        "total": this.c.state.total,
-        "curPage": this.c.state.curPage,
-        "size": this.c.state.size,
-        "onChange": this.onPageChange,
-        "onPageSizeChange": this.onPageSizeChange,
-        "onPageRefresh": this.onPageRefresh
-      }, null) : null];
-    }
-    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-      "class": [this.ns.is("enable-page", !!enablePagingBar)],
-      "controller": this.c
-    }, _isSlot(content) ? content : {
-      default: () => [content]
-    });
-  }
-});
-exports.DataViewControl = DataViewControl;

package/lib/control/data-view/data-view.css DELETED Viewed

@@ -1 +0,0 @@

- .ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;height:100%}.ibiz-control-dataview__content{flex-grow:1;height:100%}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview-scroll{display:flex;flex-wrap:wrap;gap:var(--ibiz-spacing-base-tight);align-content:flex-start;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview-item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;color:var(--ibiz-control-dataview-text-color);cursor:pointer}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}.ibiz-control-dataview-group-content__item-content{display:flex;flex-wrap:wrap;gap:var(--ibiz-spacing-base-tight);padding:var(--ibiz-control-dataview-group-item-content-padding);background-color:var(--ibiz-control-dataview-group-item-content-bg-color)}.ibiz-control-dataview-group-content__item-row{padding:var(--ibiz-control-dataview-group-item-content-padding)}.ibiz-control-dataview-group-content__item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}

package/lib/control/data-view/data-view.provider.cjs DELETED Viewed

@@ -1,16 +0,0 @@
-'use strict';
-"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 DataViewControlProvider {
-  constructor() {
-    __publicField(this, "component", "IBizDataViewControl");
-  }
-}
-exports.DataViewControlProvider = DataViewControlProvider;

package/lib/control/data-view/index.cjs DELETED Viewed

@@ -1,24 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var runtime = require('@ibiz-template/runtime');
-var vue3Util = require('@ibiz-template/vue3-util');
-var dataView = require('./data-view.cjs');
-var dataView_provider = require('./data-view.provider.cjs');
-"use strict";
-const IBizDataViewControl = vue3Util.withInstall(
-  dataView.DataViewControl,
-  function(v) {
-    v.component(dataView.DataViewControl.name, dataView.DataViewControl);
-    runtime.registerControlProvider(
-      runtime.ControlType.DATAVIEW,
-      () => new dataView_provider.DataViewControlProvider()
-    );
-  }
-);
-exports.DataViewControlProvider = dataView_provider.DataViewControlProvider;
-exports.IBizDataViewControl = IBizDataViewControl;
-exports.default = IBizDataViewControl;

package/lib/control/drbar/drbar.cjs DELETED Viewed

@@ -1,99 +0,0 @@
-'use strict';
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-var vueRouter = require('vue-router');
-var drbar_controller = require('./drbar.controller.cjs');
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-const DRBarControl = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizDrBarControl",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    context: {
-      type: Object,
-      required: true
-    },
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    provider: {
-      type: Object
-    }
-  },
-  setup() {
-    const c = vue3Util.useControlController((...args) => new drbar_controller.DRBarController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const router = vueRouter.useRouter();
-    c.setRouter(router);
-    const handleSelect = (key) => {
-      c.handleSelectChange(key);
-    };
-    const renderMenuItems = (item) => {
-      if (!item.hidden) {
-        if (item.children) {
-          return vue.createVNode(vue.resolveComponent("el-sub-menu"), {
-            "class": ns.b("group"),
-            "index": item.tag
-          }, {
-            default: () => item.children.map((child) => {
-              return renderMenuItems(child);
-            }),
-            title: () => [vue.createVNode(vue.resolveComponent("iBizIcon"), {
-              "class": ns.e("icon"),
-              "icon": item.sysImage
-            }, null), vue.createVNode("span", null, [item.caption])]
-          });
-        }
-        return vue.createVNode(vue.resolveComponent("el-menu-item"), {
-          "class": ns.e("item"),
-          "index": item.tag,
-          "disabled": item.disabled
-        }, {
-          default: () => [vue.createVNode(vue.resolveComponent("iBizIcon"), {
-            "class": ns.e("icon"),
-            "icon": item.sysImage
-          }, null), vue.createVNode("span", null, [item.caption])]
-        });
-      }
-    };
-    return {
-      c,
-      ns,
-      handleSelect,
-      renderMenuItems
-    };
-  },
-  render() {
-    let _slot;
-    const {
-      isCreated,
-      drBarItems
-    } = this.c.state;
-    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-      "controller": this.c,
-      "class": this.ns.b()
-    }, {
-      default: () => {
-        var _a;
-        return [isCreated && vue.createVNode(vue.resolveComponent("el-menu"), {
-          "default-active": (_a = drBarItems[0]) == null ? void 0 : _a.tag,
-          "onSelect": this.handleSelect
-        }, _isSlot(_slot = drBarItems.map((item) => {
-          return this.renderMenuItems(item);
-        })) ? _slot : {
-          default: () => [_slot]
-        })];
-      }
-    });
-  }
-});
-exports.DRBarControl = DRBarControl;