@ibiz-template/vue3-components 0.2.11 → 0.2.13

package/lib/common/code-list/code-list.cjs

@@ -1,86 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-var ramda = require('ramda');
-require('./code-list.css');
-
-"use strict";
-const IBizCodeList = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizCodeList",
-  props: {
-    codeListItems: {
-      type: Array
-    },
-    codeList: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: [String, Number]
-    }
-  },
-  setup(props) {
-    const ns = vue3Util.useNamespace("code-list");
-    const items = vue.ref([]);
-    const findCodeListItem = (codelist, value) => {
-      if (codelist) {
-        const findItem = codelist.find((item) => item.value == value);
-        if (findItem) {
-          return findItem;
-        }
-        for (let i = 0; i < codelist.length; i++) {
-          const childrenItem = findCodeListItem(codelist[i].children, value);
-          if (childrenItem) {
-            return childrenItem;
-          }
-        }
-      }
-    };
-    vue.watch(() => props.value, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        if (ramda.isNil(newVal) || newVal === "") {
-          items.value = [];
-        } else {
-          let values;
-          if (typeof newVal === "string") {
-            values = newVal.split(",");
-          } else {
-            values = [newVal];
-          }
-          items.value = values.map((val) => {
-            const findItem = findCodeListItem(props.codeListItems, val);
-            return {
-              text: (findItem == null ? void 0 : findItem.text) || val,
-              color: findItem == null ? void 0 : findItem.color,
-              textCls: findItem == null ? void 0 : findItem.textCls
-            };
-          });
-        }
-      }
-    }, {
-      immediate: true
-    });
-    const emptyText = props.codeList.emptyText === "\u672A\u5B9A\u4E49" ? "- - -" : props.codeList.emptyText;
-    return {
-      items,
-      ns,
-      emptyText
-    };
-  },
-  render() {
-    return vue.createVNode("span", {
-      "class": this.ns.b()
-    }, [this.items.length === 0 ? this.emptyText : this.items.map((item, index) => {
-      var _a;
-      return [index !== 0 ? (_a = this.codeList) == null ? void 0 : _a.textSeparator : null, vue.createVNode("span", {
-        "class": [this.ns.e("item"), item.textCls ? item.textCls : null],
-        "style": this.ns.cssVarBlock({
-          "item-color": `${item.color}`
-        })
-      }, [item.text])];
-    })]);
-  }
-});
-
-exports.IBizCodeList = IBizCodeList;

package/lib/common/code-list/code-list.css

@@ -1 +0,0 @@
-.ibiz-code-list__item{color:var(--ibiz-code-list-item-color)}

package/lib/common/control-base/control-base.cjs

@@ -1,100 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-var ramda = require('ramda');
-
-"use strict";
-const IBizControlBase = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizControlBase",
-  props: {
-    controller: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = vue3Util.useNamespace("control");
-    const {
-      controlType,
-      sysCss,
-      codeName
-    } = props.controller.model;
-    const typeClass = controlType.toLowerCase();
-    const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
-    const model = props.controller.model;
-    const controls = props.controller.model.controls;
-    const onLayoutPanelCreated = (controller) => {
-      props.controller.setLayoutPanel(controller);
-    };
-    const inlineStyle = vue.reactive({});
-    if (model.controlType.endsWith("EXPBAR") === false) {
-      if (!ramda.isNil(model.width)) {
-        inlineStyle.width = `${model.width}px`;
-      }
-      if (!ramda.isNil(model.height)) {
-        inlineStyle.height = `${model.height}px`;
-      }
-    }
-    return {
-      ns,
-      typeClass,
-      sysCssName,
-      inlineStyle,
-      codeName,
-      controls,
-      onLayoutPanelCreated
-    };
-  },
-  render() {
-    var _a, _b, _c;
-    const {
-      state,
-      controlPanel,
-      providers
-    } = this.controller;
-    let layoutPanel = null;
-    if (state.isCreated && controlPanel) {
-      const slots = {
-        ...this.$slots
-      };
-      if ((_a = this.controls) == null ? void 0 : _a.length) {
-        this.controls.forEach((ctrl) => {
-          const slotKey = ctrl.name;
-          const ctrlProps = {
-            context: this.controller.context,
-            params: this.controller.params
-          };
-          const outCtrlSlot = slots[slotKey];
-          if (outCtrlSlot) {
-            slots[slotKey] = () => {
-              return outCtrlSlot(ctrlProps);
-            };
-          } else {
-            slots[slotKey] = () => {
-              const comp = vue.resolveComponent("IBizControlShell");
-              return vue.h(comp, {
-                modelData: ctrl,
-                ...ctrlProps
-              });
-            };
-          }
-        });
-      }
-      const provider = providers[controlPanel.name];
-      layoutPanel = vue.h(vue.resolveComponent(provider.component), {
-        modelData: controlPanel,
-        context: this.controller.context,
-        params: this.controller.params,
-        provider,
-        onControllerAppear: this.onLayoutPanelCreated
-      }, slots);
-    }
-    return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.b(this.typeClass), this.ns.m(this.codeName), this.sysCssName],
-      "style": this.inlineStyle
-    }, [layoutPanel || ((_c = (_b = this.$slots).default) == null ? void 0 : _c.call(_b))]);
-  }
-});
-
-exports.IBizControlBase = IBizControlBase;

package/lib/common/control-base/control-base.css

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

package/lib/common/control-loading-placeholder/control-loading-placeholder.cjs

@@ -1,32 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-
-"use strict";
-const ControlLoadingPlaceholder = /* @__PURE__ */ vue.defineComponent({
-  name: "ControlLoadingPlaceholder",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    context: {
-      type: Object,
-      required: true
-    },
-    params: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(props) {
-    const ctx = vue.inject("ctx");
-    ctx.evt.emit("onForecast", props.modelData.name);
-    return {};
-  },
-  render() {
-    return null;
-  }
-});
-
-exports.ControlLoadingPlaceholder = ControlLoadingPlaceholder;

package/lib/common/control-shell/control-shell.cjs

@@ -1,57 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var runtime = require('@ibiz-template/runtime');
-var vue3Util = require('@ibiz-template/vue3-util');
-require('./control-shell.css');
-
-"use strict";
-const IBizControlShell = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizControlShell",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const ctx = vue.inject("ctx");
-    ctx.evt.emit("onForecast", props.modelData.name);
-    const isComplete = vue.ref(false);
-    const errMsg = vue.ref("");
-    const provider = vue.ref();
-    runtime.getControlProvider(props.modelData).then((item) => {
-      if (!item) {
-        errMsg.value = `\u672A\u627E\u5230\u5BF9\u5E94\u90E8\u4EF6\u7684\u9002\u914D\u5668`;
-      } else {
-        provider.value = item;
-      }
-      isComplete.value = true;
-    }).catch((err) => {
-      ibiz.log.error(err);
-      errMsg.value = err.message;
-      isComplete.value = true;
-    });
-    const ns = vue3Util.useNamespace("control-shell");
-    return {
-      ns,
-      isComplete,
-      errMsg,
-      provider
-    };
-  },
-  render() {
-    if (this.isComplete && this.provider) {
-      return vue.h(vue.resolveComponent(this.provider.component), {
-        provider: this.provider,
-        ...this.$props,
-        ...this.$attrs
-      }, this.$slots);
-    }
-    return vue.withDirectives(vue.createVNode("div", {
-      "class": this.ns.b()
-    }, [this.isComplete ? this.errMsg : null]), [[vue.resolveDirective("loading"), !this.isComplete]]);
-  }
-});
-
-exports.IBizControlShell = IBizControlShell;

package/lib/common/control-shell/control-shell.css

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

package/lib/common/icon/icon.cjs

@@ -1,90 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-var core = require('@ibiz-template/core');
-
-"use strict";
-const IBizIcon = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizIcon",
-  props: {
-    icon: {
-      type: Object
-    },
-    size: {
-      type: String
-    },
-    baseDir: {
-      type: String,
-      default: "images"
-    }
-  },
-  setup(props) {
-    const ns = vue3Util.useNamespace("icon");
-    const BaseUrl = `${ibiz.env.assetsUrl}/${props.baseDir}/`;
-    function getContent(icon) {
-      if (icon) {
-        if (icon.htmlStr) {
-          return vue.createVNode("span", {
-            "class": ns.b(),
-            "innerHTML": icon.htmlStr
-          }, null);
-        }
-        if (icon.cssClass) {
-          if (icon.cssClass.indexOf("fa-") !== -1) {
-            return vue.createVNode("i", {
-              "class": [ns.b(), icon.cssClass]
-            }, null);
-          }
-          return vue.createVNode("ion-icon", {
-            "class": ns.b(),
-            "name": icon.cssClass
-          }, null);
-        }
-        if (icon.imagePath) {
-          if (icon.imagePath.endsWith("svg")) {
-            if (icon.imagePath.startsWith("http")) {
-              return vue.createVNode("img", {
-                "class": ns.b(),
-                "src": icon.imagePath
-              }, null);
-            }
-            return vue.createVNode("ion-icon", {
-              "src": BaseUrl + icon.imagePath,
-              "class": ns.b()
-            }, null);
-          }
-          if (icon.imagePath.startsWith("http")) {
-            return vue.createVNode("img", {
-              "class": ns.b(),
-              "src": icon.imagePath
-            }, null);
-          }
-          return vue.createVNode("img", {
-            "class": ns.b(),
-            "src": BaseUrl + icon.imagePath
-          }, null);
-        }
-        if (icon.rawContent) {
-          if (core.isSvg(icon.rawContent)) {
-            return vue.createVNode("div", {
-              "class": ns.b(),
-              "innerHTML": icon.rawContent
-            }, null);
-          }
-          return vue.createVNode("img", {
-            "class": ns.b(),
-            "src": icon.rawContent
-          }, null);
-        }
-      }
-      return null;
-    }
-    const content = vue.computed(() => {
-      return getContent(props.icon);
-    });
-    return () => content.value;
-  }
-});
-
-exports.IBizIcon = IBizIcon;

package/lib/common/router-view/router-view.cjs

@@ -1,77 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var ramda = require('ramda');
-
-"use strict";
-const IBizRouterView = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizRouterView",
-  inheritAttrs: false,
-  props: {
-    name: {
-      type: String,
-      default: "default"
-    },
-    route: Object,
-    manualKey: {
-      type: String
-    }
-  },
-  setup(props, {
-    attrs
-  }) {
-    const cache = {};
-    let isActive = true;
-    vue.watch(() => props.manualKey, (newVal, oldVal) => {
-      if (ramda.isNotNil(newVal) && newVal !== oldVal) {
-        isActive = true;
-      }
-    });
-    const renderComp = (Component, _route) => {
-      if (!isActive) {
-        return cache.vNode;
-      }
-      isActive = false;
-      if (Component) {
-        const tempProps = {
-          ...Component.props
-        };
-        delete tempProps.onVnodeUnmounted;
-        delete tempProps.ref;
-        const hNode = vue.h(Component.type, {
-          ...tempProps,
-          ...attrs,
-          key: props.manualKey
-        });
-        cache.vNode = hNode;
-        return hNode;
-      }
-      return void 0;
-    };
-    return {
-      renderComp
-    };
-  },
-  render() {
-    return vue.createVNode(vue.resolveComponent("router-view"), {
-      "name": this.name,
-      "route": this.route
-    }, {
-      default: ({
-        Component,
-        route
-      }) => {
-        const newComp = this.renderComp(Component, route);
-        if (this.$slots.default) {
-          return this.$slots.default({
-            Component: newComp,
-            route
-          });
-        }
-        return newComp;
-      }
-    });
-  }
-});
-
-exports.IBizRouterView = IBizRouterView;

package/lib/common/view-shell/view-shell.cjs

@@ -1,78 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var runtime = require('@ibiz-template/runtime');
-var vue3Util = require('@ibiz-template/vue3-util');
-require('./view-shell.css');
-var core = require('@ibiz-template/core');
-
-"use strict";
-const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizViewShell",
-  props: {
-    context: {
-      type: Object,
-      required: true
-    },
-    params: {
-      type: Object
-    },
-    modelData: {
-      type: Object
-    },
-    viewId: {
-      type: String
-    }
-  },
-  setup(props) {
-    const ns = vue3Util.useNamespace("view-shell");
-    const isComplete = vue.ref(false);
-    const errMsg = vue.ref("");
-    const provider = vue.ref();
-    const viewModelData = vue.ref();
-    const init = async () => {
-      let viewModel;
-      if (props.modelData) {
-        viewModel = props.modelData;
-      } else {
-        viewModel = await ibiz.hub.getAppView(props.viewId);
-      }
-      if (!viewModel) {
-        throw new core.RuntimeError("\u672A\u627E\u5230\u89C6\u56FE\u6A21\u578B");
-      }
-      viewModelData.value = viewModel;
-      try {
-        provider.value = await runtime.getViewProvider(viewModel);
-      } catch (error) {
-        ibiz.log.error(error);
-        errMsg.value = error.message;
-      } finally {
-        isComplete.value = true;
-      }
-    };
-    init();
-    return {
-      ns,
-      isComplete,
-      errMsg,
-      viewModelData,
-      provider
-    };
-  },
-  render() {
-    if (this.isComplete && this.provider) {
-      return vue.h(vue.resolveComponent(this.provider.component), {
-        context: this.$props.context,
-        params: this.$props.params,
-        modelData: this.viewModelData,
-        ...this.$attrs,
-        provider: this.provider
-      }, this.$slots);
-    }
-    return vue.withDirectives(vue.createVNode("div", {
-      "class": this.ns.b()
-    }, [this.isComplete ? this.errMsg : null]), [[vue.resolveDirective("loading"), !this.isComplete]]);
-  }
-});
-
-exports.IBizViewShell = IBizViewShell;

package/lib/common/view-shell/view-shell.css

@@ -1 +0,0 @@
-.ibiz-view-shell{position:relative;width:100%;height:100%}

package/lib/panel-component/grid-container/grid-container.cjs

@@ -1,107 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-var gridContainer_controller = require('./grid-container.controller.cjs');
-require('./grid-container.css');
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-const GridContainer = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizGridContainer",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: gridContainer_controller.GridContainerController,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = vue3Util.useNamespace("grid-container");
-    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;
-    });
-    const layoutModel = vue.computed(() => {
-      return {
-        ...props.modelData.layout,
-        layout: "TABLE_12COL"
-      };
-    });
-    const convertLayoutPos = (layoutPos, adaptGrow2) => {
-      const result = {
-        ...layoutPos,
-        layout: "TABLE_12COL",
-        colXS: layoutPos.grow || adaptGrow2,
-        colSM: layoutPos.grow || adaptGrow2,
-        colMD: layoutPos.grow || adaptGrow2,
-        colLG: layoutPos.grow || adaptGrow2
-      };
-      delete result.grow;
-      return result;
-    };
-    const adaptCols = vue.ref(void 0);
-    const adaptGrow = vue.ref(12);
-    return {
-      ns,
-      classArr,
-      layoutModel,
-      convertLayoutPos,
-      adaptGrow,
-      adaptCols
-    };
-  },
-  render() {
-    var _a, _b;
-    let _slot;
-    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
-    if (this.adaptCols === void 0) {
-      let currentGrow = 0;
-      let adaptCols = 0;
-      defaultSlots.forEach((slot) => {
-        const props = slot.props;
-        if (props && props.modelData && props.modelData.layoutPos) {
-          if (typeof props.modelData.layoutPos.grow === "number") {
-            currentGrow += props.modelData.layoutPos.grow;
-          } else if (typeof props.modelData.layoutPos.grow === "undefined") {
-            adaptCols += 1;
-          }
-        }
-      });
-      let adaptGrow = 12;
-      if (adaptCols > 0) {
-        adaptGrow = (12 - currentGrow) / adaptCols;
-      }
-      this.adaptCols = adaptCols;
-      this.adaptGrow = adaptGrow;
-    }
-    return vue.createVNode(vue.resolveComponent("iBizRow"), {
-      "class": this.classArr,
-      "layout": this.layoutModel
-    }, _isSlot(_slot = defaultSlots.map((slot) => {
-      const props = slot.props;
-      if (!props || !props.controller) {
-        return slot;
-      }
-      return vue.createVNode(vue.resolveComponent("iBizCol"), {
-        "layoutPos": this.convertLayoutPos(props.modelData.layoutPos, this.adaptGrow),
-        "state": props.controller.state
-      }, _isSlot(slot) ? slot : {
-        default: () => [slot]
-      });
-    })) ? _slot : {
-      default: () => [_slot]
-    });
-  }
-});
-
-exports.GridContainer = GridContainer;

package/lib/panel-component/grid-container/grid-container.controller.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var runtime = require('@ibiz-template/runtime');
-var gridContainer_state = require('./grid-container.state.cjs');
-
-"use strict";
-class GridContainerController extends runtime.PanelItemController {
-  createState() {
-    var _a;
-    return new gridContainer_state.GridContainerState((_a = this.parent) == null ? void 0 : _a.state);
-  }
-}
-
-exports.GridContainerController = GridContainerController;

package/lib/panel-component/grid-container/grid-container.css

@@ -1 +0,0 @@
-.ibiz-grid-container{--ibiz-grid-container-bg-color:var(--ibiz-bg-color-overlay);--ibiz-grid-container-padding:var(--ibiz-padding);width:100%;height:100%;overflow:auto}.ibiz-grid-container.is-hidden{display:none}

package/lib/panel-component/grid-container/grid-container.provider.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var gridContainer_controller = require('./grid-container.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 GridContainerProvider {
-  constructor() {
-    __publicField(this, "component", "IBizGridContainer");
-  }
-  async createController(panelItem, panel, parent) {
-    const c = new gridContainer_controller.GridContainerController(panelItem, panel, parent);
-    await c.init();
-    return c;
-  }
-}
-
-exports.GridContainerProvider = GridContainerProvider;

package/lib/panel-component/grid-container/grid-container.state.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var runtime = require('@ibiz-template/runtime');
-
-"use strict";
-class GridContainerState extends runtime.PanelItemState {
-}
-
-exports.GridContainerState = GridContainerState;