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

package/lib/views/index-view/index-view-exp.js

@@ -1,177 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const getView2Value = (route) => {
-  const { view2, params2, params1 } = route.params;
-  if (!view2) {
-    return "";
-  }
-  let _params2 = params2.replace(
-    new RegExp(";srfnav=[^;=]*$|(?<=;)srfnav=[^;=]*;|^srfnav=[^;=]*;|^srfnav=[^;=]*$", "g"),
-    ""
-  );
-  _params2 = _params2 || ibiz.env.routePlaceholder;
-  return `/${params1}/${view2}/${_params2}`;
-};
-const getView1Value = (route) => {
-  const { view1, appContext } = route.params;
-  return `/${appContext}/${view1}/${ibiz.env.routePlaceholder}`;
-};
-function useIndexExpRouteManage(controller) {
-  const router = vueRouter.useRouter();
-  const route = vueRouter.useRoute();
-  const currentKey = vue.ref("");
-  const indexPath = vue.ref("");
-  const keyHistory = vue.ref([]);
-  const routeMsgs = vue.ref([]);
-  const deleteRouteCache = (keys) => {
-    keys.forEach((key) => {
-      const index = keyHistory.value.indexOf(key);
-      if (index !== -1) {
-        keyHistory.value.splice(index, 1);
-      }
-      const msgIndex = routeMsgs.value.findIndex((item) => item.key === key);
-      if (msgIndex !== -1) {
-        routeMsgs.value.splice(msgIndex, 1);
-      }
-    });
-  };
-  vue.watch(
-    () => route.path,
-    (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        currentKey.value = getView2Value(route);
-        indexPath.value = getView1Value(route);
-        const find = routeMsgs.value.find(
-          (item) => item.key === currentKey.value
-        );
-        if (find) {
-          find.fullPath = route.fullPath;
-        } else {
-          if (newVal === indexPath.value) {
-            return;
-          }
-          routeMsgs.value.push({
-            key: currentKey.value,
-            fullPath: route.fullPath,
-            modelPath: "",
-            caption: ""
-          });
-        }
-      }
-    },
-    { deep: true, immediate: true }
-  );
-  vue.watch(
-    currentKey,
-    (newVal, oldVal) => {
-      if (newVal !== oldVal && newVal) {
-        const index = keyHistory.value.indexOf(newVal);
-        if (index === -1) {
-          keyHistory.value.unshift(newVal);
-        } else {
-          keyHistory.value.splice(index, 1);
-          keyHistory.value.unshift(newVal);
-        }
-      }
-    },
-    { immediate: true }
-  );
-  const updateRouteMsg = async (key, opts) => {
-    const find = routeMsgs.value.find((item) => item.key === currentKey.value);
-    if (find) {
-      if (opts.caption)
-        find.caption = opts.caption;
-      if (opts.modelPath) {
-        find.modelPath = opts.modelPath;
-      }
-    }
-  };
-  const closeView = (key = currentKey.value) => {
-    deleteRouteCache([key]);
-    const toKey = keyHistory.value[0];
-    if (!toKey) {
-      if (controller.model.blankMode) {
-        window.close();
-      } else {
-        currentKey.value = "";
-        router.push(indexPath.value);
-      }
-    } else {
-      const find = routeMsgs.value.find((item) => item.key === toKey);
-      router.push(find.fullPath);
-    }
-  };
-  const handleTabClick = (index) => {
-    const routeMsg = routeMsgs.value[index];
-    if (routeMsg) {
-      router.push(routeMsg.fullPath);
-    }
-  };
-  const redirectToIndex = () => {
-    const fullPath = route.fullPath;
-    let index = fullPath.indexOf("/");
-    for (let i = 0; i < 2; i++) {
-      index = fullPath.indexOf("/", index + 1);
-    }
-    const path = `${fullPath.substring(0, index)}/-`;
-    router.push(path);
-  };
-  const goToPage = () => {
-    if (keyHistory.value.length > 0) {
-      const currentMsg = routeMsgs.value.find(
-        (item) => item.key === keyHistory.value[0]
-      );
-      if (currentMsg) {
-        router.push(currentMsg.fullPath);
-      }
-    } else {
-      redirectToIndex();
-    }
-  };
-  const handleTabDelete = (name) => {
-    const routeMsg = routeMsgs.value[name];
-    if (routeMsg) {
-      deleteRouteCache([routeMsg.key]);
-      goToPage();
-    }
-  };
-  const handleCloseAll = () => {
-    if (routeMsgs.value.length > 0) {
-      const allKeyArr = [];
-      routeMsgs.value.forEach((msg) => {
-        allKeyArr.push(msg.key);
-      });
-      deleteRouteCache(allKeyArr);
-      goToPage();
-    }
-  };
-  const handleCloseOther = () => {
-    if (routeMsgs.value.length > 0) {
-      const allKeyArr = [];
-      routeMsgs.value.forEach((msg) => {
-        if (msg.key !== currentKey.value) {
-          allKeyArr.push(msg.key);
-        }
-      });
-      deleteRouteCache(allKeyArr);
-      goToPage();
-    }
-  };
-  return {
-    currentKey,
-    keyHistory,
-    routeMsgs,
-    updateRouteMsg,
-    closeView,
-    deleteRouteCache,
-    handleTabClick,
-    handleTabDelete,
-    handleCloseAll,
-    handleCloseOther
-  };
-}
-exports.getView1Value = getView1Value;
-exports.getView2Value = getView2Value;
-exports.useIndexExpRouteManage = useIndexExpRouteManage;

package/lib/views/index-view/index-view-provider.d.ts

@@ -1,13 +0,0 @@
-import { IViewProvider } from '@ibiz-template/runtime';
-/**
- * 首页视图适配器
- *
- * @author lxm
- * @date 2022-10-25 18:10:57
- * @export
- * @class IndexViewProvider
- * @implements {IViewProvider}
- */
-export declare class IndexViewProvider implements IViewProvider {
-    component: string;
-}

package/lib/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/lib/views/index-view/index-view.js

@@ -1,155 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const vue3Util = require("@ibiz-template/vue3-util");
-require("./index-view-default");
-const indexViewExp = require("./index-view-exp");
-const runtime = require("@ibiz-template/runtime");
-const IndexView = /* @__PURE__ */ vue.defineComponent({
-  name: "IndexView",
-  props: {
-    context: Object,
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    modelData: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const c = vue3Util.useViewController((...args) => new runtime.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
-      } = indexViewExp.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 = vue.computed(() => {
-        const routeMsg = routeMsgs.value.find((item) => item.key === currentKey.value);
-        return (routeMsg == null ? void 0 : routeMsg.modelPath) || "";
-      });
-    }
-    vue.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 vue.createVNode(vue.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 vue.createVNode(vue.resolveComponent("control-shell"), {
-              "current-path": this.currentPath,
-              "modelData": menu,
-              "context": this.c.context,
-              "mode": this.c.model.mainMenuAlign,
-              "onMenuRouteChange": this.onMenuRouteChange
-            }, null);
-          }
-          return vue.createVNode("div", null, [vue.createTextVNode("菜单")]);
-        }
-      },
-      tabPageExp: () => {
-        if (this.isShowTabPageExp) {
-          return vue.createVNode(vue.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 vue.createVNode(vue.resolveComponent("app-router-view"), {
-            "manualKey": this.currentKey,
-            "onViewFound": this.onViewFound
-          }, {
-            default: ({
-              Component
-            }) => {
-              return Component && vue.createVNode(vue.resolveComponent("appKeepAlive"), {
-                "keyList": this.keyHistory
-              }, {
-                default: () => [vue.createVNode(Component, null, null)]
-              });
-            }
-          });
-        }
-      }
-    });
-  }
-});
-exports.IndexView = IndexView;

package/lib/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/lib/views/index-view/index.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const runtime = require("@ibiz-template/runtime");
-const indexView = require("./index-view");
-const indexViewProvider = require("./index-view-provider");
-const install = require("../../util/install");
-const indexViewEngine = require("./index-view-engine");
-const IbizIndexView = install.withInstall(indexView.IndexView, function(v) {
-  v.component(indexView.IndexView.name, indexView.IndexView);
-  ibiz.register.view.register(runtime.ViewType.APP_INDEX_VIEW, new indexViewProvider.IndexViewProvider());
-  ibiz.engine.registerPreset(runtime.ViewType.APP_INDEX_VIEW, indexViewEngine.IndexViewEngine);
-});
-exports.IbizIndexView = IbizIndexView;
-exports.default = IbizIndexView;

package/lib/views/index.d.ts

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

package/src/common/app-user/app-user.scss

@@ -1,32 +0,0 @@
-// @include b(app-user) {
-//   margin-right: 25px;
-// }
-
-// @include b(app-user-avatar) {
-//   cursor: pointer;
-//   @include e(name) {
-//     margin-left: 12px;
-//     color: #fff;
-//   }
-// }
-
-// @include b(app-user-avatar-wrapper) {
-//   @include flex-center;
-
-//   display: inline-flex;
-//   width: auto;
-//   height: 64px;
-//   padding: 0 12px;
-//   text-align: center;
-//   cursor: pointer;
-//   transition: all 0.2s ease-in-out;
-
-//   &:hover {
-//     background: hsl(0deg 0% 100% / 5%);
-//   }
-// }
-
-// @include b(app-user-avater__icon){
-//   margin: top 2px;
-//   margin-right: 6px;
-// }

package/src/common/quick-search/quick-search.scss

@@ -1,15 +0,0 @@
-// @include b(quick-search) {
-//   @include set-component-css-var('quick-search-embed', $quick-search-embed);
-
-//   @include m(embed) {
-//     .ivu-icon {
-//       height: getCssVar('quick-search-embed', 'height');
-//       line-height: getCssVar('quick-search-embed', 'line-height');
-//     }
-
-//     .ivu-input {
-//       height: getCssVar('quick-search-embed', 'height');
-//       line-height: getCssVar('quick-search-embed', 'line-height');
-//     }
-//   }
-// }

package/src/common/quick-search/quick-search.tsx

@@ -1,59 +0,0 @@
-import { computed, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import { debounce } from 'lodash-es';
-import './quick-search.scss';
-
-export const QuickSearch = defineComponent({
-  name: 'QuickSearch',
-  props: {
-    value: {
-      type: String,
-    },
-    viewMode: {
-      type: String,
-      required: true,
-    },
-    placeholder: {
-      type: String,
-    },
-  },
-  setup(props, { emit }) {
-    const ns = useNamespace('quick-search');
-    const inputValue = computed({
-      get() {
-        return props.value;
-      },
-      set(val: string | undefined) {
-        emit('update', val!);
-      },
-    });
-    const search = () => {
-      emit('search');
-    };
-
-    const debounceSearch = debounce(() => {
-      if (search) {
-        search();
-      }
-    }, 500);
-
-    const onInput = (value: string | undefined) => {
-      inputValue.value = value;
-      debounceSearch();
-    };
-    return { ns, inputValue, search, onInput };
-  },
-  render() {
-    return (
-      <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}
-      ></el-input>
-    );
-  },
-});
-
-export default QuickSearch;

package/src/common/tab-page-exp/tab-page-exp.scss

@@ -1,43 +0,0 @@
-// @include b(tab-page-exp) {
-//   @include set-component-css-var('tab-page-exp', $tab-page-exp);
-//   @include set-component-css-var('tab-page-exp-item', $tab-page-exp-item);
-//   @include flex(row, center, center);
-
-//   position: relative;
-//   padding: getCssVar('tab-page-exp', 'padding');
-//   @include e(left) {
-//     display: flex;
-//     align-items: center;
-//     width: getCssVar('tab-page-exp', 'left-width');
-
-//     .el-tabs {
-//       width: 100%;
-
-//       .el-tabs__nav {
-//         border: none;
-//       }
-
-//       .el-tabs__item {
-//         display: inline-block;
-//         height: getCssVar('tab-page-exp-item', 'height');
-//         padding: getCssVar('tab-page-exp-item', 'padding');
-//         margin: getCssVar('tab-page-exp-item', 'margin');
-//         overflow: hidden;
-//         font-size: getCssVar('tab-page-exp-item', 'font-size');
-//         line-height: getCssVar('tab-page-exp-item', 'line-height');
-//         vertical-align: middle;
-//         background-color: getCssVar('tab-page-exp-item', 'bg-color');
-//         border-radius: getCssVar('tab-page-exp-item', 'border-radius');
-//         opacity: getCssVar('tab-page-exp-item', 'opacity');
-//       }
-
-//       .el-tabs__header {
-//         border-bottom: none;
-//       }
-//     }
-//   }
-
-//   @include e(right) {
-//     width: getCssVar('tab-page-exp', 'right-width');
-//   }
-// }