@ibiz-template/vue3-util 0.6.1-dev.0 → 0.6.1-dev.2

package/dist/index.min.css

@@ -1 +1 @@
-.ibiz-control-shell{position:relative;width:100%;height:100%}.ibiz-badge{display:inline-block;padding:3px 6px;line-height:1rem;color:#fff;background-color:var(--ibiz-badge-bg-color);border-radius:10px}.ibiz-badge--danger{--ibiz-badge-bg-color:var(--ibiz-color-danger)}.ibiz-badge--success{--ibiz-badge-bg-color:var(--ibiz-color-success)}.ibiz-badge--warning{--ibiz-badge-bg-color:var(--ibiz-color-warning)}.ibiz-badge--info{--ibiz-badge-bg-color:var(--ibiz-color-info)}.ibiz-badge--primary{--ibiz-badge-bg-color:var(--ibiz-color-primary)}.ibiz-view-shell{position:relative;width:100%;height:100%}.ibiz-code-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.ibiz-code-list__item{color:var(--ibiz-code-list-item-color);display:flex;align-items:center;justify-content:flex-start}.ibiz-code-list .ibiz-icon{display:inline-flex;padding-right:var(--ibiz-spacing-tight)}.ibiz-view{--ibiz-view-bg-color:var(--ibiz-color-bg-1);--ibiz-view-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%}.ibiz-view .ibiz-view{background-color:var(--ibiz-view-bg-color);border-radius:var(--ibiz-view-border-radius)}.ibiz-view .ibiz-view-appportalview{background-color:rgba(0,0,0,0)}.ibiz-view.has-top-message,.ibiz-view.has-bottom-message{display:flex;flex-flow:column nowrap}.ibiz-view.has-top-message>.ibiz-view-message,.ibiz-view.has-bottom-message>.ibiz-view-message{flex-grow:0;flex-shrink:0}.ibiz-view.has-top-message>.ibiz-control-viewlayoutpanel,.ibiz-view.has-bottom-message>.ibiz-control-viewlayoutpanel{flex-grow:1;flex-shrink:1}.ibiz-panel-ctrl-pos{width:100%;height:100%}.ibiz-panel-ctrl-pos.is-hidden{display:none}.ibiz-panel-container{width:100%;height:100%}.ibiz-panel-container>.ibiz-row{height:100%;overflow-x:hidden;overflow-y:auto}.ibiz-panel-container.is-hidden{display:none}.ibiz-nav-pos{width:100%;height:100%}.ibiz-panel-field{--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);width:100%;height:100%}.ibiz-panel-field .ibiz-panel-field-content{line-height:inherit}.ibiz-scroll-container-item{width:100%;height:100%;overflow:auto}.ibiz-scroll-container-item.is-hidden{display:none}.ibiz-scroll-container{width:100%;height:100%;display:flex;flex-flow:column nowrap}.ibiz-scroll-container.is-hidden{display:none}.ibiz-scroll-container-content{flex-grow:1;overflow:auto;display:flex}.ibiz-scroll-container-content__center{flex-grow:1;overflow:auto}.ibiz-scroll-container-content__left{overflow:auto}.ibiz-scroll-container-content__right{overflow:auto}.ibiz-scroll-container-header{overflow:auto}.ibiz-scroll-container-footer{overflow:auto}.ibiz-multi-data-container{width:100%;height:100%}.ibiz-panel-rawitem{width:100%;height:100%}.ibiz-panel-rawitem .ibiz-panel-rawitem-content{width:100%}.ibiz-panel-container-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center}.ibiz-panel-container-image>.ibiz-row{height:100%;overflow-x:hidden;overflow-y:auto}.ibiz-panel-container-image.is-hidden{display:none}.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}.ibiz-single-data-container{width:100%;height:100%}.ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content>.ibiz-row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}.ibiz-control-viewlayoutpanel{width:100%;height:100%}.ibiz-control-viewlayoutpanel-content{width:100%;height:100%}.ibiz-control-panel{width:100%;height:100%}.ibiz-control-panel-content{width:100%;height:100%}
+.ibiz-control-shell{position:relative;width:100%;height:100%}.ibiz-view-shell{position:relative;width:100%;height:100%}.ibiz-badge{display:inline-block;padding:3px 6px;line-height:1rem;color:#fff;background-color:var(--ibiz-badge-bg-color);border-radius:10px}.ibiz-badge--danger{--ibiz-badge-bg-color:var(--ibiz-color-danger)}.ibiz-badge--success{--ibiz-badge-bg-color:var(--ibiz-color-success)}.ibiz-badge--warning{--ibiz-badge-bg-color:var(--ibiz-color-warning)}.ibiz-badge--info{--ibiz-badge-bg-color:var(--ibiz-color-info)}.ibiz-badge--primary{--ibiz-badge-bg-color:var(--ibiz-color-primary)}.ibiz-code-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.ibiz-code-list__item{color:var(--ibiz-code-list-item-color);display:flex;align-items:center;justify-content:flex-start}.ibiz-code-list .ibiz-icon{display:inline-flex;padding-right:var(--ibiz-spacing-tight)}.ibiz-panel-ctrl-pos{width:100%;height:100%}.ibiz-panel-ctrl-pos.is-hidden{display:none}.ibiz-panel-container{width:100%;height:100%}.ibiz-panel-container>.ibiz-row{height:100%;overflow-x:hidden;overflow-y:auto}.ibiz-panel-container.is-hidden{display:none}.ibiz-panel-field{--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);width:100%;height:100%}.ibiz-panel-field .ibiz-panel-field-content{line-height:inherit}.ibiz-nav-pos{width:100%;height:100%}.ibiz-panel-rawitem{width:100%;height:100%}.ibiz-panel-rawitem .ibiz-panel-rawitem-content{width:100%}.ibiz-multi-data-container{width:100%;height:100%}.ibiz-single-data-container{width:100%;height:100%}.ibiz-scroll-container-item{width:100%;height:100%;overflow:auto}.ibiz-scroll-container-item.is-hidden{display:none}.ibiz-scroll-container{width:100%;height:100%;display:flex;flex-flow:column nowrap}.ibiz-scroll-container.is-hidden{display:none}.ibiz-scroll-container-content{flex-grow:1;overflow:auto;display:flex}.ibiz-scroll-container-content__center{flex-grow:1;overflow:auto}.ibiz-scroll-container-content__left{overflow:auto}.ibiz-scroll-container-content__right{overflow:auto}.ibiz-scroll-container-header{overflow:auto}.ibiz-scroll-container-footer{overflow:auto}.ibiz-panel-container-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center}.ibiz-panel-container-image>.ibiz-row{height:100%;overflow-x:hidden;overflow-y:auto}.ibiz-panel-container-image.is-hidden{display:none}.ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content>.ibiz-row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}.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}.ibiz-view{--ibiz-view-bg-color:var(--ibiz-color-bg-1);--ibiz-view-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%}.ibiz-view .ibiz-view{background-color:var(--ibiz-view-bg-color);border-radius:var(--ibiz-view-border-radius)}.ibiz-view .ibiz-view-appportalview{background-color:rgba(0,0,0,0)}.ibiz-view.has-top-message,.ibiz-view.has-bottom-message{display:flex;flex-flow:column nowrap}.ibiz-view.has-top-message>.ibiz-view-message,.ibiz-view.has-bottom-message>.ibiz-view-message{flex-grow:0;flex-shrink:0}.ibiz-view.has-top-message>.ibiz-control-viewlayoutpanel,.ibiz-view.has-bottom-message>.ibiz-control-viewlayoutpanel{flex-grow:1;flex-shrink:1}.ibiz-control-viewlayoutpanel{width:100%;height:100%}.ibiz-control-viewlayoutpanel-content{width:100%;height:100%}.ibiz-control-panel{width:100%;height:100%}.ibiz-control-panel-content{width:100%;height:100%}

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/common/badge/badge.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var vue = require('vue');
+require('../../use/index.cjs');
+require('./badge.css');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"use strict";
+const IBizBadge = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizBadge",
+  props: {
+    value: {
+      type: Number,
+      required: true
+    },
+    type: {
+      type: String,
+      default: "danger"
+    }
+  },
+  setup() {
+    const ns = namespace.useNamespace("badge");
+    return {
+      ns
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.type)]
+    }, [this.value]);
+  }
+});
+
+exports.IBizBadge = IBizBadge;

package/lib/common/badge/badge.css

@@ -0,0 +1 @@
+.ibiz-badge{display:inline-block;padding:3px 6px;line-height:1rem;color:#fff;background-color:var(--ibiz-badge-bg-color);border-radius:10px}.ibiz-badge--danger{--ibiz-badge-bg-color:var(--ibiz-color-danger)}.ibiz-badge--success{--ibiz-badge-bg-color:var(--ibiz-color-success)}.ibiz-badge--warning{--ibiz-badge-bg-color:var(--ibiz-color-warning)}.ibiz-badge--info{--ibiz-badge-bg-color:var(--ibiz-color-info)}.ibiz-badge--primary{--ibiz-badge-bg-color:var(--ibiz-color-primary)}

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

@@ -0,0 +1,105 @@
+'use strict';
+
+var vue = require('vue');
+var ramda = require('ramda');
+require('./code-list.css');
+require('../../use/index.cjs');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"use strict";
+const IBizCodeList = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCodeList",
+  props: {
+    codeListItems: {
+      type: Array
+    },
+    codeList: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: [String, Number]
+    }
+  },
+  emits: {
+    infoTextChange: (_text) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    var _a, _b;
+    const ns = namespace.useNamespace("code-list");
+    const items = vue.ref([]);
+    const textSeparator = ((_a = props.codeList) == null ? void 0 : _a.textSeparator) || "\u3001";
+    const valueSeparator = ((_b = props.codeList) == null ? void 0 : _b.valueSeparator) || ",";
+    vue.watch(items, (newVal) => {
+      let infoText = "";
+      if (newVal.length > 0) {
+        infoText = newVal.map((item) => item.text).join(textSeparator);
+      }
+      emit("infoTextChange", infoText);
+    });
+    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(valueSeparator);
+          } 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,
+              sysImage: findItem == null ? void 0 : findItem.sysImage
+            };
+          });
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const emptyText = props.codeList.emptyText === "\u672A\u5B9A\u4E49" ? "- - -" : props.codeList.emptyText;
+    return {
+      items,
+      ns,
+      emptyText,
+      textSeparator
+    };
+  },
+  render() {
+    return vue.createVNode("span", {
+      "class": this.ns.b()
+    }, [this.items.length === 0 ? this.emptyText : this.items.map((item, index) => {
+      return [index !== 0 ? this.textSeparator : null, vue.createVNode("span", {
+        "class": [this.ns.e("item"), item.textCls ? item.textCls : null],
+        "style": item.color ? this.ns.cssVarBlock({
+          "item-color": "".concat(item.color)
+        }) : null
+      }, [item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "icon": item.sysImage
+      }, null), item.text])];
+    })]);
+  }
+});
+
+exports.IBizCodeList = IBizCodeList;

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

@@ -0,0 +1 @@
+.ibiz-code-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.ibiz-code-list__item{color:var(--ibiz-code-list-item-color);display:flex;align-items:center;justify-content:flex-start}.ibiz-code-list .ibiz-icon{display:inline-flex;padding-right:var(--ibiz-spacing-tight)}

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

@@ -0,0 +1,102 @@
+'use strict';
+
+var vue = require('vue');
+var ramda = require('ramda');
+require('../../use/index.cjs');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"use strict";
+const IBizControlBase = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizControlBase",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = namespace.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 = "".concat(model.width, "px");
+      }
+      if (!ramda.isNil(model.height)) {
+        inlineStyle.height = "".concat(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,
+        container: this.controller,
+        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

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

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

@@ -0,0 +1,32 @@
+'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

@@ -0,0 +1,58 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+require('./control-shell.css');
+require('../../use/index.cjs');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"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 = namespace.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

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

package/lib/common/icon/icon.cjs

@@ -0,0 +1,103 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@ibiz-template/core');
+require('../../use/index.cjs');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"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 = namespace.useNamespace("icon");
+    const BaseUrl = "".concat(ibiz.env.assetsUrl, "/").concat(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 (core.isBase64Image(icon.imagePath)) {
+            return vue.createVNode("img", {
+              "class": ns.b(),
+              "src": icon.imagePath
+            }, null);
+          }
+          if (core.isSvg(icon.imagePath)) {
+            return vue.createVNode("div", {
+              "class": ns.b(),
+              "innerHTML": icon.imagePath
+            }, null);
+          }
+          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/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var icon = require('./icon/icon.cjs');
+var routerView = require('./router-view/router-view.cjs');
+var controlBase = require('./control-base/control-base.cjs');
+var controlShell = require('./control-shell/control-shell.cjs');
+var viewShell = require('./view-shell/view-shell.cjs');
+var codeList = require('./code-list/code-list.cjs');
+var controlLoadingPlaceholder = require('./control-loading-placeholder/control-loading-placeholder.cjs');
+var badge = require('./badge/badge.cjs');
+
+"use strict";
+
+exports.IBizIcon = icon.IBizIcon;
+exports.IBizRouterView = routerView.IBizRouterView;
+exports.IBizControlBase = controlBase.IBizControlBase;
+exports.IBizControlShell = controlShell.IBizControlShell;
+exports.IBizViewShell = viewShell.IBizViewShell;
+exports.IBizCodeList = codeList.IBizCodeList;
+exports.ControlLoadingPlaceholder = controlLoadingPlaceholder.ControlLoadingPlaceholder;
+exports.IBizBadge = badge.IBizBadge;

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

@@ -0,0 +1,77 @@
+'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;