@ibiz-template/vue3-components 0.0.1-alpha.1

package/lib/common/grid-pagination/grid-pagination.d.ts

@@ -0,0 +1,41 @@
+import './grid-pagination.scss';
+export declare const GridPagination: import("vue").DefineComponent<{
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    curPage: {
+        type: NumberConstructor;
+        required: true;
+    };
+    size: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {
+    ns: any;
+    start: import("vue").ComputedRef<number>;
+    end: import("vue").ComputedRef<number>;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+    pageReset: () => void;
+    inputChange: (event: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "pageSizeChange" | "pageReset")[], "change" | "pageSizeChange" | "pageReset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    curPage: {
+        type: NumberConstructor;
+        required: true;
+    };
+    size: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onPageSizeChange?: ((...args: any[]) => any) | undefined;
+    onPageReset?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default GridPagination;

package/lib/common/grid-pagination/grid-pagination.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vue3Util = require("@ibiz-template/vue3-util");
+const gridPagination = "";
+const GridPagination = /* @__PURE__ */ vue.defineComponent({
+  name: "GridPagination",
+  props: {
+    total: {
+      type: Number,
+      required: true
+    },
+    curPage: {
+      type: Number,
+      required: true
+    },
+    size: {
+      type: Number,
+      required: true
+    }
+  },
+  emits: ["change", "pageSizeChange", "pageReset"],
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("grid-page");
+    const start = vue.computed(() => {
+      return (props.curPage - 1) * props.size + 1;
+    });
+    const end = vue.computed(() => {
+      return props.curPage * props.size;
+    });
+    const onPageChange = (page) => {
+      emit("change", page);
+    };
+    const onPageSizeChange = (size) => {
+      emit("pageSizeChange", size);
+    };
+    const pageReset = () => {
+      emit("pageReset");
+    };
+    const inputChange = (event) => {
+      event.stopPropagation();
+    };
+    return {
+      ns,
+      start,
+      end,
+      onPageChange,
+      onPageSizeChange,
+      pageReset,
+      inputChange
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("el-pagination"), vue.mergeProps({
+      "layout": "slot, prev, pager, next, sizes, jumper",
+      "background": true,
+      "total": this.total,
+      "current-page": this.curPage,
+      "page-size": this.size,
+      "page-sizes": [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]
+    }, {
+      "onUpdate:currentPage": this.onPageChange,
+      "onUpdate:pageSize": this.onPageSizeChange,
+      onChange: this.inputChange
+    }), {
+      default: () => [vue.createVNode("span", {
+        "class": this.ns.b("btn")
+      }, [vue.createVNode(vue.resolveComponent("el-button"), {
+        "title": "刷新",
+        "onClick": this.pageReset
+      }, {
+        default: () => [vue.createVNode(vue.resolveComponent("ion-icon"), {
+          "name": "refresh"
+        }, null)]
+      })]), vue.createVNode("span", null, [vue.createTextVNode("显示 "), this.start, vue.createTextVNode(" - "), this.end, vue.createTextVNode(" 条，共 "), this.total, vue.createTextVNode(" 条数据")])]
+    })]);
+  }
+});
+exports.GridPagination = GridPagination;
+exports.default = GridPagination;

package/lib/common/grid-pagination/index.d.ts

@@ -0,0 +1,40 @@
+export declare const IbizGridPagination: import("../../util/install").TypeWithInstall<import("vue").DefineComponent<{
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    curPage: {
+        type: NumberConstructor;
+        required: true;
+    };
+    size: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {
+    ns: any;
+    start: import("vue").ComputedRef<number>;
+    end: import("vue").ComputedRef<number>;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+    pageReset: () => void;
+    inputChange: (event: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "pageSizeChange" | "pageReset")[], "change" | "pageSizeChange" | "pageReset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    curPage: {
+        type: NumberConstructor;
+        required: true;
+    };
+    size: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onPageSizeChange?: ((...args: any[]) => any) | undefined;
+    onPageReset?: ((...args: any[]) => any) | undefined;
+}, {}>>;
+export default IbizGridPagination;

package/lib/common/grid-pagination/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const install = require("../../util/install");
+const GridPagination = require("./grid-pagination");
+const IbizGridPagination = install.withInstall(GridPagination, function(v) {
+  v.component(GridPagination.name, GridPagination);
+});
+exports.IbizGridPagination = IbizGridPagination;
+exports.default = IbizGridPagination;

package/lib/common/index.d.ts

@@ -0,0 +1,8 @@
+export * from './app-icon/app-icon';
+export * from './app-keep-alive/app-keep-alive';
+export * from './app-keep-alive/scheduler';
+export * from './app-router-view/app-router-view';
+export * from './app-user/app-user';
+export * from './grid-pagination/index';
+export * from './quick-search/quick-search';
+export * from './tab-page-exp/tab-page-exp';

package/lib/common/index.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const appIcon = require("./app-icon/app-icon");
+const appKeepAlive = require("./app-keep-alive/app-keep-alive");
+const scheduler = require("./app-keep-alive/scheduler");
+const appRouterView = require("./app-router-view/app-router-view");
+const appUser = require("./app-user/app-user");
+const index = require("./grid-pagination/index");
+const quickSearch = require("./quick-search/quick-search");
+const tabPageExp = require("./tab-page-exp/tab-page-exp");
+Object.keys(appIcon).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => appIcon[k]
+    });
+});
+Object.keys(appKeepAlive).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => appKeepAlive[k]
+    });
+});
+Object.keys(scheduler).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => scheduler[k]
+    });
+});
+Object.keys(appRouterView).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => appRouterView[k]
+    });
+});
+Object.keys(appUser).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => appUser[k]
+    });
+});
+Object.keys(index).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => index[k]
+    });
+});
+Object.keys(quickSearch).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => quickSearch[k]
+    });
+});
+Object.keys(tabPageExp).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => tabPageExp[k]
+    });
+});

package/lib/common/quick-search/quick-search.d.ts

@@ -0,0 +1,30 @@
+import './quick-search.scss';
+export declare const QuickSearch: import("vue").DefineComponent<{
+    value: {
+        type: StringConstructor;
+    };
+    viewMode: {
+        type: StringConstructor;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+}, {
+    ns: any;
+    inputValue: import("vue").WritableComputedRef<string | undefined>;
+    search: () => void;
+    onInput: (value: string | undefined) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    viewMode: {
+        type: StringConstructor;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+}>>, {}>;
+export default QuickSearch;

package/lib/common/quick-search/quick-search.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vue3Util = require("@ibiz-template/vue3-util");
+const lodashEs = require("lodash-es");
+const quickSearch = "";
+const QuickSearch = /* @__PURE__ */ vue.defineComponent({
+  name: "QuickSearch",
+  props: {
+    value: {
+      type: String
+    },
+    viewMode: {
+      type: String,
+      required: true
+    },
+    placeholder: {
+      type: String
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("quick-search");
+    const inputValue = vue.computed({
+      get() {
+        return props.value;
+      },
+      set(val) {
+        emit("update", val);
+      }
+    });
+    const search = () => {
+      emit("search");
+    };
+    const debounceSearch = lodashEs.debounce(() => {
+      if (search) {
+        search();
+      }
+    }, 500);
+    const onInput = (value) => {
+      inputValue.value = value;
+      debounceSearch();
+    };
+    return {
+      ns,
+      inputValue,
+      search,
+      onInput
+    };
+  },
+  render() {
+    return vue.createVNode(vue.resolveComponent("el-input"), {
+      "model-value": this.value,
+      "class": [this.ns.b(), this.ns.m(this.viewMode.toLowerCase())],
+      "placeholder": this.placeholder,
+      "onInput": this.onInput,
+      "onChange": this.search
+    }, null);
+  }
+});
+exports.QuickSearch = QuickSearch;
+exports.default = QuickSearch;

package/lib/common/tab-page-exp/tab-page-exp.d.ts

@@ -0,0 +1,69 @@
+import './tab-page-exp.scss';
+interface RouteMsg {
+    key: string;
+    fullPath: string;
+    modelPath?: string;
+    caption?: string;
+}
+interface dropdownAction {
+    text: string;
+    value?: string;
+}
+export declare const TabPageExp: import("vue").DefineComponent<{
+    routeMsgs: {
+        type: {
+            (arrayLength: number): RouteMsg[];
+            (...items: RouteMsg[]): RouteMsg[];
+            new (arrayLength: number): RouteMsg[];
+            new (...items: RouteMsg[]): RouteMsg[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+    };
+    currentKey: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    ns: any;
+    tabsValue: import("vue").Ref<number>;
+    actions: dropdownAction[];
+    changePage: (pane: TabsPaneContext, _ev: Event) => void;
+    onClose: (name: TabPaneName) => void;
+    handleCommand: (command: dropdownAction) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("tab-delete" | "tab-click" | "close-all" | "close-other")[], "tab-delete" | "tab-click" | "close-all" | "close-other", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    routeMsgs: {
+        type: {
+            (arrayLength: number): RouteMsg[];
+            (...items: RouteMsg[]): RouteMsg[];
+            new (arrayLength: number): RouteMsg[];
+            new (...items: RouteMsg[]): RouteMsg[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+    };
+    currentKey: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
+    "onTab-delete"?: ((...args: any[]) => any) | undefined;
+    "onTab-click"?: ((...args: any[]) => any) | undefined;
+    "onClose-all"?: ((...args: any[]) => any) | undefined;
+    "onClose-other"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export {};

package/lib/common/tab-page-exp/tab-page-exp.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const vue3Util = require("@ibiz-template/vue3-util");
+const tabPageExp = "";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const TabPageExp = /* @__PURE__ */ vue.defineComponent({
+  name: "TabPageExp",
+  props: {
+    routeMsgs: {
+      type: Array,
+      required: true
+    },
+    currentKey: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["tab-delete", "tab-click", "close-all", "close-other"],
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("tab-page-exp");
+    const tabsValue = vue.ref(0);
+    const actions = [{
+      text: "关闭所有",
+      value: "closeAll"
+    }, {
+      text: "关闭其他",
+      value: "closeOther"
+    }];
+    vue.watch(() => props.currentKey, (newVal, _oldVal) => {
+      const currentRouteMsgIndex = props.routeMsgs.findIndex((msg) => msg.key === newVal);
+      if (currentRouteMsgIndex !== -1) {
+        tabsValue.value = currentRouteMsgIndex;
+      }
+    });
+    const changePage = (pane, _ev) => {
+      const index = Number(pane.index);
+      tabsValue.value = index;
+      emit("tab-click", index);
+    };
+    const onClose = (name) => {
+      emit("tab-delete", name);
+    };
+    const handleCommand = (command) => {
+      if (command.value === "closeAll") {
+        emit("close-all");
+      } else if (command.value === "closeOther") {
+        emit("close-other");
+      }
+    };
+    return {
+      ns,
+      tabsValue,
+      actions,
+      changePage,
+      onClose,
+      handleCommand
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("left")
+    }, [vue.createVNode(vue.resolveComponent("el-tabs"), {
+      "type": "card",
+      "modelValue": this.tabsValue,
+      "onUpdate:modelValue": ($event) => this.tabsValue = $event,
+      "closable": true,
+      "onTabClick": this.changePage,
+      "onTabRemove": this.onClose
+    }, {
+      default: () => {
+        var _a;
+        return [(_a = this.routeMsgs) == null ? void 0 : _a.map((msg, index) => {
+          return vue.createVNode(vue.resolveComponent("el-tab-pane"), {
+            "name": index,
+            "key": index,
+            "label": msg.caption
+          }, null);
+        })];
+      }
+    })]), vue.createVNode("div", {
+      "class": this.ns.e("right")
+    }, [vue.createVNode(vue.resolveComponent("el-dropdown"), {
+      "onCommand": this.handleCommand
+    }, {
+      default: () => {
+        return vue.createVNode(vue.resolveComponent("el-button"), {
+          "size": "small",
+          "type": "primary"
+        }, {
+          default: () => [vue.createTextVNode("更多 "), vue.createVNode(vue.resolveComponent("ion-icon"), {
+            "name": "arrow-down"
+          }, null)]
+        });
+      },
+      dropdown: () => {
+        let _slot;
+        return vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, _isSlot(_slot = this.actions.map((action) => {
+          return vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
+            "command": action
+          }, {
+            default: () => [action.text]
+          });
+        })) ? _slot : {
+          default: () => [_slot]
+        });
+      }
+    })])]);
+  }
+});
+exports.TabPageExp = TabPageExp;

package/lib/control/app-menu/app-menu-provider.d.ts

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 应用菜单适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class AppMenuProvider
+ * @implements {IControlProvider}
+ */
+export declare class AppMenuProvider implements IControlProvider {
+    component: string;
+}

package/lib/control/app-menu/app-menu-provider.js

@@ -0,0 +1,14 @@
+"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;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class AppMenuProvider {
+  constructor() {
+    __publicField(this, "component", "AppMenu");
+  }
+}
+exports.AppMenuProvider = AppMenuProvider;

package/lib/control/app-menu/app-menu.d.ts

@@ -0,0 +1,54 @@
+import { PropType, Ref } from 'vue';
+import './app-menu.scss';
+export declare const AppMenu: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    collapse: BooleanConstructor;
+    currentPath: StringConstructor;
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    menus: Ref<any[]>;
+    c: any;
+    key: any;
+    onClick: (key: string) => Promise<void>;
+    ns: any;
+    defaultActive: Ref<string>;
+    defaultOpens: Ref<string[]>;
+    MenuMode: import("vue").ComputedRef<"horizontal" | "vertical">;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    collapse: BooleanConstructor;
+    currentPath: StringConstructor;
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    collapse: boolean;
+    params: IParams;
+    mode: string;
+}>;