@web-utils/component 2.0.13 → 2.2.0

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

@@ -1,189 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/3d28cc08.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;
-    },
-    async onEditorShadowClick() {
-      if (this.inputDisabled) {
-        return;
-      }
-      this.focus = true;
-      await 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/3d28cc08.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;
-        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 ((_d = (_c = this.$scopedSlots).default) == null ? void 0 : _d.call(_c, {
-            buttons: this.buttons,
-            footer: this.footer
-          })) ?? 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;
-}

package/dist/components/toolbar-button/index.js

@@ -1,97 +0,0 @@
-import { isFunction } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.footer || _vm.toolbar.footer ? _c("ElButton", {
-    attrs: {
-      "disabled": _vm.disabled || _vm.loading,
-      "type": _vm.type
-    },
-    on: {
-      "click": _vm.onClick
-    }
-  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]) : _c("span", {
-    staticClass: "form-toolbar-button"
-  }, [_c("ElButton", {
-    attrs: {
-      "icon": _vm.icon,
-      "type": "text",
-      "disabled": _vm.disabled || _vm.loading,
-      "size": "mini"
-    },
-    on: {
-      "click": _vm.onClick
-    }
-  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]), _vm.separateLine ? _c("span", {
-    staticClass: "separate-line"
-  }) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const ToolbarButton_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "ToolbarButton",
-  inject: {
-    toolbar: {
-      default: ""
-    }
-  },
-  props: {
-    label: {
-      type: String
-    },
-    icon: {
-      type: String
-    },
-    type: {
-      type: String
-    },
-    disabled: Boolean,
-    separateLine: {
-      type: Boolean,
-      default: true
-    },
-    footer: Boolean
-  },
-  data() {
-    return {
-      loading: false
-    };
-  },
-  methods: {
-    async onClick(e) {
-      this.loading = true;
-      const { click } = this.$listeners;
-      if (isFunction(click)) {
-        try {
-          await click(e);
-        } catch (e2) {
-        }
-      }
-      this.loading = 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 ToolbarButton = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ToolbarButton as default
-};

package/dist/components/toolbar-button/style.css

@@ -1,21 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.form-toolbar-button .separate-line {
-  display: inline-block;
-  width: 1px;
-  height: 18px;
-  margin: 0 10px;
-  vertical-align: middle;
-  background-color: #aaa;
-}
-.form-toolbar-button .form-toolbar-button .el-button {
-  display: inline-flex;
-  align-items: center;
-}
-.form-toolbar-button .form-toolbar-button .el-button:hover {
-  border-color: transparent;
-}