@ibiz-template/vue3-components 0.5.7-alpha.5 → 0.5.7-alpha.9

package/es/devtool/devtool-action.css

@@ -1 +0,0 @@
-.ibiz-devtool-action{position:absolute;right:0;bottom:0;z-index:9999;display:flex;height:100%;font-size:13px;color:#fff;background:rgba(96,98,102,.8);transition:all .5s}.ibiz-devtool-action-collapse{flex:0 0 auto;width:320px;padding:0 12px;margin-top:44px;margin-bottom:12px;overflow:auto;border-right:1px solid #999}.ibiz-devtool-action-collapse-item{display:flex;align-items:center;padding-bottom:4px}.ibiz-devtool-action-collapse-item__key{flex:0 0 auto;width:40%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-devtool-action-collapse-item__key:hover{color:#dbe6ff}.ibiz-devtool-action-collapse-item__value{flex:0 0 auto;width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-devtool-action-collapse-item__value:hover{color:#dbe6ff}.ibiz-devtool-action-container{display:flex;flex:0 0 auto;flex-direction:column;width:400px;padding:12px}.ibiz-devtool-action-header{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;height:20px;margin-bottom:12px}.ibiz-devtool-action-header ion-icon{margin-right:12px;font-size:20px;cursor:pointer}.ibiz-devtool-action-header ion-icon:last-child{margin-right:0}.ibiz-devtool-action-content{display:flex;flex:0 0 auto;flex-direction:column;height:calc(100% - 32px);overflow:auto}.ibiz-devtool-action-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ibiz-devtool-action-item__text{display:flex;flex:1 1 0;justify-content:flex-start;height:auto;padding:4px 6px;margin-right:16px;overflow:hidden;line-height:normal;cursor:pointer}.ibiz-devtool-action-item__text>.el-tag__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-devtool-action-item__button{flex:0 0 auto;cursor:pointer}.ibiz-devtool-action-item__button:hover{color:#409eff}

package/es/devtool/devtool-action.d.ts

@@ -1,26 +0,0 @@
-import { Ref } from 'vue';
-import './devtool-action.scss';
-import { DevtoolView } from './interface/devtool-view';
-export declare const DevtoolAction: import("vue").DefineComponent<{}, {
-    ns: import("@ibiz-template/core").Namespace;
-    items: Ref<DevtoolView[]>;
-    activeItem: Ref<DevtoolView | null>;
-    height: Ref<string>;
-    isShow: Ref<boolean>;
-    activeCollapse: Ref<string[]>;
-    contextArray: import("vue").ComputedRef<{
-        key: string;
-        value: string;
-    }[]>;
-    paramsArray: import("vue").ComputedRef<{
-        key: string;
-        value: string;
-    }[]>;
-    onItemClick: (item: DevtoolView) => void;
-    copy: (value: string) => void;
-    minimize: () => void;
-    expand: () => void;
-    close: () => void;
-    onMouseEnter: (item: DevtoolView) => void;
-    onMouseLeave: (item: DevtoolView) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/es/devtool/devtool-action.mjs

@@ -1,219 +0,0 @@
-import { isVNode, inject, ref, getCurrentInstance, computed, unref, onMounted, onUnmounted, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import './devtool-action.css';
-import { useRouter } from 'vue-router';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const DevtoolAction = /* @__PURE__ */ defineComponent({
-  name: "IBizDevtoolAction",
-  setup() {
-    var _a;
-    const ns = useNamespace("devtool-action");
-    const evt = inject("devtool-evt");
-    const items = ref([]);
-    const activeItem = ref(null);
-    const isShow = ref(false);
-    const height = ref("");
-    const activeCollapse = ref(["context", "params"]);
-    const router = useRouter();
-    const instance = (_a = getCurrentInstance()) == null ? void 0 : _a.proxy;
-    router.afterEach(() => {
-      if (instance) {
-        activeItem.value = null;
-        instance.$forceUpdate();
-      }
-    });
-    const getObjEntriesArray = (obj) => {
-      if (!obj) {
-        return [];
-      }
-      return Object.entries(obj).map(([key, value]) => {
-        return {
-          key,
-          value: Object.prototype.toString.call(value) === "[object Object]" ? JSON.stringify(value) : "".concat(value)
-        };
-      });
-    };
-    const contextArray = computed(() => {
-      if (!activeItem.value) {
-        return [];
-      }
-      return getObjEntriesArray(activeItem.value.controller.context);
-    });
-    const paramsArray = computed(() => {
-      if (!activeItem.value) {
-        return [];
-      }
-      return getObjEntriesArray(activeItem.value.controller.params);
-    });
-    const onDataChange = (data) => {
-      items.value = [...data.values()];
-    };
-    const keydownHandle = (e) => {
-      if ((e.ctrlKey || e.metaKey) && e.code === "F12") {
-        isShow.value = !isShow.value;
-      }
-    };
-    const onItemClick = (item) => {
-      var _a2;
-      if (item.key === ((_a2 = activeItem.value) == null ? void 0 : _a2.key)) {
-        activeItem.value = null;
-      } else {
-        activeItem.value = item;
-      }
-    };
-    const copy = (value) => {
-      if (!value) {
-        return;
-      }
-      const result = ibiz.util.text.copy(value);
-      if (result) {
-        ibiz.message.success("\u62F7\u8D1D\u6210\u529F!");
-      } else {
-        ibiz.message.error("\u62F7\u8D1D\u5931\u8D25\uFF0C\u6D4F\u89C8\u5668copy\u64CD\u4F5C\u4E0D\u88AB\u652F\u6301\u6216\u672A\u88AB\u542F\u7528!");
-      }
-    };
-    const minimize = () => {
-      height.value = "44px";
-    };
-    const expand = () => {
-      height.value = "100%";
-    };
-    const close = () => {
-      isShow.value = false;
-    };
-    const onMouseEnter = (item) => {
-      const el = unref(item.dom);
-      if (el) {
-        el.style.outline = "3px solid #409EFF";
-      }
-    };
-    const onMouseLeave = (item) => {
-      const el = unref(item.dom);
-      if (el) {
-        el.style.outline = "";
-      }
-    };
-    onMounted(() => {
-      evt.on("change", onDataChange);
-      document.addEventListener("keydown", keydownHandle);
-    });
-    onUnmounted(() => {
-      evt.off("change", onDataChange);
-      document.removeEventListener("keydown", keydownHandle);
-    });
-    return {
-      ns,
-      items,
-      activeItem,
-      height,
-      isShow,
-      activeCollapse,
-      contextArray,
-      paramsArray,
-      onItemClick,
-      copy,
-      minimize,
-      expand,
-      close,
-      onMouseEnter,
-      onMouseLeave
-    };
-  },
-  render() {
-    let _slot, _slot2;
-    if (!this.isShow) {
-      return;
-    }
-    return createVNode("div", {
-      "class": this.ns.b(),
-      "style": {
-        height: this.height
-      }
-    }, [this.activeItem ? createVNode("div", {
-      "class": this.ns.b("collapse")
-    }, [createVNode(resolveComponent("el-collapse"), {
-      "modelValue": this.activeCollapse,
-      "onUpdate:modelValue": ($event) => this.activeCollapse = $event
-    }, {
-      default: () => [createVNode(resolveComponent("el-collapse-item"), {
-        "title": "\u5E94\u7528\u4E0A\u4E0B\u6587",
-        "name": "context"
-      }, _isSlot(_slot = this.contextArray.map((item) => createVNode("div", {
-        "class": this.ns.b("collapse-item")
-      }, [createVNode("div", {
-        "class": this.ns.be("collapse-item", "key"),
-        "title": item.key,
-        "onClick": () => this.copy(item.key)
-      }, [item.key]), createVNode("div", {
-        "class": this.ns.be("collapse-item", "value"),
-        "title": item.value,
-        "onClick": () => this.copy(item.value)
-      }, ["\uFF1A".concat(item.value)])]))) ? _slot : {
-        default: () => [_slot]
-      }), createVNode(resolveComponent("el-collapse-item"), {
-        "title": "\u89C6\u56FE\u53C2\u6570",
-        "name": "params"
-      }, _isSlot(_slot2 = this.paramsArray.map((item) => createVNode("div", {
-        "class": this.ns.b("collapse-item")
-      }, [createVNode("div", {
-        "class": this.ns.be("collapse-item", "key"),
-        "title": item.key,
-        "onClick": () => this.copy(item.key)
-      }, [item.key]), createVNode("div", {
-        "class": this.ns.be("collapse-item", "value"),
-        "title": item.value,
-        "onClick": () => this.copy(item.value)
-      }, ["\uFF1A".concat(item.value)])]))) ? _slot2 : {
-        default: () => [_slot2]
-      })]
-    })]) : null, createVNode("div", {
-      "class": this.ns.b("container")
-    }, [createVNode("div", {
-      "class": this.ns.b("header")
-    }, [createVNode("ion-icon", {
-      "name": "remove-outline",
-      "onClick": this.minimize
-    }, null), createVNode("ion-icon", {
-      "name": "expand-outline",
-      "onClick": this.expand
-    }, null), createVNode("ion-icon", {
-      "name": "close-outline",
-      "onClick": this.close
-    }, null)]), createVNode("div", {
-      "class": this.ns.b("content")
-    }, [this.items.map((item) => {
-      var _a;
-      if (!item.controller.isActive) {
-        return null;
-      }
-      const {
-        caption,
-        name
-      } = item.controller.model;
-      const text = "".concat(caption || "", "\uFF08").concat(name || "", "\uFF09");
-      const type = ((_a = this.activeItem) == null ? void 0 : _a.key) === item.key ? "success" : "";
-      return createVNode("div", {
-        "key": item.key,
-        "class": this.ns.b("item")
-      }, [createVNode(resolveComponent("el-tag"), {
-        "type": type,
-        "class": this.ns.be("item", "text"),
-        "title": text,
-        "onClick": () => this.onItemClick(item),
-        "onMouseenter": () => this.onMouseEnter(item),
-        "onMouseleave": () => this.onMouseLeave(item)
-      }, _isSlot(text) ? text : {
-        default: () => [text]
-      }), createVNode("div", {
-        "class": this.ns.be("item", "button"),
-        "onClick": () => this.copy(name)
-      }, [createTextVNode("\u62F7\u8D1D")])]);
-    })])])]);
-  }
-});
-
-export { DevtoolAction };

package/es/devtool/index.d.ts

@@ -1,50 +0,0 @@
-import { Ref } from 'vue';
-import { ViewController } from '@ibiz-template/runtime';
-import { QXEvent } from 'qx-util';
-import { Router } from 'vue-router';
-import { DevtoolEvent } from './interface/devtool-event';
-import { DevtoolView } from './interface/devtool-view';
-export declare class Devtool {
-    /**
-     * 视图map
-     *
-     * @author zhanghengfeng
-     * @date 2023-08-28 18:08:16
-     */
-    viewMap: Map<string, DevtoolView>;
-    /**
-     * 事件中心
-     *
-     * @author zhanghengfeng
-     * @date 2023-08-28 18:08:43
-     */
-    evt: QXEvent<DevtoolEvent>;
-    /**
-     * 初始化devtool工具
-     *
-     * @author zhanghengfeng
-     * @date 2023-08-28 18:08:24
-     * @param {Router} router
-     */
-    init(router: Router): void;
-    /**
-     * 注册视图
-     *
-     * @author zhanghengfeng
-     * @date 2023-08-28 18:08:25
-     * @param {string} key
-     * @param {ViewController} controller
-     * @param {(Ref<HTMLElement | null>)} dom
-     */
-    registerView(key: string, controller: ViewController, dom: Ref<HTMLElement | null>): void;
-    /**
-     * 注销视图
-     *
-     * @author zhanghengfeng
-     * @date 2023-08-28 18:08:39
-     * @param {string} key
-     */
-    unRegisterView(key: string): void;
-}
-declare const devtool: Devtool;
-export { devtool };

package/es/devtool/index.mjs

@@ -1,81 +0,0 @@
-import { createApp } from 'vue';
-import { QXEvent } from 'qx-util';
-import ElementPlus from 'element-plus';
-import zhCn from '../node_modules/.pnpm/element-plus@2.4.2_vue@3.3.8/node_modules/element-plus/dist/locale/zh-cn.mjs';
-import { DevtoolAction } from './devtool-action.mjs';
-
-"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 Devtool {
-  constructor() {
-    /**
-     * 视图map
-     *
-     * @author zhanghengfeng
-     * @date 2023-08-28 18:08:16
-     */
-    __publicField(this, "viewMap", /* @__PURE__ */ new Map());
-    /**
-     * 事件中心
-     *
-     * @author zhanghengfeng
-     * @date 2023-08-28 18:08:43
-     */
-    __publicField(this, "evt", new QXEvent());
-  }
-  /**
-   * 初始化devtool工具
-   *
-   * @author zhanghengfeng
-   * @date 2023-08-28 18:08:24
-   * @param {Router} router
-   */
-  init(router) {
-    const devtool2 = document.createElement("div");
-    devtool2.classList.add("devtool");
-    document.body.append(devtool2);
-    const app = createApp(DevtoolAction);
-    app.use(router);
-    app.use(ElementPlus, {
-      locale: zhCn
-    });
-    app.provide("devtool-evt", this.evt);
-    app.mount(devtool2);
-  }
-  /**
-   * 注册视图
-   *
-   * @author zhanghengfeng
-   * @date 2023-08-28 18:08:25
-   * @param {string} key
-   * @param {ViewController} controller
-   * @param {(Ref<HTMLElement | null>)} dom
-   */
-  registerView(key, controller, dom) {
-    this.viewMap.set(key, {
-      key,
-      controller,
-      dom
-    });
-    this.evt.emit("change", this.viewMap);
-  }
-  /**
-   * 注销视图
-   *
-   * @author zhanghengfeng
-   * @date 2023-08-28 18:08:39
-   * @param {string} key
-   */
-  unRegisterView(key) {
-    this.viewMap.delete(key);
-    this.evt.emit("change", this.viewMap);
-  }
-}
-const devtool = new Devtool();
-
-export { Devtool, devtool };

package/es/devtool/interface/devtool-event.d.ts

@@ -1,12 +0,0 @@
-import { DevtoolView } from './devtool-view';
-/**
- * devtool事件
- *
- * @author zhanghengfeng
- * @date 2023-08-28 19:08:42
- * @export
- * @interface DevtoolEvent
- */
-export interface DevtoolEvent {
-    change: (data: Map<string, DevtoolView>) => void;
-}

package/es/devtool/interface/devtool-event.mjs

@@ -1 +0,0 @@
-"use strict";

package/es/devtool/interface/devtool-view.d.ts

@@ -1,15 +0,0 @@
-import { ViewController } from '@ibiz-template/runtime';
-import { Ref } from 'vue';
-/**
- * devtool视图
- *
- * @author zhanghengfeng
- * @date 2023-08-28 19:08:07
- * @export
- * @interface DevtoolView
- */
-export interface DevtoolView {
-    key: string;
-    controller: ViewController;
-    dom: Ref<HTMLElement | null>;
-}

package/es/devtool/interface/devtool-view.mjs

@@ -1 +0,0 @@
-"use strict";

package/es/node_modules/.pnpm/element-plus@2.4.2_vue@3.3.8/node_modules/element-plus/dist/locale/zh-cn.mjs

@@ -1,131 +0,0 @@
-/*! Element Plus v2.4.2 */
-
-var zhCn = {
-  name: "zh-cn",
-  el: {
-    colorpicker: {
-      confirm: "\u786E\u5B9A",
-      clear: "\u6E05\u7A7A"
-    },
-    datepicker: {
-      now: "\u6B64\u523B",
-      today: "\u4ECA\u5929",
-      cancel: "\u53D6\u6D88",
-      clear: "\u6E05\u7A7A",
-      confirm: "\u786E\u5B9A",
-      selectDate: "\u9009\u62E9\u65E5\u671F",
-      selectTime: "\u9009\u62E9\u65F6\u95F4",
-      startDate: "\u5F00\u59CB\u65E5\u671F",
-      startTime: "\u5F00\u59CB\u65F6\u95F4",
-      endDate: "\u7ED3\u675F\u65E5\u671F",
-      endTime: "\u7ED3\u675F\u65F6\u95F4",
-      prevYear: "\u524D\u4E00\u5E74",
-      nextYear: "\u540E\u4E00\u5E74",
-      prevMonth: "\u4E0A\u4E2A\u6708",
-      nextMonth: "\u4E0B\u4E2A\u6708",
-      year: "\u5E74",
-      month1: "1 \u6708",
-      month2: "2 \u6708",
-      month3: "3 \u6708",
-      month4: "4 \u6708",
-      month5: "5 \u6708",
-      month6: "6 \u6708",
-      month7: "7 \u6708",
-      month8: "8 \u6708",
-      month9: "9 \u6708",
-      month10: "10 \u6708",
-      month11: "11 \u6708",
-      month12: "12 \u6708",
-      weeks: {
-        sun: "\u65E5",
-        mon: "\u4E00",
-        tue: "\u4E8C",
-        wed: "\u4E09",
-        thu: "\u56DB",
-        fri: "\u4E94",
-        sat: "\u516D"
-      },
-      months: {
-        jan: "\u4E00\u6708",
-        feb: "\u4E8C\u6708",
-        mar: "\u4E09\u6708",
-        apr: "\u56DB\u6708",
-        may: "\u4E94\u6708",
-        jun: "\u516D\u6708",
-        jul: "\u4E03\u6708",
-        aug: "\u516B\u6708",
-        sep: "\u4E5D\u6708",
-        oct: "\u5341\u6708",
-        nov: "\u5341\u4E00\u6708",
-        dec: "\u5341\u4E8C\u6708"
-      }
-    },
-    select: {
-      loading: "\u52A0\u8F7D\u4E2D",
-      noMatch: "\u65E0\u5339\u914D\u6570\u636E",
-      noData: "\u65E0\u6570\u636E",
-      placeholder: "\u8BF7\u9009\u62E9"
-    },
-    cascader: {
-      noMatch: "\u65E0\u5339\u914D\u6570\u636E",
-      loading: "\u52A0\u8F7D\u4E2D",
-      placeholder: "\u8BF7\u9009\u62E9",
-      noData: "\u6682\u65E0\u6570\u636E"
-    },
-    pagination: {
-      goto: "\u524D\u5F80",
-      pagesize: "\u6761/\u9875",
-      total: "\u5171 {total} \u6761",
-      pageClassifier: "\u9875",
-      page: "\u9875",
-      prev: "\u4E0A\u4E00\u9875",
-      next: "\u4E0B\u4E00\u9875",
-      currentPage: "\u7B2C {pager} \u9875",
-      prevPages: "\u5411\u524D {pager} \u9875",
-      nextPages: "\u5411\u540E {pager} \u9875",
-      deprecationWarning: "\u4F60\u4F7F\u7528\u4E86\u4E00\u4E9B\u5DF2\u88AB\u5E9F\u5F03\u7684\u7528\u6CD5\uFF0C\u8BF7\u53C2\u8003 el-pagination \u7684\u5B98\u65B9\u6587\u6863"
-    },
-    messagebox: {
-      title: "\u63D0\u793A",
-      confirm: "\u786E\u5B9A",
-      cancel: "\u53D6\u6D88",
-      error: "\u8F93\u5165\u7684\u6570\u636E\u4E0D\u5408\u6CD5!"
-    },
-    upload: {
-      deleteTip: "\u6309 delete \u952E\u53EF\u5220\u9664",
-      delete: "\u5220\u9664",
-      preview: "\u67E5\u770B\u56FE\u7247",
-      continue: "\u7EE7\u7EED\u4E0A\u4F20"
-    },
-    table: {
-      emptyText: "\u6682\u65E0\u6570\u636E",
-      confirmFilter: "\u7B5B\u9009",
-      resetFilter: "\u91CD\u7F6E",
-      clearFilter: "\u5168\u90E8",
-      sumText: "\u5408\u8BA1"
-    },
-    tree: {
-      emptyText: "\u6682\u65E0\u6570\u636E"
-    },
-    transfer: {
-      noMatch: "\u65E0\u5339\u914D\u6570\u636E",
-      noData: "\u65E0\u6570\u636E",
-      titles: ["\u5217\u8868 1", "\u5217\u8868 2"],
-      filterPlaceholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9",
-      noCheckedFormat: "\u5171 {total} \u9879",
-      hasCheckedFormat: "\u5DF2\u9009 {checked}/{total} \u9879"
-    },
-    image: {
-      error: "\u52A0\u8F7D\u5931\u8D25"
-    },
-    pageHeader: {
-      title: "\u8FD4\u56DE"
-    },
-    popconfirm: {
-      confirmButtonText: "\u786E\u5B9A",
-      cancelButtonText: "\u53D6\u6D88"
-    }
-  }
-};
-
-export { zhCn as default };