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

package/lib/_virtual/_commonjsHelpers.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+exports.commonjsGlobal = commonjsGlobal;
+exports.getAugmentedNamespace = getAugmentedNamespace;
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
+exports.getDefaultExportFromNamespaceIfNotNamed = getDefaultExportFromNamespaceIfNotNamed;
+exports.getDefaultExportFromNamespaceIfPresent = getDefaultExportFromNamespaceIfPresent;

package/lib/_virtual/customParseFormat.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var customParseFormat = {exports: {}};
+
+exports.__module = customParseFormat;

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -0,0 +1,97 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./action-toolbar.css');
+
+"use strict";
+const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizActionToolbar",
+  props: {
+    actionDetails: {
+      type: Array,
+      required: true
+    },
+    actionsState: {
+      type: Object,
+      required: true
+    },
+    caption: String,
+    mode: {
+      type: String,
+      default: "buttons"
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("action-toolbar");
+    const handleClick = async (detail, e) => {
+      e.stopPropagation();
+      emit("action-click", detail, e);
+    };
+    return {
+      ns,
+      handleClick
+    };
+  },
+  render() {
+    const details = this.actionDetails || [];
+    if (this.mode === "buttons") {
+      return vue.createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("buttons")],
+        "onClick": (e) => e.stopPropagation()
+      }, [details.length > 0 && details.map((detail) => {
+        if (this.actionsState[detail.id].visible) {
+          let caption = detail.caption;
+          if (detail.capLanguageRes) {
+            caption = ibiz.i18n.t(detail.capLanguageRes.lanResTag, detail.caption);
+          }
+          return [detail.addSeparator && vue.createVNode("div", {
+            "class": this.ns.e("separator")
+          }, null), vue.createVNode(vue.resolveComponent("el-button"), {
+            "text": true,
+            "size": "small",
+            "onClick": (e) => this.handleClick(detail, e),
+            "disabled": this.actionsState[detail.id].disabled,
+            "class": [this.ns.e("item"), this.ns.is("disabled", false)]
+          }, {
+            default: () => [detail.showIcon && detail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+              "icon": detail.sysImage
+            }, null), detail.showCaption ? caption : ""]
+          })];
+        }
+        return null;
+      })]);
+    }
+    return vue.createVNode(vue.resolveComponent("el-dropdown"), {
+      "onCommand": (command) => this.handleClick(command, new MouseEvent("click")),
+      "class": [this.ns.b(), this.ns.m("dropdown")]
+    }, {
+      default: () => vue.createVNode("span", {
+        "class": this.ns.e("caption")
+      }, [this.caption, vue.createVNode("ion-icon", {
+        "class": this.ns.e("caption-icon"),
+        "name": "ibiz-arrow-down"
+      }, null)]),
+      dropdown: () => vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
+        default: () => [details.length > 0 && details.map((detail) => {
+          if (this.actionsState[detail.id].visible) {
+            return vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
+              "class": [this.ns.e("item"), this.ns.is("disabled", false)],
+              "disabled": this.actionsState[detail.id].disabled,
+              "command": detail
+            }, {
+              default: () => [detail.showIcon && detail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+                "icon": detail.sysImage
+              }, null), detail.showCaption ? detail.caption : ""]
+            });
+          }
+          return null;
+        })]
+      })
+    });
+  }
+});
+
+exports.IBizActionToolbar = IBizActionToolbar;

package/lib/common/action-toolbar/action-toolbar.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:0 0 0 4px;--ibiz-action-toolbar-separator-height:20px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-border-color-darker)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item .ibiz-icon{margin-right:3px}.ibiz-action-toolbar__separator{display:inline-block;width:var(--ibiz-action-toolbar-separator-width);height:var(--ibiz-action-toolbar-separator-height);vertical-align:middle;background-color:var(--ibiz-action-toolbar-separator-color)}.ibiz-action-toolbar__separator:first-child{display:none}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/lib/common/col/col.cjs

@@ -0,0 +1,127 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./col.css');
+
+"use strict";
+function calcGridSpanOffset(span, offset, layout) {
+  const multiplier = layout === "TABLE_24COL" ? 1 : 2;
+  const spanDefault = layout === "TABLE_24COL" ? 24 : 12;
+  const _span = !span || span === -1 ? spanDefault : span;
+  const _offset = !offset || offset === -1 ? 0 : offset;
+  const result = {
+    span: _span * multiplier
+  };
+  if (_offset !== 0) {
+    result.offset = _offset;
+  }
+  return result;
+}
+const IBizCol = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCol",
+  props: {
+    layoutPos: {
+      type: Object,
+      required: true
+    },
+    state: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("col");
+    const spacingClass = vue.computed(() => {
+      const ns2 = vue3Util.useNamespace("spacing");
+      const classArr = [];
+      const spacings = {
+        top: props.layoutPos.spacingTop,
+        bottom: props.layoutPos.spacingBottom,
+        left: props.layoutPos.spacingLeft,
+        right: props.layoutPos.spacingRight
+      };
+      Object.keys(spacings).forEach((position) => {
+        const value = spacings[position];
+        if (!value) {
+          return;
+        }
+        classArr.push(ns2.bm(position, value.toLowerCase()));
+      });
+      return classArr;
+    });
+    const gridAttrs = vue.computed(() => {
+      const gridLayoutPos = props.layoutPos;
+      if (gridLayoutPos.layout === "FLEX") {
+        return {};
+      }
+      const {
+        colXS,
+        colXSOffset,
+        colSM,
+        colSMOffset,
+        colMD,
+        colMDOffset,
+        colLG,
+        colLGOffset
+      } = gridLayoutPos;
+      return {
+        xs: calcGridSpanOffset(colXS, colXSOffset, gridLayoutPos.layout),
+        sm: calcGridSpanOffset(colSM, colSMOffset, gridLayoutPos.layout),
+        md: calcGridSpanOffset(colMD, colMDOffset, gridLayoutPos.layout),
+        lg: calcGridSpanOffset(colLG, colLGOffset, gridLayoutPos.layout)
+      };
+    });
+    const alignStyle = runtime.calcContentAlignStyle(props.layoutPos);
+    const cssVars = vue.computed(() => {
+      const layout = props.state.layout;
+      const styles = {
+        width: layout.width,
+        height: layout.height,
+        ...alignStyle || {}
+      };
+      Object.assign(styles, layout.extraStyle);
+      return styles;
+    });
+    const colClass = vue.computed(() => {
+      var _a;
+      const result = [ns.b(), ((_a = props.layoutPos) == null ? void 0 : _a.layout) === "FLEX" ? ns.m("flex") : ns.m("grid"), ns.is("hidden", !props.state.visible), ...spacingClass.value, !alignStyle ? "" : ns.m("self-align"), ...props.state.layout.extraClass];
+      return result;
+    });
+    return {
+      ns,
+      colClass,
+      gridAttrs,
+      cssVars
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    if (!this.state.visible && !this.state.keepAlive) {
+      return null;
+    }
+    const defaultSlot = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+    if (((_c = this.layoutPos) == null ? void 0 : _c.layout) === "FLEX") {
+      const pos = this.layoutPos;
+      return vue.createVNode("div", {
+        "class": this.colClass,
+        "style": {
+          flexGrow: pos.grow,
+          flexShrink: pos.shrink === 1 ? void 0 : pos.shrink,
+          flexBasis: pos.basis,
+          ...this.cssVars
+        }
+      }, [defaultSlot]);
+    }
+    return vue.h(vue.resolveComponent("el-col"), {
+      class: this.colClass,
+      style: this.cssVars,
+      ...this.gridAttrs
+    }, {
+      default: () => defaultSlot
+    });
+  }
+});
+
+exports.IBizCol = IBizCol;

package/lib/common/col/col.css

@@ -0,0 +1 @@
+.ibiz-col--flex{min-width:0;min-height:0}.ibiz-col.is-hidden{display:none}.ibiz-col--self-align>div{width:auto;height:auto}.ibiz-spacing-top--outersmall{margin-top:var(--ibiz-spacing-tight)}.ibiz-spacing-top--outermedium{margin-top:var(--ibiz-spacing-base)}.ibiz-spacing-top--outerlarge{margin-top:var(--ibiz-spacing-loose)}.ibiz-spacing-top--outernone{margin-top:var(--ibiz-spacing-none)}.ibiz-spacing-top--innersmall{padding-top:var(--ibiz-spacing-tight)}.ibiz-spacing-top--innermedium{padding-top:var(--ibiz-spacing-base)}.ibiz-spacing-top--innerlarge{padding-top:var(--ibiz-spacing-loose)}.ibiz-spacing-top--innernone{padding-top:var(--ibiz-spacing-none)}.ibiz-spacing-bottom--outersmall{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-spacing-bottom--outermedium{margin-bottom:var(--ibiz-spacing-base)}.ibiz-spacing-bottom--outerlarge{margin-bottom:var(--ibiz-spacing-loose)}.ibiz-spacing-bottom--outernone{margin-bottom:var(--ibiz-spacing-none)}.ibiz-spacing-bottom--innersmall{padding-bottom:var(--ibiz-spacing-tight)}.ibiz-spacing-bottom--innermedium{padding-bottom:var(--ibiz-spacing-base)}.ibiz-spacing-bottom--innerlarge{padding-bottom:var(--ibiz-spacing-loose)}.ibiz-spacing-bottom--innernone{padding-bottom:var(--ibiz-spacing-none)}.ibiz-spacing-left--outersmall{margin-left:var(--ibiz-spacing-tight)}.ibiz-spacing-left--outermedium{margin-left:var(--ibiz-spacing-base)}.ibiz-spacing-left--outerlarge{margin-left:var(--ibiz-spacing-loose)}.ibiz-spacing-left--outernone{margin-left:var(--ibiz-spacing-none)}.ibiz-spacing-left--innersmall{padding-left:var(--ibiz-spacing-tight)}.ibiz-spacing-left--innermedium{padding-left:var(--ibiz-spacing-base)}.ibiz-spacing-left--innerlarge{padding-left:var(--ibiz-spacing-loose)}.ibiz-spacing-left--innernone{padding-left:var(--ibiz-spacing-none)}.ibiz-spacing-right--outersmall{margin-right:var(--ibiz-spacing-tight)}.ibiz-spacing-right--outermedium{margin-right:var(--ibiz-spacing-base)}.ibiz-spacing-right--outerlarge{margin-right:var(--ibiz-spacing-loose)}.ibiz-spacing-right--outernone{margin-right:var(--ibiz-spacing-none)}.ibiz-spacing-right--innersmall{padding-right:var(--ibiz-spacing-tight)}.ibiz-spacing-right--innermedium{padding-right:var(--ibiz-spacing-base)}.ibiz-spacing-right--innerlarge{padding-right:var(--ibiz-spacing-loose)}.ibiz-spacing-right--innernone{padding-right:var(--ibiz-spacing-none)}

package/lib/common/data-import/data-import.cjs

@@ -0,0 +1,169 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./data-import.css');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const DataImport = /* @__PURE__ */ vue.defineComponent({
+  name: "DataImport",
+  props: {
+    dismiss: {
+      type: Function,
+      required: true
+    },
+    appDataEntity: {
+      type: Object,
+      required: true
+    },
+    dataImport: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("data-import");
+    const inputUpLoad = vue.ref();
+    const message = vue.ref({
+      state: "ready",
+      message: ""
+    });
+    const errorMessage = vue.ref("");
+    const isLoading = vue.ref(false);
+    const onCancelButtonClick = () => {
+      props.dismiss();
+    };
+    const onFileChange = async ($event) => {
+      const obj = $event.target;
+      if (!obj.files) {
+        return;
+      }
+      errorMessage.value = "";
+      const selectedFile = obj.files[0];
+      obj.value = null;
+      let result;
+      isLoading.value = true;
+      try {
+        if (ibiz.env.enableMqtt) {
+          runtime.asyncImportData(selectedFile, props.appDataEntity, props.dataImport);
+          ibiz.notification.info({
+            desc: "\u5F00\u59CB\u5BFC\u5165\uFF0C\u8BE6\u7EC6\u8FDB\u5EA6\u548C\u7ED3\u679C\u8BF7\u770B\u5E94\u7528\u901A\u77E5"
+          });
+          onCancelButtonClick();
+          return;
+        }
+        result = await runtime.importData(selectedFile, props.appDataEntity, props.dataImport);
+        ibiz.mc.command.send({
+          srfdecodename: props.appDataEntity.codeName
+        }, "OBJECTCREATED");
+        const {
+          success,
+          total,
+          message: _message
+        } = result;
+        const totalNum = total ? Number(total) : 0;
+        const successNum = success ? Number(success) : 0;
+        const errorNum = total - success;
+        message.value.state = _message ? "error" : "over";
+        message.value.message = _message || `\u5171\u8BA1\u5BFC\u5165\u6570\u636E ${totalNum} \u6761\uFF0C\u9519\u8BEF[${errorNum}]\uFF0C\u6210\u529F[${successNum}]`;
+      } catch (error) {
+        if (error instanceof Error) {
+          errorMessage.value = error.message;
+        }
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const onLinkClick = async () => {
+      var _a, _b;
+      let templateUrl = `${props.appDataEntity.codeName2.toLowerCase()}/importtemplate`;
+      if ((_a = props.dataImport) == null ? void 0 : _a.codeName) {
+        templateUrl += `?srfimporttag=${props.dataImport.codeName}`;
+      }
+      const res = await ibiz.net.request(templateUrl, {
+        responseType: "blob"
+      });
+      if (res.status === 200) {
+        let fileName = ((_b = res.headers["content-disposition"].split(";").find((str) => str.indexOf("filename=") !== -1)) == null ? void 0 : _b.slice(9)) || "";
+        fileName = decodeURIComponent(fileName);
+        const blob = new Blob([res.data], {
+          type: "application/vnd.ms-excel"
+        });
+        const elink = document.createElement("a");
+        elink.download = fileName;
+        elink.style.display = "none";
+        elink.href = URL.createObjectURL(blob);
+        document.body.appendChild(elink);
+        elink.click();
+        URL.revokeObjectURL(elink.href);
+        document.body.removeChild(elink);
+      }
+    };
+    const selectFile = () => {
+      inputUpLoad.value.click();
+    };
+    return {
+      ns,
+      onLinkClick,
+      selectFile,
+      onCancelButtonClick,
+      onFileChange,
+      inputUpLoad,
+      isLoading,
+      message,
+      errorMessage
+    };
+  },
+  render() {
+    return vue.withDirectives(vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("input", {
+      "ref": "inputUpLoad",
+      "type": "file",
+      "style": "display: none",
+      "accept": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+      "onChange": this.onFileChange
+    }, null), vue.createVNode("div", {
+      "class": this.ns.e("caption")
+    }, [vue.createTextVNode("\u5BFC\u5165\u6570\u636E")]), this.message.state === "ready" ? vue.createVNode("div", {
+      "class": this.ns.b("upload"),
+      "onClick": this.selectFile
+    }, [vue.createVNode("img", {
+      "class": this.ns.be("upload", "img"),
+      "src": "./assets/images/icon-import.svg"
+    }, null), vue.createVNode("span", {
+      "class": this.ns.be("upload", "text")
+    }, [vue.createTextVNode("\u5355\u51FB\u6B64\u533A\u57DF\u8FDB\u884C\u4E0A\u4F20")])]) : vue.createVNode("div", {
+      "class": [this.ns.b("message")]
+    }, [vue.createVNode("div", {
+      "class": this.ns.be("message", "title")
+    }, [vue.createTextVNode("\u5BFC\u5165\u7ED3\u679C")]), vue.createVNode("div", {
+      "class": [this.ns.be("message", "content"), this.ns.is("error", this.message.state === "error")]
+    }, [this.message.message])]), this.errorMessage && vue.createVNode("div", {
+      "class": this.ns.b("error-message")
+    }, [this.errorMessage]), vue.createVNode("div", {
+      "class": this.ns.e("template-container")
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("template-description")
+    }, [vue.createTextVNode("\u4E0B\u8F7D\u5BFC\u5165\u6A21\u7248\uFF0C\u5E76\u6309\u8981\u6C42\u586B\u5199\uFF1A")]), vue.createVNode("div", {
+      "class": this.ns.e("template-link"),
+      "onClick": this.onLinkClick
+    }, [vue.createVNode("ion-icon", {
+      "class": this.ns.e("link-icon"),
+      "name": "link"
+    }, null), this.appDataEntity.logicName, vue.createTextVNode("\u6570\u636E\u5BFC\u5165\u6A21\u677F\u6587\u4EF6")])]), vue.createVNode("div", {
+      "class": this.ns.e("button-bar")
+    }, [vue.createVNode(vue.resolveComponent("el-button"), {
+      "onClick": this.onCancelButtonClick
+    }, {
+      default: () => [vue.createTextVNode("\u53D6\u6D88")]
+    }), this.message.state !== "ready" && vue.createVNode(vue.resolveComponent("el-button"), {
+      "onClick": this.selectFile
+    }, {
+      default: () => [vue.createTextVNode("\u7EE7\u7EED\u5BFC\u5165")]
+    })])]), [[vue.resolveDirective("loading"), this.isLoading]]);
+  }
+});
+
+exports.DataImport = DataImport;

package/lib/common/data-import/data-import.css

@@ -0,0 +1 @@
+.ibiz-data-import{display:flex;flex-flow:column nowrap;width:544px;height:368px;padding:20px;background:var(--ibiz-color-bg-1)}.ibiz-data-import__caption{margin-bottom:16px;font-size:var(--ibiz-font-size-large);font-weight:600;color:var(--ibiz-text-color)}.ibiz-data-import__template-container{padding:16px 12px 0;margin-bottom:16px}.ibiz-data-import__template-link{color:#57a3fd;cursor:pointer}.ibiz-data-import__link-icon{height:19px;margin-right:2px;vertical-align:bottom}.ibiz-data-import__button-bar{margin-right:20px;text-align:right}.ibiz-data-import__button-bar .ivu-btn{margin-left:8px}.ibiz-data-import-upload{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;flex-grow:1;cursor:pointer;background:var(--ibiz-color-bg-1);border:1px dashed var(--ibiz-color-border);border-radius:4px}.ibiz-data-import-upload__img{width:50px;height:50px;margin-bottom:20px}.ibiz-data-import-message{display:flex;flex-flow:column nowrap;flex-grow:1;padding:8px 16px;overflow:auto;cursor:pointer;background:var(--ibiz-color-bg-1);border:1px dashed var(--ibiz-color-border);border-radius:4px}.ibiz-data-import-message__title{font-size:var(--ibiz-font-size-medium);font-weight:600}.ibiz-data-import-message__content{padding-left:16px}.ibiz-data-import-message__content.is-error{color:var(--ibiz-color-danger)}.ibiz-data-import-error-message{padding:var(--ibiz-spacing-base) var(--ibiz-spacing-base-tight) 0;color:var(--ibiz-color-danger)}