@ibiz-template/vue3-components 0.4.7 → 0.4.8-dev.0

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) : `${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${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${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 = `${caption || ""}\uFF08${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.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.mjs

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

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

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

package/es/editor/array/array-editor.controller.mjs

@@ -1,7 +0,0 @@
-import { EditorController } from '@ibiz-template/runtime';
-
-"use strict";
-class ArrayEditorController extends EditorController {
-}
-
-export { ArrayEditorController };

package/es/editor/array/array-editor.provider.mjs

@@ -1,22 +0,0 @@
-import { ArrayEditorController } from './array-editor.controller.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 ArrayEditorProvider {
-  constructor() {
-    __publicField(this, "formEditor", "IBizArray");
-    __publicField(this, "gridEditor", "IBizArray");
-  }
-  async createController(editorModel, parentController) {
-    const c = new ArrayEditorController(editorModel, parentController);
-    await c.init();
-    return c;
-  }
-}
-
-export { ArrayEditorProvider };

package/es/editor/array/ibiz-array/ibiz-array.css

@@ -1 +0,0 @@
-.ibiz-array{height:100%}.ibiz-array>.ibiz-array-add-icon{height:100%}.ibiz-array ion-icon{cursor:pointer}

package/es/editor/array/ibiz-array/ibiz-array.mjs

@@ -1,230 +0,0 @@
-import { isVNode, ref, watch, createVNode, resolveComponent, defineComponent } from 'vue';
-import { getArrayProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
-import './ibiz-array.css';
-import { createUUID } from 'qx-util';
-import { toNumber } from 'lodash-es';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const IBizArray = /* @__PURE__ */ defineComponent({
-  name: "IBizArray",
-  props: getArrayProps(),
-  emits: getEditorEmits(),
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("array");
-    const c = props.controller;
-    const editorModel = c.model;
-    let editorStyle = "default";
-    let size = "default";
-    let limit = 0;
-    let maxLength;
-    let showWordLimit = false;
-    let prepend = "";
-    let append = "";
-    let target = "_blank";
-    const items = ref([]);
-    if (editorModel.editorParams) {
-      if (editorModel.editorParams.editorStyle) {
-        editorStyle = editorModel.editorParams.editorStyle;
-      }
-      if (editorModel.editorParams.size) {
-        size = editorModel.editorParams.size;
-      }
-      if (editorModel.editorParams.limit) {
-        limit = toNumber(editorModel.editorParams.limit);
-      }
-      if (editorModel.editorParams.maxLength) {
-        maxLength = toNumber(editorModel.editorParams.maxLength);
-      }
-      if (editorModel.editorParams.showWordLimit) {
-        showWordLimit = c.toBoolean(editorModel.editorParams.showWordLimit);
-      }
-      if (editorModel.editorParams.prepend) {
-        prepend = editorModel.editorParams.prepend;
-      }
-      if (editorModel.editorParams.append) {
-        append = editorModel.editorParams.append;
-      }
-      if (editorModel.editorParams.target) {
-        target = editorModel.editorParams.target;
-      }
-    }
-    const dataType = editorModel.dataType;
-    const type = Object.is(dataType, "NUMBER") || Object.is(dataType, "INTEGER") ? "number" : "text";
-    watch(() => props.value, (newVal, oldVal) => {
-      if (newVal && newVal !== oldVal) {
-        if (items.value.length === 0) {
-          const tempItems = newVal.map((value) => {
-            return {
-              value,
-              key: createUUID()
-            };
-          });
-          items.value = tempItems;
-        }
-      }
-    }, {
-      immediate: true
-    });
-    const getUrl = (value) => {
-      let tempValue = value;
-      if (tempValue) {
-        if (prepend) {
-          tempValue = prepend + tempValue;
-        }
-        if (append) {
-          tempValue += append;
-        }
-      }
-      return tempValue;
-    };
-    const onEmit = () => {
-      const result = items.value.map((item) => item.value);
-      emit("change", result);
-    };
-    const addItem = (index) => {
-      if (props.disabled || props.readonly) {
-        return;
-      }
-      const tempLink = {
-        key: createUUID(),
-        value: null
-      };
-      if (index) {
-        items.value.splice(index, 0, tempLink);
-      } else {
-        items.value.push(tempLink);
-      }
-      onEmit();
-    };
-    const removeItem = (index) => {
-      items.value.splice(index, 1);
-      onEmit();
-    };
-    const handleChange = (value, index) => {
-      items.value[index].value = value;
-      onEmit();
-    };
-    const onBlur = (e) => {
-      emit("blur", e);
-    };
-    const onFocus = (e) => {
-      emit("focus", e);
-    };
-    const handleKeyUp = (e) => {
-      if (e && e.code === "Enter") {
-        emit("enter", e);
-      }
-    };
-    return {
-      ns,
-      c,
-      editorStyle,
-      type,
-      size,
-      limit,
-      maxLength,
-      showWordLimit,
-      prepend,
-      append,
-      target,
-      items,
-      getUrl,
-      addItem,
-      removeItem,
-      handleChange,
-      onBlur,
-      onFocus,
-      handleKeyUp
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
-    }, [this.items.length === 0 ? createVNode("ion-icon", {
-      "class": this.ns.b("add-icon"),
-      "name": "add",
-      "onClick": this.addItem
-    }, null) : this.items.map((item, index) => {
-      return createVNode("div", {
-        "class": this.ns.b("item"),
-        "key": item.key
-      }, [this.editorStyle === "default" ? createVNode(resolveComponent("el-input"), {
-        "type": this.type,
-        "size": this.size,
-        "modelValue": item.value,
-        "onUpdate:modelValue": ($event) => item.value = $event,
-        "placeholder": this.c.placeHolder,
-        "disabled": this.disabled,
-        "onBlur": this.onBlur,
-        "onFocus": this.onFocus,
-        "onKeyup": this.handleKeyUp,
-        "onChange": (val) => this.handleChange(val, index)
-      }, null) : createVNode(resolveComponent("el-tooltip"), {
-        "placement": "bottom",
-        "trigger": "hover"
-      }, {
-        default: () => {
-          return createVNode(resolveComponent("el-input"), {
-            "type": this.type,
-            "size": this.size,
-            "modelValue": item.value,
-            "onUpdate:modelValue": ($event) => item.value = $event,
-            "placeholder": this.c.placeHolder,
-            "disabled": this.disabled,
-            "maxlength": Object.is(this.editorStyle, "url") ? this.maxLength : null,
-            "show-word-limit": Object.is(this.editorStyle, "url") ? this.showWordLimit : null,
-            "onBlur": this.onBlur,
-            "onFocus": this.onFocus,
-            "onChange": (val) => this.handleChange(val, index),
-            "onKeyup": this.handleKeyUp
-          }, {
-            prefix: () => {
-              if (Object.is(this.editorStyle, "url") && this.prepend) {
-                return this.prepend;
-              }
-              return null;
-            },
-            suffix: () => {
-              if (Object.is(this.editorStyle, "url") && this.append) {
-                return this.append;
-              }
-              return null;
-            }
-          });
-        },
-        content: () => {
-          let _slot;
-          if (this.editorStyle === "img") {
-            return createVNode(resolveComponent("el-image"), {
-              "fit": "contain",
-              "src": item.value
-            }, null);
-          }
-          return createVNode(resolveComponent("el-link"), {
-            "href": this.getUrl(item.value),
-            "target": this.target
-          }, _isSlot(_slot = this.getUrl(item.value)) ? _slot : {
-            default: () => [_slot]
-          });
-        }
-      }), !(this.disabled || this.readonly) && createVNode("div", {
-        "class": this.ns.b("icons")
-      }, [(!this.limit || this.items.length < this.limit) && createVNode("ion-icon", {
-        "class": this.ns.b("add-icon"),
-        "name": "add",
-        "onClick": () => this.addItem(index + 1)
-      }, null), createVNode("ion-icon", {
-        "class": this.ns.b("remove-icon"),
-        "name": "remove",
-        "onClick": () => this.removeItem(index)
-      }, null)])]);
-    })]);
-  }
-});
-
-export { IBizArray };

package/es/editor/array/index.mjs

@@ -1,5 +0,0 @@
-export { IBizArray } from './ibiz-array/ibiz-array.mjs';
-export { ArrayEditorController } from './array-editor.controller.mjs';
-export { ArrayEditorProvider } from './array-editor.provider.mjs';
-
-"use strict";