eoss-ui 0.4.67 → 0.4.68

package/packages/editor/src/toolbar.vue

@@ -1,224 +0,0 @@
-<template>
-  <div class="es-editor-toolbar">
-    <template v-for="(items, indexs) in contents">
-      <div
-        class="es-editor-toolbar-item"
-        v-for="(item, index) in items"
-        :key="indexs + '_' + index"
-        :class="{
-          'es-last': index == items.length - 1 && indexs < contents.length - 1
-        }"
-      >
-        <el-dropdown
-          v-if="item.dropdown && item.dropdown.length"
-          placement="bottom"
-          :trigger="item.trigger"
-          @command="
-            (res) => {
-              handleCommand(item.type, res);
-            }
-          "
-        >
-          <el-tooltip
-            v-if="item.tips"
-            effect="dark"
-            :content="item.tips"
-            :placement="item.placement ? item.placement : 'bottom'"
-          >
-            <el-button size="small" class="es-icon-right">
-              <svg v-if="item.path" class="es-icon-svg" viewBox="0 0 1024 1024">
-                <path v-for="ele in item.path" :key="ele" :d="ele"></path>
-              </svg>
-              <span class="es-icon-text" v-else>
-                {{ item.value }}
-              </span>
-              <i class="el-icon-caret-bottom el-icon--right"></i>
-            </el-button>
-          </el-tooltip>
-          <el-button size="small" class="es-icon-right" v-else>
-            <svg v-if="item.path" class="es-icon-svg" viewBox="0 0 1024 1024">
-              <path v-for="ele in item.path" :key="ele" :d="ele"></path>
-            </svg>
-            <span class="es-icon-text" v-else>
-              {{ item.value }}
-            </span>
-            <i class="el-icon-caret-bottom el-icon--right"></i>
-          </el-button>
-          <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item
-              class="es-editor-dropdown-item"
-              v-for="ele in item.dropdown"
-              :class="{ active: ele == item.value }"
-              :key="typeof ele == 'string' ? ele : ele.title"
-              :command="typeof ele == 'string' ? ele : ele.title"
-            >
-              <template v-if="typeof ele == 'string'">{{ ele }}</template>
-              <template v-else>
-                <svg
-                  v-if="ele.path"
-                  class="es-icon-svg"
-                  viewBox="0 0 1024 1024"
-                >
-                  <path v-for="path in ele.path" :key="path" :d="path"></path>
-                </svg>
-                <span class="title">{{ ele.title }}</span>
-              </template>
-            </el-dropdown-item>
-          </el-dropdown-menu>
-        </el-dropdown>
-        <el-tooltip
-          v-else-if="item.tips"
-          effect="dark"
-          :content="item.tips"
-          placement="bottom"
-        >
-          <el-button size="small" :class="{ 'es-icon-right': item.popover }">
-            <svg
-              v-if="item.path"
-              class="es-icon-svg"
-              :viewBox="item.viewBox ? item.viewBox : '0 0 1024 1024'"
-            >
-              <path v-for="ele in item.path" :key="ele" :d="ele"></path>
-            </svg>
-            <span class="es-icon-text" v-else>
-              {{ item.value }}
-            </span>
-            <i
-              v-if="item.popover"
-              class="el-icon-caret-bottom el-icon--right"
-            ></i>
-          </el-button>
-        </el-tooltip>
-        <Colors
-          v-else-if="item.colors"
-          @select="selectColor"
-          :tips="item.colors.tips"
-          :title="item.colors.title"
-        >
-          <svg class="es-icon-svg" viewBox="0 0 1024 1024" v-if="item.path">
-            <path v-for="ele in item.path" :key="ele" :d="ele"></path>
-          </svg>
-        </Colors>
-      </div>
-    </template>
-  </div>
-</template>
-<script>
-import Colors from './color.vue';
-import mixin from './minx';
-export default {
-  name: 'Toolbars',
-  components: { Colors },
-  mixins: [mixin],
-  props: {
-    tags: Array,
-    fontSizes: Array,
-    fontFamilys: Array,
-    lineHeights: Array
-  },
-  computed: {
-    _tags() {
-      let tags = ['h1', 'h2', 'h3', 'h4', 'h5', '正文'];
-      if (this.tags && this.tags.length) {
-        return this.tags.includes('正文')
-          ? this.tags
-          : this.tags.concat(['正文']);
-      }
-      return tags;
-    },
-    _fontSizes() {
-      let fontSizes = [
-        '默认字号',
-        '12px',
-        '13px',
-        '14px',
-        '15px',
-        '16px',
-        '19px',
-        '22px',
-        '24px',
-        '29px',
-        '32px',
-        '40px',
-        '48px'
-      ];
-      if (this.fontSizes && this.fontSizes.length) {
-        return this.fontSizes.includes('默认字号')
-          ? this.fontSizes
-          : ['默认字号'].concat(this.fontSizes);
-      }
-      return fontSizes;
-    },
-    _fontFamilys() {
-      let fontFamilys = [
-        '默认字体',
-        '黑体',
-        '仿宋',
-        '楷体',
-        '标楷体',
-        '华文仿宋',
-        '华文楷体',
-        '宋体',
-        '微软雅黑',
-        'Arial',
-        'Tahoma',
-        'Verdana',
-        'Times New Roman',
-        'Courier New'
-      ];
-      if (this.fontFamilys && this.fontFamilys.length) {
-        let i = this.fontFamilys.findIndex('默认字体');
-        if (i > -1) {
-          this.fontFamilys.splice(i, 1);
-        }
-        return fontFamilys.concat(this.fontFamilys);
-      }
-      return fontFamilys;
-    },
-    _lineHeights() {
-      let lineHeights = ['默认行高', '1', '1.15', '1.5', '2', '2.5', '3'];
-      if (this.lineHeights && this.lineHeights.length) {
-        return this.lineHeights.includes('默认行高')
-          ? this.lineHeights
-          : ['默认行高'].concat(this.lineHeights);
-      }
-      return lineHeights;
-    }
-  },
-  data() {
-    return {
-      tag: '正文',
-      fontSize: '默认字号',
-      fontFamily: '默认字体',
-      lineHeight: '默认行高',
-      outdent: true
-    };
-  },
-  mounted() {
-    console.log(this.contents);
-  },
-  methods: {
-    handleCommand(type, res) {
-      switch (type) {
-        case 'size':
-          this.fontSize = res;
-          break;
-        case 'family':
-          this.fontFamily = res;
-          break;
-        case 'tag2':
-          break;
-        default:
-          this.tag = res;
-      }
-      console.log(res);
-    },
-    selectColor(res) {
-      console.log(res);
-    },
-    selectBgColor(res) {
-      typeof console.log(res);
-    }
-  }
-};
-</script>

package/packages/flow-list/src/flow-table.vue

@@ -1,441 +0,0 @@
-<template>
-  <div style="height:100%">
-    <es-data-table :toolbar="toolbar" :showFormBtn="false" :data="data" border style="width: 100%">
-      <el-table-column type="index" align="center" label="序号" width="50">
-      </el-table-column>
-      <el-table-column
-        prop="deptid"
-        align="center"
-        label="经办部门"
-        width="150"
-        show-overflow-tooltip
-      >
-      </el-table-column>
-      <el-table-column
-        align="center"
-        label="步骤"
-        width="110"
-        prop="itemname"
-        show-overflow-tooltip
-      >
-      </el-table-column>
-      <el-table-column align="center" show-overflow-tooltip prop="userName" label="办理人" width="110">
-      </el-table-column>
-      <el-table-column
-        label="状态"
-        align="center"
-        width="60"
-        show-overflow-tooltip
-      >
-        <template slot-scope="scope"
-          ><div
-            :style="
-              `${
-                scope.row.pendstate == 0 || scope.row.pendstate == 3
-                  ? 'color:red'
-                  : scope.row.pendstate == 1
-                  ? 'color:green'
-                  : 'color:deepskyblue'
-              }`
-            "
-            v-html="scope.row.querykeywords"></div
-          ></template
-        >
-      </el-table-column>
-      <el-table-column align="center" label="办理意见" show-overflow-tooltip>
-        <template slot-scope="scope"
-          ><span>{{
-            scope.row.doresult || scope.row.handleInfo
-          }}</span></template
-        >
-      </el-table-column>
-      <el-table-column
-        align="center"
-        label="验签"
-        width="70"
-        show-overflow-tooltip
-      >
-        <template slot-scope="scope"
-          ><span style="color:deepskyblue">{{
-            scope.row.authTypeStr
-          }}</span></template
-        >
-      </el-table-column>
-      <el-table-column align="center" label="附件" width="70">
-        <template slot-scope="scope">
-          <div class="file" @click="showFile(scope.row.wfpendingid)">
-            <span
-              v-show="scope.row.hasAdjunct"
-              class="iconfont es-icon-fujian"
-              :style="fileStyle || 'color:red;font-size:20px'"
-            ></span></div
-        ></template>
-      </el-table-column>
-      <el-table-column width="130" align="center" label="时间">
-        <template slot-scope="scope">{{ scope.row.doetime | date }}</template>
-      </el-table-column>
-      <!-- <el-table-column align="center" prop="itemname" label="提醒" show-overflow-tooltip>
-    </el-table-column> -->
-      <el-table-column
-        align="center"
-        width="80"
-        prop="douserid"
-        label="代办人"
-        v-if="hasAgent == '1'"
-        show-overflow-tooltip
-      >
-      </el-table-column>
-      <el-table-column
-        align="center"
-        label="催办"
-        width="60"
-        show-overflow-tooltip
-      >
-        <template slot-scope="scope">
-          <span
-            style="color:deepskyblue;cursor: pointer;"
-            @click="goPress(scope.row.id)"
-            >{{ scope.row.pressTimes }}</span
-          >
-        </template>
-      </el-table-column>
-      <el-table-column
-        align="center"
-        :width="modify ? '130' : '100'"
-        label="操作"
-      >
-        <template slot-scope="scope">
-          <el-button v-show="scope.row.canDelete" @click="del(scope.row.id)"
-            >删除</el-button
-          >
-          <el-button
-            v-show="modify && scope.row.pendstate == 2"
-            @click="hadelModify(scope.row.id)"
-            >修改</el-button
-          >
-        </template>
-      </el-table-column>
-    </es-data-table>
-    <es-dialog
-      append-to-body
-      :close-on-click-modal="false"
-      title="查看附件"
-      :visible.sync="showFileList"
-      v-if="showFileList"
-    >
-      <FileList
-        :ownId="wfpendingid"
-        :code="adjunctCode"
-        :deleted="false"
-        :disabled="true"
-        @cancel="showFileList = false"
-      />
-    </es-dialog>
-    <es-dialog
-      append-to-body
-      :close-on-click-modal="false"
-      title="查看催办记录"
-      :visible.sync="showPress"
-      height="500px"
-      v-if="showPress"
-    >
-      <div style="height:400px" v-loading="pressLoading">
-        <es-data-table
-          :data="pressTableList"
-          :thead="pressThead"
-          stripe
-          full
-          style="width: 100%"
-          @sort-change="sortChange"
-        />
-        <el-pagination
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page="currentPage"
-          :page-sizes="[5, 10, 20, 30, 50, 100]"
-          :page-size="pageSize"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="total"
-          class="pagination"
-        >
-        </el-pagination>
-      </div>
-    </es-dialog>
-    <es-dialog
-      append-to-body
-      :close-on-click-modal="false"
-      title="删除"
-      :visible.sync="showDel"
-      height="auto"
-      class="del-flow"
-      v-if="showDel"
-    >
-      <es-form
-        v-loading="delLoading"
-        :model="formData"
-        :contents="formItemList"
-        @submit="handleFormSubmit"
-      >
-      </es-form>
-    </es-dialog>
-  </div>
-</template>
-
-<script>
-import util from 'eoss-ui/src/utils/util';
-import FileList from '../../flow/src/component/FileList.vue';
-import { pressListJson, deleteFlow } from 'eoss-ui/src/config/api';
-export default {
-  name: 'FlowTable',
-  components: {
-    [FileList.name]: FileList
-  },
-  props: {
-    data: {
-      type: Array,
-      default: () => []
-    },
-    adjunctCode: {
-      type: String,
-      default: ''
-    },
-    fileStyle: {
-      default: ''
-    },
-    modify: {
-      type: Boolean,
-      default: false
-    },
-    hasAgent: {
-      type: String,
-      default: '1'
-    },
-    toolbar:{
-      type:Array,
-      default:() => []
-    }
-  },
-  filters: {
-    date(val) {
-      return util.formatDate(val, 'yyyy-MM-dd HH:mm');
-    }
-  },
-  data() {
-    return {
-      showFileList: false,
-      showPress: false,
-      showDel: false,
-      currentPage: 1,
-      pageSize: 20,
-      wfpendingid: '',
-      delLoading: false,
-      pressLoading: false,
-      pressTableList: [],
-      formItemList: [
-        {
-          name: 'reason',
-          label: '删除原因',
-          type: 'textarea',
-          placeholder: '请输入删除原因',
-          rules: {
-            required: true,
-            message: '请输入删除原因',
-            trigger: 'blur'
-          },
-          value: '',
-          rows: 5
-        },
-        {
-          type: 'submit',
-          skin: 'lay-form-btns',
-          contents: [
-            {
-              type: 'primary',
-              plain: true,
-              text: '保存',
-              event: 'confirm'
-            }
-          ]
-        }
-      ],
-      formData: { reason: '' },
-      historyId: '',
-      sidx: '',
-      sord: '',
-      total: 0,
-      pressThead: [
-        {
-          title: '催办节点',
-          align: 'center',
-          sortable: true,
-          field: 'urge_item'
-        },
-        {
-          title: '催办人名称',
-          sortable: true,
-          align: 'center',
-          field: 'urge_man_name'
-        },
-        {
-          title: '催办时间',
-          sortable: true,
-          align: 'center',
-          field: 'urge_time'
-        },
-        {
-          title: '被催办人名称',
-          align: 'center',
-          sortable: true,
-          field: 'urged_man_name'
-        }
-      ]
-    };
-  },
-  methods: {
-    /**
-     * handleFormSubmit
-     * @desc:删除节点点击事件
-     * @param {Object} formData 点击删除的form数据
-     * @author liufan
-     * @date 2022年11月29日
-     **/
-    handleFormSubmit(formData) {
-      this.delLoading = true;
-      let params = {
-        url: deleteFlow,
-        method: 'POST',
-        data: { id: this.historyId, reason: formData.reason }
-      };
-      util
-        .ajax(params)
-        .then(res => {
-          const { status, message } = res;
-          this.delLoading = false;
-          if (status === 'success') {
-            this.$message.success('删除成功');
-            this.showDel = false;
-            this.$emit('success');
-          } else {
-            this.$message.error(message || '系统错误，请联系管理员！');
-          }
-        })
-        .catch(err => {
-          this.delLoading = false;
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    /**
-     * del
-     * @desc:展示删除弹窗
-     * @param {String} id 当前点击数据id
-     * @author liufan
-     * @date 2022年11月29日
-     **/
-    del(id) {
-      this.historyId = id;
-      this.showDel = true;
-    },
-    /**
-     * hadelModify
-     * @desc:展示修改弹窗
-     * @param {String} id 当前点击数据id
-     * @author liufan
-     * @date 2022年11月29日
-     **/
-    hadelModify(id) {
-      this.$message.warning('暂未开放，敬请期待！');
-    },
-    /**
-     * handleSizeChange
-     * @desc:监听每页数据显示数量变化
-     * @param {String} val 每页展示数量
-     * @author liufan
-     * @date 2022年11月29日
-     **/
-    handleSizeChange(val) {
-      this.pageSize = val;
-      this.getPressList();
-    },
-    /**
-     * handleCurrentChange
-     * @desc:监听页码变化
-     * @param {String} val 当前页
-     * @author liufan
-     * @date 2022年11月29日
-     **/
-    handleCurrentChange(val) {
-      this.currentPage = val;
-      this.getPressList();
-    },
-    /**
-     * sortChange
-     * @desc:监听排序变化
-     * @param {Object} info 需要排序的字段及排序方式
-     * @author liufan
-     * @date 2022年11月29日
-     **/
-    sortChange(info) {
-      let { prop, order } = info;
-      this.sidx = prop;
-      this.sord = order.replace('ending', '');
-      this.getPressList();
-    },
-    /**
-     * getPressList
-     * @desc:催办列表数据
-     * @author liufan
-     * @date 2022年11月29日
-     **/
-    getPressList() {
-      const { historyId, pageSize, sidx, sord, currentPage } = this;
-      this.pressLoading = true;
-      let params = {
-        url: pressListJson,
-        params: { historyId },
-        method: 'POST',
-        data: { page: currentPage, rows: pageSize, sidx, sord,historyId }
-      };
-      util
-        .ajax(params)
-        .then(res => {
-          this.pressTableList = res.data;
-          this.total = res.totalrecords;
-          this.pressLoading = false;
-        })
-        .catch(err => {
-          this.pressLoading = false;
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    /**
-     * showFile
-     * @desc:附件查看
-     * @param {String} ownId 附件id
-     * @author liufan
-     * @date 2022年11月29日
-     **/
-    showFile(ownId) {
-      this.wfpendingid = ownId;
-      this.showFileList = true;
-    },
-    /**
-     * goPress
-     * @desc:催办列表查看
-     * @param {String} id 催办列表id
-     * @author liufan
-     * @date 2022年11月29日
-     **/
-    goPress(id) {
-      this.historyId = id;
-      this.showPress = true;
-      this.getPressList();
-    }
-  }
-};
-</script>
-
-<style></style>

package/packages/theme-chalk/lib/editor.css

@@ -1 +0,0 @@
-@charset "UTF-8";.es-editor{border:1px solid #d9d9d9}.es-editor .es-editor-toolbar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 4px;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px solid #d9d9d9}.es-editor .es-editor-toolbar .es-editor-toolbar-item-box{height:40px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.es-editor .es-editor-toolbar .es-editor-toolbar-item-box+.es-editor-toolbar-item-box .es-editor-toolbar-item:first-child{border-left:1px solid #d9d9d9}.es-editor .es-editor-toolbar .es-editor-toolbar-item{height:40px;padding:4px}.es-editor .es-editor-toolbar .es-editor-toolbar-item.es-last{border-right:1px solid #d9d9d9}.es-editor .es-editor-toolbar .es-editor-toolbar-item .es-icon-text+.el-icon--right{width:auto}.es-editor .es-editor-toolbar .el-button--default{border:0;color:#595959}.es-editor .es-editor-toolbar .el-button--default:hover{color:#333;background-color:#f1f1f1}.es-editor .es-editor-toolbar .el-button--default.es-icon-right{padding-right:3px}.es-editor .es-editor-main{overflow:hidden;padding:0 12px}.es-icon-svg{width:14px;height:14px;fill:#595959;position:relative;top:3px}.es-icon-svg+.el-icon--right{width:auto}.es-editor-color li{border-radius:3px;cursor:pointer;display:inline-block;padding:2px;border:1px solid transparent}.es-editor-color li.active,.es-editor-color li:hover{border-color:#d9d9d9}.es-editor-color li .es-editor-color-block{border:1px solid #d9d9d9;height:17px;width:17px;border-radius:3px}.es-editor-color .es-editor-color-clear{line-height:1.5;margin-bottom:5px;width:100%}.es-editor-dropdown-item:not(.is-disabled).active{background-color:rgba(0,0,0,.04);color:#69c0ff}.es-editor-contents p{margin:12px 0;line-height:1.5}