@web-utils/component 2.7.36 → 2.8.0

package/dist/components/text-ellipsis/index.js

@@ -1,130 +0,0 @@
-import { s as setPx } from "../../chunks/util.b0d0b0ad.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "avue-text-ellipsis",
-    style: {
-      width: _vm.setPx(_vm.width, "100%")
-    }
-  }, [_vm._t("before"), _c("ElTooltip", {
-    attrs: {
-      "content": _vm.text,
-      "disabled": !(_vm.useTooltip && _vm.isHide),
-      "placement": _vm.placement
-    }
-  }, [_c("span", [_c("span", {
-    key: _vm.keyIndex,
-    ref: "text",
-    staticClass: "avue-text-ellipsis__text"
-  }, [_vm._v(_vm._s(_vm.text))])])]), _c("span", {
-    ref: "more",
-    staticClass: "avue-text-ellipsis__more"
-  }, [_vm._t("more")], 2), _vm._t("after")], 2);
-};
-var staticRenderFns = [];
-const TextEllipsis_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "TextEllipsis",
-  props: {
-    text: String,
-    height: Number,
-    width: Number,
-    isLimitHeight: {
-      type: Boolean,
-      default: true
-    },
-    useTooltip: {
-      type: Boolean,
-      default: false
-    },
-    placement: String
-  },
-  data() {
-    return {
-      keyIndex: 0,
-      oversize: false,
-      isHide: false
-    };
-  },
-  watch: {
-    isLimitHeight() {
-      this.init();
-    },
-    text() {
-      this.init();
-    },
-    height() {
-      this.init();
-    }
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    setPx,
-    init() {
-      this.oversize = false;
-      this.keyIndex += 1;
-      const more = this.$refs.more;
-      more.style.display = "none";
-      if (this.isLimitHeight) {
-        this.limitShow();
-      }
-    },
-    limitShow() {
-      this.$nextTick(() => {
-        const textDom = this.$refs.text;
-        const title = this.$el;
-        const more = this.$refs.more;
-        let n = 1e3;
-        if (textDom) {
-          if (title.offsetHeight > this.height) {
-            more.style.display = "inline-block";
-            let text = this.text;
-            while (title.offsetHeight > this.height && n > 0) {
-              if (title.offsetHeight > this.height * 3) {
-                textDom.innerText = text = text.substring(
-                  0,
-                  Math.floor(text.length / 2)
-                );
-              } else {
-                textDom.innerText = text = text.substring(0, text.length - 1);
-              }
-              n--;
-            }
-            this.$emit("hide");
-            this.isHide = true;
-          } else {
-            this.$emit("show");
-            this.isHide = false;
-          }
-        }
-      });
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const TextEllipsis = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  TextEllipsis as default
-};

package/dist/components/text-ellipsis/style.css

@@ -1,9 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-text-ellipsis__more {
-  padding: 0 2px;
-}

package/dist/components/tinymce-editor/index.js

@@ -1,211 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticStyle: {
-      "margin-bottom": "10px"
-    },
-    style: {
-      height: _vm.height
-    }
-  }, [_vm.lazy ? [_vm.focus && !_vm.inputDisabled ? _c("TinymceWrapper", _vm._b({
-    ref: "editor",
-    attrs: {
-      "query-params": _vm.queryParams,
-      "disabled": _vm.inputDisabled,
-      "show-types": _vm.showTypes,
-      "value": _vm.value
-    },
-    on: {
-      "on-blur": _vm.onEditorBlur,
-      "dialog-show": function($event) {
-        _vm.hideOnBlur = false;
-      },
-      "dialog-hide": function($event) {
-        _vm.hideOnBlur = true;
-      },
-      "input": function(val) {
-        return _vm.$emit("input", val);
-      }
-    }
-  }, "TinymceWrapper", _vm.$attrs, false)) : _c("div", {
-    staticClass: "editor-shadow",
-    class: [{
-      "show-placeholder": _vm.isEmpty
-    }],
-    style: {
-      cursor: _vm.inputDisabled ? "not-allowed" : "text"
-    },
-    attrs: {
-      "placeholder": _vm.inputDisabled ? "" : _vm.placeholder
-    },
-    domProps: {
-      "innerHTML": _vm._s(_vm.value)
-    },
-    on: {
-      "click": _vm.onEditorShadowClick
-    }
-  })] : [!_vm.inputDisabled ? _c("TinymceWrapper", _vm._b({
-    ref: "editor",
-    attrs: {
-      "query-params": _vm.queryParams,
-      "disabled": _vm.inputDisabled,
-      "value": _vm.value
-    },
-    on: {
-      "on-blur": _vm.onEditorBlur,
-      "dialog-show": function($event) {
-        _vm.hideOnBlur = false;
-      },
-      "dialog-hide": function($event) {
-        _vm.hideOnBlur = true;
-      },
-      "input": function(val) {
-        return _vm.$emit("input", val);
-      }
-    }
-  }, "TinymceWrapper", _vm.$attrs, false)) : _c("div", {
-    staticClass: "editor-shadow",
-    class: [{
-      "show-placeholder": _vm.isEmpty
-    }],
-    style: {
-      cursor: _vm.inputDisabled ? "not-allowed" : "text"
-    },
-    attrs: {
-      "placeholder": _vm.inputDisabled ? "" : _vm.placeholder
-    },
-    domProps: {
-      "innerHTML": _vm._s(_vm.value)
-    }
-  })]], 2);
-};
-var staticRenderFns = [];
-const TinymceEditor_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "TinymceEditor",
-  inject: {
-    elForm: {
-      default: ""
-    },
-    elFormItem: {
-      default: ""
-    }
-  },
-  props: {
-    disabled: Boolean,
-    lazy: {
-      type: Boolean,
-      default: true
-    },
-    showTypes: {
-      type: Boolean,
-      default: true
-    },
-    height: {
-      type: String,
-      default: "300px"
-    },
-    value: String,
-    placeholder: {
-      type: String,
-      default: "请输入..."
-    },
-    queryParams: Object
-  },
-  data() {
-    return {
-      hideOnBlur: true,
-      focus: false
-    };
-  },
-  computed: {
-    inputDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
-    },
-    isEmpty() {
-      return !this.value;
-    }
-  },
-  watch: {
-    hideOnBlur(newVal) {
-      if (newVal) {
-        this.onEditorShadowClick();
-      }
-    }
-  },
-  methods: {
-    onEditorBlur() {
-      if (this.inputDisabled) {
-        return;
-      }
-      if (!this.hideOnBlur) {
-        return;
-      }
-      this.focus = false;
-    },
-    getEditor() {
-      return this.$refs.editor.$refs.editor.editor;
-    },
-    onEditorShadowClick() {
-      return __async(this, null, function* () {
-        if (this.inputDisabled) {
-          return;
-        }
-        this.focus = true;
-        yield this.$nextTick();
-        const editor = this.getEditor();
-        editor.focus();
-        const body = editor.getBody();
-        editor.selection.setCursorLocation(body, body.childNodes.length);
-      });
-    },
-    insertContent(content) {
-      this.getEditor().insertContent(content);
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const TinymceEditor = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  TinymceEditor as default
-};

package/dist/components/tinymce-editor/style.css

@@ -1,43 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.template-tag {
-  margin: 0 10px;
-  color: #1e90ff;
-  font-weight: bold;
-  font-family: "黑体", serif;
-  font-style: italic;
-  cursor: help !important;
-}
-.editor-shadow {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  padding: 10px;
-  overflow: auto;
-  font-size: 16px;
-  font-family: "微软雅黑", serif;
-  line-height: normal;
-  text-align: left;
-  word-break: normal;
-  word-spacing: 0;
-  overflow-wrap: break-word;
-  background-color: #fff;
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
-  cursor: text;
-}
-.show-placeholder {
-  position: relative;
-}
-.show-placeholder::after {
-  position: absolute;
-  top: 10px;
-  left: 11px;
-  color: #a9a9a9;
-  content: attr(placeholder);
-  pointer-events: none;
-}

package/dist/components/tinymce-wrapper/style.css

@@ -1,36 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.tinymce-editor {
-  height: 100%;
-}
-.tinymce-editor.none-resize .mce-resizehandle {
-  display: none;
-}
-.tinymce-editor .mce-tinymce {
-  flex: 1;
-  height: calc(100% - 4px);
-}
-.tinymce-editor .mce-tinymce .mce-menubtn.mce-fixed-width span {
-  width: 60px;
-}
-.tinymce-editor .mce-tinymce > .mce-container-body {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.tinymce-editor .mce-tinymce > .mce-container-body > .mce-edit-area {
-  flex: 1;
-}
-.tinymce-editor .fa-icon {
-  font: normal normal normal 14px/1 FontAwesome !important;
-}
-.tinymce-editor .el-icon {
-  font-family: element-icons, serif !important;
-}
-.tinymce-editor .mce-label {
-  display: none;
-}

package/dist/components/toolbar/index.js

@@ -1,238 +0,0 @@
-import { NOOP } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-const builtinButtons = {
-  back: {
-    label: "返回",
-    type: "primary",
-    icon: "el-icon-d-arrow-left"
-  },
-  cancel: {
-    label: "取消",
-    icon: "fa fa-undo"
-  },
-  create: {
-    label: "新增",
-    type: "primary",
-    icon: "el-icon-plus"
-  },
-  save: {
-    label: "保存",
-    type: "primary",
-    icon: "fa fa-save"
-  },
-  withdraw: {
-    label: "撤回",
-    type: "primary",
-    icon: "fa fa-undo"
-  },
-  edit: {
-    label: "编辑",
-    type: "primary",
-    icon: "el-icon-edit-outline"
-  },
-  submit: {
-    label: "提交审批",
-    type: "primary",
-    icon: "fa fa-check"
-  },
-  publish: {
-    label: "发布",
-    type: "primary",
-    icon: "fa fa-send"
-  },
-  agree: {
-    label: "同意",
-    type: "primary",
-    icon: "fa fa-check-square-o"
-  },
-  disagree: {
-    label: "不同意",
-    type: "primary",
-    icon: "fa fa-mail-reply"
-  },
-  reject: {
-    label: "退回",
-    type: "primary",
-    icon: "fa fa-reply"
-  },
-  finish: {
-    label: "完成",
-    type: "primary",
-    icon: "fa fa-check-square"
-  },
-  enable: {
-    label: "启用",
-    type: "primary",
-    icon: "el-icon-circle-check"
-  },
-  exp: {
-    label: "导出",
-    type: "primary",
-    icon: "el-icon-download"
-  },
-  imp: {
-    label: "导入",
-    type: "primary",
-    icon: "el-icon-upload"
-  },
-  del: {
-    label: "删除",
-    type: "primary",
-    icon: "el-icon-delete"
-  },
-  disabled: {
-    label: "禁用",
-    type: "primary",
-    icon: "el-icon-remove-outline"
-  },
-  reload: {
-    label: "刷新",
-    type: "primary",
-    icon: "el-icon-refresh"
-  },
-  search: {
-    label: "搜索",
-    icon: "el-icon-search",
-    separateLine: false
-  }
-};
-const __vue2_script = {
-  name: "Toolbar",
-  provide() {
-    return {
-      toolbar: this
-    };
-  },
-  props: {
-    searchable: Boolean,
-    buttons: {
-      type: Array,
-      default: () => ["back"]
-    },
-    back: {
-      type: Function
-    },
-    cancel: {
-      type: Function
-    },
-    emitter: {
-      type: String,
-      default: "self"
-    },
-    footer: Boolean,
-    label: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  methods: {
-    goBack() {
-      const path = this.$route.path;
-      this.$bus("closeTab", path, this);
-    },
-    fire(type, event) {
-      if (this.emitter === "parent") {
-        this.$parent && this.$parent.$emit(type, event, this);
-      } else {
-        this.$emit(type, event, this);
-      }
-    },
-    createButton(key, {
-      label,
-      icon,
-      type,
-      separateLine = true
-    }) {
-      var _a;
-      const h = this.$createElement;
-      let handler;
-      const buttonLabel = ((_a = this.label) == null ? void 0 : _a[key]) || label;
-      if (!["back", "cancel"].includes(key)) {
-        handler = (e) => (this.$listeners[key] || NOOP)(e);
-      } else {
-        handler = this.goBack;
-      }
-      return h("ToolbarButton", {
-        "attrs": {
-          "separate-line": separateLine,
-          "icon": icon,
-          "label": buttonLabel,
-          "footer": this.footer,
-          "type": type
-        },
-        "on": {
-          "click": handler
-        }
-      });
-    },
-    getLeftButtons() {
-      var _a, _b;
-      const {
-        createButton
-      } = this;
-      const toolbarLeft = (_b = (_a = this.$scopedSlots)["toolbar-left"]) == null ? void 0 : _b.call(_a);
-      return toolbarLeft || this.buttons.map((key) => {
-        var _a2, _b2, _c, _d, _e;
-        const button = builtinButtons[key];
-        if (button) {
-          const vNodes = (_b2 = (_a2 = this.$scopedSlots)[key]) == null ? void 0 : _b2.call(_a2);
-          return vNodes || createButton(key, button);
-        } else if (key === "slot") {
-          return (_e = (_d = (_c = this.$scopedSlots).default) == null ? void 0 : _d.call(_c, {
-            buttons: this.buttons,
-            footer: this.footer
-          })) != null ? _e : null;
-        } else {
-          return null;
-        }
-      });
-    },
-    getRightButtons() {
-      var _a, _b;
-      const vNodes = (_b = (_a = this.$scopedSlots)["toolbar-right"]) == null ? void 0 : _b.call(_a);
-      return vNodes || this.getSearchButton();
-    },
-    getSearchButton() {
-      const {
-        createButton
-      } = this;
-      return this.searchable ? createButton("search", builtinButtons.search) : null;
-    }
-  },
-  render() {
-    const h = arguments[0];
-    return this.footer ? h("div", {
-      "class": "footer-bar"
-    }, [this.getLeftButtons()]) : h("div", {
-      "class": "toolbar"
-    }, [h("div", {
-      "class": "toolbar-left"
-    }, [this.getLeftButtons()]), h("div", {
-      "class": "toolbar-right"
-    }, [this.getRightButtons()])]);
-  }
-};
-const Toolbar_vue_vue_type_style_index_0_lang = "";
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const Toolbar = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Toolbar as default
-};

package/dist/components/toolbar/style.css

@@ -1,39 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.toolbar {
-  display: flex;
-  height: 40px;
-  padding: 0 10px;
-  line-height: 40px;
-  background-color: #fff;
-  border-bottom: 1px solid #e5e9ec;
-}
-.toolbar .toolbar-left {
-  flex: 1 1 auto;
-}
-.toolbar .toolbar-left > .form-toolbar-button:last-child .separate-line {
-  display: none;
-}
-.toolbar .toolbar-left [class*=" el-icon-"], .toolbar .toolbar-left [class^=el-icon-], .toolbar .toolbar-left i.fa {
-  margin-top: -1px;
-  color: #1989fa;
-  font-size: 15px;
-}
-.toolbar .toolbar-right .el-button {
-  display: inline-flex;
-  align-items: center;
-}
-.footer-bar {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  padding-top: 10px;
-}
-.footer-bar .el-button {
-  padding: 10px 40px;
-}