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

package/es/views/index-view/index-view.d.ts

@@ -1,44 +0,0 @@
-import { ComputedRef, PropType, Ref } from 'vue';
-export declare const IndexView: import("vue").DefineComponent<{
-    context: PropType<IContext>;
-    params: {
-        type: PropType<IParams>;
-        default: () => {};
-    };
-    modelData: {
-        type: PropType<IAppIndexView>;
-        required: true;
-    };
-}, {
-    c: any;
-    onViewFound: (_opts: IData) => void;
-    onMenuRouteChange: (() => void) | null;
-    deleteRouteCache: (_keys: string[]) => void;
-    handleTabClick: ((_index: number) => void) | null;
-    handleTabDelete: ((_name: number) => void) | null;
-    handleCloseAll: (() => void) | null;
-    handleCloseOther: (() => void) | null;
-    currentPath: ComputedRef<string>;
-    currentKey: Ref<string>;
-    keyHistory: Ref<string[]>;
-    routeMsgs: Ref<{
-        key: string;
-        fullPath: string;
-        modelPath?: string | undefined;
-        caption?: string | undefined;
-    }[]>;
-    isShowTabPageExp: boolean;
-    isCollapse: (collapse: boolean) => boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    context: PropType<IContext>;
-    params: {
-        type: PropType<IParams>;
-        default: () => {};
-    };
-    modelData: {
-        type: PropType<IAppIndexView>;
-        required: true;
-    };
-}>>, {
-    params: IParams;
-}>;

package/es/views/index-view/index-view.js

@@ -1,155 +0,0 @@
-import { defineComponent, computed, onMounted, createVNode, resolveComponent, createTextVNode } from "vue";
-import { useViewController } from "@ibiz-template/vue3-util";
-import "./index-view-default";
-import { useIndexExpRouteManage } from "./index-view-exp";
-import { ViewController } from "@ibiz-template/runtime";
-const IndexView = /* @__PURE__ */ defineComponent({
-  name: "IndexView",
-  props: {
-    context: Object,
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    modelData: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const c = useViewController((...args) => new ViewController(...args));
-    const isShowTabPageExp = true;
-    let onViewFound = null;
-    let onMenuRouteChange = null;
-    let deleteRouteCache = null;
-    let handleTabClick = null;
-    let handleTabDelete = null;
-    let handleCloseAll = null;
-    let handleCloseOther = null;
-    let currentPath = null;
-    let currentKey;
-    let keyHistory;
-    let routeMsgs;
-    {
-      const {
-        currentKey: _currentKey,
-        keyHistory: _keyHistory,
-        routeMsgs: _routeMsgs,
-        updateRouteMsg,
-        closeView,
-        deleteRouteCache: _deleteRouteCache,
-        handleTabClick: _handleTabClick,
-        handleTabDelete: _handleTabDelete,
-        handleCloseAll: _handleCloseAll,
-        handleCloseOther: _handleCloseOther
-      } = useIndexExpRouteManage(c);
-      currentKey = _currentKey;
-      keyHistory = _keyHistory;
-      routeMsgs = _routeMsgs;
-      deleteRouteCache = _deleteRouteCache;
-      handleTabClick = _handleTabClick;
-      handleTabDelete = _handleTabDelete;
-      handleCloseAll = _handleCloseAll;
-      handleCloseOther = _handleCloseOther;
-      onViewFound = (opts) => {
-        updateRouteMsg(currentKey.value, opts);
-      };
-      window.onpopstate = () => {
-        deleteRouteCache([keyHistory.value[1]]);
-      };
-      currentPath = computed(() => {
-        const routeMsg = routeMsgs.value.find((item) => item.key === currentKey.value);
-        return (routeMsg == null ? void 0 : routeMsg.modelPath) || "";
-      });
-    }
-    onMounted(() => {
-      setTimeout(() => {
-        const el = document.querySelector(".app-loading-x");
-        if (el) {
-          el.style.display = "none";
-        }
-      }, 300);
-    });
-    const isCollapse = (collapse) => {
-      return false;
-    };
-    return {
-      c,
-      // onCreated,
-      onViewFound,
-      onMenuRouteChange,
-      deleteRouteCache,
-      handleTabClick,
-      handleTabDelete,
-      handleCloseAll,
-      handleCloseOther,
-      currentPath,
-      currentKey,
-      keyHistory,
-      routeMsgs,
-      isShowTabPageExp,
-      isCollapse
-    };
-  },
-  render() {
-    return createVNode(resolveComponent("app-layout"), {
-      "is-complete": true,
-      "modelData": this.c.model,
-      "onCollapseChange": this.isCollapse
-    }, {
-      menu: () => {
-        var _a;
-        {
-          if (this.$slots.appmenu) {
-            return this.$slots.appmenu();
-          }
-          const menu = (_a = this.modelData.controls) == null ? void 0 : _a.find((item) => item.name === "appmenu");
-          if (menu) {
-            return createVNode(resolveComponent("control-shell"), {
-              "current-path": this.currentPath,
-              "modelData": menu,
-              "context": this.c.context,
-              "mode": this.c.model.mainMenuAlign,
-              "onMenuRouteChange": this.onMenuRouteChange
-            }, null);
-          }
-          return createVNode("div", null, [createTextVNode("菜单")]);
-        }
-      },
-      tabPageExp: () => {
-        if (this.isShowTabPageExp) {
-          return createVNode(resolveComponent("tab-page-exp"), {
-            "route-msgs": this.routeMsgs,
-            "current-key": this.currentKey,
-            "onTabClick": this.handleTabClick,
-            "onTabDelete": this.handleTabDelete,
-            "onCloseAll": this.handleCloseAll,
-            "onCloseOther": this.handleCloseOther
-          }, null);
-        }
-        return null;
-      },
-      default: () => {
-        if (this.currentKey) {
-          return createVNode(resolveComponent("app-router-view"), {
-            "manualKey": this.currentKey,
-            "onViewFound": this.onViewFound
-          }, {
-            default: ({
-              Component
-            }) => {
-              return Component && createVNode(resolveComponent("appKeepAlive"), {
-                "keyList": this.keyHistory
-              }, {
-                default: () => [createVNode(Component, null, null)]
-              });
-            }
-          });
-        }
-      }
-    });
-  }
-});
-export {
-  IndexView
-};

package/es/views/index-view/index.d.ts

@@ -1,44 +0,0 @@
-export declare const IbizIndexView: import("../../util/install").TypeWithInstall<import("vue").DefineComponent<{
-    context: import("vue").PropType<IContext>;
-    params: {
-        type: import("vue").PropType<IParams>;
-        default: () => {};
-    };
-    modelData: {
-        type: import("vue").PropType<IAppIndexView>;
-        required: true;
-    };
-}, {
-    c: any;
-    onViewFound: (_opts: IData) => void;
-    onMenuRouteChange: (() => void) | null;
-    deleteRouteCache: (_keys: string[]) => void;
-    handleTabClick: ((_index: number) => void) | null;
-    handleTabDelete: ((_name: number) => void) | null;
-    handleCloseAll: (() => void) | null;
-    handleCloseOther: (() => void) | null;
-    currentPath: import("vue").ComputedRef<string>;
-    currentKey: import("vue").Ref<string>;
-    keyHistory: import("vue").Ref<string[]>;
-    routeMsgs: import("vue").Ref<{
-        key: string;
-        fullPath: string;
-        modelPath?: string | undefined;
-        caption?: string | undefined;
-    }[]>;
-    isShowTabPageExp: boolean;
-    isCollapse: (collapse: boolean) => boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    context: import("vue").PropType<IContext>;
-    params: {
-        type: import("vue").PropType<IParams>;
-        default: () => {};
-    };
-    modelData: {
-        type: import("vue").PropType<IAppIndexView>;
-        required: true;
-    };
-}>>, {
-    params: IParams;
-}>>;
-export default IbizIndexView;

package/es/views/index-view/index.js

@@ -1,14 +0,0 @@
-import { ViewType } from "@ibiz-template/runtime";
-import { IndexView } from "./index-view";
-import { IndexViewProvider } from "./index-view-provider";
-import { withInstall } from "../../util/install";
-import { IndexViewEngine } from "./index-view-engine";
-const IbizIndexView = withInstall(IndexView, function(v) {
-  v.component(IndexView.name, IndexView);
-  ibiz.register.view.register(ViewType.APP_INDEX_VIEW, new IndexViewProvider());
-  ibiz.engine.registerPreset(ViewType.APP_INDEX_VIEW, IndexViewEngine);
-});
-export {
-  IbizIndexView,
-  IbizIndexView as default
-};

package/es/views/index.d.ts

@@ -1,4 +0,0 @@
-import EditView from './edit-view';
-export * from './index-view';
-export * from './grid-view';
-export { EditView };

package/es/views/index.js

@@ -1,6 +0,0 @@
-import { default as default2 } from "./edit-view";
-export * from "./index-view";
-export * from "./grid-view";
-export {
-  default2 as EditView
-};

package/lib/common/app-user/app-user.d.ts

@@ -1,8 +0,0 @@
-import './app-user.scss';
-export declare const AppUser: import("vue").DefineComponent<{}, {
-    ns: any;
-    srfusername: any;
-    router: any;
-}, {}, {}, {
-    onClick(): Promise<void>;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/lib/common/app-user/app-user.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const vue3Util = require("@ibiz-template/vue3-util");
-const appUser = "";
-const AppUser = /* @__PURE__ */ vue.defineComponent({
-  name: "AppUser",
-  setup() {
-    var _a;
-    const ns = vue3Util.useNamespace("app-user");
-    const {
-      srfusername = "游客"
-    } = ((_a = ibiz.appData) == null ? void 0 : _a.context) || {};
-    const router = vueRouter.useRouter();
-    return {
-      ns,
-      srfusername,
-      router
-    };
-  },
-  methods: {
-    async onClick() {
-      const res = await ibiz.auth.v7logout();
-      if (res.ok) {
-        ibiz.message.success("登出成功");
-        this.router.push(`/login?ru=${encodeURIComponent(window.location.hash.replace("#/", "/"))}`);
-      } else {
-        ibiz.message.error("登出失败");
-      }
-    }
-  },
-  render() {
-    return vue.createVNode("div", {
-      "class": this.ns.b()
-    }, [vue.createVNode(vue.resolveComponent("el-dropdown"), {
-      "class": this.ns.b("avatar")
-    }, {
-      default: () => vue.createVNode("span", {
-        "class": this.ns.b("avatar-wrapper")
-      }, [vue.createVNode(vue.resolveComponent("el-avatar"), {
-        "size": "small",
-        "src": "https://i.loli.net/2017/08/21/599a521472424.jpg"
-      }, null), vue.createVNode("span", {
-        "class": this.ns.be("avatar", "name")
-      }, [this.srfusername])]),
-      dropdown: () => vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
-        default: () => [vue.createVNode(vue.resolveComponent("el-dropdown-item"), null, {
-          default: () => [vue.createVNode(vue.resolveComponent("ion-icon"), {
-            "name": "log-out-outline",
-            "class": this.ns.be("avater", "icon")
-          }, null), vue.createVNode("span", {
-            "onClick": this.onClick
-          }, [vue.createTextVNode("退出登录")])]
-        })]
-      })
-    })]);
-  }
-});
-exports.AppUser = AppUser;

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

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

@@ -1,9 +0,0 @@
-"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/quick-search/quick-search.d.ts

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

@@ -1,63 +0,0 @@
-"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

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

@@ -1,117 +0,0 @@
-"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;