@ctzy-web-client/plugin-component-vue 1.0.0 → 1.0.2

package/lib/layout/layout.js

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+var webBaseClientVue = require('web-base-client-vue');
+var index = require('../menu/index.js');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaLayout"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  setup(__props) {
+    ;
+    const router = vueRouter.useRouter();
+    const ns = webBaseClientVue.useNamespace("layout");
+    const menuService = webBaseClientVue.useService("MenuService");
+    const isCollapsed = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = vue.unref(menuService)) == null ? void 0 : _a.isCollapsed) != null ? _b : false;
+    });
+    const menus = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = vue.unref(menuService)) == null ? void 0 : _a.getMenus()) != null ? _b : [];
+    });
+    const currentMenuID = vue.computed(
+      () => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = vue.unref(menuService)) == null ? void 0 : _a.getCurrentMenu()) == null ? void 0 : _b.id) != null ? _c : "";
+      }
+    );
+    const handleSelect = (menu) => {
+      if (!menu) {
+        return;
+      }
+      switch (menu == null ? void 0 : menu.type) {
+        case 0:
+          vue.unref(menuService).setCurrentMenuById(menu.id);
+          router.push(menu.path);
+          break;
+        case 1:
+          let openLink = "";
+          if (path.toLowerCase().indexOf("https://") == 0 || path.toLowerCase().indexOf("http://") == 0) {
+            openLink = path;
+          } else if (path.startsWith("//")) {
+            openLink = location.protocol + path;
+          } else {
+            openLink = path;
+          }
+          window.open(openLink);
+          break;
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_ElScrollbar = vue.resolveComponent("ElScrollbar");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(ns).b(), "justify-between"])
+      }, [
+        vue.createVNode(_component_ElScrollbar, {
+          class: vue.normalizeClass(vue.unref(ns).e("menu-wrapper")),
+          height: "100%"
+        }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "left-panel", {}, () => [
+              vue.createVNode(vue.unref(index.BwaMenu), {
+                class: vue.normalizeClass(vue.unref(ns).e("menu")),
+                menus: vue.unref(menus),
+                currentMenuID: vue.unref(currentMenuID),
+                collapsed: vue.unref(isCollapsed),
+                onSelect: handleSelect
+              }, null, 8, ["class", "menus", "currentMenuID", "collapsed"])
+            ]),
+            vue.renderSlot(_ctx.$slots, "left-panel-append")
+          ]),
+          _: 3
+        }, 8, ["class"]),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("main"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2)
+      ], 2);
+    };
+  }
+});
+var Layout = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "layout.vue"]]);
+
+exports["default"] = Layout;

package/lib/make-installer.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ElementPlus = require('element-plus');
+var icons = require('@element-plus/icons');
+var zhCn = require('element-plus/es/locale/lang/zh-cn');
+var webBaseClientVue = require('web-base-client-vue');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var ElementPlus__default = /*#__PURE__*/_interopDefaultLegacy(ElementPlus);
+var icons__namespace = /*#__PURE__*/_interopNamespace(icons);
+var zhCn__default = /*#__PURE__*/_interopDefaultLegacy(zhCn);
+
+const INSTALLED_KEY = Symbol("INSTALLED_KEY");
+const makeInstaller = (components = []) => {
+  const install = (app, options) => {
+    if (app[INSTALLED_KEY]) {
+      return;
+    }
+    app[INSTALLED_KEY] = true;
+    options = {
+      ...options,
+      locale: zhCn__default["default"]
+    };
+    app.use(ElementPlus__default["default"], options);
+    app.use({
+      install: (app2) => {
+        Object.keys(icons__namespace).forEach((key) => app2.component(icons__namespace[key].name, icons__namespace[key]));
+      }
+    });
+    components.forEach((component) => app.use(component));
+    if (options) {
+      webBaseClientVue.provideGlobalConfig({
+        ...options,
+        namespace: "bwa"
+      }, app, true);
+    }
+  };
+  return install;
+};
+
+exports.makeInstaller = makeInstaller;

package/lib/math/Rectangle.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+class Rectangle {
+  constructor(x, y, width, height) {
+    if (width < 0) {
+      x = x - (width = -width);
+    }
+    if (height < 0) {
+      y = y - (height = -height);
+    }
+    this.x = x;
+    this.y = y;
+    this.width = width;
+    this.height = height;
+    this.left = x;
+    this.top = y;
+    this.right = x + width;
+    this.bottom = y + height;
+    this.cx = x + width / 2;
+    this.cy = y + height / 2;
+  }
+  pointIn(x, y) {
+    return x >= this.left && x <= this.right && y >= this.top && y <= this.bottom;
+  }
+}
+
+exports.Rectangle = Rectangle;

package/lib/menu/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('element-plus/es/utils/vue/install');
+var menu = require('./menu.js');
+
+const BwaMenu = install.withInstall(menu["default"]);
+
+exports.BwaMenu = BwaMenu;
+exports["default"] = BwaMenu;

package/lib/menu/menu-item.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('web-base-client-vue');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaMenuItem"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const ns = webBaseClientVue.useNamespace("menu");
+    const id = vue.computed(() => {
+      if (typeof props.id !== "number" && !props.item.id) {
+        return "";
+      }
+      return props.item.id + "";
+    });
+    const children = vue.computed(() => {
+      var _a;
+      return ((_a = props.item) == null ? void 0 : _a.children) || [];
+    });
+    return (_ctx, _cache) => {
+      const _component_ElMenuItem = vue.resolveComponent("ElMenuItem");
+      const _component_BwaMenuItem = vue.resolveComponent("BwaMenuItem");
+      const _component_ElSubMenu = vue.resolveComponent("ElSubMenu");
+      return !vue.unref(children).length ? (vue.openBlock(), vue.createBlock(_component_ElMenuItem, {
+        key: 0,
+        index: vue.unref(id)
+      }, {
+        default: vue.withCtx(() => [
+          __props.item.iconName ? (vue.openBlock(), vue.createElementBlock("i", {
+            key: 0,
+            class: vue.normalizeClass(["ptp-icon", `ptp-${__props.item.iconName}`])
+          }, null, 2)) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(vue.unref(ns).be("item", "content"))
+          }, vue.toDisplayString(__props.item.title), 3)
+        ]),
+        _: 1
+      }, 8, ["index"])) : (vue.openBlock(), vue.createBlock(_component_ElSubMenu, {
+        key: 1,
+        index: vue.unref(id),
+        "popper-class": vue.unref(ns).b("sub")
+      }, {
+        title: vue.withCtx(() => [
+          __props.item.iconName ? (vue.openBlock(), vue.createElementBlock("i", {
+            key: 0,
+            class: vue.normalizeClass(["ptp-icon", `ptp-${__props.item.iconName}`])
+          }, null, 2)) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(vue.unref(ns).be("item", "content"))
+          }, vue.toDisplayString(__props.item.title), 3)
+        ]),
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(children), (child) => {
+            return vue.openBlock(), vue.createBlock(_component_BwaMenuItem, {
+              item: child,
+              key: child.id
+            }, null, 8, ["item"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["index", "popper-class"]));
+    };
+  }
+});
+var MenuItem = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "menu-item.vue"]]);
+
+exports["default"] = MenuItem;

package/lib/menu/menu.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('web-base-client-vue');
+var menuItem = require('./menu-item.js');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaMenu"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    currentMenuID: String,
+    menus: {
+      type: Array,
+      default: () => []
+    },
+    collapsed: { type: Boolean, default: false }
+  },
+  emits: ["select"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = webBaseClientVue.useNamespace("menu");
+    const getMenuById = (id) => {
+      const menus = props.menus || [];
+      let list = [...menus];
+      for (let i = 0; i < list.length; i++) {
+        const item = list[i];
+        if (item.id === id) {
+          return item;
+        }
+        list = list.concat(item.children || []);
+      }
+      return null;
+    };
+    const handleSelect = (id) => {
+      emit("select", getMenuById(id));
+    };
+    return (_ctx, _cache) => {
+      const _component_ElMenu = vue.resolveComponent("ElMenu");
+      return vue.openBlock(), vue.createBlock(_component_ElMenu, {
+        "default-active": __props.currentMenuID,
+        class: vue.normalizeClass([vue.unref(ns).b(), __props.collapsed ? vue.unref(ns).m("collapsed") : ""]),
+        collapse: __props.collapsed,
+        onSelect: handleSelect
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menus, (item) => {
+            return vue.openBlock(), vue.createBlock(menuItem["default"], {
+              key: item.id,
+              item
+            }, null, 8, ["item"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["default-active", "class", "collapse"]);
+    };
+  }
+});
+var Menu = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "menu.vue"]]);
+
+exports["default"] = Menu;