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

package/lib/panel-component/auth-userinfo/auth-userinfo.cjs

@@ -1,95 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vueRouter = require('vue-router');
-var vue3Util = require('@ibiz-template/vue3-util');
-require('./auth-userinfo.css');
-var runtime = require('@ibiz-template/runtime');
-
-"use strict";
-const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizAuthUserinfo",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: runtime.PanelItemController,
-      required: true
-    }
-  },
-  setup(prop) {
-    var _a;
-    const ns = vue3Util.useNamespace("user-info");
-    const c = prop.controller;
-    const {
-      srfusername = "\u6E38\u5BA2",
-      srfpersonname
-    } = ((_a = ibiz.appData) == null ? void 0 : _a.context) || {};
-    const router = vueRouter.useRouter();
-    const ctx = vue.inject("ctx", void 0);
-    const menuAlign = vue.computed(() => {
-      if (ctx == null ? void 0 : ctx.view) {
-        return ctx.view.model.mainMenuAlign || "LEFT";
-      }
-      return "LEFT";
-    });
-    const onClick = async () => {
-      const bol = await ibiz.auth.logout();
-      if (bol) {
-        await router.push(`/login?ru=${encodeURIComponent(window.location.hash.replace("#/", "/"))}`);
-        ibiz.util.showAppLoading();
-        window.location.reload();
-      }
-    };
-    const isCollapse = vue.computed(() => {
-      return c.panel.view.state.isCollapse;
-    });
-    return {
-      ns,
-      c,
-      onClick,
-      srfusername,
-      srfpersonname,
-      router,
-      menuAlign,
-      isCollapse
-    };
-  },
-  render() {
-    return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("left", this.menuAlign === "LEFT"), this.ns.is("top", this.menuAlign === "TOP"), this.ns.is("collapse", this.isCollapse)]
-    }, [vue.createVNode(vue.resolveComponent("el-dropdown"), null, {
-      default: () => vue.createVNode("div", {
-        "class": this.ns.b("info")
-      }, [vue.createVNode("div", {
-        "class": this.ns.b("label")
-      }, [vue.createVNode(vue.resolveComponent("el-avatar"), {
-        "class": this.ns.b("avatar"),
-        "src": "./assets/images/user-avatar.png"
-      }, null), !this.isCollapse && vue.createVNode("div", {
-        "class": this.ns.b("name")
-      }, [vue.createVNode("div", {
-        "class": this.ns.be("name", "user-name")
-      }, [this.srfusername]), this.menuAlign === "LEFT" && vue.createVNode("div", {
-        "class": this.ns.be("name", "person-name")
-      }, [this.srfpersonname])])]), vue.createVNode("ion-icon", {
-        "class": this.ns.e("down"),
-        "name": "chevron-down-outline"
-      }, null)]),
-      dropdown: () => vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
-        default: () => [vue.createVNode(vue.resolveComponent("el-dropdown-item"), null, {
-          default: () => [vue.createVNode("ion-icon", {
-            "name": "log-out-outline",
-            "class": this.ns.e("icon")
-          }, null), vue.createVNode("span", {
-            "onClick": this.onClick
-          }, [vue.createTextVNode("\u9000\u51FA\u767B\u5F55")])]
-        })]
-      })
-    })]);
-  }
-});
-
-exports.AuthUserinfo = AuthUserinfo;

package/lib/panel-component/auth-userinfo/auth-userinfo.css

@@ -1 +0,0 @@
-.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{position:relative;top:12px}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:35px}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:24px;max-height:24px}.ibiz-user-info.is-collapse .el-dropdown{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin:0}.ibiz-user-info-avatar{max-width:44px;max-height:44px;margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--ibiz-font-size-header-6)}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:10px;font-size:var(--ibiz-font-size-small)}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}

package/lib/panel-component/auth-userinfo/auth-userinfo.provider.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var runtime = require('@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 AuthUserinfoProvider {
-  constructor() {
-    __publicField(this, "component", "IBizAuthUserinfo");
-  }
-  async createController(panelItem, panel, parent) {
-    const c = new runtime.PanelItemController(panelItem, panel, parent);
-    await c.init();
-    return c;
-  }
-}
-
-exports.AuthUserinfoProvider = AuthUserinfoProvider;

package/lib/panel-component/auth-userinfo/index.cjs

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var runtime = require('@ibiz-template/runtime');
-var vue3Util = require('@ibiz-template/vue3-util');
-var authUserinfo = require('./auth-userinfo.cjs');
-var authUserinfo_provider = require('./auth-userinfo.provider.cjs');
-
-"use strict";
-const IBizAuthUserinfo = vue3Util.withInstall(authUserinfo.AuthUserinfo, function(v) {
-  v.component(authUserinfo.AuthUserinfo.name, authUserinfo.AuthUserinfo);
-  runtime.registerPanelItemProvider(
-    "RAWITEM_AUTH_USERINFO",
-    () => new authUserinfo_provider.AuthUserinfoProvider()
-  );
-});
-
-exports.IBizAuthUserinfo = IBizAuthUserinfo;
-exports.default = IBizAuthUserinfo;

package/lib/panel-component/index-actions/index-actions.cjs

@@ -1,77 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-require('./index-actions.css');
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-const IndexActions = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizIndexActions",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: vue3Util.PanelContainerController,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = vue3Util.useNamespace("index-actions");
-    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 isCollapse = vue.computed(() => {
-      return props.controller.panel.view.state.isCollapse;
-    });
-    return {
-      ns,
-      classArr,
-      isCollapse
-    };
-  },
-  render() {
-    var _a, _b;
-    let _slot;
-    let defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
-    if (this.isCollapse) {
-      defaultSlots = [defaultSlots[0]];
-    }
-    const content = vue.createVNode(vue.resolveComponent("iBizRow"), {
-      "slot": "content",
-      "layout": this.modelData.layout
-    }, _isSlot(_slot = defaultSlots.map((slot) => {
-      const props = slot.props;
-      if (!props || !props.controller) {
-        return slot;
-      }
-      return vue.createVNode(vue.resolveComponent("iBizCol"), {
-        "layoutPos": props.modelData.layoutPos,
-        "state": props.controller.state
-      }, _isSlot(slot) ? slot : {
-        default: () => [slot]
-      });
-    })) ? _slot : {
-      default: () => [_slot]
-    });
-    return vue.createVNode("div", {
-      "class": this.classArr,
-      "onClick": () => {
-        this.controller.onClick();
-      }
-    }, [this.controller.model.cssStyle ? vue.createVNode("style", {
-      "type": "text/css"
-    }, [this.controller.model.cssStyle]) : null, content]);
-  }
-});
-
-exports.IndexActions = IndexActions;

package/lib/panel-component/index-actions/index-actions.css

@@ -1 +0,0 @@
-.ibiz-index-actions{width:100%;height:100%}.ibiz-index-actions>.ibiz-row{height:100%;overflow:hidden auto}.ibiz-index-actions.is-hidden{display:none}.ibiz-index-actions .el-button{font-size:28px}.ibiz-index-actions .el-button:hover{background-color:transparent}

package/lib/panel-component/index-actions/index-actions.provider.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var vue3Util = require('@ibiz-template/vue3-util');
-
-"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 IndexActionsProvider {
-  constructor() {
-    __publicField(this, "component", "IBizIndexActions");
-  }
-  async createController(panelItem, panel, parent) {
-    const c = new vue3Util.PanelContainerController(panelItem, panel, parent);
-    await c.init();
-    return c;
-  }
-}
-
-exports.IndexActionsProvider = IndexActionsProvider;

package/lib/panel-component/index-actions/index.cjs

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue3Util = require('@ibiz-template/vue3-util');
-var runtime = require('@ibiz-template/runtime');
-var indexActions = require('./index-actions.cjs');
-var indexActions_provider = require('./index-actions.provider.cjs');
-
-"use strict";
-const IBizIndexActions = vue3Util.withInstall(indexActions.IndexActions, function(v) {
-  v.component(indexActions.IndexActions.name, indexActions.IndexActions);
-  runtime.registerPanelItemProvider(
-    "CONTAINER_INDEX_ACTIONS",
-    () => new indexActions_provider.IndexActionsProvider()
-  );
-});
-
-exports.IBizIndexActions = IBizIndexActions;
-exports.default = IBizIndexActions;

package/lib/panel-component/index.cjs

@@ -1,78 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue3Util = require('@ibiz-template/vue3-util');
-var index = require('./auth-userinfo/index.cjs');
-var index$1 = require('./nav-pos-index/index.cjs');
-var index$8 = require('./nav-tabs/index.cjs');
-var index$2 = require('./panel-button/index.cjs');
-var index$3 = require('./panel-app-title/index.cjs');
-var index$9 = require('./panel-app-header/index.cjs');
-var index$a = require('./panel-view-header/index.cjs');
-var index$b = require('./panel-exp-header/index.cjs');
-var index$c = require('./panel-view-content/index.cjs');
-var index$4 = require('./panel-tab-panel/index.cjs');
-var index$5 = require('./split-container/index.cjs');
-var index$6 = require('./panel-index-view-search/index.cjs');
-var index$d = require('./panel-app-login-view/index.cjs');
-var index$e = require('./panel-remember-me/index.cjs');
-var index$7 = require('./index-actions/index.cjs');
-var index$f = require('./user-message/index.cjs');
-var index$g = require('./searchform-buttons/index.cjs');
-var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
-var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
-var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
-var panelAppTitle_controller = require('./panel-app-title/panel-app-title.controller.cjs');
-var splitContainer_controller = require('./split-container/split-container.controller.cjs');
-
-"use strict";
-const IBizPanelComponents = {
-  install: (v) => {
-    v.use(vue3Util.IBizPanelContainer);
-    v.use(vue3Util.IBizPanelCtrlPos);
-    v.use(vue3Util.IBizScrollContainer);
-    v.use(index.IBizAuthUserinfo);
-    v.use(index$1.IBizNavPosIndex);
-    v.use(index$8.IBizNavTabs);
-    v.use(index$2.IBizPanelButton);
-    v.use(vue3Util.IBizNavPos);
-    v.use(index$3.IBizPanelAppTitle);
-    v.use(vue3Util.IBizSingleDataContainer);
-    v.use(vue3Util.IBizMultiDataContainer);
-    v.use(vue3Util.IBizPanelField);
-    v.use(index$9.IBizPanelAppHeader);
-    v.use(index$a.IBizPanelViewHeader);
-    v.use(index$b.IBizPanelExpHeader);
-    v.use(vue3Util.IBizPanelRawItem);
-    v.use(index$c.IBizPanelViewContent);
-    v.use(vue3Util.IBizGridContainer);
-    v.use(index$4.IBizPanelTabPanel);
-    v.use(vue3Util.IBizPanelTabPage);
-    v.use(index$5.IBizSplitContainer);
-    v.use(index$6.IBizPanelIndexViewSearch);
-    v.use(index$d.IBizPanelAppLoginView);
-    v.use(index$e.IBizPanelRememberMe);
-    v.use(index$7.IBizIndexActions);
-    v.use(vue3Util.IBizPanelContainerGroup);
-    v.use(index$f.IBizUserMessage);
-    v.use(vue3Util.IBizPanelContainerImage);
-    v.use(index$g.IBizSearchFormButtons);
-  }
-};
-
-exports.IBizAuthUserinfo = index.IBizAuthUserinfo;
-exports.IBizNavPosIndex = index$1.IBizNavPosIndex;
-exports.IBizPanelButton = index$2.IBizPanelButton;
-exports.IBizPanelAppTitle = index$3.IBizPanelAppTitle;
-exports.IBizPanelTabPanel = index$4.IBizPanelTabPanel;
-exports.IBizSplitContainer = index$5.IBizSplitContainer;
-exports.IBizPanelIndexViewSearch = index$6.IBizPanelIndexViewSearch;
-exports.IBizIndexActions = index$7.IBizIndexActions;
-exports.NavPosIndexState = navPosIndex_state.NavPosIndexState;
-exports.NavPosIndexController = navPosIndex_controller.NavPosIndexController;
-exports.PanelButtonController = panelButton_controller.PanelButtonController;
-exports.PanelAppTitleController = panelAppTitle_controller.PanelAppTitleController;
-exports.SplitContainerController = splitContainer_controller.SplitContainerController;
-exports.IBizPanelComponents = IBizPanelComponents;
-exports.default = IBizPanelComponents;

package/lib/panel-component/nav-pos-index/index.cjs

@@ -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 navPosIndex = require('./nav-pos-index.cjs');
-var navPosIndex_provider = require('./nav-pos-index.provider.cjs');
-var navPosIndex_state = require('./nav-pos-index.state.cjs');
-var navPosIndex_controller = require('./nav-pos-index.controller.cjs');
-
-"use strict";
-const IBizNavPosIndex = vue3Util.withInstall(navPosIndex.NavPosIndex, function(v) {
-  v.component(navPosIndex.NavPosIndex.name, navPosIndex.NavPosIndex);
-  runtime.registerPanelItemProvider(
-    "RAWITEM_NAV_POS_INDEX",
-    () => new navPosIndex_provider.NavPosIndexProvider()
-  );
-});
-
-exports.NavPosIndexState = navPosIndex_state.NavPosIndexState;
-exports.NavPosIndexController = navPosIndex_controller.NavPosIndexController;
-exports.IBizNavPosIndex = IBizNavPosIndex;
-exports.default = IBizNavPosIndex;

package/lib/panel-component/nav-pos-index/nav-pos-index.cjs

@@ -1,86 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-var vueRouter = require('vue-router');
-var navPosIndex_controller = require('./nav-pos-index.controller.cjs');
-require('./nav-pos-index.css');
-
-"use strict";
-const NavPosIndex = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizNavPosIndex",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: navPosIndex_controller.NavPosIndexController,
-      required: true
-    }
-  },
-  setup(props) {
-    var _a;
-    const c = props.controller;
-    const ns = vue3Util.useNamespace("nav-pos-index");
-    const onViewCreated = (event) => {
-      c.onViewCreated(event);
-    };
-    const router = vueRouter.useRouter();
-    c.setRouter(router);
-    if (c.routeDepth) {
-      vue3Util.onRouteChange((args) => {
-        c.onRouteChange(args);
-      }, c.routeDepth + 1);
-      if (c.panel.view.model.viewType === "APPINDEXVIEW" && !c.navTabs) {
-        const route = vueRouter.useRoute();
-        let cacheFullPath = "";
-        (_a = c.appmenu) == null ? void 0 : _a.evt.on("onClick", () => {
-          cacheFullPath = route.fullPath;
-        });
-        router.beforeEach((to, from, next) => {
-          if (from.fullPath === cacheFullPath) {
-            c.clearCache();
-          }
-          next();
-        });
-      }
-    }
-    return {
-      ns,
-      onViewCreated,
-      c
-    };
-  },
-  render() {
-    const {
-      state,
-      viewModals
-    } = this.c;
-    const {
-      currentKey,
-      cacheKeys
-    } = state;
-    return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
-    }, [this.c.routeDepth ? vue.createVNode(vue.resolveComponent("iBizRouterView"), {
-      "manualKey": currentKey,
-      "modal": viewModals[currentKey],
-      "onCreated": this.onViewCreated
-    }, {
-      default: ({
-        Component
-      }) => {
-        return vue.createVNode(vue.resolveComponent("keepAlive"), {
-          "include": cacheKeys,
-          "max": 30,
-          "isKey": true
-        }, {
-          default: () => [Component && vue.createVNode(Component, null, null)]
-        });
-      }
-    }) : vue.createVNode("div", null, [vue.createTextVNode("\u975E\u8DEF\u7531\u6A21\u5F0F\u5BFC\u822A\u5360\u4F4D\u6682\u672A\u652F\u6301")])]);
-  }
-});
-
-exports.NavPosIndex = NavPosIndex;